style.css 124 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154215521562157215821592160216121622163216421652166216721682169217021712172217321742175217621772178217921802181218221832184218521862187218821892190219121922193219421952196219721982199220022012202220322042205220622072208220922102211221222132214221522162217221822192220222122222223222422252226222722282229223022312232223322342235223622372238223922402241224222432244224522462247224822492250225122522253225422552256225722582259226022612262226322642265226622672268226922702271227222732274227522762277227822792280228122822283228422852286228722882289229022912292229322942295229622972298229923002301230223032304230523062307230823092310231123122313231423152316231723182319232023212322232323242325232623272328232923302331233223332334233523362337233823392340234123422343234423452346234723482349235023512352235323542355235623572358235923602361236223632364236523662367236823692370237123722373237423752376237723782379238023812382238323842385238623872388238923902391239223932394239523962397239823992400240124022403240424052406240724082409241024112412241324142415241624172418241924202421242224232424242524262427242824292430243124322433243424352436243724382439244024412442244324442445244624472448244924502451245224532454245524562457245824592460246124622463246424652466246724682469247024712472247324742475247624772478247924802481248224832484248524862487248824892490249124922493249424952496249724982499250025012502250325042505250625072508250925102511251225132514251525162517251825192520252125222523252425252526252725282529253025312532253325342535253625372538253925402541254225432544254525462547254825492550255125522553255425552556255725582559256025612562256325642565256625672568256925702571257225732574257525762577257825792580258125822583258425852586258725882589259025912592259325942595259625972598259926002601260226032604260526062607260826092610261126122613261426152616261726182619262026212622262326242625262626272628262926302631263226332634263526362637263826392640264126422643264426452646264726482649265026512652265326542655265626572658265926602661266226632664266526662667266826692670267126722673267426752676267726782679268026812682268326842685268626872688268926902691269226932694269526962697269826992700270127022703270427052706270727082709271027112712271327142715271627172718271927202721272227232724272527262727272827292730273127322733273427352736273727382739274027412742274327442745274627472748274927502751275227532754275527562757275827592760276127622763276427652766276727682769277027712772277327742775277627772778277927802781278227832784278527862787278827892790279127922793279427952796279727982799280028012802280328042805280628072808280928102811281228132814281528162817281828192820282128222823282428252826282728282829283028312832283328342835283628372838283928402841284228432844284528462847284828492850285128522853285428552856285728582859286028612862286328642865286628672868286928702871287228732874287528762877287828792880288128822883288428852886288728882889289028912892289328942895289628972898289929002901290229032904290529062907290829092910291129122913291429152916291729182919292029212922292329242925292629272928292929302931293229332934293529362937293829392940294129422943294429452946294729482949295029512952295329542955295629572958295929602961296229632964296529662967296829692970297129722973297429752976297729782979298029812982
  1. @charset "UTF-8";
  2. /**
  3. * Stisla
  4. *
  5. * Stisla is a clean & modern HTML5 admin template based on Bootstrap 4.
  6. * Stisla will make it easier for you to create your own admin interface.
  7. *
  8. * @package Stisla
  9. * @version 2.3.0
  10. * @author Muhamad Nauval Azhar
  11. * @url https://getstisla.com
  12. *
  13. */
  14. /**
  15. * TABLE OF CONTENTS
  16. *
  17. * 1. Variable
  18. * 2. Mixin
  19. * 3. Bootstrap Override
  20. * 3.1 Misc
  21. * 3.2 Form
  22. * 3.3 List
  23. * 3.4 Alert
  24. * 3.5 Card
  25. * 3.6 Table
  26. * 3.7 Tooltip
  27. * 3.8 Modal
  28. * 3.9 Nav
  29. * 3.10 Pagination
  30. * 3.11 Badge
  31. * 3.12 Button
  32. * 3.13 Media
  33. * 3.14 Breadcrumb
  34. * 3.15 Accordion
  35. * 3.16 Popover
  36. * 3.17 Grid
  37. * 3.18 Navbar
  38. * 3.19 Dropdown
  39. * 3.20 Tab
  40. * 3.21 Progressbar
  41. * 3.22 Jumbotron
  42. * 3.23 Carousel
  43. * 4. Theme Style
  44. * 4.1 Misc
  45. * 4.2 Section
  46. * 4.3 Page
  47. * 4.4 Layout
  48. * 4.5 Animation
  49. * 5. Responsive
  50. *
  51. */
  52. /* 1. Variable */
  53. /* 2. Mixin */
  54. /* 3. Bootstrap Override */
  55. /* 3.1 Misc */
  56. @import url("//fonts.googleapis.com/css?family=Nunito:400,600,700,800");
  57. .btn:focus,
  58. .btn:active,
  59. .btn:active:focus,
  60. .custom-select:focus,
  61. .form-control:focus {
  62. box-shadow: none !important;
  63. outline: none; }
  64. a {
  65. color: #6777ef;
  66. font-weight: 500;
  67. transition: all .5s;
  68. -webkit-transition: all .5s;
  69. -o-transition: all .5s; }
  70. a:not(.btn-social-icon):not(.btn-social):not(.page-link) .ion,
  71. a:not(.btn-social-icon):not(.btn-social):not(.page-link) .fas,
  72. a:not(.btn-social-icon):not(.btn-social):not(.page-link) .far,
  73. a:not(.btn-social-icon):not(.btn-social):not(.page-link) .fal,
  74. a:not(.btn-social-icon):not(.btn-social):not(.page-link) .fab {
  75. margin-left: 4px; }
  76. .bg-primary {
  77. background-color: #6777ef !important; }
  78. .bg-secondary {
  79. background-color: #cdd3d8 !important; }
  80. .bg-success {
  81. background-color: #47c363 !important; }
  82. .bg-info {
  83. background-color: #3abaf4 !important; }
  84. .bg-warning {
  85. background-color: #ffa426 !important; }
  86. .bg-danger {
  87. background-color: #fc544b !important; }
  88. .bg-light {
  89. background-color: #e3eaef !important; }
  90. .bg-dark {
  91. background-color: #191d21 !important; }
  92. .text-primary, .text-primary-all *, .text-primary-all *:before, .text-primary-all *:after {
  93. color: #6777ef !important; }
  94. .text-secondary, .text-secondary-all *, .text-secondary-all *:before, .text-secondary-all *:after {
  95. color: #cdd3d8 !important; }
  96. .text-success, .text-success-all *, .text-success-all *:before, .text-success-all *:after {
  97. color: #47c363 !important; }
  98. .text-info, .text-info-all *, .text-info-all *:before, .text-info-all *:after {
  99. color: #3abaf4 !important; }
  100. .text-warning, .text-warning-all *, .text-warning-all *:before, .text-warning-all *:after {
  101. color: #ffa426 !important; }
  102. .text-danger, .text-danger-all *, .text-danger-all *:before, .text-danger-all *:after {
  103. color: #fc544b !important; }
  104. .text-light, .text-light-all *, .text-light-all *:before, .text-light-all *:after {
  105. color: #e3eaef !important; }
  106. .text-white, .text-white-all *, .text-white-all *:before, .text-white-all *:after {
  107. color: #ffffff !important; }
  108. .text-dark, .text-dark-all *, .text-dark-all *:before, .text-dark-all *:after {
  109. color: #191d21 !important; }
  110. .font-weight-normal {
  111. font-weight: 500 !important; }
  112. .lead {
  113. line-height: 34px; }
  114. @media (max-width: 575.98px) {
  115. .lead {
  116. font-size: 17px;
  117. line-height: 30px; } }
  118. h1, h2, h3, h4, h5, h6 {
  119. font-weight: 700; }
  120. p, ul:not(.list-unstyled), ol {
  121. line-height: 28px; }
  122. .shadow {
  123. box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03); }
  124. .text-muted {
  125. color: #98a6ad !important; }
  126. /* 3.2 Form */
  127. .form-control,
  128. .input-group-text,
  129. .custom-select,
  130. .custom-file-label {
  131. background-color: #fdfdff;
  132. border-color: #e4e6fc; }
  133. .form-control:focus,
  134. .input-group-text:focus,
  135. .custom-select:focus,
  136. .custom-file-label:focus {
  137. background-color: #fefeff;
  138. border-color: #95a0f4; }
  139. .input-group-text,
  140. select.form-control:not([size]):not([multiple]),
  141. .form-control:not(.form-control-sm):not(.form-control-lg) {
  142. font-size: 14px;
  143. padding: 10px 15px;
  144. height: 42px; }
  145. textarea.form-control {
  146. height: 64px; }
  147. .custom-control {
  148. line-height: 1.6rem; }
  149. .custom-file,
  150. .custom-file-label,
  151. .custom-select,
  152. .custom-file-label:after,
  153. .form-control[type="color"],
  154. select.form-control:not([size]):not([multiple]) {
  155. height: calc(2.25rem + 6px); }
  156. .form-control.creditcard {
  157. background-position: 98%;
  158. background-repeat: no-repeat;
  159. background-size: 40px;
  160. padding-right: 60px; }
  161. .form-control.creditcard.paypal {
  162. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAoCAYAAABOzvzpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4Q0JDOEEwQkQ5QkJFMjExOEZFQUIwMEM5MDY5Rjk1OCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo4MzhDMkFERDA5N0ExMUUzOEU3NkI3REVBNTBBQTM3QyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo4MzhDMkFEQzA5N0ExMUUzOEU3NkI3REVBNTBBQTM3QyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjNFQjYzNzExNzYwOUUzMTE5MjFFQjVEQjRBN0YxNUQwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjhDQkM4QTBCRDlCQkUyMTE4RkVBQjAwQzkwNjlGOTU4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+pzjbbwAABEdJREFUeNrsWGtsk1UYfnpd13Yd68boXOmAgnO4VSfLUBIhRhYIGkPMDHHGCJloNOIPL9EYkKB4SURiovBnRn+QQaZchUgQp8KcDlh2MawwV7YJG1u3sVtvWy9fPef9sMt0Gp1JQ/KdNzl9z7Xt85znfd9+VdlLKx0APmVtFWt6KMPCrJ1h7WmNJfeeg6xTxpoGyjGO1clasZq9rIRy7X61gmQ/oxLUULgJAgQBggBBgCBAECAIEAQIAgQBCjXtbA8+UlaKPTufmXrADkdx+UoPtu3aj6aLnbN7MtGnILPABZVKJU/E44hFwgj0X0doePBvz/H98jk1Btuak6OAVffeSZ6D/qymFgM3RuEqWIAPt22ieb1eiwX2bOQ7c5GZkUZzOp0W9pws9gg29bGGFD3NmU2p0JnTCIwUiyI46EUkGCBSLI6FUOt0HCnzemhTjeQTt2g00T4pFkmeAkpci8nvrvoKJ79vgrvjGnZt3Uhglxffjpq9r0wDeqK2EQ1N7dj56hP48kQ9Xnr7cwJde2AHbptnxZY3q/Cd20t7J4ZvwNf7G4HKWnqXrA4GODO/CGrt1FeOToQw4rkEndFM40jAnxwCrHPMWOSYR32fP4TSu5fgqcceoHF942Xyr7+3D13XvKQCTszDD5bg0Nc/0VpRQR75Fzc9ROCb2zpx7JvzsOYX0rwUjdAtm7Jz5DELAykaRWCgD9FQkFRimb8QWkMq22eCzvQHAYHkELCsaHGif+CTlxP9C60d2PpBNZHjuiMP5evuQ67NSmtXewdxydNDfafDBmeeDZsfL2NhHqe8AaYWDoibOcdOjVssHMZYt4cnBKg1Ghjn2pgy9AklxCZDUwoIJkkBJS4neX7DR0+dw/CoHy3uLrS0dWH9muX4+K3NtFZ95CyRUbF+JS784kFv/zD8wQmYjQbsfedZaLUa1Bz/Ea3ubugt6XLekyQW//0snmNM4kFEfONQ8+TI5M9zQHDIi7BvDGm5DlIGJ5ATEqf9oWQRICugav9p7Dv8w7S18nUryH9xvB5HTjXgo+2VNG5s9ZBvv9LLFOTE0iXz4Q+E8P6eQ3LSNMqJcnJsBP6+nmnvaUjPgIrd/uT4KILePhizbXLlYTH/f25/1lXAdTOGf2ZJ7c92sf0q+deefxSnq3eguHARjRua5b2/dl5P7OUJdGjEJ1cIlsllUL6/vGeEKYFbimUO5hYWw2DNkuf94/947t+Yyl5aGf+vh3KyMyBJcXiHRmesySuW5VN5O9fSgYx0E1WD7p4BWn/jhXI89+RaeLr7UFaxHdGYJN8Ei2mVWsNifnJmqbKkqEkxIMpuPR6XqAxyyfO8wPsx1ufhkBQCZmtp5lTUHXyXSmXFlt2oO+9W1k/hyg2rCfzhkw23BPikK0A8DAkCBAGCAEGAIEAQIAgQBNxiBIQVjD/GCTirYALqOAH8H4tvFaaEyE3MG38XYABCjHjqM0/uowAAAABJRU5ErkJggg=="); }
  163. .form-control.creditcard.visa {
  164. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAoCAYAAABOzvzpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4Q0JDOEEwQkQ5QkJFMjExOEZFQUIwMEM5MDY5Rjk1OCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2N0ZCMEUyQjA5N0ExMUUzQThCQUUwNkRBQTdGOUQzMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2N0ZCMEUyQTA5N0ExMUUzQThCQUUwNkRBQTdGOUQzMSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjNFQjYzNzExNzYwOUUzMTE5MjFFQjVEQjRBN0YxNUQwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjhDQkM4QTBCRDlCQkUyMTE4RkVBQjAwQzkwNjlGOTU4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+NGpUrQAABKJJREFUeNrsWHtMW1UY/3ELFAq0tCuDQjtbnm7SjbkBA3lMN4LO6QwxzmWSmKiJfyiJMWaJ/0m2mCzTaJYZXTYN6kKi0z/cDIsyF0eGcxuMOXkMxvv9KOXVVvr0nHPpbe8kMUpS/uj9ktN77ndPzznf73zf7/vujSg6WL8JwBnSykmLRniIk7RfSXs1kvycJW0vwkvoQVeQVseRnzKEr5RyYeT2q4mMQ5iLBIAEgASABIAEgASABIAEQNhK5H8ZrI+zotLQiQr9PWjkNqbz+DhcGDTjk/ZS0dgXnsrGk6VG1u8ZnMP7n93AB0fKoFbFMN2Jz1vQcd/C+rqkODxfmYWduclITY4n9SmH2XkHmm6N4uMvb4vmfbN6O7blaMFxEey+5ugVLNldoQFgxKbG2a5i1HUXoiqjE4czbyCWs2Pfpj9xuuMxuH28Q9HNHdr/MJI3KNj9dz/1IFYeiV15qYjg9w2L1cGu5fl6vFdThOgomWit1I3xeChNKdLt2qbDoadzRLockwYt7ZOhDQG3V4bzvWaM53+BUc6MaM4Do9Ii2qjf+LnFZTQ2DzFj/MbbHC5MWuwMlCOv5QvG3+maZid+6lwbLv82hPYei2jdlw5s/sdecrM2hC4EgsXr9WFmwYu8/R9i8Md3ka2awv35JPbswJ4MYdzFK31Ydnpg0gdOc2BkgV03Z2iQqJQL+tpT1zE+bVt1vWyjGo9u2cj6M8R7tOpY1n9kjQCsiQR/vzMOjSoWun3HkJ7kZTq6seLtqTw/eHzM/amY9Crhf30j8+w6v+QUzXeCcETJjrRV16qqyBT61EPo3FS2ZK4rABPsqklUwFRWzfrPPpEOmYz39ebbY5icsbN+ukEV5AE8AL1Dc/jhcq+gpyAdf6cUp2v3wpCSIOgTE+SoXCHUuYVl/HJ9mBCrlV+bkCol0XUBYGrWjr5h3piCnTlI0cbhmccD7v9NQ7fQN6YFAOhfCQEqx8/cwsmv27BoC3hDbrYWn9bugSqBD4/nyOnLo3me+Ll5EC63F3e7Z4TxawmDNdcBNAzYpxVy6jXVeUjWKgQjWzt4dqZkl5KkCAAwOh/gEp8P9Re7UPXGBXx7KQCYWhmD8gI9mzfY/ScIR+Sbk+F0eYOIUBt6EhQA+GOCpTwquwsNgp7Gvo8PU5YBuJUUYHe4WVj4T5QSpD8zfFTXisoSI5Txga90uwsMAuH564AHhZLpugHQ1jnNjPAbRGWJuHPD1f6g2FYGuT9/+ltJMXPsrRJcaxlF94CVnWgZqQn8xrs9Xtwk4NbWFP/rHnJMakRFciw0Qg6A0+Uhrj6FojydoGtoGoDjL7eI3B4EgOriFVGM3PwEF5xiT37VRsg1RohvCsjhtxtYXSGkTVJAFZKag9YRWSRN+ivLkAJApZEQkzoon5+/1CN6LiOVYVffLO8xpNihcq/fikZS7JgJ4SURF6ceMG21M4/6noQPff76i1sxNrXExt+8O4nhiUXRvNdax2DQ8dlCT0ro/wNARNHBep/0NigBIAEgASABIAEgASABIAEgARCeADjD2H4PBeBqGAPQRAF4hb7QhZknuFZsfvlvAQYAHheK9jMfKWkAAAAASUVORK5CYII="); }
  165. .form-control.creditcard.americanexpress {
  166. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAoCAYAAABOzvzpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4Q0JDOEEwQkQ5QkJFMjExOEZFQUIwMEM5MDY5Rjk1OCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo5RkI5MDAxRjA5N0ExMUUzOUQ4QkU1OTZBNzYxMzREQiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5RkI5MDAxRTA5N0ExMUUzOUQ4QkU1OTZBNzYxMzREQiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjNFQjYzNzExNzYwOUUzMTE5MjFFQjVEQjRBN0YxNUQwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjhDQkM4QTBCRDlCQkUyMTE4RkVBQjAwQzkwNjlGOTU4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+jutENgAAB2FJREFUeNrsWGlQlWUUfi7cy2VfZFdAFkUQUVxAwz3TLM3d1DQEpRzN1GaymHEdl6yxcVyyUcfQynBJUxx1zNBEMERRSBkUEdkR2ZEdLtzOebn3E4p+hEN/7j0zL5fvvd/33vc855znPO8n6xMR4wbgMI2xNIygG9ZEI5ZGuJz+fEfjDeiWcaAn0vjegP6Mge7aaAMdSvvOzNAAOm56APQA6AHQA6AHQJdNrv2np7Uxrn4aDLmhTFw3NLfi0v3nmDXUWbq5plGFcV/dRC8bE0R/HNSlH6xvbkHG81r0cTCDqZGhmKusa8bVh6UY420Le4vOZclPt/KxcISLdN3Sqsa+q1lYM9FTmvv610wcvJ7dNQDeD3bF9fRSRJxOE9e7F/jj7YGOuJxajPW/PBRz+xYOxOKRbnCxMcbppEJ8eSlDzB8ODRD38Vx72zbLFym5VR3mFSQ9RnjZYNtMX4QfTZGeZ9iXRCbjWVWDmLsRMQqTd91CXZMKkwc4Yv073lIA2EJpH8vHu+NJcS3mH0gSv9XlDLA0lmNeYE8sOZICbydzFL9oxAFC8tgHQ9CsakVVvYoio8Q3hPiBkIEwkhtgyu5bMFPKUVjZABVFo54yRk7O7ZrnJy3e19EcCZkV0jzfdyW1BCfvFJBTDqhtbBH33c97gYgzaZjY3x7LxrmTPJPh5O0CFFc3YlqAE87cK8SK191hQfvkvfQwM8K3v2fjTVqjVa0Wc7zPLnPAu+Q8I8nRWkRpFkLZkPi0AmmF1dKNoSNdcTurAulFNYh7XIacsnosHe3WYbE6cugEbVw72AE2djy3vB75NEpqGkXq+/WykJ6Lf1IO8gNbZ/qguaUVk/zscfRmnnBw7WQvyg4ZfvwjT7o/fIwbbM0VWEeZyc+9EglySoaQc4dicyCjPIzLKEcKRYSN57T2lr8D3GxNRN3x5kZTvfbvafE3YS2Daw8TaZgoDCRgOKKn7hQi4UmFeM7OXCk9p9Z4wZniZW8muIczq6K2CXtjsmBtKhfPvmhQifvMCMAtM3yQTAE7lpD/aiQ4dZAjmlRqXCMSCu7TA3JyQk4/MMzdWtS1r7O55Fz46N7YeO6RuOby+LspyeGRtIbWLIwV4pOJ7ezKIJTVNCG1oFrU/t3sSum+IA8b8bmJ1p7k54CDBHxvAru3ramY5zXPJRcJELQ23scOU4ijTiUVvBoAYaNccSIxH3a0yb3v+YuNGVEkPOxNMX3fbUSnFMHKRA4DSg/uCJHxuXC2UmK4p40oGf6OQeNoqyh9V0U96ECCPM+1y7b9YgbCKNv4GY65mbKtCwR6WGPz9H6ibOIzHomM2Ditn+gUXGrj+tniOfESZwY/yxxUQBmygYiRs6CWyFEh71pHl6nVL6uIa56d5mhfWxssWmN7K6GaZjJkq6htho2Z4j/92OrjqdizYMA/5quoDcYSr7xG3cHW3EiAzbuatCsB2aV1wlHmpfYWRW3R0coYE3ztXqkNyvpExKihw6ZXgt21cMaOCf/6HbfSBQfvYgoR8JbpPqL7tLdG6umc+nZUDlwS7a2aOgF/5+9i2enadU0tyKN2y91Eq2rZ8ivqRftlDfG/AMA2dU8iijTK7mXRybCZCO7MikDYEvHOIxXHLa+huaWDWhxAOmE7kega4o34jDLpOxZfM4c4C5LWqkKtBbhZYedcP+y8/KStlWvobeUET0Go2y48RqlGm7BdWD2iewHgaLFemDuspzTH7eyzn9NIavvh89O5guU3TfMWBPnJJC8EuFqKdrmW7jlCHaeWIupoaYx1U/uSSFLjBxJE+69lkUJ0FAqQyVFLhNxtTpHKjE0vwxezfWGubHOvn5OZWN+QwN8686VktiJ9Ie/uGksrrBHtjc2PBNAO2hgD89GxB6KlHftwKLSJygLH0kQhNL8QSFJJtAglqSIA+ODkYWcqpTK37RJNVHl97gwiun8+F+XDgiyI2qwDda97OVW4SK2UgRpM2WIsN+x+ACzJSd5EmyBSCu3OeqFNXBlAQS2XpTLbriuZlP4kfClS3BLDRrlh/dlH5GCTUJL8WEZxDeYH9RKtmo1bcfv1Zwx2Ih0jQxIBwxkSGZcjOGE3tV8ORC5lXBZxCB/QmGO6HQA+ObZXh1zTiU8rcWjxIJHKoXQC3Eqylo01wjhSeHzUZaKTa5xk6czKs4Yy5xRtnGt8OR2a2DyJ7LTrc2SZTxjAQFKXvE5CZjkp3VZBvC50jOfhaKkUZx0+d3QrALwhPjjxkPouObV/kT+lqhIHQwYhLDIFm8+ntylKIr9N0elC5LAdXzZUlAVrNVaCUYkFcCeJzKdXThp+Jjr5mRhaEpxDfLPh7EMpwzyJLFfQsZnPNVoyNVYYYjap2pF9e3QvABdWD+90nk+Vc/YniUPY+VUdX6z8llbS4Xq3RjlyZNnYwTkaUk3aOLbT9fmorX1pUlTVSGRoKK2jfbHDL2VWRaXqlaD+pageAD0AegD0AOgB0HEAmnTY/xYG4IYOAxDHACylEaNjmdCs8Tn0LwEGANFzD+vUOoKUAAAAAElFTkSuQmCC"); }
  167. .form-control.creditcard.dinersclub {
  168. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAoCAYAAABOzvzpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4Q0JDOEEwQkQ5QkJFMjExOEZFQUIwMEM5MDY5Rjk1OCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo3QzZFN0NDMjA5N0ExMUUzQTlFREIzQkJBNTFDMUVBOSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3QzZFN0NDMTA5N0ExMUUzQTlFREIzQkJBNTFDMUVBOSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjNFQjYzNzExNzYwOUUzMTE5MjFFQjVEQjRBN0YxNUQwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjhDQkM4QTBCRDlCQkUyMTE4RkVBQjAwQzkwNjlGOTU4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+DhLVaQAABA5JREFUeNrsmHlIFFEcx7+r5qqb95GWeaRWpBamhhZ2UFKupZ2S1h9Z0QkdEFF0KR0UEf1RWFAWREFaJF1GEZgWphGdVt6laZalrpjttofbe2s7u9OYGbQxy8wP3rIz83tv9/eZ3/WeBPITAQBOkzGFDHsIQ9RkFJOx0hZhsy+TL4lk2EI4Qm0NISPKhnxMhnAlwUZAbt+nJ9hA4CICEAGIAEQAgha7//EjwzxlWDZjFBKj/DHE3Ql6vR5eLg7wdnVkdLpVWjS3daOioR1Xy94i/34dVGqdxf+bhLTCekstLh1ki+ylMVg4KQQ5NysMRjV96Waeuw+WQh4bgI0pkYgd6cOa+6G9G1vPlOFCUY11AnCV2aMwW4437xXYcPIBvn3X/j4OJRJsTI3E4RXxpDORsJ7l3qnE6mPF0PVY5j3RvUDWP48r0l/d2JOE4pct2HyqFBpdT7/61LSyyk94Vt+GtIQQAxCjjA/xgp+HDNcfNVgPgC0LxpEYd8S6nBIWlPBAd7QqlMy9Eb4uBjhqbS+gqmYFVBqdIVeYS3SoN2pbOvHyXTv/qwB1/fWzI7DmeAlJdr33PJ0dcO9gCrYtimLpzowejoqcNIwN9mTuHbnyHK8bOzjrHl4eD0d7O/4DyJgahmtl7/C5U8nEd8GumZg0xrdP/UAfZ9zemwwft96KQGP9QP4Tjp6fhxMWJYzgPwB5TAAuPahjrhdPCUVCuF+/c3xJady5OJq5vkoAarTcvDFnQhD/AVB3flr3hbleQjxiYJ4TCmPu+6rUoJrkg18lJsyb/wAGOwxCFzHAKKOHuw1oHs0TPmaN0ccOZZ9hwHsAKg273uv/onybq37X6PrsF3gPgLa0TlJTtn7VOLDSRcujeYn095JxdFo6vvEfQCXp/CZHmJLeQFvZC/dMeh7OUtIzeHB0yqs+8R/ADdKxzZsYzFzTilD0ornfObUfOrH/oqn0pcYFc1piKgWlb/kP4HxRNaaP8zeUNmMOmL/vDu4+a/qt8Ul7CtHWpWI6xu1pUVzPalIQmPXWsRlaNWsMUuICMSf7FpMEaQILG+aKqiYFqwmica9UmxLn7vRosoOM5STS5KxC3HrcaB0HIqduvya1XItDmXHMvR5ihbnxVBpau1jGzyehszsjhrPejnPlFjHeYgDoG8s8WoTgIS44u3ka3GTSfvXt7XrdPm9bIiv26Tr7857g4KWn1nkgQt1+09xIrJWHk9xQgyul9awdHS11NOFtSo1E6FBX1ly6IdqS+9Bib/6/ADAKPf5KJ3uClLggwxaYgqGbH/N+gR6YNH7+isc1rYZsf628Ado/nCNYDQA+i3gsLgIQAYgARABCB6AWsP06CqBEwADuUwAryLgrME/Q/LR52Q8BBgBm3GJpfFCpogAAAABJRU5ErkJggg=="); }
  169. .form-control.creditcard.discover {
  170. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAoCAYAAABOzvzpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4Q0JDOEEwQkQ5QkJFMjExOEZFQUIwMEM5MDY5Rjk1OCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo4MTYxNkM1QzA5N0ExMUUzODkyODk5REFFMENGQ0I0MiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo4MTYxNkM1QjA5N0ExMUUzODkyODk5REFFMENGQ0I0MiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjNFQjYzNzExNzYwOUUzMTE5MjFFQjVEQjRBN0YxNUQwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjhDQkM4QTBCRDlCQkUyMTE4RkVBQjAwQzkwNjlGOTU4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Nbpv+wAABOVJREFUeNrsmnlQVVUcx79gGWtvGCuteBgOSykiISQaO5GgwWtKZlJkMfpDrZQmBNOCxqJF0UlsEaPYbAMCCp1JnjFsZSKyiRA8FkGCARyBx9Lb7judexzuSKMNIU7Lu7+Z39x7f++sn/P7/c59d44RIcQGQDpVH6rzYRiioVpO9QUjCkBOb56AYUoZD0BtQCv/Z+F4AAQGLCIAEYAIQAQgAhABiABEACIAEYAIQARgkGI804J2Do5MXVxXYld8PIaHR5h92/YXESp7GjzH+IQEPGgthZPzCuTm5l378qDRMPt9ixbB1NwCXt4+1xrUc9CUpGEiKQDju9zw+0cx0Pe3o7a2jvWTn/+t0HdjYyOz5eXlC+Pg1dXNHS0tLcKzx5o1+Dwj4/YA6OnpgYO9PRwc7PHxJ0fhFxCAsbExDA4Noa+/HyVyOT44nIqQkBAE+Pujo7OT1QuPiEDqkQ8hC5Vhz2u7MXTlCrOrvk6CunA/9IOXQMaHoWsqw+T+Z7HiAQmMjY1xNC1N6Ds7JwcDAwMIDAxk41hsY0PbC8W64CAKWMtsPt7ekNwtwdZt2xnEGQuZodx5lwnJys5m9z+fOUPmm5iSd997nzyzIYysdH+MpB07xspQEEKds9XVzEZXRbCNjIwQrl9BlFuX3FAn03eQt95OZvXa29uJVqsl1KsIBSmM43DqEaG9+voGZisrLycdHR3sPuf48ZlOixjPJm5We3jA2Xk5KisrBVtwUBDuWbAA658KwdqgYOa2VVU/wdLSElGRkUI5iUQCTnHu5p9o6G9RkREwMjJCRmYm5KdPMy+LjooSyiS/k8xc3tfPX7CVlJTgzX37mPe4u7nNeC53zDp50I54nRKpVIoLFxqRnZ2DlJQUBK9bj9jY2L/fMNGztvz9/JCVlY02hQLW1tbseUqcljnBxcUFVlZWgo0PMz7f5Od+A0dHx7nPAddLTc15UNeDr6+vYBsdHYWS6iuxO7F37x4W60sfeZjlCRo6QjmlUol5S1xv2vY8O3d25Vd8YHAQRUXfMY+4HrZMJsPBlAN4nfYzJUmJiexa39Bwe7ZBGvMswVlYmKOwsIhSdkBZaSkio7egu7ubrsoy0DhEzPNbkEuzNQ+js6Mdz23ahOLiE4jYvBk2NlJ88eVX+LX5IlSZcdCeLZw+mPmmMNtdBOP77aBSqSBd/BAD29rSDFtbW2EcXp6ezANMTU0QtiEM7qtWQV5yCgUFhfg0PR1VFRVwdX10bpMgn+h4fdzTi7yRmEjoSjL7q3FxZGN4OOnt7SV0OyRmFpZkqdNylpR4UavVhG6b5N6FC4mJmTmrz4TTEdX3h8hYwmqifMmRTBzcSHTdTdP6fHnHThL45NobjoNXmgNIa2sru6deSSgsZouMjp5xEhTfBEUAIgARgAjAECeuv9wMddEBwwOgH+qBpvgQtDUn2VunwQDgOmuh+TEDuvpT7K+4YYSATgNdgxya0kwGwGByAHepAbqaE9D+UgAyMWIYSZDraYKu7gfozp9kcf6/3wWIehKcohpccwVzc/3Vvllvg/+JIzL8hPVdddC1nwPXRifeRWNap71lx/l3HpLidND3K8Bdvsjimeuqh/631mnZe46EHZLij8l9RtX7n/AEMn4V+j46WTpBfW8zU66vbS5W96+Eb5w/JhfzhwADAEp6pBLh7YWZAAAAAElFTkSuQmCC"); }
  171. .form-control.creditcard.jcb {
  172. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAoCAYAAABOzvzpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4Q0JDOEEwQkQ5QkJFMjExOEZFQUIwMEM5MDY5Rjk1OCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo3ODJEODgyMDA5N0ExMUUzQUZBM0UzQ0IwMzlDQTM2RCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3ODJEODgxRjA5N0ExMUUzQUZBM0UzQ0IwMzlDQTM2RCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjNFQjYzNzExNzYwOUUzMTE5MjFFQjVEQjRBN0YxNUQwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjhDQkM4QTBCRDlCQkUyMTE4RkVBQjAwQzkwNjlGOTU4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+RS3J7gAAA3pJREFUeNrsWHtIU1EY/22z+Zo1Tc10zVctXSWZFib2olIxE6KgoqclERRoUPT4wzAii6AIgrCkt2UU/lVYUfaCHqL5gLKmtsxX6dxSm489XOcec2gzZ7Bi894ffLtn537n277fPef3nXN5WJwjBZBLbBExIdgBHbFnxNIECFp5hzSWExOAPWByDSUWyScfC8FeLOCzaNoPOxP4YDk4AjgCOAI4AlgNJ1sGm+IrwpndsUiYJ4Gbs2Vo3pLz9Jq2Igz718/G1IDxFj4HLxTj+I1ySHzccXrXfCTFSEeMZTcEuLs4oehU8rBJDcbOFDnO7Ykb0ceVJPyYxJJJJjjOElizKMRq8gz2rYuw6rMqLui/JG9TAiZPdBuVX5Cfh1Uf6STR2BVBPo/HVYExWwV+R01jB9q1OtoerA+azl6UfGxFU1sXdPo++IhdEOI/HuFSMb3/Vd2FUoXKIh4TY4K70HEIyDj7Evdef6Htu9mJ9Jp64inyHtVAb+ijQjcj2BPNhIjymjZkrJlFfS7fV1CTB3qSiiBAQ6sW3zTdcBEKcOvwMqTEBjoGAcOBSYxB5uY5yEqNNvf/6NajvkWLqw8V5r78zKWYFeKFd581mJl6Gz06Iwrf1Ds2AfRHySn80MbIIX0i13EIDxQP6Tty9S28PJzxvk5Dv88N80H66pmOKYIC/t+rv5wQEjXdG8uiAmj1qKxV4+bjGvskQFHfbha8gSld+Undv20luU8btLExGPuQnVc+ZDzjX1X33WJztSM5HAc3REIsEqJXb8TRa2V0vN0tgYIXStx9VYc5Mm/4ebmhuKqFqrzzOAGObItGqH9/FdiSIMMN8hSzrpQiv6gW8iAxUf1ulFWrzCI4gKQDhRA6CSg5alI56PhEGV1CtgIPi3NMtgi0d20ENsXLoGzuQFtHL0wmE/wnuiNG7gtPso4HDjCmJztoMrQMqkgZNBjhK3Y1l8HMSyW0DO5eZbnWGT0Inuxhn4ch5qlEEMVmzBqYROKjJX+8z8ygKDKTuJ3gWCLA2GdiNwHK5s5R+TWqtDaLZVcEnMyvsOpT3dCOgudK67FuVdjsf/3znWBtUweOXS/DxcKPf/Tp6jXgQXED0snZQdtjGDEW87os994H+yuDnAhyBHAEcARwBHAEOCYBOhbnb2QIeM5iAl4wBGwn9ohlM0H/K+etPwUYAO7UFu8nZtFbAAAAAElFTkSuQmCC"); }
  173. .form-control.creditcard.mastercard {
  174. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAoCAYAAABOzvzpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4Q0JDOEEwQkQ5QkJFMjExOEZFQUIwMEM5MDY5Rjk1OCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2REIxOTA4NTA5N0ExMUUzQTM0MEZENTU0MTExMTk3MiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2REIxOTA4NDA5N0ExMUUzQTM0MEZENTU0MTExMTk3MiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjNFQjYzNzExNzYwOUUzMTE5MjFFQjVEQjRBN0YxNUQwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjhDQkM4QTBCRDlCQkUyMTE4RkVBQjAwQzkwNjlGOTU4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+XxeyrgAABOJJREFUeNrsWmtsU3UU/93e2wdryzo21r2f7GX2YGOsC+KmM5MoRMyWICrgC2MkYCSRT8ZADJqIUePzg4iPRGMEBaODoV8UFhgje7ixh869YOs65rq1g7brvb33eno18YsZdq3pTHuS0/b/zz23//O7590yTOXzGQA+JK4l1iAyiCc+R7ybZVI2fEUf6olZRA75dc0lLlfRSw0il+5QRZDZ/6MlqBDhFAUgCkAUgCgAEU3cf3HTlaKAxrmrqJ+fRLHHgViRV/Zt6hX4OWYVTsemoZnYxzB/PwlGxubkMeKrqE6YQqLWDY1KgkPQoscRj7NTmfjyWh6cQmizNkOlsByymxHvsg/hwFQfjATCYjSmMeDF1HKcN5pRlziBwyWXkG90LCozT8q/MlCJYyO3QV5uAKhlCe9ca8O9TmtAcheK43FPw3BAMt9NZuPp9rvAS8F7sL8XOBSKJ//2eBs2B6i8nzKmPbBDB2PWwr+WKSBLyTU4FSCWRRB8xD6CLY6JJcsbzjEQrIGFowdSR/Bo9kD4AdBLPvL53iAPIePG94aA5V4oaoeeE8ILQANFe9NfUT4Y0pIBeSYDi/BxGi+2pQ+FFwB/qlMlxEG7cf2fQSU1CRpL+dJy8jAdh1FBnVULTf59YDjt4gEsoQBb0m3hrQP8eV6/6yGY3jgIq7kMCV+8D8nlxuxj+8EV5MA3Og7JPgetpQKS2w1dfQ1E23V4TjRBXVwI39gExKlpqEsKIfM2GBpfgsqQBFlww2cfBKs3Q5qfgOz6HaqVqZAXHJAp47CxGTDubELJkbLwAhDv80K9rhSyZwHG/U9BU1mK+TePImZHA7icTOi3b8XCTxfBmlfD9dnXyprvGYDh8e3gO3oQ8+D9mK7bBnPLKXiaz4BLrYLj3VJA9EJn2QM2LhfatTtws2kv9JuOwHPhddrfS6D1EDBWrMJM+LOApqIY/OUuGJ99EsKvw/D9MkQuUQV14RqIM3YIpLC6KI++TQU2KRHzr74HLi9bcRe+u48ALIHn2x/gvdgCaXZIUZ6hQonL2Ah2dQEkeuqcma5pfUs5sjB4Bnz/SQKhO/xZYC7WBC4rnQ7fAfeps2DTUsg5WWjIpEWrDUJ3vzJ3EfoHoa2uIDPnoSktAtmxsse3diprvvMKuUMfWcA6GLZ+AF31PnDJ5RCd5CK2brDJa5V3hlXTNeuhq3oGPlrbvbrwukC/zgTzpochTlAwoprS9clxUqod0pyT9ibJZ73g8nPBX+okV2iFtqYavqFRTNc2Kn7vbesi3zZAnJ6BNecGNB/VgY3PhzDWAvH6FcXMZe88mBVxtO6Fz3oZov03SM5xAmcc3c6E8JbCO+3DOGztCk1dvtuNmJTAUuqB7tvx8WhR+FzgZFwmHGzwHZojmQtY+Tlei+Pja8IbA1wqDq8lFQd1D5maCXX9QsByL1Nn6PKpw58FPo/PQZMpbemHuNuLxKybAcl8Y83Bp0GYfkgB8AeR59Kr0BybGrDsidwMxGzwBNwO7+m4MyQzgZC0w36SGAanTemY5TSodNuhpWrtVgORfRkWHDUUoH02EWWmGcRrF245EDnYZ8GhXgtEmVl+E6GIH4n9Hyk6Fo8CEAUgCkAUgEgHgI9g/UU/AOcjGIAWfyns/7tYCbG/m4mUf4r5f0z4kfiJPwQYAB3H59j066DAAAAAAElFTkSuQmCC"); }
  175. .form-group {
  176. margin-bottom: 25px; }
  177. .form-group .control-label,
  178. .form-group > label {
  179. font-weight: 600;
  180. color: #34395e;
  181. font-size: 12px;
  182. letter-spacing: .5px; }
  183. .form-group.floating-addon {
  184. position: relative; }
  185. .form-group.floating-addon .input-group-prepend {
  186. position: absolute;
  187. top: 0;
  188. left: 0;
  189. height: 100%;
  190. z-index: 5; }
  191. .form-group.floating-addon:not(.floating-addon-not-append) .input-group-append {
  192. position: absolute;
  193. top: 0;
  194. left: 0;
  195. z-index: 5;
  196. left: initial;
  197. right: 0; }
  198. .form-group.floating-addon .input-group-prepend .input-group-text, .form-group.floating-addon .input-group-append .input-group-text {
  199. border-color: transparent;
  200. background-color: transparent;
  201. font-size: 20px; }
  202. .form-group.floating-addon .form-control {
  203. border-radius: 3px;
  204. padding-left: 40px; }
  205. .form-group.floating-addon .form-control + .form-control {
  206. border-radius: 0 3px 3px 0;
  207. padding-left: 15px; }
  208. .input-group-append [class*="btn-outline-"] {
  209. background-color: #fdfdff; }
  210. .form-text {
  211. font-size: 12px;
  212. line-height: 22px; }
  213. .custom-radio .custom-control-input:checked ~ .custom-control-label::before,
  214. .custom-control-input:checked ~ .custom-control-label::before {
  215. background-color: #6777ef !important; }
  216. .custom-file-label {
  217. line-height: 2.2; }
  218. .custom-file-label:after {
  219. height: calc(2.25rem + 4px);
  220. line-height: 2.2;
  221. border-color: transparent; }
  222. .custom-file-label:focus, .custom-file-label:active {
  223. box-shadow: none;
  224. outline: none; }
  225. .custom-file-input:focus + .custom-file-label {
  226. box-shadow: none;
  227. border-color: #6777ef; }
  228. .custom-file-input:focus + .custom-file-label:after {
  229. border-color: transparent; }
  230. .selectgroup {
  231. display: inline-flex; }
  232. .selectgroup-item {
  233. flex-grow: 1;
  234. position: relative; }
  235. .selectgroup-item + .selectgroup-item {
  236. margin-left: -1px; }
  237. .selectgroup-item:not(:first-child) .selectgroup-button {
  238. border-top-left-radius: 0;
  239. border-bottom-left-radius: 0; }
  240. .selectgroup-item:not(:last-child) .selectgroup-button {
  241. border-top-right-radius: 0;
  242. border-bottom-right-radius: 0; }
  243. .selectgroup-input {
  244. opacity: 0;
  245. position: absolute;
  246. z-index: -1;
  247. top: 0;
  248. left: 0; }
  249. .selectgroup-button {
  250. background-color: #fdfdff;
  251. border-color: #e4e6fc;
  252. border-width: 1px;
  253. border-style: solid;
  254. display: block;
  255. text-align: center;
  256. padding: 0 1rem;
  257. height: 35px;
  258. position: relative;
  259. cursor: pointer;
  260. border-radius: 3px;
  261. -webkit-user-select: none;
  262. -moz-user-select: none;
  263. -ms-user-select: none;
  264. user-select: none;
  265. font-size: 13px;
  266. min-width: 2.375rem;
  267. line-height: 36px; }
  268. .selectgroup-button-icon {
  269. padding-left: .5rem;
  270. padding-right: .5rem; }
  271. .selectgroup-button-icon i {
  272. font-size: 14px; }
  273. .selectgroup-input:checked + .selectgroup-button {
  274. background-color: #6777ef;
  275. color: #fff;
  276. z-index: 1; }
  277. .selectgroup-pills {
  278. display: block;
  279. flex-wrap: wrap;
  280. align-items: flex-start; }
  281. .selectgroup-pills .selectgroup-item {
  282. margin-right: .5rem;
  283. flex-grow: 0; }
  284. .selectgroup-pills .selectgroup-button {
  285. border-radius: 50px !important; }
  286. .custom-switch {
  287. -webkit-user-select: none;
  288. -moz-user-select: none;
  289. -ms-user-select: none;
  290. user-select: none;
  291. cursor: default;
  292. display: inline-flex;
  293. align-items: center;
  294. margin: 0; }
  295. .custom-switch-input {
  296. position: absolute;
  297. z-index: -1;
  298. opacity: 0; }
  299. .custom-switches-stacked {
  300. display: flex;
  301. flex-direction: column; }
  302. .custom-switches-stacked .custom-switch {
  303. margin-bottom: .5rem; }
  304. .custom-switch-indicator {
  305. display: inline-block;
  306. height: 1.25rem;
  307. width: 2.25rem;
  308. background: #e9ecef;
  309. border-radius: 50px;
  310. position: relative;
  311. vertical-align: bottom;
  312. border: 1px solid rgba(0, 40, 100, 0.12);
  313. transition: .3s border-color, .3s background-color; }
  314. .custom-switch-indicator:before {
  315. content: '';
  316. position: absolute;
  317. height: calc(1.25rem - 4px);
  318. width: calc(1.25rem - 4px);
  319. top: 1px;
  320. left: 1px;
  321. background: #fff;
  322. border-radius: 50%;
  323. transition: .3s left; }
  324. .custom-switch-input:checked ~ .custom-switch-indicator {
  325. background: #6777ef; }
  326. .custom-switch-input:checked ~ .custom-switch-indicator:before {
  327. left: calc(1rem + 1px); }
  328. .custom-switch-input:focus ~ .custom-switch-indicator {
  329. border-color: #6777ef; }
  330. .custom-switch-description {
  331. margin-left: .5rem;
  332. color: #6e7687;
  333. transition: .3s color; }
  334. .custom-switch-input:checked ~ .custom-switch-description {
  335. color: #495057; }
  336. .imagecheck {
  337. margin: 0;
  338. position: relative;
  339. cursor: pointer; }
  340. .imagecheck-input {
  341. position: absolute;
  342. z-index: -1;
  343. opacity: 0; }
  344. .imagecheck-figure {
  345. background-color: #fdfdff;
  346. border-color: #e4e6fc;
  347. border-width: 1px;
  348. border-style: solid;
  349. border-radius: 3px;
  350. margin: 0;
  351. position: relative; }
  352. .imagecheck-input:focus ~ .imagecheck-figure {
  353. border-color: #6777ef; }
  354. .imagecheck-input:checked ~ .imagecheck-figure {
  355. border-color: rgba(0, 40, 100, 0.24); }
  356. .imagecheck-figure:before {
  357. content: '';
  358. position: absolute;
  359. top: .25rem;
  360. left: .25rem;
  361. display: block;
  362. width: 1rem;
  363. height: 1rem;
  364. pointer-events: none;
  365. -webkit-user-select: none;
  366. -moz-user-select: none;
  367. -ms-user-select: none;
  368. user-select: none;
  369. background: #6777ef url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") no-repeat center center/50% 50%;
  370. color: #fff;
  371. z-index: 1;
  372. border-radius: 3px;
  373. opacity: 0;
  374. transition: .3s opacity; }
  375. .imagecheck-input:checked ~ .imagecheck-figure:before {
  376. opacity: 1; }
  377. .imagecheck-image {
  378. max-width: 100%;
  379. opacity: .64;
  380. transition: .3s opacity; }
  381. .imagecheck-image:first-child {
  382. border-top-left-radius: 2px;
  383. border-top-right-radius: 2px; }
  384. .imagecheck-image:last-child {
  385. border-bottom-left-radius: 2px;
  386. border-bottom-right-radius: 2px; }
  387. .imagecheck:hover .imagecheck-image {
  388. opacity: 1; }
  389. .imagecheck-input:focus ~ .imagecheck-figure .imagecheck-image, .imagecheck-input:checked ~ .imagecheck-figure .imagecheck-image {
  390. opacity: 1; }
  391. .imagecheck-caption {
  392. text-align: center;
  393. padding: .25rem .25rem;
  394. color: #9aa0ac;
  395. font-size: 0.875rem;
  396. transition: .3s color; }
  397. .imagecheck:hover .imagecheck-caption {
  398. color: #495057; }
  399. .imagecheck-input:focus ~ .imagecheck-figure .imagecheck-caption, .imagecheck-input:checked ~ .imagecheck-figure .imagecheck-caption {
  400. color: #495057; }
  401. .colorinput {
  402. margin: 0;
  403. position: relative;
  404. cursor: pointer; }
  405. .colorinput-input {
  406. position: absolute;
  407. z-index: -1;
  408. opacity: 0; }
  409. .colorinput-color {
  410. background-color: #fdfdff;
  411. border-color: #e4e6fc;
  412. border-width: 1px;
  413. border-style: solid;
  414. display: inline-block;
  415. width: 1.75rem;
  416. height: 1.75rem;
  417. border-radius: 3px;
  418. color: #fff;
  419. box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); }
  420. .colorinput-color:before {
  421. content: '';
  422. opacity: 0;
  423. position: absolute;
  424. top: .25rem;
  425. left: .25rem;
  426. height: 1.25rem;
  427. width: 1.25rem;
  428. transition: .3s opacity;
  429. background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") no-repeat center center/50% 50%; }
  430. .colorinput-input:checked ~ .colorinput-color:before {
  431. opacity: 1; }
  432. /* 3.3 List */
  433. .list-unstyled-border li {
  434. border-bottom: 1px solid #f9f9f9;
  435. padding-bottom: 15px;
  436. margin-bottom: 15px; }
  437. .list-unstyled-border li .custom-checkbox {
  438. margin-right: 15px; }
  439. .list-unstyled-border li:last-child {
  440. margin-bottom: 0;
  441. padding-bottom: 0;
  442. border-bottom: none; }
  443. .list-unstyled-noborder li:last-child {
  444. border-bottom: none; }
  445. .list-group-item.active {
  446. background-color: #6777ef; }
  447. .list-group-item.disabled {
  448. color: #c9d7e0; }
  449. .list-group-item-primary {
  450. background-color: #6777ef;
  451. color: #fff; }
  452. .list-group-item-secondary {
  453. background-color: #cdd3d8;
  454. color: #fff; }
  455. .list-group-item-success {
  456. background-color: #47c363;
  457. color: #fff; }
  458. .list-group-item-danger {
  459. background-color: #fc544b;
  460. color: #fff; }
  461. .list-group-item-warning {
  462. background-color: #ffa426;
  463. color: #fff; }
  464. .list-group-item-info {
  465. background-color: #3abaf4;
  466. color: #fff; }
  467. .list-group-item-light {
  468. background-color: #e3eaef;
  469. color: #191d21; }
  470. .list-group-item-dark {
  471. background-color: #191d21;
  472. color: #fff; }
  473. /* 3.4 Alert */
  474. .alert {
  475. color: #fff;
  476. border: none;
  477. padding: 15px 20px; }
  478. .alert .alert-title {
  479. font-size: 18px;
  480. font-weight: 700;
  481. margin-bottom: 5px; }
  482. .alert code {
  483. background-color: #fff;
  484. border-radius: 3px;
  485. padding: 1px 4px; }
  486. .alert p {
  487. margin-bottom: 0; }
  488. .alert.alert-has-icon {
  489. display: flex; }
  490. .alert.alert-has-icon .alert-icon {
  491. margin-top: 4px;
  492. width: 30px; }
  493. .alert.alert-has-icon .alert-icon .ion, .alert.alert-has-icon .alert-icon .fas, .alert.alert-has-icon .alert-icon .far, .alert.alert-has-icon .alert-icon .fab, .alert.alert-has-icon .alert-icon .fal {
  494. font-size: 20px; }
  495. .alert.alert-has-icon .alert-body {
  496. flex: 1; }
  497. .alert:not(.alert-light) a {
  498. color: #fff; }
  499. .alert.alert-primary {
  500. background-color: #6777ef; }
  501. .alert.alert-secondary {
  502. background-color: #cdd3d8; }
  503. .alert.alert-success {
  504. background-color: #47c363; }
  505. .alert.alert-info {
  506. background-color: #3abaf4; }
  507. .alert.alert-warning {
  508. background-color: #ffa426; }
  509. .alert.alert-danger {
  510. background-color: #fc544b; }
  511. .alert.alert-light {
  512. background-color: #e3eaef;
  513. color: #191d21; }
  514. .alert.alert-dark {
  515. background-color: #191d21; }
  516. /* 3.5 Card */
  517. .card {
  518. box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03);
  519. background-color: #fff;
  520. border-radius: 3px;
  521. border: none;
  522. position: relative;
  523. margin-bottom: 30px; }
  524. .card .card-header, .card .card-body, .card .card-footer {
  525. background-color: transparent;
  526. padding: 20px 25px; }
  527. .card .navbar {
  528. position: static; }
  529. .card .card-body {
  530. padding-top: 20px;
  531. padding-bottom: 20px; }
  532. .card .card-body .section-title {
  533. margin: 30px 0 10px 0;
  534. font-size: 16px; }
  535. .card .card-body .section-title:before {
  536. margin-top: 8px; }
  537. .card .card-body .section-title + .section-lead {
  538. margin-top: -5px; }
  539. .card .card-body p {
  540. font-weight: 500; }
  541. .card .card-header {
  542. border-bottom-color: #f9f9f9;
  543. line-height: 30px;
  544. -ms-grid-row-align: center;
  545. align-self: center;
  546. width: 100%;
  547. min-height: 70px;
  548. padding: 15px 25px;
  549. display: flex;
  550. align-items: center; }
  551. .card .card-header .btn {
  552. margin-top: 1px;
  553. padding: 2px 15px; }
  554. .card .card-header .btn:not(.note-btn) {
  555. border-radius: 30px; }
  556. .card .card-header .btn:hover {
  557. box-shadow: none; }
  558. .card .card-header .form-control {
  559. height: 31px;
  560. font-size: 13px;
  561. border-radius: 30px; }
  562. .card .card-header .form-control + .input-group-btn .btn {
  563. margin-top: -1px; }
  564. .card .card-header h4 {
  565. font-size: 16px;
  566. line-height: 28px;
  567. color: #6777ef;
  568. padding-right: 10px;
  569. margin-bottom: 0; }
  570. .card .card-header h4 + .card-header-action,
  571. .card .card-header h4 + .card-header-form {
  572. margin-left: auto; }
  573. .card .card-header h4 + .card-header-action .btn,
  574. .card .card-header h4 + .card-header-form .btn {
  575. font-size: 12px;
  576. border-radius: 30px !important;
  577. padding-left: 13px !important;
  578. padding-right: 13px !important; }
  579. .card .card-header h4 + .card-header-action .btn.active,
  580. .card .card-header h4 + .card-header-form .btn.active {
  581. box-shadow: 0 2px 6px #acb5f6;
  582. background-color: #6777ef;
  583. color: #fff; }
  584. .card .card-header h4 + .card-header-action .dropdown,
  585. .card .card-header h4 + .card-header-form .dropdown {
  586. display: inline; }
  587. .card .card-header h4 + .card-header-action .btn-group .btn,
  588. .card .card-header h4 + .card-header-form .btn-group .btn {
  589. border-radius: 0 !important; }
  590. .card .card-header h4 + .card-header-action .btn-group .btn:first-child,
  591. .card .card-header h4 + .card-header-form .btn-group .btn:first-child {
  592. border-radius: 30px 0 0 30px !important; }
  593. .card .card-header h4 + .card-header-action .btn-group .btn:last-child,
  594. .card .card-header h4 + .card-header-form .btn-group .btn:last-child {
  595. border-radius: 0 30px 30px 0 !important; }
  596. .card .card-header h4 + .card-header-action .input-group .form-control,
  597. .card .card-header h4 + .card-header-form .input-group .form-control {
  598. border-radius: 30px 0 0 30px !important; }
  599. .card .card-header h4 + .card-header-action .input-group .form-control + .input-group-btn .btn,
  600. .card .card-header h4 + .card-header-form .input-group .form-control + .input-group-btn .btn {
  601. border-radius: 0 30px 30px 0 !important; }
  602. .card .card-header h4 + .card-header-action .input-group .input-group-btn + .form-control,
  603. .card .card-header h4 + .card-header-form .input-group .input-group-btn + .form-control {
  604. border-radius: 0 30px 30px 0 !important; }
  605. .card .card-header h4 + .card-header-action .input-group .input-group-btn .btn,
  606. .card .card-header h4 + .card-header-form .input-group .input-group-btn .btn {
  607. margin-top: -1px;
  608. border-radius: 30px 0 0 30px !important; }
  609. .card .card-footer {
  610. background-color: transparent;
  611. border: none; }
  612. .card.card-mt {
  613. margin-top: 30px; }
  614. .card.card-progress:after {
  615. content: ' ';
  616. position: absolute;
  617. top: 0;
  618. left: 0;
  619. width: 100%;
  620. height: 100%;
  621. background-color: rgba(255, 255, 255, 0.5);
  622. z-index: 99;
  623. z-index: 99; }
  624. .card.card-progress .card-progress-dismiss {
  625. position: absolute;
  626. top: 66%;
  627. left: 50%;
  628. transform: translate(-50%, -50%);
  629. z-index: 999;
  630. color: #fff !important;
  631. padding: 5px 13px; }
  632. .card.card-progress.remove-spinner .card-progress-dismiss {
  633. top: 50%;
  634. transform: translate(-50%, -50%); }
  635. .card.card-progress:not(.remove-spinner):after {
  636. background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJsb2FkZXItMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQogd2lkdGg9IjQwcHgiIGhlaWdodD0iNDBweCIgdmlld0JveD0iMCAwIDUwIDUwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MCA1MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iIzAwMCIgZD0iTTQzLjkzNSwyNS4xNDVjMC0xMC4zMTgtOC4zNjQtMTguNjgzLTE4LjY4My0xOC42ODNjLTEwLjMxOCwwLTE4LjY4Myw4LjM2NS0xOC42ODMsMTguNjgzaDQuMDY4YzAtOC4wNzEsNi41NDMtMTQuNjE1LDE0LjYxNS0xNC42MTVjOC4wNzIsMCwxNC42MTUsNi41NDMsMTQuNjE1LDE0LjYxNUg0My45MzV6Ij4NCjxhbmltYXRlVHJhbnNmb3JtIGF0dHJpYnV0ZVR5cGU9InhtbCINCiAgYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIg0KICB0eXBlPSJyb3RhdGUiDQogIGZyb209IjAgMjUgMjUiDQogIHRvPSIzNjAgMjUgMjUiDQogIGR1cj0iMC42cyINCiAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz4NCjwvcGF0aD4NCjwvc3ZnPg0K");
  637. background-size: 80px;
  638. background-repeat: no-repeat;
  639. background-position: center; }
  640. .card.card-primary {
  641. border-top: 2px solid #6777ef; }
  642. .card.card-secondary {
  643. border-top: 2px solid #cdd3d8; }
  644. .card.card-success {
  645. border-top: 2px solid #47c363; }
  646. .card.card-danger {
  647. border-top: 2px solid #fc544b; }
  648. .card.card-warning {
  649. border-top: 2px solid #ffa426; }
  650. .card.card-info {
  651. border-top: 2px solid #3abaf4; }
  652. .card.card-dark {
  653. border-top: 2px solid #191d21; }
  654. .card.card-hero .card-header {
  655. padding: 40px;
  656. background-image: linear-gradient(to bottom, #6777ef, #95a0f4);
  657. color: #fff;
  658. overflow: hidden;
  659. height: auto;
  660. min-height: auto;
  661. display: block; }
  662. .card.card-hero .card-header h4 {
  663. font-size: 40px;
  664. line-height: 1;
  665. color: #fff; }
  666. .card.card-hero .card-header .card-description {
  667. margin-top: 5px;
  668. font-size: 16px; }
  669. .card.card-hero .card-header .card-icon {
  670. float: right;
  671. color: #8c98f3;
  672. margin: -60px; }
  673. .card.card-hero .card-header .card-icon .ion, .card.card-hero .card-header .card-icon .fas, .card.card-hero .card-header .card-icon .far, .card.card-hero .card-header .card-icon .fab, .card.card-hero .card-header .card-icon .fal {
  674. font-size: 140px; }
  675. .card.card-statistic-1 .card-header, .card.card-statistic-2 .card-header {
  676. border-color: transparent;
  677. padding-bottom: 0;
  678. height: auto;
  679. min-height: auto;
  680. display: block; }
  681. .card.card-statistic-1 .card-header h4,
  682. .card.card-statistic-2 .card-header h4 {
  683. line-height: 1.2;
  684. color: #98a6ad; }
  685. .card.card-statistic-1 .card-body,
  686. .card.card-statistic-2 .card-body {
  687. padding-top: 0; }
  688. .card.card-statistic-1 .card-body, .card.card-statistic-2 .card-body {
  689. font-size: 26px;
  690. font-weight: 700;
  691. color: #34395e;
  692. padding-bottom: 0; }
  693. .card.card-statistic-1, .card.card-statistic-2 {
  694. display: inline-block;
  695. width: 100%; }
  696. .card.card-statistic-1 .card-icon, .card.card-statistic-2 .card-icon {
  697. width: 80px;
  698. height: 80px;
  699. margin: 10px;
  700. border-radius: 3px;
  701. line-height: 94px;
  702. text-align: center;
  703. float: left;
  704. margin-right: 15px; }
  705. .card.card-statistic-1 .card-icon .ion, .card.card-statistic-1 .card-icon .fas, .card.card-statistic-1 .card-icon .far, .card.card-statistic-1 .card-icon .fab, .card.card-statistic-1 .card-icon .fal, .card.card-statistic-2 .card-icon .ion, .card.card-statistic-2 .card-icon .fas, .card.card-statistic-2 .card-icon .far, .card.card-statistic-2 .card-icon .fab, .card.card-statistic-2 .card-icon .fal {
  706. font-size: 22px;
  707. color: #fff; }
  708. .card.card-statistic-1 .card-icon {
  709. line-height: 90px; }
  710. .card.card-statistic-2 .card-icon {
  711. width: 50px;
  712. height: 50px;
  713. line-height: 50px;
  714. font-size: 22px;
  715. margin: 25px; }
  716. .card.card-statistic-1 .card-header, .card.card-statistic-2 .card-header {
  717. padding-bottom: 0;
  718. padding-top: 25px; }
  719. .card.card-statistic-2 .card-body {
  720. padding-top: 20px; }
  721. .card.card-statistic-2 .card-header + .card-body,
  722. .card.card-statistic-2 .card-body + .card-header {
  723. padding-top: 0; }
  724. .card.card-statistic-1 .card-header h4, .card.card-statistic-2 .card-header h4 {
  725. font-weight: 600;
  726. font-size: 13px;
  727. letter-spacing: .5px; }
  728. .card.card-statistic-1 .card-header h4 {
  729. margin-bottom: 0; }
  730. .card.card-statistic-2 .card-header h4 {
  731. text-transform: none;
  732. margin-bottom: 0; }
  733. .card.card-statistic-1 .card-body {
  734. font-size: 20px; }
  735. .card.card-statistic-2 .card-chart {
  736. padding-top: 20px;
  737. margin-left: -9px;
  738. margin-right: -1px;
  739. margin-bottom: -15px; }
  740. .card.card-statistic-2 .card-chart canvas {
  741. height: 90px !important; }
  742. .card .card-stats {
  743. width: 100%;
  744. display: inline-block;
  745. margin-top: 2px;
  746. margin-bottom: -6px; }
  747. .card .card-stats .card-stats-title {
  748. padding: 15px 25px;
  749. background-color: #fff;
  750. font-size: 13px;
  751. font-weight: 600;
  752. letter-spacing: .3px; }
  753. .card .card-stats .card-stats-items {
  754. display: flex;
  755. height: 50px;
  756. align-items: center; }
  757. .card .card-stats .card-stats-item {
  758. width: calc(100% / 3);
  759. text-align: center;
  760. padding: 5px 20px; }
  761. .card .card-stats .card-stats-item .card-stats-item-label {
  762. font-size: 12px;
  763. letter-spacing: .5px;
  764. margin-top: 4px;
  765. text-overflow: ellipsis;
  766. overflow: hidden;
  767. white-space: nowrap; }
  768. .card .card-stats .card-stats-item .card-stats-item-count {
  769. line-height: 1;
  770. margin-bottom: 8px;
  771. font-size: 20px;
  772. font-weight: 700; }
  773. .card.card-large-icons {
  774. display: flex;
  775. flex-direction: row; }
  776. .card.card-large-icons .card-icon {
  777. display: flex;
  778. align-items: center;
  779. justify-content: center;
  780. flex-shrink: 0;
  781. width: 150px;
  782. border-radius: 3px 0 0 3px; }
  783. .card.card-large-icons .card-icon .ion, .card.card-large-icons .card-icon .fas, .card.card-large-icons .card-icon .far, .card.card-large-icons .card-icon .fab, .card.card-large-icons .card-icon .fal {
  784. font-size: 60px; }
  785. .card.card-large-icons .card-body {
  786. padding: 25px 30px; }
  787. .card.card-large-icons .card-body h4 {
  788. font-size: 18px; }
  789. .card.card-large-icons .card-body p {
  790. opacity: .6;
  791. font-weight: 500; }
  792. .card.card-large-icons .card-body a.card-cta {
  793. text-decoration: none; }
  794. .card.card-large-icons .card-body a.card-cta i {
  795. margin-left: 7px; }
  796. .card.bg-primary, .card.bg-danger, .card.bg-success, .card.bg-info, .card.bg-dark, .card.bg-warning {
  797. color: #fff; }
  798. .card.bg-primary .card-header, .card.bg-danger .card-header, .card.bg-success .card-header, .card.bg-info .card-header, .card.bg-dark .card-header, .card.bg-warning .card-header {
  799. color: #fff;
  800. opacity: .9; }
  801. @media (max-width: 575.98px) {
  802. .card.card-large-icons {
  803. display: inline-block; }
  804. .card.card-large-icons .card-icon {
  805. width: 100%;
  806. height: 200px; } }
  807. @media (max-width: 767.98px) {
  808. .card .card-header {
  809. height: auto;
  810. flex-wrap: wrap; }
  811. .card .card-header h4 + .card-header-action,
  812. .card .card-header h4 + .card-header-form {
  813. flex-grow: 0;
  814. width: 100%;
  815. margin-top: 10px; } }
  816. @media (min-width: 768px) and (max-width: 991.98px) {
  817. .card .card-stats .card-stats-items {
  818. height: 49px; }
  819. .card .card-stats .card-stats-items .card-stats-item {
  820. padding: 5px 7px; }
  821. .card .card-stats .card-stats-items .card-stats-item .card-stats-item-count {
  822. font-size: 16px; }
  823. .card.card-sm-6 .card-chart canvas {
  824. height: 85px !important; }
  825. .card.card-hero .card-header {
  826. padding: 25px; } }
  827. /* 3.6 Table */
  828. .table {
  829. color: inherit; }
  830. .table td, .table:not(.table-bordered) th {
  831. border-top: none; }
  832. .table:not(.table-sm):not(.table-md):not(.dataTable) td,
  833. .table:not(.table-sm):not(.table-md):not(.dataTable) th {
  834. padding: 0 25px;
  835. height: 60px;
  836. vertical-align: middle; }
  837. .table:not(.table-sm) thead th {
  838. border-bottom: none;
  839. background-color: rgba(0, 0, 0, 0.04);
  840. color: #666;
  841. padding-top: 15px;
  842. padding-bottom: 15px; }
  843. .table.table-md th,
  844. .table.table-md td {
  845. padding: 10px 15px; }
  846. .table.table-bordered td,
  847. .table.table-bordered th {
  848. border-color: #f6f6f6; }
  849. .table-links {
  850. color: #34395e;
  851. font-size: 12px;
  852. margin-top: 5px;
  853. opacity: 0;
  854. transition: all .3s; }
  855. .table-links a {
  856. color: #666; }
  857. table tr:hover .table-links {
  858. opacity: 1; }
  859. .table-striped tbody tr:nth-of-type(odd) {
  860. background-color: rgba(0, 0, 0, 0.02); }
  861. @media (max-width: 575.98px) {
  862. .table-responsive table {
  863. min-width: 800px; } }
  864. /* 3.7 Tooltip */
  865. .tooltip {
  866. font-size: 12px; }
  867. .tooltip-inner {
  868. padding: 7px 13px; }
  869. /* 3.8 Modal */
  870. .modal-header,
  871. .modal-body,
  872. .modal-footer {
  873. padding: 25px; }
  874. .modal-body {
  875. padding-top: 15px; }
  876. .modal-footer {
  877. padding-top: 15px;
  878. padding-bottom: 15px; }
  879. .modal-header {
  880. border-bottom: none;
  881. padding-bottom: 5px; }
  882. .modal-header h5 {
  883. font-size: 18px; }
  884. .modal-footer {
  885. border-top: none;
  886. border-radius: 0 0 3px 3px; }
  887. .modal-content {
  888. max-width: 100%;
  889. border: none;
  890. box-shadow: 0 3px 8px rgba(0, 0, 0, 0.05); }
  891. .modal.show .modal-content {
  892. box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); }
  893. .modal-progress .modal-content {
  894. position: relative; }
  895. .modal-progress .modal-content:after {
  896. content: ' ';
  897. position: absolute;
  898. top: 0;
  899. left: 0;
  900. width: 100%;
  901. height: 100%;
  902. background-color: rgba(255, 255, 255, 0.5);
  903. z-index: 999;
  904. background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJsb2FkZXItMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQogd2lkdGg9IjQwcHgiIGhlaWdodD0iNDBweCIgdmlld0JveD0iMCAwIDUwIDUwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MCA1MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iIzAwMCIgZD0iTTQzLjkzNSwyNS4xNDVjMC0xMC4zMTgtOC4zNjQtMTguNjgzLTE4LjY4My0xOC42ODNjLTEwLjMxOCwwLTE4LjY4Myw4LjM2NS0xOC42ODMsMTguNjgzaDQuMDY4YzAtOC4wNzEsNi41NDMtMTQuNjE1LDE0LjYxNS0xNC42MTVjOC4wNzIsMCwxNC42MTUsNi41NDMsMTQuNjE1LDE0LjYxNUg0My45MzV6Ij4NCjxhbmltYXRlVHJhbnNmb3JtIGF0dHJpYnV0ZVR5cGU9InhtbCINCiAgYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIg0KICB0eXBlPSJyb3RhdGUiDQogIGZyb209IjAgMjUgMjUiDQogIHRvPSIzNjAgMjUgMjUiDQogIGR1cj0iMC42cyINCiAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz4NCjwvcGF0aD4NCjwvc3ZnPg0K");
  905. background-size: 80px;
  906. background-repeat: no-repeat;
  907. background-position: center;
  908. border-radius: 3px; }
  909. .modal-part {
  910. display: none; }
  911. /* 3.9 Nav */
  912. .nav-tabs .nav-item .nav-link {
  913. color: #6777ef; }
  914. .nav-tabs .nav-item .nav-link.active {
  915. color: #000; }
  916. .tab-content > .tab-pane {
  917. padding: 10px 0;
  918. line-height: 24px; }
  919. .tab-bordered .tab-pane {
  920. padding: 15px;
  921. border: 1px solid #ededed;
  922. margin-top: -1px; }
  923. .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  924. color: #fff;
  925. background-color: #6777ef; }
  926. .nav-pills .nav-item .nav-link {
  927. color: #6777ef;
  928. padding-left: 15px !important;
  929. padding-right: 15px !important; }
  930. .nav-pills .nav-item .nav-link:hover {
  931. background-color: #f6f7fe; }
  932. .nav-pills .nav-item .nav-link.active {
  933. box-shadow: 0 2px 6px #acb5f6;
  934. color: #fff;
  935. background-color: #6777ef; }
  936. .nav-pills .nav-item .nav-link .badge {
  937. padding: 5px 8px;
  938. margin-left: 5px; }
  939. .nav .nav-item .nav-link .ion, .nav .nav-item .nav-link .fas, .nav .nav-item .nav-link .far, .nav .nav-item .nav-link .fab, .nav .nav-item .nav-link .fal {
  940. margin-right: 3px;
  941. font-size: 12px; }
  942. /* 3.10 Pagination */
  943. .page-item .page-link {
  944. color: #6777ef;
  945. border-radius: 3px;
  946. margin: 0 3px; }
  947. .page-item.active .page-link {
  948. background-color: #6777ef;
  949. border-color: #6777ef; }
  950. .page-item.disabled .page-link {
  951. border-color: transparent;
  952. background-color: #f9fafe;
  953. color: #6777ef;
  954. opacity: .6; }
  955. .page-link {
  956. border-color: transparent;
  957. background-color: #f9fafe;
  958. font-weight: 600; }
  959. .page-link:hover {
  960. background-color: #6777ef;
  961. color: #fff;
  962. border-color: transparent; }
  963. .page-link:focus {
  964. box-shadow: none; }
  965. /* 3.11 Badge */
  966. .badges .badge {
  967. margin: 0 8px 10px 0; }
  968. .badge {
  969. vertical-align: middle;
  970. padding: 7px 12px;
  971. font-weight: 600;
  972. letter-spacing: .3px;
  973. border-radius: 30px;
  974. font-size: 12px; }
  975. .badge.badge-warning {
  976. color: #fff; }
  977. .badge.badge-primary {
  978. background-color: #6777ef; }
  979. .badge.badge-secondary {
  980. background-color: #cdd3d8; }
  981. .badge.badge-success {
  982. background-color: #47c363; }
  983. .badge.badge-info {
  984. background-color: #3abaf4; }
  985. .badge.badge-danger {
  986. background-color: #fc544b; }
  987. .badge.badge-light {
  988. background-color: #e3eaef;
  989. color: #191d21; }
  990. .badge.badge-white {
  991. background-color: #ffffff;
  992. color: #191d21; }
  993. .badge.badge-dark {
  994. background-color: #191d21; }
  995. h1 .badge {
  996. font-size: 24px;
  997. padding: 16px 21px; }
  998. h2 .badge {
  999. font-size: 22px;
  1000. padding: 14px 19px; }
  1001. h3 .badge {
  1002. font-size: 18px;
  1003. padding: 11px 16px; }
  1004. h4 .badge {
  1005. font-size: 16px;
  1006. padding: 8px 13px; }
  1007. h5 .badge {
  1008. font-size: 14px;
  1009. padding: 5px 10px; }
  1010. h6 .badge {
  1011. font-size: 11px;
  1012. padding: 3px 8px; }
  1013. .btn .badge {
  1014. margin-left: 5px;
  1015. padding: 4px 7px; }
  1016. .btn .badge.badge-transparent {
  1017. background-color: rgba(255, 255, 255, 0.25);
  1018. color: #fff; }
  1019. /* 3.12 Button */
  1020. .buttons .btn {
  1021. margin: 0 8px 10px 0; }
  1022. .btn:focus {
  1023. box-shadow: none !important;
  1024. outline: none; }
  1025. .btn:active {
  1026. box-shadow: none !important;
  1027. outline: none; }
  1028. .btn:active:focus {
  1029. box-shadow: none !important;
  1030. outline: none; }
  1031. .btn.btn-icon-split i, .dropdown-item.has-icon i {
  1032. text-align: center;
  1033. width: 15px;
  1034. font-size: 15px;
  1035. float: left;
  1036. margin-right: 10px; }
  1037. .btn {
  1038. font-weight: 600;
  1039. font-size: 12px;
  1040. line-height: 24px;
  1041. padding: .3rem .8rem;
  1042. letter-spacing: .5px; }
  1043. .btn.btn-icon-split {
  1044. position: relative; }
  1045. .btn.btn-icon-split i {
  1046. position: absolute;
  1047. left: 0;
  1048. top: 0;
  1049. height: 100%;
  1050. width: 45px;
  1051. border-radius: 3px 0 0 3px;
  1052. line-height: 32px; }
  1053. .btn.btn-icon-split div {
  1054. margin-left: 40px; }
  1055. .btn.btn-icon-noflo-splitat {
  1056. display: table;
  1057. text-align: right; }
  1058. .btn.btn-icon-noflo-splitat i {
  1059. float: none;
  1060. margin: 0;
  1061. display: table-cell;
  1062. vertical-align: middle;
  1063. width: 30%; }
  1064. .btn.btn-icon-noflo-splitat div {
  1065. display: table-cell;
  1066. vertical-align: middle;
  1067. width: 70%;
  1068. text-align: left;
  1069. padding-left: 10px; }
  1070. .btn:not(.btn-social):not(.btn-social-icon):active, .btn:not(.btn-social):not(.btn-social-icon):focus, .btn:not(.btn-social):not(.btn-social-icon):hover {
  1071. border-color: transparent !important;
  1072. background-color: white; }
  1073. .btn > i {
  1074. margin-left: 0 !important; }
  1075. .btn.btn-lg {
  1076. padding: .55rem 1.5rem;
  1077. font-size: 12px; }
  1078. .btn.btn-lg.btn-icon-split i {
  1079. line-height: 42px; }
  1080. .btn.btn-lg.btn-icon-split div {
  1081. margin-left: 25px; }
  1082. .btn.btn-sm {
  1083. padding: .10rem .4rem;
  1084. font-size: 12px; }
  1085. .btn.btn-icon .ion, .btn.btn-icon .fas, .btn.btn-icon .far, .btn.btn-icon .fab, .btn.btn-icon .fal {
  1086. margin-left: 0 !important;
  1087. font-size: 12px; }
  1088. .btn.btn-icon.icon-left .ion, .btn.btn-icon.icon-left .fas, .btn.btn-icon.icon-left .far, .btn.btn-icon.icon-left .fab, .btn.btn-icon.icon-left .fal {
  1089. margin-right: 3px; }
  1090. .btn.btn-icon.icon-right .ion, .btn.btn-icon.icon-right .fas, .btn.btn-icon.icon-right .far, .btn.btn-icon.icon-right .fab, .btn.btn-icon.icon-right .fal {
  1091. margin-left: 3px !important; }
  1092. .btn-action {
  1093. color: #fff !important;
  1094. line-height: 25px;
  1095. font-size: 12px;
  1096. min-width: 35px;
  1097. min-height: 35px; }
  1098. .btn-secondary, .btn-secondary.disabled {
  1099. box-shadow: 0 2px 6px #e1e5e8;
  1100. background-color: #cdd3d8;
  1101. border-color: #cdd3d8;
  1102. color: #fff; }
  1103. .btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active, .btn-secondary.disabled:hover, .btn-secondary.disabled:focus, .btn-secondary.disabled:active {
  1104. background-color: #bfc6cd !important;
  1105. color: #fff !important; }
  1106. .btn-outline-secondary:hover, .btn-outline-secondary:focus, .btn-outline-secondary:active, .btn-outline-secondary.disabled:hover, .btn-outline-secondary.disabled:focus, .btn-outline-secondary.disabled:active {
  1107. background-color: #cdd3d8 !important;
  1108. color: #fff !important; }
  1109. .btn-success, .btn-success.disabled {
  1110. box-shadow: 0 2px 6px #81d694;
  1111. background-color: #47c363;
  1112. border-color: #47c363;
  1113. color: #fff; }
  1114. .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled:active {
  1115. background-color: #3bb557 !important;
  1116. color: #fff !important; }
  1117. .btn-outline-success:hover, .btn-outline-success:focus, .btn-outline-success:active, .btn-outline-success.disabled:hover, .btn-outline-success.disabled:focus, .btn-outline-success.disabled:active {
  1118. background-color: #47c363 !important;
  1119. color: #fff !important; }
  1120. .btn-danger, .btn-danger.disabled {
  1121. box-shadow: 0 2px 6px #fd9b96;
  1122. background-color: #fc544b;
  1123. border-color: #fc544b;
  1124. color: #fff; }
  1125. .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled:active {
  1126. background-color: #fb160a !important; }
  1127. .btn-outline-danger:hover, .btn-outline-danger:focus, .btn-outline-danger:active, .btn-outline-danger.disabled:hover, .btn-outline-danger.disabled:focus, .btn-outline-danger.disabled:active {
  1128. background-color: #fb160a !important;
  1129. color: #fff !important; }
  1130. .btn-dark, .btn-dark.disabled {
  1131. box-shadow: 0 2px 6px #728394;
  1132. background-color: #191d21;
  1133. border-color: #191d21;
  1134. color: #fff; }
  1135. .btn-dark:hover, .btn-dark:focus, .btn-dark:active, .btn-dark.disabled:hover, .btn-dark.disabled:focus, .btn-dark.disabled:active {
  1136. background-color: black !important; }
  1137. .btn-outline-dark:hover, .btn-outline-dark:focus, .btn-outline-dark:active, .btn-outline-dark.disabled:hover, .btn-outline-dark.disabled:focus, .btn-outline-dark.disabled:active {
  1138. background-color: black !important;
  1139. color: #fff !important; }
  1140. .btn-light, .btn-light.disabled {
  1141. box-shadow: 0 2px 6px #e6ecf1;
  1142. background-color: #e3eaef;
  1143. border-color: #e3eaef;
  1144. color: #191d21; }
  1145. .btn-light:hover, .btn-light:focus, .btn-light:active, .btn-light.disabled:hover, .btn-light.disabled:focus, .btn-light.disabled:active {
  1146. background-color: #c3d2dc !important; }
  1147. .btn-outline-light, .btn-outline-light.disabled {
  1148. border-color: #e3eaef;
  1149. color: #e3eaef; }
  1150. .btn-outline-light:hover, .btn-outline-light:focus, .btn-outline-light:active, .btn-outline-light.disabled:hover, .btn-outline-light.disabled:focus, .btn-outline-light.disabled:active {
  1151. background-color: #e3eaef !important;
  1152. color: #fff !important; }
  1153. .btn-warning, .btn-warning.disabled {
  1154. box-shadow: 0 2px 6px #ffc473;
  1155. background-color: #ffa426;
  1156. border-color: #ffa426;
  1157. color: #fff; }
  1158. .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled:active {
  1159. background-color: #ff990d !important;
  1160. color: #fff !important; }
  1161. .btn-outline-warning:hover, .btn-outline-warning:focus, .btn-outline-warning:active, .btn-outline-warning.disabled:hover, .btn-outline-warning.disabled:focus, .btn-outline-warning.disabled:active {
  1162. background-color: #ffa426 !important;
  1163. color: #fff !important; }
  1164. .btn-info, .btn-info.disabled {
  1165. box-shadow: 0 2px 6px #82d3f8;
  1166. background-color: #3abaf4;
  1167. border-color: #3abaf4;
  1168. color: #fff; }
  1169. .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled:active {
  1170. background-color: #0da8ee !important; }
  1171. .btn-outline-info:hover, .btn-outline-info:focus, .btn-outline-info:active, .btn-outline-info.disabled:hover, .btn-outline-info.disabled:focus, .btn-outline-info.disabled:active {
  1172. background-color: #0da8ee !important;
  1173. color: #fff !important; }
  1174. .btn-primary, .btn-primary.disabled {
  1175. box-shadow: 0 2px 6px #acb5f6;
  1176. background-color: #6777ef;
  1177. border-color: #6777ef; }
  1178. .btn-primary:focus, .btn-primary.disabled:focus {
  1179. background-color: #394eea !important; }
  1180. .btn-primary:focus:active, .btn-primary.disabled:focus:active {
  1181. background-color: #394eea !important; }
  1182. .btn-primary:active, .btn-primary:hover, .btn-primary.disabled:active, .btn-primary.disabled:hover {
  1183. background-color: #394eea !important; }
  1184. .btn-outline-primary, .btn-outline-primary.disabled {
  1185. border-color: #6777ef;
  1186. color: #6777ef; }
  1187. .btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active, .btn-outline-primary.disabled:hover, .btn-outline-primary.disabled:focus, .btn-outline-primary.disabled:active {
  1188. background-color: #6777ef !important;
  1189. color: #fff; }
  1190. .btn-outline-white, .btn-outline-white.disabled {
  1191. border-color: #fff;
  1192. color: #fff; }
  1193. .btn-outline-white:hover, .btn-outline-white:focus, .btn-outline-white:active, .btn-outline-white.disabled:hover, .btn-outline-white.disabled:focus, .btn-outline-white.disabled:active {
  1194. background-color: #fff;
  1195. color: #6777ef; }
  1196. .btn-round {
  1197. border-radius: 30px;
  1198. padding-left: 34px;
  1199. padding-right: 34px; }
  1200. .btn-social-icon, .btn-social {
  1201. border: none;
  1202. border-radius: 3px; }
  1203. .btn-social-icon {
  1204. color: #fff !important;
  1205. padding-left: 18px;
  1206. padding-right: 18px; }
  1207. .btn-social-icon > :first-child {
  1208. font-size: 16px; }
  1209. .btn-social {
  1210. padding: 12px 12px 12px 50px;
  1211. color: #fff !important;
  1212. font-weight: 500; }
  1213. .btn-social > :first-child {
  1214. width: 55px;
  1215. line-height: 50px;
  1216. border-right: none; }
  1217. .btn-reddit {
  1218. color: #000 !important; }
  1219. .btn-group .btn.active {
  1220. background-color: #6777ef;
  1221. color: #fff; }
  1222. .btn-progress {
  1223. position: relative;
  1224. background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJsb2FkZXItMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQogd2lkdGg9IjQwcHgiIGhlaWdodD0iNDBweCIgdmlld0JveD0iMCAwIDUwIDUwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MCA1MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI2ZmZiIgZD0iTTQzLjkzNSwyNS4xNDVjMC0xMC4zMTgtOC4zNjQtMTguNjgzLTE4LjY4My0xOC42ODNjLTEwLjMxOCwwLTE4LjY4Myw4LjM2NS0xOC42ODMsMTguNjgzaDQuMDY4YzAtOC4wNzEsNi41NDMtMTQuNjE1LDE0LjYxNS0xNC42MTVjOC4wNzIsMCwxNC42MTUsNi41NDMsMTQuNjE1LDE0LjYxNUg0My45MzV6Ij4NCjxhbmltYXRlVHJhbnNmb3JtIGF0dHJpYnV0ZVR5cGU9InhtbCINCiAgYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIg0KICB0eXBlPSJyb3RhdGUiDQogIGZyb209IjAgMjUgMjUiDQogIHRvPSIzNjAgMjUgMjUiDQogIGR1cj0iMC42cyINCiAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz4NCjwvcGF0aD4NCjwvc3ZnPg0K");
  1225. background-position: center;
  1226. background-repeat: no-repeat;
  1227. background-size: 30px;
  1228. color: transparent !important;
  1229. pointer-events: none; }
  1230. /* 3.13 Media */
  1231. .media .media-right {
  1232. float: right;
  1233. color: #6777ef;
  1234. font-weight: 600;
  1235. font-size: 16px; }
  1236. .media .media-icon {
  1237. font-size: 20px;
  1238. margin-right: 15px;
  1239. line-height: 1; }
  1240. .media .media-title {
  1241. margin-top: 0;
  1242. margin-bottom: 5px;
  1243. font-weight: 600;
  1244. font-size: 15px;
  1245. color: #34395e; }
  1246. .media .media-title a {
  1247. font-weight: inherit;
  1248. color: #000; }
  1249. .media .media-description {
  1250. line-height: 24px;
  1251. color: #34395e; }
  1252. .media .media-links {
  1253. margin-top: 10px; }
  1254. .media .media-links a {
  1255. font-size: 12px;
  1256. color: #999; }
  1257. .media .media-progressbar {
  1258. flex: 1; }
  1259. .media .media-progressbar .progress-text {
  1260. font-size: 12px;
  1261. font-weight: 600;
  1262. margin-bottom: 5px;
  1263. color: #34395e; }
  1264. .media .media-cta {
  1265. margin-left: 40px; }
  1266. .media .media-cta .btn {
  1267. padding: 5px 15px;
  1268. border-radius: 30px;
  1269. font-size: 12px; }
  1270. .media .media-items {
  1271. display: flex; }
  1272. .media .media-items .media-item {
  1273. flex: 1;
  1274. text-align: center;
  1275. padding: 0 15px; }
  1276. .media .media-items .media-item .media-label {
  1277. font-weight: 600;
  1278. font-size: 12px;
  1279. color: #34395e;
  1280. letter-spacing: .5px; }
  1281. .media .media-items .media-item .media-value {
  1282. font-weight: 700;
  1283. font-size: 18px; }
  1284. /* 3.14 Breadcrumb */
  1285. .breadcrumb {
  1286. background-color: #f9f9f9; }
  1287. .breadcrumb .breadcrumb-item {
  1288. line-height: 1; }
  1289. .breadcrumb .breadcrumb-item i {
  1290. margin-right: 5px; }
  1291. /* 3.15 Accordion */
  1292. .accordion {
  1293. display: inline-block;
  1294. width: 100%;
  1295. margin-bottom: 10px; }
  1296. .accordion .accordion-header, .accordion .accordion-body {
  1297. padding: 10px 15px; }
  1298. .accordion .accordion-header {
  1299. background-color: #f9f9f9;
  1300. border-radius: 3px;
  1301. cursor: pointer;
  1302. transition: all .5s; }
  1303. .accordion .accordion-header h4 {
  1304. line-height: 1;
  1305. margin: 0;
  1306. font-size: 14px;
  1307. font-weight: 700; }
  1308. .accordion .accordion-header:hover {
  1309. background-color: #f2f2f2; }
  1310. .accordion .accordion-header[aria-expanded="true"] {
  1311. box-shadow: 0 2px 6px #acb5f6;
  1312. background-color: #6777ef;
  1313. color: #fff; }
  1314. .accordion .accordion-body {
  1315. line-height: 24px; }
  1316. /* 3.16 Popover */
  1317. .popover {
  1318. box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03);
  1319. border-color: transparent; }
  1320. .popover .manual-arrow {
  1321. position: absolute;
  1322. bottom: -15px;
  1323. font-size: 26px;
  1324. left: 50%;
  1325. transform: translateX(-50%);
  1326. color: #fff; }
  1327. .bs-popover-auto[x-placement^=left] .arrow::before, .bs-popover-left .arrow::before {
  1328. border-left-color: #f2f2f2; }
  1329. .bs-popover-auto[x-placement^=bottom] .arrow::before, .bs-popover-bottom .arrow::before {
  1330. border-bottom-color: #f2f2f2; }
  1331. .bs-popover-auto[x-placement^=top] .arrow::before, .bs-popover-top .arrow::before {
  1332. border-top-color: #f2f2f2; }
  1333. .bs-popover-auto[x-placement^=right] .arrow::before, .bs-popover-right .arrow::before {
  1334. border-right-color: #f2f2f2; }
  1335. .popover .popover-header {
  1336. background-color: transparent;
  1337. border: none;
  1338. padding-bottom: 0;
  1339. padding-top: 10px; }
  1340. .popover .popover-body {
  1341. padding: 15px;
  1342. line-height: 24px; }
  1343. /* 3.17 Grid */
  1344. .sm-gutters {
  1345. margin-left: -5px;
  1346. margin-right: -5px; }
  1347. .sm-gutters > .col, .sm-gutters > [class*=col-] {
  1348. padding-left: 5px;
  1349. padding-right: 5px; }
  1350. /* 3.18 Navbar */
  1351. .navbar {
  1352. height: 70px;
  1353. left: 250px;
  1354. right: 5px;
  1355. position: absolute;
  1356. z-index: 890;
  1357. background-color: transparent; }
  1358. .navbar.active {
  1359. background-color: #6777ef;
  1360. box-shadow: rgba(103, 119, 239, 0.2) rgba(0, 0, 0, 0.03); }
  1361. .navbar-bg {
  1362. content: ' ';
  1363. position: absolute;
  1364. top: 0;
  1365. left: 0;
  1366. width: 100%;
  1367. height: 115px;
  1368. background-color: #6777ef;
  1369. z-index: -1; }
  1370. .navbar {
  1371. align-items: center; }
  1372. .navbar .navbar-brand {
  1373. color: #fff;
  1374. text-transform: uppercase;
  1375. letter-spacing: 3px;
  1376. font-weight: 700; }
  1377. .navbar .form-inline .form-control {
  1378. background-color: #fff;
  1379. border-color: transparent;
  1380. padding-left: 20px;
  1381. padding-right: 0;
  1382. margin-right: -6px;
  1383. min-height: 46px;
  1384. font-weight: 500;
  1385. border-radius: 3px 0 0 3px;
  1386. transition: all 1s; }
  1387. .navbar .form-inline .form-control:focus,
  1388. .navbar .form-inline .form-control:focus + .btn {
  1389. position: relative;
  1390. z-index: 9001; }
  1391. .navbar .form-inline .form-control:focus + .btn + .search-backdrop {
  1392. opacity: .6;
  1393. visibility: visible; }
  1394. .navbar .form-inline .form-control:focus + .btn + .search-backdrop + .search-result {
  1395. opacity: 1;
  1396. visibility: visible;
  1397. top: 80px; }
  1398. .navbar .form-inline .btn {
  1399. border-radius: 0 3px 3px 0;
  1400. background-color: #fff;
  1401. padding: 9px 15px 9px 15px;
  1402. border-color: transparent; }
  1403. .navbar .form-inline .search-backdrop {
  1404. position: fixed;
  1405. top: 0;
  1406. left: 0;
  1407. width: 100%;
  1408. height: 100%;
  1409. z-index: 9000;
  1410. background-color: #000;
  1411. opacity: 0;
  1412. visibility: hidden;
  1413. transition: all .5s; }
  1414. .navbar .form-inline .search-result {
  1415. position: absolute;
  1416. z-index: 9002;
  1417. top: 100px;
  1418. background-color: #fff;
  1419. border-radius: 3px;
  1420. width: 450px;
  1421. opacity: 0;
  1422. visibility: hidden;
  1423. transition: all .5s; }
  1424. .navbar .form-inline .search-result:before {
  1425. position: absolute;
  1426. top: -26px;
  1427. left: 34px;
  1428. content: '\f0d8';
  1429. font-weight: 600;
  1430. font-family: 'Font Awesome 5 Free';
  1431. color: #fff;
  1432. font-size: 30px; }
  1433. .navbar .form-inline .search-result .search-header {
  1434. padding: 13px 18px 2px 18px;
  1435. text-transform: uppercase;
  1436. letter-spacing: 1.3px;
  1437. font-weight: 600;
  1438. font-size: 10px;
  1439. color: #bcc1c6; }
  1440. .navbar .form-inline .search-result .search-item {
  1441. display: flex; }
  1442. .navbar .form-inline .search-result .search-item a {
  1443. display: block;
  1444. padding: 13px 18px;
  1445. text-decoration: none;
  1446. color: #34395e;
  1447. font-weight: 600;
  1448. display: flex;
  1449. align-items: center; }
  1450. .navbar .form-inline .search-result .search-item a:hover {
  1451. background-color: #f1f3fe; }
  1452. .navbar .form-inline .search-result .search-item a:not(.search-close) {
  1453. width: 100%; }
  1454. .navbar .form-inline .search-result .search-item a i {
  1455. margin-left: 0 !important; }
  1456. .navbar .form-inline .search-result .search-item .search-icon {
  1457. width: 35px;
  1458. height: 35px;
  1459. line-height: 35px;
  1460. text-align: center;
  1461. border-radius: 50%; }
  1462. .navbar .active .nav-link {
  1463. color: #fff;
  1464. font-weight: 700; }
  1465. .navbar .navbar-text {
  1466. color: #fff; }
  1467. .navbar .nav-link {
  1468. color: #f2f2f2;
  1469. padding-left: 15px !important;
  1470. padding-right: 15px !important;
  1471. padding-top: 0 !important;
  1472. padding-bottom: 0 !important;
  1473. height: 100%; }
  1474. .navbar .nav-link.nav-link-lg div {
  1475. margin-top: 3px; }
  1476. .navbar .nav-link.nav-link-lg i {
  1477. margin-left: 0 !important;
  1478. font-size: 18px;
  1479. line-height: 32px; }
  1480. .navbar .nav-link.nav-link-user {
  1481. color: #fff;
  1482. padding-top: 4px;
  1483. padding-bottom: 4px;
  1484. font-weight: 600; }
  1485. .navbar .nav-link.nav-link-user img {
  1486. width: 30px; }
  1487. .navbar .nav-link.nav-link-img {
  1488. padding-top: 4px;
  1489. padding-bottom: 4px;
  1490. border-radius: 50%;
  1491. overflow: hidden; }
  1492. .navbar .nav-link.nav-link-img .flag-icon {
  1493. box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03);
  1494. border-radius: 50%;
  1495. line-height: 18px;
  1496. height: 22px;
  1497. width: 22px;
  1498. background-size: cover; }
  1499. .remove-caret:after {
  1500. display: none; }
  1501. .navbar .nav-link:hover {
  1502. color: #fff; }
  1503. .navbar .nav-link.disabled {
  1504. color: #fff;
  1505. opacity: .6; }
  1506. .nav-collapse {
  1507. display: flex; }
  1508. @media (max-width: 575.98px) {
  1509. body.search-show .navbar .form-inline .search-element {
  1510. display: block; }
  1511. .navbar .form-inline .search-element {
  1512. position: absolute;
  1513. top: 10px;
  1514. left: 10px;
  1515. right: 10px;
  1516. z-index: 892;
  1517. display: none; }
  1518. .navbar .form-inline .search-element .form-control {
  1519. float: left;
  1520. border-radius: 3px 0 0 3px;
  1521. width: calc(100% - 43px) !important; }
  1522. .navbar .form-inline .search-element .btn {
  1523. margin-top: 1px;
  1524. border-radius: 0 3px 3px 0; }
  1525. .navbar .form-inline .search-result {
  1526. width: 100%; }
  1527. .navbar .form-inline .search-backdrop {
  1528. display: none; }
  1529. .navbar .nav-link.nav-link-lg div {
  1530. display: none; } }
  1531. @media (min-width: 576px) and (max-width: 767.98px) {
  1532. .navbar .form-inline .search-element {
  1533. display: block; } }
  1534. @media (min-width: 768px) and (max-width: 991.98px) {
  1535. .collapse {
  1536. position: relative; }
  1537. .collapse .navbar-nav {
  1538. position: absolute; } }
  1539. @media (max-width: 1024px) {
  1540. .nav-collapse {
  1541. position: relative; }
  1542. .nav-collapse .navbar-nav {
  1543. box-shadow: 0 0 30px rgba(0, 0, 0, 0.03);
  1544. position: absolute;
  1545. top: 40px;
  1546. left: 0;
  1547. width: 200px;
  1548. display: none; }
  1549. .nav-collapse .navbar-nav.show {
  1550. display: block; }
  1551. .nav-collapse .navbar-nav .nav-item:first-child {
  1552. border-radius: 3px 3px 0 0; }
  1553. .nav-collapse .navbar-nav .nav-item:last-child {
  1554. border-radius: 0 0 3px 3px; }
  1555. .nav-collapse .navbar-nav .nav-item .nav-link {
  1556. background-color: #fff;
  1557. color: #6c757d; }
  1558. .nav-collapse .navbar-nav .nav-item .nav-link:hover {
  1559. background-color: #fcfcfd;
  1560. color: #6777ef; }
  1561. .nav-collapse .navbar-nav .nav-item:focus > a, .nav-collapse .navbar-nav .nav-item.active > a {
  1562. background-color: #6777ef;
  1563. color: #fff; }
  1564. .navbar {
  1565. left: 5px;
  1566. right: 0; }
  1567. .navbar .dropdown-menu {
  1568. position: absolute; }
  1569. .navbar .navbar-nav {
  1570. flex-direction: row; }
  1571. .navbar-expand-lg .navbar-nav .dropdown-menu-right {
  1572. right: 0;
  1573. left: auto; } }
  1574. /* 3.19 Dropdown */
  1575. .dropdown-item.has-icon i {
  1576. margin-top: -1px;
  1577. font-size: 13px; }
  1578. .dropdown-menu {
  1579. box-shadow: 0 10px 40px 0 rgba(51, 73, 94, 0.15);
  1580. border: none;
  1581. width: 200px; }
  1582. .dropdown-menu.show {
  1583. display: block !important; }
  1584. .dropdown-menu a {
  1585. font-size: 13px; }
  1586. .dropdown-menu .dropdown-title {
  1587. text-transform: uppercase;
  1588. font-size: 10px;
  1589. letter-spacing: 1.5px;
  1590. font-weight: 700;
  1591. color: #191d21 !important;
  1592. padding: 10px 20px;
  1593. line-height: 20px;
  1594. color: #98a6ad; }
  1595. .dropdown-menu.dropdown-menu-sm a {
  1596. font-size: 14px;
  1597. letter-spacing: normal;
  1598. padding: 10px 20px;
  1599. color: #6c757d; }
  1600. a.dropdown-item {
  1601. padding: 10px 20px;
  1602. font-weight: 500;
  1603. line-height: 1.2; }
  1604. a.dropdown-item:focus, a.dropdown-item:active, a.dropdown-item.active {
  1605. background-color: #6777ef;
  1606. color: #fff !important; }
  1607. .dropdown-divider {
  1608. border-top-color: #f9f9f9; }
  1609. .dropdown-list {
  1610. width: 350px;
  1611. padding: 0; }
  1612. .dropdown-list .dropdown-item {
  1613. display: inline-block;
  1614. width: 100%;
  1615. padding-top: 15px;
  1616. padding-bottom: 15px;
  1617. font-size: 13px;
  1618. border-bottom: 1px solid #f9f9f9; }
  1619. .dropdown-list .dropdown-item.dropdown-item-header:hover {
  1620. background-color: transparent; }
  1621. .dropdown-list .dropdown-item .time {
  1622. margin-top: 10px;
  1623. font-weight: 600;
  1624. text-transform: uppercase;
  1625. font-size: 10px;
  1626. letter-spacing: .5px; }
  1627. .dropdown-list .dropdown-item .dropdown-item-avatar {
  1628. float: left;
  1629. width: 40px;
  1630. text-align: right;
  1631. position: relative; }
  1632. .dropdown-list .dropdown-item .dropdown-item-avatar img {
  1633. width: 100%; }
  1634. .dropdown-list .dropdown-item .dropdown-item-avatar .is-online {
  1635. position: absolute;
  1636. bottom: 0;
  1637. right: 0; }
  1638. .dropdown-list .dropdown-item .dropdown-item-desc {
  1639. line-height: 24px;
  1640. white-space: normal;
  1641. color: #34395e;
  1642. margin-left: 60px; }
  1643. .dropdown-list .dropdown-item .dropdown-item-desc b {
  1644. font-weight: 600;
  1645. color: #666; }
  1646. .dropdown-list .dropdown-item .dropdown-item-desc p {
  1647. margin-bottom: 0; }
  1648. .dropdown-list .dropdown-item:focus {
  1649. background-color: #6777ef; }
  1650. .dropdown-list .dropdown-item:focus .dropdown-item-desc {
  1651. color: #fff !important; }
  1652. .dropdown-list .dropdown-item:focus .dropdown-item-desc b {
  1653. color: #fff !important; }
  1654. .dropdown-list .dropdown-item.dropdown-item-unread:active .dropdown-item-desc {
  1655. color: #6c757d; }
  1656. .dropdown-list .dropdown-item.dropdown-item-unread:active .dropdown-item-desc b {
  1657. color: #6c757d; }
  1658. .dropdown-list .dropdown-item:active .dropdown-item-desc {
  1659. color: #fff; }
  1660. .dropdown-list .dropdown-item:active .dropdown-item-desc b {
  1661. color: #fff; }
  1662. .dropdown-list .dropdown-item.dropdown-item-unread {
  1663. background-color: #fbfbfb;
  1664. border-bottom-color: #f2f2f2; }
  1665. .dropdown-list .dropdown-item.dropdown-item-unread:focus .dropdown-item-desc {
  1666. color: #6c757d !important; }
  1667. .dropdown-list .dropdown-item.dropdown-item-unread:focus .dropdown-item-desc b {
  1668. color: #6c757d !important; }
  1669. .dropdown-list .dropdown-footer,
  1670. .dropdown-list .dropdown-header {
  1671. letter-spacing: .5px;
  1672. font-weight: 600;
  1673. padding: 15px; }
  1674. .dropdown-list .dropdown-footer a,
  1675. .dropdown-list .dropdown-header a {
  1676. font-weight: 600; }
  1677. .dropdown-list .dropdown-list-content {
  1678. height: 350px;
  1679. overflow: hidden; }
  1680. .dropdown-list .dropdown-list-content:not(.is-end):after {
  1681. content: ' ';
  1682. position: absolute;
  1683. bottom: 46px;
  1684. left: 0;
  1685. width: 100%;
  1686. background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.8));
  1687. height: 60px; }
  1688. .dropdown-list .dropdown-list-icons .dropdown-item {
  1689. display: flex; }
  1690. .dropdown-list .dropdown-list-icons .dropdown-item .dropdown-item-icon {
  1691. flex-shrink: 0;
  1692. border-radius: 50%;
  1693. width: 40px;
  1694. height: 40px;
  1695. line-height: 42px;
  1696. text-align: center; }
  1697. .dropdown-list .dropdown-list-icons .dropdown-item .dropdown-item-icon i {
  1698. margin: 0; }
  1699. .dropdown-list .dropdown-list-icons .dropdown-item .dropdown-item-desc {
  1700. margin-left: 15px;
  1701. line-height: 20px; }
  1702. .dropdown-list .dropdown-list-icons .dropdown-item .dropdown-item-desc .time {
  1703. margin-top: 5px; }
  1704. .dropdown-flag .dropdown-item {
  1705. font-weight: 600; }
  1706. .dropdown-flag .dropdown-item .flag-icon {
  1707. width: 20px;
  1708. height: 13px;
  1709. margin-right: 7px;
  1710. margin-top: -6px; }
  1711. .dropdown-flag .dropdown-item.active {
  1712. background-color: #6777ef;
  1713. color: #fff; }
  1714. @media (max-width: 575.98px) {
  1715. .dropdown-list-toggle {
  1716. position: static; }
  1717. .dropdown-list-toggle .dropdown-list {
  1718. left: 10px !important;
  1719. width: calc(100% - 20px); } }
  1720. /* 3.20 Dropdown */
  1721. .tab-content.no-padding > .tab-pane {
  1722. padding: 0; }
  1723. .tab-content > .tab-pane {
  1724. line-height: 28px; }
  1725. ul.nav-tabs li.nav-item a.nav-link i {
  1726. color: #6777ef; }
  1727. ul.nav-tabs li.nav-item a.nav-link span {
  1728. display: block;
  1729. line-height: 60%; }
  1730. ul.nav-tabs li.nav-item a.nav-link span i {
  1731. font-size: 16px !important; }
  1732. ul.nav-tabs li.nav-item a.nav-link.active i {
  1733. color: #191d21; }
  1734. /* 3.21 Progress Bar */
  1735. .progress-bar {
  1736. background-color: #6777ef; }
  1737. /* 3.22 Jumbotron */
  1738. .jumbotron {
  1739. background-color: #e3eaef; }
  1740. /* 3.23 Carousel */
  1741. .carousel .carousel-caption p {
  1742. font-size: 13px;
  1743. line-height: 24px; }
  1744. /* 4. Theme Style */
  1745. /* 4.1 Misc */
  1746. :root {
  1747. /* Colors */
  1748. --primary: #6777ef;
  1749. --secondary: #34395e;
  1750. --success: #47c363;
  1751. --info: #3abaf4;
  1752. --warning: #ffa426;
  1753. --danger: #fc544b;
  1754. --light: #e3eaef;
  1755. --dark: #191d21; }
  1756. body, html {
  1757. min-height: 100%; }
  1758. body {
  1759. background-color: #f4f6f9;
  1760. font-size: 14px;
  1761. font-weight: 400;
  1762. font-family: "Nunito", "Segoe UI", arial;
  1763. color: #6c757d; }
  1764. a.bb {
  1765. text-decoration: none;
  1766. border-bottom: 1px solid #6777ef;
  1767. padding-bottom: 1px; }
  1768. .form-divider {
  1769. display: inline-block;
  1770. width: 100%;
  1771. margin: 10px 0;
  1772. font-size: 16px;
  1773. font-weight: 600; }
  1774. .ui-sortable-handle,
  1775. .sort-handler {
  1776. cursor: move; }
  1777. .text-job {
  1778. font-size: 10px;
  1779. text-transform: uppercase;
  1780. letter-spacing: 1px;
  1781. font-weight: 700;
  1782. color: #34395e; }
  1783. .text-time {
  1784. font-size: 12px;
  1785. color: #666;
  1786. font-weight: 500;
  1787. margin-bottom: 10px; }
  1788. .bullet, .slash {
  1789. display: inline;
  1790. margin: 0 4px; }
  1791. .bullet:after {
  1792. content: '\2022'; }
  1793. .slash:after {
  1794. content: '/'; }
  1795. .login-brand {
  1796. margin: 20px 0;
  1797. margin-bottom: 40px;
  1798. font-size: 24px;
  1799. text-transform: uppercase;
  1800. letter-spacing: 4px;
  1801. color: #666;
  1802. text-align: center; }
  1803. .font-weight-600 {
  1804. font-weight: 600 !important; }
  1805. .budget-price {
  1806. display: inline-block;
  1807. width: 100%;
  1808. display: flex;
  1809. align-items: center;
  1810. margin-bottom: 3px; }
  1811. .budget-price .budget-price-square {
  1812. width: 15px;
  1813. height: 3px;
  1814. background-color: #f9f9f9; }
  1815. .budget-price .budget-price-label {
  1816. font-size: 12px;
  1817. font-weight: 600;
  1818. margin-left: 5px; }
  1819. .gradient-bottom {
  1820. position: relative; }
  1821. .gradient-bottom:after {
  1822. content: ' ';
  1823. position: absolute;
  1824. bottom: 41px;
  1825. left: 0;
  1826. width: 100%;
  1827. background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.8));
  1828. height: 60px; }
  1829. .text-small {
  1830. font-size: 12px;
  1831. line-height: 20px; }
  1832. .text-title {
  1833. font-size: 14px;
  1834. color: #34395e;
  1835. font-weight: 600; }
  1836. .text-muted-transparent {
  1837. color: rgba(255, 255, 255, 0.8); }
  1838. .img-shadow {
  1839. box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03); }
  1840. .colors {
  1841. display: flex;
  1842. flex-wrap: wrap;
  1843. margin: 0 -5px; }
  1844. .colors .color {
  1845. border-radius: 3px;
  1846. width: calc((100% / 4) - 10px);
  1847. padding: 10px;
  1848. height: 60px;
  1849. line-height: 40px;
  1850. text-align: center;
  1851. margin: 5px; }
  1852. blockquote {
  1853. padding: 20px;
  1854. padding-left: 40px;
  1855. font-style: oblique;
  1856. background-color: #f9f9f9;
  1857. border-radius: 3px;
  1858. position: relative;
  1859. font-family: 'Time new Romans';
  1860. font-size: 16px;
  1861. letter-spacing: .3px; }
  1862. blockquote:before {
  1863. content: '"';
  1864. font-size: 30px;
  1865. position: absolute;
  1866. top: 10px;
  1867. left: 20px;
  1868. opacity: .2; }
  1869. blockquote .blockquote-footer {
  1870. margin-top: 10px; }
  1871. .bg-whitesmoke {
  1872. background-color: #f7f9f9 !important; }
  1873. .ion {
  1874. font-size: 15px; }
  1875. .fas, .far, .fab, .fal {
  1876. font-size: 13px; }
  1877. #visitorMap {
  1878. height: 210px; }
  1879. .sidebar-gone-show {
  1880. display: none !important; }
  1881. pre {
  1882. border-radius: 3px; }
  1883. .circle-step {
  1884. display: flex;
  1885. margin-bottom: 10px; }
  1886. .circle-step .circle-content {
  1887. margin-top: 3px;
  1888. margin-left: 13px; }
  1889. .circle-step .circle {
  1890. border-width: 2px;
  1891. border-style: solid;
  1892. border-radius: 50%;
  1893. display: inline-block;
  1894. width: 32px;
  1895. height: 32px;
  1896. line-height: 30px;
  1897. font-size: 11px;
  1898. text-align: center; }
  1899. .circle-step .circle.circle-primary {
  1900. border-color: #6777ef;
  1901. color: #6777ef; }
  1902. .pe-none {
  1903. pointer-events: none; }
  1904. .contact-map {
  1905. width: 100%;
  1906. height: 100%;
  1907. min-height: 400px; }
  1908. #visitorMap2,
  1909. #visitorMap3 {
  1910. height: 350px; }
  1911. .shadow-primary {
  1912. box-shadow: 0 2px 6px #acb5f6; }
  1913. .shadow-secondary {
  1914. box-shadow: 0 2px 6px #e1e5e8; }
  1915. .shadow-success {
  1916. box-shadow: 0 2px 6px #81d694; }
  1917. .shadow-warning {
  1918. box-shadow: 0 2px 6px #ffc473; }
  1919. .shadow-danger {
  1920. box-shadow: 0 2px 6px #fd9b96; }
  1921. .shadow-info {
  1922. box-shadow: 0 2px 6px #82d3f8; }
  1923. .shadow-light {
  1924. box-shadow: 0 2px 6px #e6ecf1; }
  1925. .shadow-dark {
  1926. box-shadow: 0 2px 6px #728394; }
  1927. .is-online {
  1928. width: 10px;
  1929. height: 10px;
  1930. background-color: #47c363;
  1931. border-radius: 50%;
  1932. display: inline-block; }
  1933. .gutters-xs {
  1934. margin-right: -0.25rem;
  1935. margin-left: -0.25rem; }
  1936. .gutters-xs > .col,
  1937. .gutters-xs > [class*="col-"] {
  1938. padding-right: 0.25rem;
  1939. padding-left: 0.25rem; }
  1940. .beep {
  1941. position: relative; }
  1942. .beep:after {
  1943. content: '';
  1944. position: absolute;
  1945. top: 2px;
  1946. right: 8px;
  1947. width: 7px;
  1948. height: 7px;
  1949. background-color: #ffa426;
  1950. border-radius: 50%;
  1951. -webkit-animation: pulsate 1s ease-out;
  1952. animation: pulsate 1s ease-out;
  1953. -webkit-animation-iteration-count: infinite;
  1954. animation-iteration-count: infinite;
  1955. opacity: 1; }
  1956. .beep.beep-sidebar:after {
  1957. position: static;
  1958. margin-left: 10px; }
  1959. @media (max-width: 575.98px) {
  1960. .fc-overflow {
  1961. width: 100%;
  1962. overflow: auto; }
  1963. .fc-overflow #myEvent {
  1964. width: 800px; }
  1965. .ionicons li {
  1966. width: calc(100% / 4); }
  1967. .icon-wrap {
  1968. width: 100%; } }
  1969. .background-walk-y {
  1970. background-repeat: no-repeat;
  1971. background-position: 0 0%;
  1972. -webkit-animation-name: backgroundWalkY;
  1973. animation-name: backgroundWalkY;
  1974. -webkit-animation-duration: 70s;
  1975. animation-duration: 70s;
  1976. -webkit-animation-iteration-count: infinite;
  1977. animation-iteration-count: infinite;
  1978. -webkit-animation-direction: alternate;
  1979. animation-direction: alternate;
  1980. -webkit-animation-fill-mode: forwards;
  1981. animation-fill-mode: forwards;
  1982. -webkit-animation-timing-function: linear;
  1983. animation-timing-function: linear;
  1984. background-size: 100%; }
  1985. @media (max-width: 1199.98px) {
  1986. .background-walk-y {
  1987. background-size: cover; } }
  1988. .background-walk-x {
  1989. background-repeat: no-repeat;
  1990. background-position: 0 0%;
  1991. -webkit-animation-name: backgroundWalkX;
  1992. animation-name: backgroundWalkX;
  1993. -webkit-animation-duration: 70s;
  1994. animation-duration: 70s;
  1995. -webkit-animation-iteration-count: infinite;
  1996. animation-iteration-count: infinite;
  1997. -webkit-animation-direction: alternate;
  1998. animation-direction: alternate;
  1999. -webkit-animation-fill-mode: forwards;
  2000. animation-fill-mode: forwards;
  2001. -webkit-animation-timing-function: linear;
  2002. animation-timing-function: linear; }
  2003. @-webkit-keyframes backgroundWalkY {
  2004. 0% {
  2005. background-position: 0 0%; }
  2006. 100% {
  2007. background-position: 0 100%; } }
  2008. @keyframes backgroundWalkY {
  2009. 0% {
  2010. background-position: 0 0%; }
  2011. 100% {
  2012. background-position: 0 100%; } }
  2013. @-webkit-keyframes backgroundWalkX {
  2014. 0% {
  2015. background-position: 0 0%; }
  2016. 100% {
  2017. background-position: 100% 0; } }
  2018. @keyframes backgroundWalkX {
  2019. 0% {
  2020. background-position: 0 0%; }
  2021. 100% {
  2022. background-position: 100% 0; } }
  2023. .overlay-gradient-bottom:after {
  2024. content: ' ';
  2025. position: absolute;
  2026. top: 0;
  2027. left: 0;
  2028. width: 100%;
  2029. height: 100%;
  2030. background-color: false;
  2031. background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, 0.65) 100%);
  2032. z-index: 1; }
  2033. .overlay-gradient-top:after {
  2034. content: ' ';
  2035. position: absolute;
  2036. top: 0;
  2037. left: 0;
  2038. width: 100%;
  2039. height: 100%;
  2040. background-color: false;
  2041. background-image: linear-gradient(to top, rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, 0.65) 100%);
  2042. z-index: 1; }
  2043. .index-1 {
  2044. z-index: 1 !important; }
  2045. .index-2 {
  2046. z-index: 2 !important; }
  2047. .index-3 {
  2048. z-index: 3 !important; }
  2049. .index-4 {
  2050. z-index: 4 !important; }
  2051. .index-5 {
  2052. z-index: 5 !important; }
  2053. .absolute-bottom-left {
  2054. position: absolute;
  2055. left: 0;
  2056. bottom: 0; }
  2057. .bg-paypal {
  2058. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAoCAYAAABOzvzpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4Q0JDOEEwQkQ5QkJFMjExOEZFQUIwMEM5MDY5Rjk1OCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo4MzhDMkFERDA5N0ExMUUzOEU3NkI3REVBNTBBQTM3QyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo4MzhDMkFEQzA5N0ExMUUzOEU3NkI3REVBNTBBQTM3QyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjNFQjYzNzExNzYwOUUzMTE5MjFFQjVEQjRBN0YxNUQwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjhDQkM4QTBCRDlCQkUyMTE4RkVBQjAwQzkwNjlGOTU4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+pzjbbwAABEdJREFUeNrsWGtsk1UYfnpd13Yd68boXOmAgnO4VSfLUBIhRhYIGkPMDHHGCJloNOIPL9EYkKB4SURiovBnRn+QQaZchUgQp8KcDlh2MawwV7YJG1u3sVtvWy9fPef9sMt0Gp1JQ/KdNzl9z7Xt85znfd9+VdlLKx0APmVtFWt6KMPCrJ1h7WmNJfeeg6xTxpoGyjGO1clasZq9rIRy7X61gmQ/oxLUULgJAgQBggBBgCBAECAIEAQIAgQBCjXtbA8+UlaKPTufmXrADkdx+UoPtu3aj6aLnbN7MtGnILPABZVKJU/E44hFwgj0X0doePBvz/H98jk1Btuak6OAVffeSZ6D/qymFgM3RuEqWIAPt22ieb1eiwX2bOQ7c5GZkUZzOp0W9pws9gg29bGGFD3NmU2p0JnTCIwUiyI46EUkGCBSLI6FUOt0HCnzemhTjeQTt2g00T4pFkmeAkpci8nvrvoKJ79vgrvjGnZt3Uhglxffjpq9r0wDeqK2EQ1N7dj56hP48kQ9Xnr7cwJde2AHbptnxZY3q/Cd20t7J4ZvwNf7G4HKWnqXrA4GODO/CGrt1FeOToQw4rkEndFM40jAnxwCrHPMWOSYR32fP4TSu5fgqcceoHF942Xyr7+3D13XvKQCTszDD5bg0Nc/0VpRQR75Fzc9ROCb2zpx7JvzsOYX0rwUjdAtm7Jz5DELAykaRWCgD9FQkFRimb8QWkMq22eCzvQHAYHkELCsaHGif+CTlxP9C60d2PpBNZHjuiMP5evuQ67NSmtXewdxydNDfafDBmeeDZsfL2NhHqe8AaYWDoibOcdOjVssHMZYt4cnBKg1Ghjn2pgy9AklxCZDUwoIJkkBJS4neX7DR0+dw/CoHy3uLrS0dWH9muX4+K3NtFZ95CyRUbF+JS784kFv/zD8wQmYjQbsfedZaLUa1Bz/Ea3ubugt6XLekyQW//0snmNM4kFEfONQ8+TI5M9zQHDIi7BvDGm5DlIGJ5ATEqf9oWQRICugav9p7Dv8w7S18nUryH9xvB5HTjXgo+2VNG5s9ZBvv9LLFOTE0iXz4Q+E8P6eQ3LSNMqJcnJsBP6+nmnvaUjPgIrd/uT4KILePhizbXLlYTH/f25/1lXAdTOGf2ZJ7c92sf0q+deefxSnq3eguHARjRua5b2/dl5P7OUJdGjEJ1cIlsllUL6/vGeEKYFbimUO5hYWw2DNkuf94/947t+Yyl5aGf+vh3KyMyBJcXiHRmesySuW5VN5O9fSgYx0E1WD7p4BWn/jhXI89+RaeLr7UFaxHdGYJN8Ei2mVWsNifnJmqbKkqEkxIMpuPR6XqAxyyfO8wPsx1ufhkBQCZmtp5lTUHXyXSmXFlt2oO+9W1k/hyg2rCfzhkw23BPikK0A8DAkCBAGCAEGAIEAQIAgQBNxiBIQVjD/GCTirYALqOAH8H4tvFaaEyE3MG38XYABCjHjqM0/uowAAAABJRU5ErkJggg==");
  2059. background-repeat: no-repeat;
  2060. background-size: cover; }
  2061. .bg-visa {
  2062. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAoCAYAAABOzvzpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4Q0JDOEEwQkQ5QkJFMjExOEZFQUIwMEM5MDY5Rjk1OCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2N0ZCMEUyQjA5N0ExMUUzQThCQUUwNkRBQTdGOUQzMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2N0ZCMEUyQTA5N0ExMUUzQThCQUUwNkRBQTdGOUQzMSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjNFQjYzNzExNzYwOUUzMTE5MjFFQjVEQjRBN0YxNUQwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjhDQkM4QTBCRDlCQkUyMTE4RkVBQjAwQzkwNjlGOTU4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+NGpUrQAABKJJREFUeNrsWHtMW1UY/3ELFAq0tCuDQjtbnm7SjbkBA3lMN4LO6QwxzmWSmKiJfyiJMWaJ/0m2mCzTaJYZXTYN6kKi0z/cDIsyF0eGcxuMOXkMxvv9KOXVVvr0nHPpbe8kMUpS/uj9ktN77ndPzznf73zf7/vujSg6WL8JwBnSykmLRniIk7RfSXs1kvycJW0vwkvoQVeQVseRnzKEr5RyYeT2q4mMQ5iLBIAEgASABIAEgASABIAEQNhK5H8ZrI+zotLQiQr9PWjkNqbz+DhcGDTjk/ZS0dgXnsrGk6VG1u8ZnMP7n93AB0fKoFbFMN2Jz1vQcd/C+rqkODxfmYWduclITY4n9SmH2XkHmm6N4uMvb4vmfbN6O7blaMFxEey+5ugVLNldoQFgxKbG2a5i1HUXoiqjE4czbyCWs2Pfpj9xuuMxuH28Q9HNHdr/MJI3KNj9dz/1IFYeiV15qYjg9w2L1cGu5fl6vFdThOgomWit1I3xeChNKdLt2qbDoadzRLockwYt7ZOhDQG3V4bzvWaM53+BUc6MaM4Do9Ii2qjf+LnFZTQ2DzFj/MbbHC5MWuwMlCOv5QvG3+maZid+6lwbLv82hPYei2jdlw5s/sdecrM2hC4EgsXr9WFmwYu8/R9i8Md3ka2awv35JPbswJ4MYdzFK31Ydnpg0gdOc2BkgV03Z2iQqJQL+tpT1zE+bVt1vWyjGo9u2cj6M8R7tOpY1n9kjQCsiQR/vzMOjSoWun3HkJ7kZTq6seLtqTw/eHzM/amY9Crhf30j8+w6v+QUzXeCcETJjrRV16qqyBT61EPo3FS2ZK4rABPsqklUwFRWzfrPPpEOmYz39ebbY5icsbN+ukEV5AE8AL1Dc/jhcq+gpyAdf6cUp2v3wpCSIOgTE+SoXCHUuYVl/HJ9mBCrlV+bkCol0XUBYGrWjr5h3piCnTlI0cbhmccD7v9NQ7fQN6YFAOhfCQEqx8/cwsmv27BoC3hDbrYWn9bugSqBD4/nyOnLo3me+Ll5EC63F3e7Z4TxawmDNdcBNAzYpxVy6jXVeUjWKgQjWzt4dqZkl5KkCAAwOh/gEp8P9Re7UPXGBXx7KQCYWhmD8gI9mzfY/ScIR+Sbk+F0eYOIUBt6EhQA+GOCpTwquwsNgp7Gvo8PU5YBuJUUYHe4WVj4T5QSpD8zfFTXisoSI5Txga90uwsMAuH564AHhZLpugHQ1jnNjPAbRGWJuHPD1f6g2FYGuT9/+ltJMXPsrRJcaxlF94CVnWgZqQn8xrs9Xtwk4NbWFP/rHnJMakRFciw0Qg6A0+Uhrj6FojydoGtoGoDjL7eI3B4EgOriFVGM3PwEF5xiT37VRsg1RohvCsjhtxtYXSGkTVJAFZKag9YRWSRN+ivLkAJApZEQkzoon5+/1CN6LiOVYVffLO8xpNihcq/fikZS7JgJ4SURF6ceMG21M4/6noQPff76i1sxNrXExt+8O4nhiUXRvNdax2DQ8dlCT0ro/wNARNHBep/0NigBIAEgASABIAEgASABIAEgARCeADjD2H4PBeBqGAPQRAF4hb7QhZknuFZsfvlvAQYAHheK9jMfKWkAAAAASUVORK5CYII=");
  2063. background-repeat: no-repeat;
  2064. background-size: cover; }
  2065. .bg-americanexpress {
  2066. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAoCAYAAABOzvzpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4Q0JDOEEwQkQ5QkJFMjExOEZFQUIwMEM5MDY5Rjk1OCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo5RkI5MDAxRjA5N0ExMUUzOUQ4QkU1OTZBNzYxMzREQiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5RkI5MDAxRTA5N0ExMUUzOUQ4QkU1OTZBNzYxMzREQiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjNFQjYzNzExNzYwOUUzMTE5MjFFQjVEQjRBN0YxNUQwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjhDQkM4QTBCRDlCQkUyMTE4RkVBQjAwQzkwNjlGOTU4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+jutENgAAB2FJREFUeNrsWGlQlWUUfi7cy2VfZFdAFkUQUVxAwz3TLM3d1DQEpRzN1GaymHEdl6yxcVyyUcfQynBJUxx1zNBEMERRSBkUEdkR2ZEdLtzOebn3E4p+hEN/7j0zL5fvvd/33vc855znPO8n6xMR4wbgMI2xNIygG9ZEI5ZGuJz+fEfjDeiWcaAn0vjegP6Mge7aaAMdSvvOzNAAOm56APQA6AHQA6AHQJdNrv2np7Uxrn4aDLmhTFw3NLfi0v3nmDXUWbq5plGFcV/dRC8bE0R/HNSlH6xvbkHG81r0cTCDqZGhmKusa8bVh6UY420Le4vOZclPt/KxcISLdN3Sqsa+q1lYM9FTmvv610wcvJ7dNQDeD3bF9fRSRJxOE9e7F/jj7YGOuJxajPW/PBRz+xYOxOKRbnCxMcbppEJ8eSlDzB8ODRD38Vx72zbLFym5VR3mFSQ9RnjZYNtMX4QfTZGeZ9iXRCbjWVWDmLsRMQqTd91CXZMKkwc4Yv073lIA2EJpH8vHu+NJcS3mH0gSv9XlDLA0lmNeYE8sOZICbydzFL9oxAFC8tgHQ9CsakVVvYoio8Q3hPiBkIEwkhtgyu5bMFPKUVjZABVFo54yRk7O7ZrnJy3e19EcCZkV0jzfdyW1BCfvFJBTDqhtbBH33c97gYgzaZjY3x7LxrmTPJPh5O0CFFc3YlqAE87cK8SK191hQfvkvfQwM8K3v2fjTVqjVa0Wc7zPLnPAu+Q8I8nRWkRpFkLZkPi0AmmF1dKNoSNdcTurAulFNYh7XIacsnosHe3WYbE6cugEbVw72AE2djy3vB75NEpqGkXq+/WykJ6Lf1IO8gNbZ/qguaUVk/zscfRmnnBw7WQvyg4ZfvwjT7o/fIwbbM0VWEeZyc+9EglySoaQc4dicyCjPIzLKEcKRYSN57T2lr8D3GxNRN3x5kZTvfbvafE3YS2Daw8TaZgoDCRgOKKn7hQi4UmFeM7OXCk9p9Z4wZniZW8muIczq6K2CXtjsmBtKhfPvmhQifvMCMAtM3yQTAE7lpD/aiQ4dZAjmlRqXCMSCu7TA3JyQk4/MMzdWtS1r7O55Fz46N7YeO6RuOby+LspyeGRtIbWLIwV4pOJ7ezKIJTVNCG1oFrU/t3sSum+IA8b8bmJ1p7k54CDBHxvAru3ramY5zXPJRcJELQ23scOU4ijTiUVvBoAYaNccSIxH3a0yb3v+YuNGVEkPOxNMX3fbUSnFMHKRA4DSg/uCJHxuXC2UmK4p40oGf6OQeNoqyh9V0U96ECCPM+1y7b9YgbCKNv4GY65mbKtCwR6WGPz9H6ibOIzHomM2Ditn+gUXGrj+tniOfESZwY/yxxUQBmygYiRs6CWyFEh71pHl6nVL6uIa56d5mhfWxssWmN7K6GaZjJkq6htho2Z4j/92OrjqdizYMA/5quoDcYSr7xG3cHW3EiAzbuatCsB2aV1wlHmpfYWRW3R0coYE3ztXqkNyvpExKihw6ZXgt21cMaOCf/6HbfSBQfvYgoR8JbpPqL7tLdG6umc+nZUDlwS7a2aOgF/5+9i2enadU0tyKN2y91Eq2rZ8ivqRftlDfG/AMA2dU8iijTK7mXRybCZCO7MikDYEvHOIxXHLa+huaWDWhxAOmE7kega4o34jDLpOxZfM4c4C5LWqkKtBbhZYedcP+y8/KStlWvobeUET0Go2y48RqlGm7BdWD2iewHgaLFemDuspzTH7eyzn9NIavvh89O5guU3TfMWBPnJJC8EuFqKdrmW7jlCHaeWIupoaYx1U/uSSFLjBxJE+69lkUJ0FAqQyVFLhNxtTpHKjE0vwxezfWGubHOvn5OZWN+QwN8686VktiJ9Ie/uGksrrBHtjc2PBNAO2hgD89GxB6KlHftwKLSJygLH0kQhNL8QSFJJtAglqSIA+ODkYWcqpTK37RJNVHl97gwiun8+F+XDgiyI2qwDda97OVW4SK2UgRpM2WIsN+x+ACzJSd5EmyBSCu3OeqFNXBlAQS2XpTLbriuZlP4kfClS3BLDRrlh/dlH5GCTUJL8WEZxDeYH9RKtmo1bcfv1Zwx2Ih0jQxIBwxkSGZcjOGE3tV8ORC5lXBZxCB/QmGO6HQA+ObZXh1zTiU8rcWjxIJHKoXQC3Eqylo01wjhSeHzUZaKTa5xk6czKs4Yy5xRtnGt8OR2a2DyJ7LTrc2SZTxjAQFKXvE5CZjkp3VZBvC50jOfhaKkUZx0+d3QrALwhPjjxkPouObV/kT+lqhIHQwYhLDIFm8+ntylKIr9N0elC5LAdXzZUlAVrNVaCUYkFcCeJzKdXThp+Jjr5mRhaEpxDfLPh7EMpwzyJLFfQsZnPNVoyNVYYYjap2pF9e3QvABdWD+90nk+Vc/YniUPY+VUdX6z8llbS4Xq3RjlyZNnYwTkaUk3aOLbT9fmorX1pUlTVSGRoKK2jfbHDL2VWRaXqlaD+pageAD0AegD0AOgB0HEAmnTY/xYG4IYOAxDHACylEaNjmdCs8Tn0LwEGANFzD+vUOoKUAAAAAElFTkSuQmCC");
  2067. background-repeat: no-repeat;
  2068. background-size: cover; }
  2069. .bg-dinersclub {
  2070. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAoCAYAAABOzvzpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4Q0JDOEEwQkQ5QkJFMjExOEZFQUIwMEM5MDY5Rjk1OCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo3QzZFN0NDMjA5N0ExMUUzQTlFREIzQkJBNTFDMUVBOSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3QzZFN0NDMTA5N0ExMUUzQTlFREIzQkJBNTFDMUVBOSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjNFQjYzNzExNzYwOUUzMTE5MjFFQjVEQjRBN0YxNUQwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjhDQkM4QTBCRDlCQkUyMTE4RkVBQjAwQzkwNjlGOTU4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+DhLVaQAABA5JREFUeNrsmHlIFFEcx7+r5qqb95GWeaRWpBamhhZ2UFKupZ2S1h9Z0QkdEFF0KR0UEf1RWFAWREFaJF1GEZgWphGdVt6laZalrpjttofbe2s7u9OYGbQxy8wP3rIz83tv9/eZ3/WeBPITAQBOkzGFDHsIQ9RkFJOx0hZhsy+TL4lk2EI4Qm0NISPKhnxMhnAlwUZAbt+nJ9hA4CICEAGIAEQAgha7//EjwzxlWDZjFBKj/DHE3Ql6vR5eLg7wdnVkdLpVWjS3daOioR1Xy94i/34dVGqdxf+bhLTCekstLh1ki+ylMVg4KQQ5NysMRjV96Waeuw+WQh4bgI0pkYgd6cOa+6G9G1vPlOFCUY11AnCV2aMwW4437xXYcPIBvn3X/j4OJRJsTI3E4RXxpDORsJ7l3qnE6mPF0PVY5j3RvUDWP48r0l/d2JOE4pct2HyqFBpdT7/61LSyyk94Vt+GtIQQAxCjjA/xgp+HDNcfNVgPgC0LxpEYd8S6nBIWlPBAd7QqlMy9Eb4uBjhqbS+gqmYFVBqdIVeYS3SoN2pbOvHyXTv/qwB1/fWzI7DmeAlJdr33PJ0dcO9gCrYtimLpzowejoqcNIwN9mTuHbnyHK8bOzjrHl4eD0d7O/4DyJgahmtl7/C5U8nEd8GumZg0xrdP/UAfZ9zemwwft96KQGP9QP4Tjp6fhxMWJYzgPwB5TAAuPahjrhdPCUVCuF+/c3xJady5OJq5vkoAarTcvDFnQhD/AVB3flr3hbleQjxiYJ4TCmPu+6rUoJrkg18lJsyb/wAGOwxCFzHAKKOHuw1oHs0TPmaN0ccOZZ9hwHsAKg273uv/onybq37X6PrsF3gPgLa0TlJTtn7VOLDSRcujeYn095JxdFo6vvEfQCXp/CZHmJLeQFvZC/dMeh7OUtIzeHB0yqs+8R/ADdKxzZsYzFzTilD0ornfObUfOrH/oqn0pcYFc1piKgWlb/kP4HxRNaaP8zeUNmMOmL/vDu4+a/qt8Ul7CtHWpWI6xu1pUVzPalIQmPXWsRlaNWsMUuICMSf7FpMEaQILG+aKqiYFqwmica9UmxLn7vRosoOM5STS5KxC3HrcaB0HIqduvya1XItDmXHMvR5ihbnxVBpau1jGzyehszsjhrPejnPlFjHeYgDoG8s8WoTgIS44u3ka3GTSfvXt7XrdPm9bIiv26Tr7857g4KWn1nkgQt1+09xIrJWHk9xQgyul9awdHS11NOFtSo1E6FBX1ly6IdqS+9Bib/6/ADAKPf5KJ3uClLggwxaYgqGbH/N+gR6YNH7+isc1rYZsf628Ado/nCNYDQA+i3gsLgIQAYgARABCB6AWsP06CqBEwADuUwAryLgrME/Q/LR52Q8BBgBm3GJpfFCpogAAAABJRU5ErkJggg==");
  2071. background-repeat: no-repeat;
  2072. background-size: cover; }
  2073. .bg-discover {
  2074. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAoCAYAAABOzvzpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4Q0JDOEEwQkQ5QkJFMjExOEZFQUIwMEM5MDY5Rjk1OCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo4MTYxNkM1QzA5N0ExMUUzODkyODk5REFFMENGQ0I0MiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo4MTYxNkM1QjA5N0ExMUUzODkyODk5REFFMENGQ0I0MiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjNFQjYzNzExNzYwOUUzMTE5MjFFQjVEQjRBN0YxNUQwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjhDQkM4QTBCRDlCQkUyMTE4RkVBQjAwQzkwNjlGOTU4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Nbpv+wAABOVJREFUeNrsmnlQVVUcx79gGWtvGCuteBgOSykiISQaO5GgwWtKZlJkMfpDrZQmBNOCxqJF0UlsEaPYbAMCCp1JnjFsZSKyiRA8FkGCARyBx9Lb7judexzuSKMNIU7Lu7+Z39x7f++sn/P7/c59d44RIcQGQDpVH6rzYRiioVpO9QUjCkBOb56AYUoZD0BtQCv/Z+F4AAQGLCIAEYAIQAQgAhABiABEACIAEYAIQARgkGI804J2Do5MXVxXYld8PIaHR5h92/YXESp7GjzH+IQEPGgthZPzCuTm5l378qDRMPt9ixbB1NwCXt4+1xrUc9CUpGEiKQDju9zw+0cx0Pe3o7a2jvWTn/+t0HdjYyOz5eXlC+Pg1dXNHS0tLcKzx5o1+Dwj4/YA6OnpgYO9PRwc7PHxJ0fhFxCAsbExDA4Noa+/HyVyOT44nIqQkBAE+Pujo7OT1QuPiEDqkQ8hC5Vhz2u7MXTlCrOrvk6CunA/9IOXQMaHoWsqw+T+Z7HiAQmMjY1xNC1N6Ds7JwcDAwMIDAxk41hsY0PbC8W64CAKWMtsPt7ekNwtwdZt2xnEGQuZodx5lwnJys5m9z+fOUPmm5iSd997nzyzIYysdH+MpB07xspQEEKds9XVzEZXRbCNjIwQrl9BlFuX3FAn03eQt95OZvXa29uJVqsl1KsIBSmM43DqEaG9+voGZisrLycdHR3sPuf48ZlOixjPJm5We3jA2Xk5KisrBVtwUBDuWbAA658KwdqgYOa2VVU/wdLSElGRkUI5iUQCTnHu5p9o6G9RkREwMjJCRmYm5KdPMy+LjooSyiS/k8xc3tfPX7CVlJTgzX37mPe4u7nNeC53zDp50I54nRKpVIoLFxqRnZ2DlJQUBK9bj9jY2L/fMNGztvz9/JCVlY02hQLW1tbseUqcljnBxcUFVlZWgo0PMz7f5Od+A0dHx7nPAddLTc15UNeDr6+vYBsdHYWS6iuxO7F37x4W60sfeZjlCRo6QjmlUol5S1xv2vY8O3d25Vd8YHAQRUXfMY+4HrZMJsPBlAN4nfYzJUmJiexa39Bwe7ZBGvMswVlYmKOwsIhSdkBZaSkio7egu7ubrsoy0DhEzPNbkEuzNQ+js6Mdz23ahOLiE4jYvBk2NlJ88eVX+LX5IlSZcdCeLZw+mPmmMNtdBOP77aBSqSBd/BAD29rSDFtbW2EcXp6ezANMTU0QtiEM7qtWQV5yCgUFhfg0PR1VFRVwdX10bpMgn+h4fdzTi7yRmEjoSjL7q3FxZGN4OOnt7SV0OyRmFpZkqdNylpR4UavVhG6b5N6FC4mJmTmrz4TTEdX3h8hYwmqifMmRTBzcSHTdTdP6fHnHThL45NobjoNXmgNIa2sru6deSSgsZouMjp5xEhTfBEUAIgARgAjAECeuv9wMddEBwwOgH+qBpvgQtDUn2VunwQDgOmuh+TEDuvpT7K+4YYSATgNdgxya0kwGwGByAHepAbqaE9D+UgAyMWIYSZDraYKu7gfozp9kcf6/3wWIehKcohpccwVzc/3Vvllvg/+JIzL8hPVdddC1nwPXRifeRWNap71lx/l3HpLidND3K8Bdvsjimeuqh/631mnZe46EHZLij8l9RtX7n/AEMn4V+j46WTpBfW8zU66vbS5W96+Eb5w/JhfzhwADAEp6pBLh7YWZAAAAAElFTkSuQmCC");
  2075. background-repeat: no-repeat;
  2076. background-size: cover; }
  2077. .bg-jcb {
  2078. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAoCAYAAABOzvzpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4Q0JDOEEwQkQ5QkJFMjExOEZFQUIwMEM5MDY5Rjk1OCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo3ODJEODgyMDA5N0ExMUUzQUZBM0UzQ0IwMzlDQTM2RCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3ODJEODgxRjA5N0ExMUUzQUZBM0UzQ0IwMzlDQTM2RCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjNFQjYzNzExNzYwOUUzMTE5MjFFQjVEQjRBN0YxNUQwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjhDQkM4QTBCRDlCQkUyMTE4RkVBQjAwQzkwNjlGOTU4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+RS3J7gAAA3pJREFUeNrsWHtIU1EY/22z+Zo1Tc10zVctXSWZFib2olIxE6KgoqclERRoUPT4wzAii6AIgrCkt2UU/lVYUfaCHqL5gLKmtsxX6dxSm489XOcec2gzZ7Bi894ffLtn537n277fPef3nXN5WJwjBZBLbBExIdgBHbFnxNIECFp5hzSWExOAPWByDSUWyScfC8FeLOCzaNoPOxP4YDk4AjgCOAI4AlgNJ1sGm+IrwpndsUiYJ4Gbs2Vo3pLz9Jq2Igz718/G1IDxFj4HLxTj+I1ySHzccXrXfCTFSEeMZTcEuLs4oehU8rBJDcbOFDnO7Ykb0ceVJPyYxJJJJjjOElizKMRq8gz2rYuw6rMqLui/JG9TAiZPdBuVX5Cfh1Uf6STR2BVBPo/HVYExWwV+R01jB9q1OtoerA+azl6UfGxFU1sXdPo++IhdEOI/HuFSMb3/Vd2FUoXKIh4TY4K70HEIyDj7Evdef6Htu9mJ9Jp64inyHtVAb+ijQjcj2BPNhIjymjZkrJlFfS7fV1CTB3qSiiBAQ6sW3zTdcBEKcOvwMqTEBjoGAcOBSYxB5uY5yEqNNvf/6NajvkWLqw8V5r78zKWYFeKFd581mJl6Gz06Iwrf1Ds2AfRHySn80MbIIX0i13EIDxQP6Tty9S28PJzxvk5Dv88N80H66pmOKYIC/t+rv5wQEjXdG8uiAmj1qKxV4+bjGvskQFHfbha8gSld+Undv20luU8btLExGPuQnVc+ZDzjX1X33WJztSM5HAc3REIsEqJXb8TRa2V0vN0tgYIXStx9VYc5Mm/4ebmhuKqFqrzzOAGObItGqH9/FdiSIMMN8hSzrpQiv6gW8iAxUf1ulFWrzCI4gKQDhRA6CSg5alI56PhEGV1CtgIPi3NMtgi0d20ENsXLoGzuQFtHL0wmE/wnuiNG7gtPso4HDjCmJztoMrQMqkgZNBjhK3Y1l8HMSyW0DO5eZbnWGT0Inuxhn4ch5qlEEMVmzBqYROKjJX+8z8ygKDKTuJ3gWCLA2GdiNwHK5s5R+TWqtDaLZVcEnMyvsOpT3dCOgudK67FuVdjsf/3znWBtUweOXS/DxcKPf/Tp6jXgQXED0snZQdtjGDEW87os994H+yuDnAhyBHAEcARwBHAEOCYBOhbnb2QIeM5iAl4wBGwn9ohlM0H/K+etPwUYAO7UFu8nZtFbAAAAAElFTkSuQmCC");
  2079. background-repeat: no-repeat;
  2080. background-size: cover; }
  2081. .bg-mastercard {
  2082. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAoCAYAAABOzvzpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4Q0JDOEEwQkQ5QkJFMjExOEZFQUIwMEM5MDY5Rjk1OCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2REIxOTA4NTA5N0ExMUUzQTM0MEZENTU0MTExMTk3MiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2REIxOTA4NDA5N0ExMUUzQTM0MEZENTU0MTExMTk3MiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjNFQjYzNzExNzYwOUUzMTE5MjFFQjVEQjRBN0YxNUQwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjhDQkM4QTBCRDlCQkUyMTE4RkVBQjAwQzkwNjlGOTU4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+XxeyrgAABOJJREFUeNrsWmtsU3UU/93e2wdryzo21r2f7GX2YGOsC+KmM5MoRMyWICrgC2MkYCSRT8ZADJqIUePzg4iPRGMEBaODoV8UFhgje7ixh869YOs65rq1g7brvb33eno18YsZdq3pTHuS0/b/zz23//O7590yTOXzGQA+JK4l1iAyiCc+R7ybZVI2fEUf6olZRA75dc0lLlfRSw0il+5QRZDZ/6MlqBDhFAUgCkAUgCgAEU3cf3HTlaKAxrmrqJ+fRLHHgViRV/Zt6hX4OWYVTsemoZnYxzB/PwlGxubkMeKrqE6YQqLWDY1KgkPQoscRj7NTmfjyWh6cQmizNkOlsByymxHvsg/hwFQfjATCYjSmMeDF1HKcN5pRlziBwyWXkG90LCozT8q/MlCJYyO3QV5uAKhlCe9ca8O9TmtAcheK43FPw3BAMt9NZuPp9rvAS8F7sL8XOBSKJ//2eBs2B6i8nzKmPbBDB2PWwr+WKSBLyTU4FSCWRRB8xD6CLY6JJcsbzjEQrIGFowdSR/Bo9kD4AdBLPvL53iAPIePG94aA5V4oaoeeE8ILQANFe9NfUT4Y0pIBeSYDi/BxGi+2pQ+FFwB/qlMlxEG7cf2fQSU1CRpL+dJy8jAdh1FBnVULTf59YDjt4gEsoQBb0m3hrQP8eV6/6yGY3jgIq7kMCV+8D8nlxuxj+8EV5MA3Og7JPgetpQKS2w1dfQ1E23V4TjRBXVwI39gExKlpqEsKIfM2GBpfgsqQBFlww2cfBKs3Q5qfgOz6HaqVqZAXHJAp47CxGTDubELJkbLwAhDv80K9rhSyZwHG/U9BU1mK+TePImZHA7icTOi3b8XCTxfBmlfD9dnXyprvGYDh8e3gO3oQ8+D9mK7bBnPLKXiaz4BLrYLj3VJA9EJn2QM2LhfatTtws2kv9JuOwHPhddrfS6D1EDBWrMJM+LOApqIY/OUuGJ99EsKvw/D9MkQuUQV14RqIM3YIpLC6KI++TQU2KRHzr74HLi9bcRe+u48ALIHn2x/gvdgCaXZIUZ6hQonL2Ah2dQEkeuqcma5pfUs5sjB4Bnz/SQKhO/xZYC7WBC4rnQ7fAfeps2DTUsg5WWjIpEWrDUJ3vzJ3EfoHoa2uIDPnoSktAtmxsse3diprvvMKuUMfWcA6GLZ+AF31PnDJ5RCd5CK2brDJa5V3hlXTNeuhq3oGPlrbvbrwukC/zgTzpochTlAwoprS9clxUqod0pyT9ibJZ73g8nPBX+okV2iFtqYavqFRTNc2Kn7vbesi3zZAnJ6BNecGNB/VgY3PhzDWAvH6FcXMZe88mBVxtO6Fz3oZov03SM5xAmcc3c6E8JbCO+3DOGztCk1dvtuNmJTAUuqB7tvx8WhR+FzgZFwmHGzwHZojmQtY+Tlei+Pja8IbA1wqDq8lFQd1D5maCXX9QsByL1Nn6PKpw58FPo/PQZMpbemHuNuLxKybAcl8Y83Bp0GYfkgB8AeR59Kr0BybGrDsidwMxGzwBNwO7+m4MyQzgZC0w36SGAanTemY5TSodNuhpWrtVgORfRkWHDUUoH02EWWmGcRrF245EDnYZ8GhXgtEmVl+E6GIH4n9Hyk6Fo8CEAUgCkAUgEgHgI9g/UU/AOcjGIAWfyns/7tYCbG/m4mUf4r5f0z4kfiJPwQYAB3H59j066DAAAAAAElFTkSuQmCC");
  2083. background-repeat: no-repeat;
  2084. background-size: cover; }
  2085. /* 4.2 Section */
  2086. .section {
  2087. position: relative;
  2088. z-index: 1; }
  2089. .section > *:first-child {
  2090. margin-top: -7px; }
  2091. .section .section-header {
  2092. box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03);
  2093. box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03);
  2094. background-color: #fff;
  2095. border-radius: 3px;
  2096. border: none;
  2097. position: relative;
  2098. margin-bottom: 30px;
  2099. padding: 20px;
  2100. display: flex;
  2101. align-items: center; }
  2102. .section .section-header h1 {
  2103. margin-bottom: 0;
  2104. font-weight: 700;
  2105. display: inline-block;
  2106. font-size: 24px;
  2107. margin-top: 3px;
  2108. color: #34395e; }
  2109. .section .section-header .section-header-back {
  2110. margin-right: 15px; }
  2111. .section .section-header .section-header-back .btn:hover {
  2112. background-color: #6777ef;
  2113. color: #fff; }
  2114. .section .section-header .section-header-button {
  2115. margin-left: 20px; }
  2116. .section .section-header .section-header-breadcrumb {
  2117. margin-left: auto;
  2118. display: flex;
  2119. align-items: center; }
  2120. .section .section-header .section-header-breadcrumb .breadcrumb-item {
  2121. font-size: 12px; }
  2122. .section .section-header .btn {
  2123. font-size: 12px; }
  2124. .section .section-title {
  2125. font-size: 18px;
  2126. color: #191d21;
  2127. font-weight: 600;
  2128. position: relative;
  2129. margin: 30px 0 25px 0; }
  2130. .section .section-title:before {
  2131. content: ' ';
  2132. border-radius: 5px;
  2133. height: 8px;
  2134. width: 30px;
  2135. background-color: #6777ef;
  2136. display: inline-block;
  2137. float: left;
  2138. margin-top: 6px;
  2139. margin-right: 15px; }
  2140. .section .section-title + .section-lead {
  2141. margin-top: -20px; }
  2142. .section .section-lead {
  2143. margin-left: 45px; }
  2144. .main-wrapper-1 .section .section-header {
  2145. margin-left: -30px;
  2146. margin-right: -30px;
  2147. margin-top: -10px;
  2148. border-radius: 0;
  2149. border-top: 1px solid #f9f9f9;
  2150. padding-left: 35px;
  2151. padding-right: 35px; }
  2152. @media (max-width: 575.98px) {
  2153. .section .section-title {
  2154. font-size: 14px; }
  2155. .section .section-header {
  2156. flex-wrap: wrap;
  2157. margin-bottom: 20px !important; }
  2158. .section .section-header h1 {
  2159. font-size: 18px; }
  2160. .section .section-header .float-right {
  2161. display: inline-block;
  2162. width: 100%;
  2163. margin-top: 15px; }
  2164. .section .section-header .section-header-breadcrumb {
  2165. flex-basis: 100%;
  2166. margin-top: 10px; } }
  2167. /* 4.3 Page */
  2168. .page-error {
  2169. height: 100%;
  2170. width: 100%;
  2171. padding-top: 60px;
  2172. text-align: center;
  2173. display: table; }
  2174. .page-error .page-inner {
  2175. display: table-cell;
  2176. width: 100%;
  2177. vertical-align: middle; }
  2178. .page-error h1 {
  2179. font-size: 10em;
  2180. font-weight: 700; }
  2181. .page-error .page-description {
  2182. font-size: 18px;
  2183. font-weight: 400;
  2184. color: #34395e; }
  2185. .page-error .page-search {
  2186. margin: 40px auto;
  2187. max-width: 100%;
  2188. width: 350px; }
  2189. .page-error .page-search .form-control {
  2190. border-radius: 30px; }
  2191. .page-error .page-search .btn {
  2192. border-radius: 30px;
  2193. margin-left: 10px; }
  2194. @media (max-width: 575.98px) {
  2195. .page-error .page-search {
  2196. width: 100%; } }
  2197. /* 4.4 Layout */
  2198. .main-sidebar {
  2199. box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03);
  2200. position: fixed;
  2201. top: 0;
  2202. height: 100%;
  2203. width: 250px;
  2204. background-color: #fff;
  2205. z-index: 880;
  2206. left: 0; }
  2207. .main-sidebar,
  2208. .navbar,
  2209. .main-content,
  2210. .main-footer {
  2211. transition: all .5s; }
  2212. body.sidebar-gone .main-sidebar {
  2213. left: -250px; }
  2214. body.sidebar-mini .hide-sidebar-mini {
  2215. display: none !important; }
  2216. body.sidebar-mini .main-sidebar {
  2217. width: 65px;
  2218. overflow: initial !important;
  2219. position: absolute;
  2220. box-shadow: none; }
  2221. body.sidebar-mini .main-sidebar:after {
  2222. box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03);
  2223. content: ' ';
  2224. position: fixed;
  2225. background-color: #fff;
  2226. width: 65px;
  2227. height: 100%;
  2228. left: 0;
  2229. top: 0;
  2230. z-index: -1;
  2231. opacity: 0;
  2232. -webkit-animation-name: mini-sidebar;
  2233. animation-name: mini-sidebar;
  2234. -webkit-animation-duration: 1.5s;
  2235. animation-duration: 1.5s;
  2236. -webkit-animation-fill-mode: forwards;
  2237. animation-fill-mode: forwards; }
  2238. @-webkit-keyframes mini-sidebar {
  2239. from {
  2240. opacity: 0; }
  2241. to {
  2242. opacity: 1; } }
  2243. @keyframes mini-sidebar {
  2244. from {
  2245. opacity: 0; }
  2246. to {
  2247. opacity: 1; } }
  2248. body.sidebar-mini .main-sidebar .sidebar-brand {
  2249. display: none; }
  2250. body.sidebar-mini .main-sidebar .sidebar-brand-sm {
  2251. display: block; }
  2252. body.sidebar-mini .main-sidebar .sidebar-menu > li {
  2253. padding: 10px; }
  2254. body.sidebar-mini .main-sidebar .sidebar-menu > li.menu-header {
  2255. padding: 0;
  2256. font-size: 0;
  2257. height: 2px; }
  2258. body.sidebar-mini .main-sidebar .sidebar-menu > li > a {
  2259. border-radius: 3px;
  2260. height: 45px;
  2261. padding: 0;
  2262. justify-content: center; }
  2263. body.sidebar-mini .main-sidebar .sidebar-menu > li > a .ion, body.sidebar-mini .main-sidebar .sidebar-menu > li > a .fas, body.sidebar-mini .main-sidebar .sidebar-menu > li > a .far, body.sidebar-mini .main-sidebar .sidebar-menu > li > a .fab, body.sidebar-mini .main-sidebar .sidebar-menu > li > a .fal {
  2264. margin: 0;
  2265. font-size: 20px; }
  2266. body.sidebar-mini .main-sidebar .sidebar-menu > li > a span {
  2267. display: none; }
  2268. body.sidebar-mini .main-sidebar .sidebar-menu > li > a .badge {
  2269. padding: 5px;
  2270. position: absolute;
  2271. top: 4px;
  2272. right: 4px;
  2273. font-size: 10px; }
  2274. body.sidebar-mini .main-sidebar .sidebar-menu > li > a.has-dropdown:after {
  2275. content: initial; }
  2276. body.sidebar-mini .main-sidebar .sidebar-menu > li.active > a {
  2277. box-shadow: 0 4px 8px #acb5f6;
  2278. background-color: #6777ef;
  2279. color: #fff; }
  2280. body.sidebar-mini .main-sidebar .sidebar-menu > li ul.dropdown-menu {
  2281. position: absolute;
  2282. background-color: #fff;
  2283. left: 65px;
  2284. top: 10px;
  2285. width: 200px;
  2286. display: none;
  2287. box-shadow: 0 0 30px rgba(0, 0, 0, 0.03); }
  2288. body.sidebar-mini .main-sidebar .sidebar-menu > li ul.dropdown-menu li > a:focus,
  2289. body.sidebar-mini .main-sidebar .sidebar-menu > li ul.dropdown-menu li.active > a,
  2290. body.sidebar-mini .main-sidebar .sidebar-menu > li ul.dropdown-menu li.active > a:hover {
  2291. color: #fff;
  2292. background-color: #6777ef !important; }
  2293. body.sidebar-mini .main-sidebar .sidebar-menu > li ul.dropdown-menu li a {
  2294. height: 40px;
  2295. padding: 0 20px;
  2296. background-color: #fff; }
  2297. body.sidebar-mini .main-sidebar .sidebar-menu > li ul.dropdown-menu li a.has-dropdown:after {
  2298. content: "";
  2299. font-family: 'Font Awesome 5 Free';
  2300. font-weight: 900;
  2301. position: absolute;
  2302. top: 50%;
  2303. right: 20px;
  2304. transform: translate(0, -50%);
  2305. font-size: 12px;
  2306. transition: all .5s; }
  2307. body.sidebar-mini .main-sidebar .sidebar-menu li:hover > ul.dropdown-menu {
  2308. display: block !important; }
  2309. body.sidebar-mini .main-sidebar .sidebar-menu li:hover > ul.dropdown-menu li:hover > a {
  2310. background-color: #fcfcfd; }
  2311. body.sidebar-mini .main-sidebar .sidebar-menu li:hover > ul.dropdown-menu li .dropdown-menu {
  2312. left: 200px;
  2313. padding: 0; }
  2314. body.sidebar-mini .navbar {
  2315. left: 65px; }
  2316. body.sidebar-mini .main-content, body.sidebar-mini .main-footer {
  2317. padding-left: 90px; }
  2318. body.layout-2 .navbar-bg {
  2319. z-index: 889;
  2320. height: 70px; }
  2321. body.layout-2 .navbar {
  2322. left: 0;
  2323. z-index: 890; }
  2324. body.layout-2 .main-wrapper {
  2325. display: flex;
  2326. flex-wrap: wrap;
  2327. padding: 0 50px; }
  2328. body.layout-2 .main-sidebar,
  2329. body.layout-2 .main-content,
  2330. body.layout-2 .main-footer {
  2331. flex-shrink: 0;
  2332. flex-grow: 0; }
  2333. body.layout-2 .main-sidebar {
  2334. background-color: transparent;
  2335. box-shadow: none;
  2336. position: static;
  2337. margin-top: 100px;
  2338. width: 200px; }
  2339. body.layout-2 .main-sidebar .sidebar-menu li.menu-header {
  2340. padding: 0; }
  2341. body.layout-2 .main-sidebar .sidebar-menu li a {
  2342. padding: 0; }
  2343. body.layout-2 .main-sidebar .sidebar-menu li a i {
  2344. width: 10px; }
  2345. body.layout-2 .main-sidebar .sidebar-menu li a.has-dropdown:after {
  2346. right: 0; }
  2347. body.layout-2 .main-sidebar .sidebar-menu li a:hover {
  2348. color: #6777ef;
  2349. background-color: transparent; }
  2350. body.layout-2 .main-sidebar .sidebar-menu li ul.dropdown-menu li a {
  2351. padding-left: 34px; }
  2352. body.layout-2 .main-sidebar .sidebar-menu li.active a {
  2353. background-color: transparent; }
  2354. body.layout-2 .main-sidebar .sidebar-menu li.active ul.dropdown-menu {
  2355. background-color: transparent; }
  2356. body.layout-2 .main-sidebar .sidebar-menu li.active ul.dropdown-menu a {
  2357. background-color: transparent; }
  2358. body.layout-2 .main-content {
  2359. padding-top: 107px;
  2360. padding-left: 30px;
  2361. padding-right: 0;
  2362. width: calc(100% - 200px); }
  2363. body.layout-2 .main-footer {
  2364. margin-left: 230px;
  2365. width: calc(100% - 230px);
  2366. padding-left: 0;
  2367. padding-right: 0; }
  2368. body.layout-3 .navbar {
  2369. left: 0;
  2370. right: 0; }
  2371. body.layout-3 .navbar.navbar-secondary {
  2372. box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03);
  2373. background-color: #fff;
  2374. top: 70px;
  2375. padding: 0;
  2376. z-index: 889; }
  2377. body.layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item.active > .nav-link {
  2378. color: #6777ef; }
  2379. body.layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item.active > .nav-link:before {
  2380. left: 35px;
  2381. right: 0; }
  2382. body.layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item:first-child .nav-link {
  2383. margin-left: 0; }
  2384. body.layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item:last-child .nav-link {
  2385. margin-right: 0; }
  2386. body.layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item > .nav-link {
  2387. color: #868e96;
  2388. font-size: 13px;
  2389. letter-spacing: .3px;
  2390. height: 70px;
  2391. padding: 0;
  2392. padding-left: 0 !important;
  2393. padding-right: 0 !important;
  2394. margin-left: 15px;
  2395. margin-right: 15px;
  2396. position: relative; }
  2397. body.layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item > .nav-link.has-dropdown {
  2398. margin-right: 35px; }
  2399. body.layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item > .nav-link.has-dropdown:after {
  2400. content: "";
  2401. font-family: 'Font Awesome 5 Free';
  2402. font-weight: 900;
  2403. position: absolute;
  2404. top: 50%;
  2405. right: 20px;
  2406. transform: translate(0, -50%);
  2407. font-size: 12px;
  2408. transition: all .5s;
  2409. right: -20px; }
  2410. body.layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item > .nav-link:before {
  2411. content: ' ';
  2412. position: absolute;
  2413. left: initial;
  2414. right: initial;
  2415. bottom: 0;
  2416. height: 2px;
  2417. background-color: #6777ef;
  2418. transition: all .5s; }
  2419. body.layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item > .nav-link span {
  2420. line-height: 74px; }
  2421. body.layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item > .nav-link i {
  2422. width: 30px;
  2423. font-size: 16px; }
  2424. body.layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item > .nav-link:hover {
  2425. color: #191d21 !important; }
  2426. body.layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item .dropdown-menu {
  2427. padding: 0; }
  2428. body.layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item .dropdown-menu .nav-item .nav-link {
  2429. color: #6c757d;
  2430. font-weight: 600;
  2431. letter-spacing: .3px;
  2432. padding: 7px !important;
  2433. padding-left: 20px !important;
  2434. padding-right: 20px !important; }
  2435. body.layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item .dropdown-menu .nav-item .nav-link.has-dropdown:after {
  2436. content: "";
  2437. font-family: 'Font Awesome 5 Free';
  2438. font-weight: 900;
  2439. position: absolute;
  2440. top: 50%;
  2441. right: 20px;
  2442. transform: translate(0, -50%);
  2443. font-size: 12px;
  2444. transition: all .5s;
  2445. right: 15px; }
  2446. body.layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item .dropdown-menu .nav-item:hover > .nav-link {
  2447. background-color: #fcfcfd;
  2448. color: #191d21; }
  2449. body.layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item .dropdown-menu .nav-item:hover > .dropdown-menu {
  2450. display: block !important;
  2451. top: -5px;
  2452. left: 200px; }
  2453. body.layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item .dropdown-menu .nav-item.active > .nav-link,
  2454. body.layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item .dropdown-menu .nav-item .nav-link:focus {
  2455. background-color: #6777ef;
  2456. color: #fff; }
  2457. body.layout-3 .main-content {
  2458. padding-left: 0;
  2459. padding-right: 0;
  2460. padding-top: 170px; }
  2461. body.layout-3 .main-footer {
  2462. padding-left: 0;
  2463. padding-right: 0; }
  2464. .main-sidebar .sidebar-brand {
  2465. display: inline-block;
  2466. width: 100%;
  2467. text-align: center;
  2468. height: 60px;
  2469. line-height: 60px; }
  2470. .main-sidebar .sidebar-brand.sidebar-brand-sm {
  2471. display: none; }
  2472. .main-sidebar .sidebar-brand a {
  2473. text-decoration: none;
  2474. text-transform: uppercase;
  2475. letter-spacing: 1.5px;
  2476. font-weight: 700;
  2477. color: #000; }
  2478. .main-sidebar .sidebar-user {
  2479. display: inline-block;
  2480. width: 100%;
  2481. padding: 10px;
  2482. margin-bottom: 10px; }
  2483. .main-sidebar .sidebar-user .sidebar-user-picture {
  2484. float: left;
  2485. margin-right: 10px; }
  2486. .main-sidebar .sidebar-user .sidebar-user-picture img {
  2487. width: 50px;
  2488. border-radius: 50%; }
  2489. .main-sidebar .sidebar-menu {
  2490. padding: 0;
  2491. margin: 0; }
  2492. .main-sidebar .sidebar-menu li {
  2493. display: block; }
  2494. .main-sidebar .sidebar-menu li.menu-header {
  2495. padding: 3px 15px;
  2496. color: #a1a8ae;
  2497. font-size: 10px;
  2498. text-transform: uppercase;
  2499. letter-spacing: 1.3px;
  2500. font-weight: 600; }
  2501. .main-sidebar .sidebar-menu li.menu-header:not(:first-child) {
  2502. margin-top: 10px; }
  2503. .main-sidebar .sidebar-menu li a {
  2504. position: relative;
  2505. display: flex;
  2506. align-items: center;
  2507. height: 50px;
  2508. padding: 0 20px;
  2509. width: 100%;
  2510. letter-spacing: .3px;
  2511. color: #78828a;
  2512. text-decoration: none; }
  2513. .main-sidebar .sidebar-menu li a .badge {
  2514. float: right;
  2515. padding: 5px 10px;
  2516. margin-top: 2px; }
  2517. .main-sidebar .sidebar-menu li a i {
  2518. width: 28px;
  2519. margin-right: 20px;
  2520. text-align: center; }
  2521. .main-sidebar .sidebar-menu li a span {
  2522. margin-top: 3px;
  2523. width: 100%; }
  2524. .main-sidebar .sidebar-menu li a:hover {
  2525. background-color: #f8fafb; }
  2526. .main-sidebar .sidebar-menu li.active a {
  2527. color: #6777ef;
  2528. font-weight: 600;
  2529. background-color: #f8fafb; }
  2530. .main-sidebar .sidebar-menu li.active a.has-dropdown:after {
  2531. transform: translate(0, -50%) rotate(90deg); }
  2532. .main-sidebar .sidebar-menu li.active ul.dropdown-menu {
  2533. background-color: #f8fafb; }
  2534. .main-sidebar .sidebar-menu li a.has-dropdown:after {
  2535. content: "";
  2536. font-family: 'Font Awesome 5 Free';
  2537. font-weight: 900;
  2538. position: absolute;
  2539. top: 50%;
  2540. right: 20px;
  2541. transform: translate(0, -50%);
  2542. font-size: 12px;
  2543. transition: all .5s; }
  2544. .main-sidebar .sidebar-menu li.active > ul.dropdown-menu li a:hover {
  2545. background-color: #f8fafb; }
  2546. .main-sidebar .sidebar-menu li ul.dropdown-menu {
  2547. padding: 0;
  2548. margin: 0;
  2549. display: none;
  2550. position: static;
  2551. float: none;
  2552. width: 100%;
  2553. box-shadow: none;
  2554. background-color: transparent; }
  2555. .main-sidebar .sidebar-menu li ul.dropdown-menu li a {
  2556. color: #868e96;
  2557. height: 35px;
  2558. padding-left: 65px;
  2559. font-weight: 400; }
  2560. .main-sidebar .sidebar-menu li ul.dropdown-menu li a:hover {
  2561. color: #6777ef;
  2562. background-color: inherit; }
  2563. .main-sidebar .sidebar-menu li ul.dropdown-menu li.active > a {
  2564. color: #6777ef;
  2565. font-weight: 600; }
  2566. .main-sidebar .sidebar-menu li ul.dropdown-menu li a i {
  2567. margin-top: 1px;
  2568. text-align: center; }
  2569. .main-sidebar .sidebar-menu li ul.dropdown-menu li ul.dropdown-menu {
  2570. padding-left: 10px; }
  2571. .main-content {
  2572. padding-left: 280px;
  2573. padding-right: 30px;
  2574. padding-top: 80px;
  2575. width: 100%;
  2576. position: relative; }
  2577. .main-footer {
  2578. padding: 20px 30px 20px 280px;
  2579. margin-top: 40px;
  2580. color: #98a6ad;
  2581. border-top: 1px solid #e3eaef;
  2582. display: inline-block;
  2583. width: 100%; }
  2584. .main-footer .footer-left {
  2585. float: left; }
  2586. .main-footer .footer-right {
  2587. float: right; }
  2588. .simple-footer {
  2589. text-align: center;
  2590. margin-top: 40px;
  2591. margin-bottom: 40px; }
  2592. body:not(.sidebar-mini) .sidebar-style-1 .sidebar-menu li.active a {
  2593. background-color: #6777ef;
  2594. color: #fff; }
  2595. body:not(.sidebar-mini) .sidebar-style-1 .sidebar-menu li.active ul.dropdown-menu li a {
  2596. color: #e8ebfd; }
  2597. body:not(.sidebar-mini) .sidebar-style-1 .sidebar-menu li.active ul.dropdown-menu li a:hover {
  2598. background-color: #6777ef;
  2599. color: #fff; }
  2600. body:not(.sidebar-mini) .sidebar-style-1 .sidebar-menu li.active ul.dropdown-menu li.active a {
  2601. color: #fff; }
  2602. body:not(.sidebar-mini) .sidebar-style-2 .sidebar-menu > li.active > a {
  2603. padding-left: 16px;
  2604. background-color: transparent;
  2605. position: relative; }
  2606. body:not(.sidebar-mini) .sidebar-style-2 .sidebar-menu > li.active > a:before {
  2607. content: '';
  2608. position: absolute;
  2609. left: 0;
  2610. top: 50%;
  2611. transform: translateY(-50%);
  2612. height: 25px;
  2613. width: 4px;
  2614. background-color: #6777ef; }
  2615. body:not(.sidebar-mini) .sidebar-style-2 .sidebar-menu li.active ul.dropdown-menu li a {
  2616. padding-left: 61px;
  2617. background-color: #fff; }
  2618. @media (max-width: 1024px) {
  2619. .sidebar-gone-hide {
  2620. display: none !important; }
  2621. .sidebar-gone-show {
  2622. display: block !important; }
  2623. .main-sidebar {
  2624. position: fixed !important;
  2625. margin-top: 0 !important;
  2626. z-index: 891; }
  2627. body.layout-2 .main-wrapper,
  2628. body.layout-3 .main-wrapper {
  2629. width: 100%;
  2630. padding: 0;
  2631. display: block; }
  2632. .main-content {
  2633. padding-left: 30px;
  2634. padding-right: 30px;
  2635. width: 100% !important; }
  2636. .main-footer {
  2637. padding-left: 30px; }
  2638. body.search-show {
  2639. overflow: hidden; }
  2640. body.search-show .navbar {
  2641. z-index: 892; }
  2642. body.sidebar-show {
  2643. overflow: hidden; }
  2644. body.search-show:before, body.sidebar-show:before {
  2645. content: '';
  2646. position: fixed;
  2647. left: 0;
  2648. right: 0;
  2649. width: 100%;
  2650. height: 100%;
  2651. background-color: #000;
  2652. opacity: 0;
  2653. z-index: 891;
  2654. -webkit-animation-name: fadeinbackdrop;
  2655. animation-name: fadeinbackdrop;
  2656. -webkit-animation-duration: 1s;
  2657. animation-duration: 1s;
  2658. -webkit-animation-fill-mode: forwards;
  2659. animation-fill-mode: forwards; }
  2660. @-webkit-keyframes fadeinbackdrop {
  2661. to {
  2662. opacity: .6; } }
  2663. @keyframes fadeinbackdrop {
  2664. to {
  2665. opacity: .6; } } }
  2666. /* 4.5 Animation */
  2667. .pulsate {
  2668. -webkit-animation: pulsate 1s ease-out;
  2669. animation: pulsate 1s ease-out;
  2670. -webkit-animation-iteration-count: infinite;
  2671. animation-iteration-count: infinite;
  2672. opacity: 1; }
  2673. @-webkit-keyframes pulsate {
  2674. 0% {
  2675. -webkit-transform: scale(0.1, 0.1);
  2676. opacity: 0.0; }
  2677. 50% {
  2678. opacity: 1.0; }
  2679. 100% {
  2680. -webkit-transform: scale(1.2, 1.2);
  2681. opacity: 0.0; } }