PORTARIA SRE Nº 12, DE 29 DE FEVEREIRO DE 2024

SUBSECRETARIA DA RECEITA ESTADUALPORTARIA SRE 12, DE 29 DE FEVEREIRO DE 2024Altera a Portaria SRE 72/23, de 5 de dezembro de 2023, que divulga valores atualizados para fins de determinação da base decálculo da substituição tributária de bebidas alcoólicas, refrigerantes, águas e outras bebidas.O SUBSECRETÁRIO DA RECEITA ESTADUAL, tendo em vista o disposto nos artigos 28, 28-A, 28-B e 28-C da Lei nº 6.374, de 1°de março de 1989, nos artigos 40-A, 41, 43, 44, 293, 294, 313-C e 313-D do Regulamento do Imposto sobre Operações Relativas àCirculação de Mercadorias e sobre Prestações de Serviços de Transporte Interestadual e Intermunicipal e de Comunicação - RICMS,aprovado pelo Decreto nº 45.490, de 30 de novembro de 2000, e considerando os dados constantes de pesquisa de preços elaboradana forma regulamentar, expede a seguinte portaria:Artigo 1º - Passam a vigorar, com a redação que se segue, os itens 4.100 e 4.102 da Tabela 4. OUTRAS MARCAS do Capítulo Ido Anexo IV – CERVEJA E CHOPE, da Portaria SRE 72/23, de 5 de dezembro de 2023:“ TABELA 4. OUTRAS MARCASItem CEST Marca Tipo de Embalagem Tamanho Preço Final4.100 03.021.05 Unsa Bier Puro Malte (Pilsen) PET de 361 a 660 ml R$ 6,004.102 03.021.05 Unsa Bier Vienna Lager PET de 661 a 1000 ml R$ 7,00” (NR).4.608 03.021.01 Cerveja Puro Malte Opa Bier StrongGolden Ale 600 ml - Envelhecida Garrafa de Vidro Não Retornável de 361 a 660 ml R$ 15,044.609 03.021.00 CERVEJA CIDADE IMPERIAL DUNKEL 330ML Garrafa de Vidro Não Retornável de 311 a 360 ml R$ 4,494.610 03.021.00 CERVEJA CIDADE IMPERIAL DUNKEL 500ML Garrafa de Vidro Não Retornável de 361 a 660 ml R$ 6,994.611 03.021.03 CERVEJA CIDADE IMPERIAL DUNKEL LT 473ML Lata de 361 a 660 ml R$ 3,494.612 03.021.00 CERVEJA CIDADE IMPERIAL HELLES 330ML Garrafa de Vidro Não Retornável de 311 a 360 ml R$ 4,494.613 03.021.00 CERVEJA CIDADE IMPERIAL HELLES 500ML Garrafa de Vidro Não Retornável de 361 a 660 ml R$ 6,994.614 03.021.03 CERVEJA CIDADE IMPERIAL HELLES LT 473ML Lata de 361 a 660 ml R$ 3,494.615 03.021.00 CERVEJA CIDADE IMPERIAL PILSEN 330ML Garrafa de Vidro Não Retornável de 311 a 360 ml R$ 4,494.616 03.021.00 CERVEJA IMPERIO LAGER GFA 600ML Garrafa de Vidro Retornável de 361 a 660 ml R$ 5,164.617 03.021.03 CERVEJA MACEDONIA KOLSCH LT 473ML Lata de 411 a 660 ml R$ 2,714.618 03.021.00 CERVEJA IMPERIO PILSEN GFA 600ML Garrafa de Vidro Retornável de 361 a 660 ml R$ 4,874.620 03.021.03 CERVEJA IMPERIO PILSEN LT 269ML Lata até 310 ml R$ 2,544.621 03.021.03 CERVEJA IMPERIO PILSEN LT 269ML PACK C/15 Lata até 269 ml R$ 26,854.622 03.021.03 CERVEJA IMPERIO PILSEN LT 350ML PACK C/15 Lata de 311 a 360 ml R$ 29,854.623 03.021.03 CERVEJA IMPERIO PILSEN LT 473ML Lata de 361 a 660 ml R$ 4,144.624 03.023.00 CERVEJA PURO MALTE LT 269ML Lata até 269 ml R$ 1,854.625 03.021.03 CERVEJA PURO MALTE PILSEN LT 269ML PACK C/15 Lata até 269 ml R$ 25,504.626 03.023.00 CERVEJA PURO MALTE LT 350ML Lata de 311 a 360 ml R$ 2,064.627 03.021.03 CERVEJA PURO MALTE PILSEN LT 350ML PACK C/15 Lata de 311 a 360 ml R$ 28,364.628 03.023.00 CERVEJA PURO MALTE LT 473ML Lata de 361 a 660 ml R$ 2,714.629 03.021.03 CERVEJA IMPERIO ULTRA LT 269ML Lata até 269 ml R$ 2,294.630 03.021.00 CERVEJA IMPERIO ULTRA GFA 275ML Lata até 275 ml R$ 2,99“ (NR).Artigo 3º - Esta portaria entra em vigor em 1º de abril de 2024, exceto quanto ao artigo 1º, que entra em vigor em 1º de marçode 2024.Artigo 2º - Ficam acrescentados, com a redação que se segue, os dispositivos adiante indicados da Portaria SRE 72/23, de 5 dedezembro de 2023:I – os itens 3.414 a 3.478 à Tabela 3. OUTRAS MARCAS do Capítulo I do ANEXO II – REFRIGERANTES:“ TABELA 3. OUTRAS MARCASItem CEST Marca Tipo de embalagem Tamanho Preço Final3.414 03.010.01 Refrigerante Pitchula (Imperial) PET até 260 ml R$ 1,093.415 03.010.02 ÁGUA TÔNICA MINEIRO LATA 269 ML Lata até 270 ml R$ 2,593.416 03.010.02 ÁGUA TÔNICA MINEIRO LATA 269 ML Lata até 270 ml R$ 2,593.417 03.010.02 ÁGUA TÔNICA ZERO MINEIRO LATA 269 ML Lata até 270 ml R$ 2,593.418 03.010.02 ÁGUA TÔNICA ZERO MINEIRO LATA 269 ML Lata até 270 ml R$ 2,593.419 03.010.01 CITRUS MINEIRO PET 1,5 L PET de 1201 a 1750 ml R$ 4,493.420 03.010.01 CITRUS MINEIRO PET 250 ML PET até 260 ml R$ 1,793.421 03.010.01 CITRUS MINEIRO PET 600 ML PET de 451 a 660 ml R$ 4,293.422 03.010.01 CITRUS MINEIRO PET 6X1 600ML PET de 451 a 660 ml R$ 4,293.423 03.010.01 CITRUS MINEIRO PET 2L PET de 1751 a 2000 ml R$ 6,503.424 03.010.02 CITRUS MINEIRO LATA 269 ML Lata até 270 ml R$ 2,793.425 03.010.02 CITRUS MINEIRO LATA 269 ML Lata até 270 ml R$ 2,793.426 03.011.00 GUARANA MINEIRO VIDRO 200ML Garrafa de Vidro Retornável até 260 ml R$ 2,893.427 03.011.00 GUARANA MINEIRO VIDRO 600 ML Garrafa de Vidro Retornável de 600 a 999 ml R$ 4,893.428 03.010.01 GUARANA MINEIRO PET 1,5 L PET de 1201 a 1750 ml R$ 4,493.429 03.010.01 GUARANA MINEIRO PET 250 ML PET até 260 ml R$ 1,793.430 03.010.01 GUARANA MINEIRO PET 600 ML PET de 451 a 660 ml R$ 4,293.431 03.010.01 GUARANA MINEIRO PET 2L PET de 1751 a 2000 ml R$ 6,503.432 03.010.02 GUARANA MINEIRO LATA 350 ML Lata de 311 a 360 ml R$ 3,193.433 03.010.02 GUARANA MINEIRO LATA 350 ML Lata de 311 a 360 ml R$ 3,193.434 03.010.02 GUARANA MINEIRO LATA 350 ML FIT Lata de 311 a 360 ml R$ 3,193.435 03.010.02 GUARANA MINEIRO LATA 269 ML Lata até 270 ml R$ 2,793.436 03.010.02 GUARANA MINEIRO LATA 269 ML Lata até 270 ml R$ 2,793.437 03.010.02 GUARANA MINEIRO LATA 269 ML Lata até 270 ml R$ 2,793.438 03.010.01 GUARANA MINEIRO ZERO PET 6X1 600ML PET de 451 a 660 ml R$ 4,293.439 03.010.01 GUARANA MINEIRO ZERO PET 250 ML PET até 260 ml R$ 1,793.440 03.010.01 GUARANA MINEIRO ZERO PET 600 ML PET de 451 a 660 ml R$ 4,293.441 03.010.01 GUARANA MINEIRO ZERO PET 1,5 L PET de 1201 a 1750 ml R$ 4,203.442 03.010.01 GUARANA MINEIRO ZERO PET 2L PET de 1751 a 2000 ml R$ 6,503.443 03.010.02 GUARANA MINEIRO ZERO LATA 350 ML Lata de 311 a 360 ml R$ 3,193.444 03.010.02 GUARANA MINEIRO ZERO LATA 269 ML Lata até 270 ml R$ 2,793.445 03.010.01 LARANJA MINEIRO PET 250 ML PET até 260 ml R$ 1,793.446 03.010.01 LARANJA MINEIRO PET 6X1 600ML PET de 451 a 660 ml R$ 4,293.447 03.010.01 LARANJA MINEIRO PET 2L PET de 1751 a 2000 ml R$ 6,503.448 03.010.02 LARANJA MINEIRO LATA 350ML Lata de 311 a 360 ml R$ 3,193.449 03.010.02 LARANJA MINEIRO LATA 269 ML Lata até 270 ml R$ 2,793.450 03.010.01 LARANJA MINEIRO PET 600 ML PET de 451 a 660 ml R$ 4,293.451 03.010.01 LIMAO MINEIRO PET 250 ML PET até 260 ml R$ 1,793.452 03.010.01 LIMAO MINEIRO PET 6X1 600ML PET de 451 a 660 ml R$ 4,293.453 03.010.01 LIMAO MINEIRO PET 600 ML PET de 451 a 660 ml R$ 4,293.454 03.010.01 LIMAO MINEIRO PET 2L PET de 1751 a 2000 ml R$ 6,503.455 03.010.01 UVA MINEIRO PET 250 ML PET até 260 ml R$ 1,793.456 03.010.01 UVA MINEIRO PET 6X1 600ML PET de 451 a 660 ml R$ 4,293.457 03.010.01 UVA MINEIRO PET 600 ML PET de 451 a 660 ml R$ 4,293.458 03.010.01 UVA MINEIRO PET 2L PET de 1751 a 2000 ml R$ 6,503.459 03.010.01 ZAP COLA PET 250 ML PET até 260 ml R$ 1,793.460 03.010.01 ZAP COLA PET 600 ML PET de 451 a 660 ml R$ 4,093.461 03.010.01 ZAP COLA PET 6X1 600ML PET de 451 a 660 ml R$ 4,093.462 03.010.01 ZAP COLA PET 1,5 L PET de 1201 a 1750 ml R$ 3,993.463 03.010.01 ZAP COLA PET 2L PET de 1751 a 2000 ml R$ 6,513.464 03.010.02 ZAP COLA LATA 269 ML Lata até 270 ml R$ 2,593.465 03.010.02 ZAP COLA LATA 269 ML Lata até 270 ml R$ 2,593.466 03.010.01 ZAP COLA ZERO PET 2L PET de 1751 a 2000 ml R$ 6,593.467 03.010.02 ZAP COLA LATA 350 ML Lata de 311 a 360 ml R$ 3,193.468 03.010.01 GUARANÁ XAVECO PET de 1751 a 2000 ml R$ 4,993.469 03.010.01 GUARANÁ PIOVANI PET de 1751 a 2000 ml R$ 3,993.470 03.010.01 PACK TURBAÍNA PET 2L + FERRÁSPARI GUARANÁ PET 2L PET de 1751 a 2000 ml R$ 11,503.471 03.010.01 PACK TURBAÍNA PET 2L + TURBAÍNA SEM AÇÚCAR PET 2L PET de 1751 a 2000 ml R$ 11,503.472 03.010.01 PACK TURBAÍNA PET 2L + FERRÁSPARI LIMÃO PET 2L PET de 1751 a 2000 ml R$ 12,043.473 03.010.01 PACK TURBAÍNA PET 2L + FERRÁSPARI ABACAXI PET 2L PET de 1751 a 2000 ml R$ 12,043.474 03.010.01 REFRIGERANTE PAIZÃO TUBAÍNA 2L PET de 1751 a 2000 ml R$ 4,403.475 03.010.01 REFRIGERANTE PAIZÃO GENGIBIRRA 2L PET de 1751 a 2000 ml R$ 4,403.476 03.010.00 REFRIGERANTE TURBAINA FERRASPARI Garrafa de Vidro Não Retornável de 361 a 660 ml R$ 5,053.477 03.010.02 ÁGUA TÔNICA CIDADE IMPERIAL LT 350ML Lata de 311 a 360 ml R$ 2,503.478 03.010.02 ÁGUA TÔNICA CIDADE IMPERIAL ZERO AÇÚCARES LT 350ML Lata de 311 a 360 ml R$ 2,50“ (NR);II – os itens 2.145 a 2.167 à Tabela 2. BEBIDAS ENERGÉTICAS do Capítulo I do ANEXO III – BEBIDAS ENERGÉTICAS E HIDROELETROLÍTICAS:“ TABELA 2. BEBIDAS ENERGÉTICASItem CEST Marca Tipo de embalagem Tamanho Preço Final2.145 03.013.00 RB WINTER PERA E CANELA lata até 310 ml R$ 9,482.146 03.013.01 BAD BOY POWER DRINK 2L PET de 1751 a 2499 ml R$ 9,992.147 03.013.01 BAD BOY POWER DRINK 1L PET de 661 a 1000 ml R$ 6,992.148 03.013.01 BAD BOY POWER DRINK 2L - ZERO AÇÚCAR PET de 1751 a 2499 ml R$ 9,992.149 03.013.01 BAD BOY POWER DRINK - 1L - ZERO AÇÚCAR PET de 661 a 1000 ml R$ 6,992.150 03.013.01 BAD BOY POWER DRINK 2L - AÇAI PET de 1751 a 2499 ml R$ 9,992.151 03.013.01 BAD BOY POWER DRINK 1L - AÇAI PET de 661 a 1000 ml R$ 6,992.152 03.013.01 BAD BOY POWER DRINK - 2L - MELANCIA PET de 1751 a 2499 ml R$ 9,992.153 03.013.01 BAD BOY POWER DRINK 1L - MELANCIA PET de 661 a 1000 ml R$ 6,992.154 03.013.00 BAD BOY POWER DRINK - CAN 473 lata de 361 a 660 ml R$ 7,992.155 03.013.00 BAD BOY POWER DRINK - ZERO - CAN 473 lata de 361 a 660 ml R$ 7,992.156 03.013.00 BAD BOY POWER DRINK - MELANCIA - CAN 473 lata de 361 a 660 ml R$ 7,992.157 03.013.00 BAD BOY POWER DRINK - AÇAI - CAN 473 lata de 361 a 660 ml R$ 7,992.158 03.013.00 BAD BOY C4 - CAN 250 ml lata até 310 ml R$ 6,992.159 03.013.01 BAD BOY POWER DRINK - MANGO - 2L PET de 1751 a 2499 ml R$ 9,992.160 03.013.01 BAD BOY POWER DRINK - MANGO 1L PET de 661 a 1000 ml R$ 6,992.161 03.013.00 BAD BOY POWER DRINK - MANGO - CAN 473 lata de 361 a 660 ml R$ 7,992.162 03.013.00 DOPAMINA ENERGY DRINK 269ML lata até 310 ml R$ 2,992.163 03.013.00 DOPAMINA ENERGY DRINK 269ML - COCO/ACAI lata até 310 ml R$ 2,992.164 03.013.00 DOPAMINA ENERGY DRINK 269ML - EXTREME lata até 310 ml R$ 2,992.165 03.013.00 DOPAMINA ENERGY DRINK 269ML - MACA VERDE lata até 310 ml R$ 2,992.166 03.013.00 DOPAMINA ENERGY DRINK 269ML - TANGERINA lata até 310 ml R$ 2,992.167 03.013.00 DOPAMINA ENERGY DRINK 269ML - TROPICAL lata até 310 ml R$ 2,99“ (NR);III – os itens 1.290 a 1.293 à Tabela 1. MARCAS AMBEV do Capítulo I do ANEXO IV – CERVEJA E CHOPE:“ TABELA 1. MARCAS AMBEVItem CEST Marca Tipo de embalagem Tamanho Preço Final1.290 03.021.03 Corona / Coronita Lata até 269 ml R$ 3,001.291 03.021.01 Corona / Coronita Garrafa de Vidro Não Retornável de 361 a 660 ml R$ 8,751.292 03.021.00 Corona / Coronita Garrafa de Vidro Retornável até 360 ml R$ 6,001.293 03.021.03 Stella Pure Gold Lata até 269 ml R$ 3,05“ (NR);IV – os itens 3.70 a 3.72 à Tabela 3. MARCAS PETRÓPOLIS do Capítulo I do ANEXO IV – CERVEJA E CHOPE:“ TABELA 3. MARCAS PETRÓPOLISItem CEST Marca Tipo de Embalagem Tamanho Preço Final3.70 03.021.03 Itaipava Premium Lata de 311 a 360 ml R$ 3,163.71 03.021.01 Itaipava Premium Garrafa de Vidro Não Retornável de 311 a 360 ml R$ 3,743.72 03.021.00 Itaipava Premium Garrafa de Vidro Retornável de 361 a 660 ml R$ 7,25“ (NR);V – os itens 4.593 a 4.630 à Tabela 4. OUTRAS MARCAS do Capítulo I do ANEXO IV – CERVEJA E CHOPE:“ TABELA 4. OUTRAS MARCASItem CEST Marca Tipo de embalagem Tamanho Preço Final4.593 03.021.03 Cerveja Imperial Ouro Lager Lata até 269 ml R$ 2,534.594 03.021.01 Cerveja Dusza Garrafa de Vidro Não Retornável de 361 a 660 ml R$ 9,994.595 03.021.03 CERVEJA RIBEIRÃO PILSEN Lata de 311 a 360 ml R$ 2,004.596 03.021.01 Cerveja Puro Malte Opa Bier Pilsen 600 ml Garrafa de Vidro Não Retornável Garrafa de Vidro Não Retornável |de 361 a 660 ml R$ 6,724.597 03.021.03 Cerveja Puro Malte Opa BIer Pilsen 350 ml - Lata Lata Lata de 311 a 360 ml R$ 2,704.598 03.021.03 Cerveja Puro Malte Pilsen Opa Bier 269 ml - lata Lata Lata até 269 ml R$ 2,454.599 03.021.03 Cerveja Puro Malte Opa Bier Merecida Pilsen 350 ml Lata Lata de 311 a 360 ml R$ 3,024.600 03.021.01 Cerveja Puro Malte Opa Bier Old Ale 600 ml Garrafa de Vidro Não Retornável de 361 a 660 ml R$ 11,904.601 03.021.01 Cerveja Puro Malte Joinville Bier 600 ml Garrafa de Vidro Não Retornável de 361 a 660 ml R$ 6,654.602 03.021.01 Cerveja Puro Malte Opa Bier German Lager355 ml - LN - Verde - Sem Glúten Garrafa de Vidro Não Retornável de 311 a 360 ml R$ 5,824.603 03.021.03 Cerveja Puro Malte Opa Bier IPA 350 ml - Lata Lata de 311 a 360 ml R$ 4,684.604 03.021.01 Cerveja de Trigo Opa Bier Hefe Weizen 600 ml Garrafa de Vidro Não Retornável de 361 a 660 ml R$ 11,404.605 03.021.01 Cerveja de Trigo Opa Bier Kristall Weizen 600 ml Garrafa de Vidro Não Retornável de 361 a 660 ml R$ 11,404.606 03.021.01 Cerveja de Trigo Opa Bier Dunkel Weizen 600 ml Garrafa de Vidro Não Retornável de 361 a 660 ml R$ 11,404.607 03.021.01 Cerveja Puro Malte Opa Bier Porter 600 ml Garrafa de Vidro Não Retornável de 361 a 660 ml R$ 9,03<style>[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak, .ng-hide:not(.ng-hide-animate) { display: none !important; } ng\:form { display: block; } .ng-animate-shim { visibility: hidden; } .ng-anchor { position: absolute; } :root { --blue: #007bff; --indigo: #6610f2; --purple: #6f42c1; --pink: #e83e8c; --red: #dc3545; --orange: #fd7e14; --yellow: #ffc107; --green: #28a745; --teal: #20c997; --cyan: #17a2b8; --white: #fff; --gray: #6c757d; --gray-dark: #343a40; --primary: #007bff; --secondary: #6c757d; --success: #28a745; --info: #17a2b8; --warning: #ffc107; --danger: #dc3545; --light: #f8f9fa; --dark: #343a40; --breakpoint-xs: 0; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1200px; --font-family-sans-serif: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; --font-family-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace; } *, ::after, ::before { box-sizing: border-box; } html { font-family: sans-serif; line-height: 1.15; text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; } article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; } body { margin: 0px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1rem; font-weight: 400; line-height: 1.5; color: rgb(33, 37, 41); text-align: left; background-color: rgb(255, 255, 255); } [tabindex="-1"]:focus:not(:focus-visible) { outline: 0px !important; } hr { box-sizing: content-box; height: 0px; overflow: visible; } h1, h2, h3, h4, h5, h6 { margin-top: 0px; margin-bottom: 0.5rem; } p { margin-top: 0px; margin-bottom: 1rem; } abbr[data-original-title], abbr[title] { text-decoration: underline dotted; cursor: help; border-bottom: 0px; text-decoration-skip-ink: none; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } dl, ol, ul { margin-top: 0px; margin-bottom: 1rem; } ol ol, ol ul, ul ol, ul ul { margin-bottom: 0px; } dt { font-weight: 700; } dd { margin-bottom: 0.5rem; margin-left: 0px; } blockquote { margin: 0px 0px 1rem; } b, strong { font-weight: bolder; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } a { color: rgb(0, 123, 255); text-decoration: none; background-color: transparent; } a:hover { color: rgb(0, 86, 179); text-decoration: underline; } a:not([href]) { color: inherit; text-decoration: none; } a:not([href]):hover { color: inherit; text-decoration: none; } code, kbd, pre, samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em; } pre { margin-top: 0px; margin-bottom: 1rem; overflow: auto; } figure { margin: 0px 0px 1rem; } img { vertical-align: middle; border-style: none; } svg { overflow: hidden; vertical-align: middle; } table { border-collapse: collapse; } caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: rgb(108, 117, 125); text-align: left; caption-side: bottom; } th { text-align: inherit; } label { display: inline-block; margin-bottom: 0.5rem; } button { border-radius: 0px; } button:focus { outline: -webkit-focus-ring-color auto 5px; } button, input, optgroup, select, textarea { margin: 0px; font-family: inherit; font-size: inherit; line-height: inherit; } button, input { overflow: visible; } button, select { text-transform: none; } select { overflow-wrap: normal; } [type="button"], [type="reset"], [type="submit"], button { appearance: button; } [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled), button:not(:disabled) { cursor: pointer; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0px; } input[type="date"], input[type="datetime-local"], input[type="month"], input[type="time"] { appearance: listbox; } textarea { overflow: auto; resize: vertical; } fieldset { min-width: 0px; padding: 0px; margin: 0px; border: 0px; } legend { display: block; width: 100%; max-width: 100%; padding: 0px; margin-bottom: 0.5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; } progress { vertical-align: baseline; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { outline-offset: -2px; appearance: none; } [type="search"]::-webkit-search-decoration { appearance: none; } ::-webkit-file-upload-button { font: inherit; appearance: button; } output { display: inline-block; } summary { display: list-item; cursor: pointer; } template { display: none; } [hidden] { display: none !important; } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin-bottom: 0.5rem; font-weight: 500; line-height: 1.2; } .h1, h1 { font-size: 2.5rem; } .h2, h2 { font-size: 2rem; } .h3, h3 { font-size: 1.75rem; } .h4, h4 { font-size: 1.5rem; } .h5, h5 { font-size: 1.25rem; } .h6, h6 { font-size: 1rem; } .lead { font-size: 1.25rem; font-weight: 300; } .display-1 { font-size: 6rem; font-weight: 300; line-height: 1.2; } .display-2 { font-size: 5.5rem; font-weight: 300; line-height: 1.2; } .display-3 { font-size: 4.5rem; font-weight: 300; line-height: 1.2; } .display-4 { font-size: 3.5rem; font-weight: 300; line-height: 1.2; } hr { margin-top: 1rem; margin-bottom: 1rem; border-width: 1px 0px 0px; border-right-style: initial; border-bottom-style: initial; border-left-style: initial; border-right-color: initial; border-bottom-color: initial; border-left-color: initial; border-image: initial; border-top-style: solid; border-top-color: rgba(0, 0, 0, 0.1); } .small, small { font-size: 80%; font-weight: 400; } .mark, mark { padding: 0.2em; background-color: rgb(252, 248, 227); } .list-unstyled { padding-left: 0px; list-style: none; } .list-inline { padding-left: 0px; list-style: none; } .list-inline-item { display: inline-block; } .list-inline-item:not(:last-child) { margin-right: 0.5rem; } .initialism { font-size: 90%; text-transform: uppercase; } .blockquote { margin-bottom: 1rem; font-size: 1.25rem; } .blockquote-footer { display: block; font-size: 80%; color: rgb(108, 117, 125); } .blockquote-footer::before { content: "— "; } .img-fluid { max-width: 100%; height: auto; } .img-thumbnail { padding: 0.25rem; background-color: rgb(255, 255, 255); border: 1px solid rgb(222, 226, 230); border-radius: 0.25rem; max-width: 100%; height: auto; } .figure { display: inline-block; } .figure-img { margin-bottom: 0.5rem; line-height: 1; } .figure-caption { font-size: 90%; color: rgb(108, 117, 125); } code { font-size: 87.5%; color: rgb(232, 62, 140); overflow-wrap: break-word; } a > code { color: inherit; } kbd { padding: 0.2rem 0.4rem; font-size: 87.5%; color: rgb(255, 255, 255); background-color: rgb(33, 37, 41); border-radius: 0.2rem; } kbd kbd { padding: 0px; font-size: 100%; font-weight: 700; } pre { display: block; font-size: 87.5%; color: rgb(33, 37, 41); } pre code { font-size: inherit; color: inherit; word-break: normal; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container { max-width: 540px; }} @media (min-width: 768px) { .container { max-width: 720px; }} @media (min-width: 992px) { .container { max-width: 960px; }} @media (min-width: 1200px) { .container { max-width: 1140px; }} .container-fluid, .container-lg, .container-md, .container-sm, .container-xl { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container, .container-sm { max-width: 540px; }} @media (min-width: 768px) { .container, .container-md, .container-sm { max-width: 720px; }} @media (min-width: 992px) { .container, .container-lg, .container-md, .container-sm { max-width: 960px; }} @media (min-width: 1200px) { .container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 1140px; }} .row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .no-gutters { margin-right: 0px; margin-left: 0px; } .no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0px; padding-left: 0px; } .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; } .col { flex-basis: 0px; flex-grow: 1; max-width: 100%; } .row-cols-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-3 > * { flex: 0 0 33.3333%; max-width: 33.3333%; } .row-cols-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-6 > * { flex: 0 0 16.6667%; max-width: 16.6667%; } .col-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-2 { flex: 0 0 16.6667%; max-width: 16.6667%; } .col-3 { flex: 0 0 25%; max-width: 25%; } .col-4 { flex: 0 0 33.3333%; max-width: 33.3333%; } .col-5 { flex: 0 0 41.6667%; max-width: 41.6667%; } .col-6 { flex: 0 0 50%; max-width: 50%; } .col-7 { flex: 0 0 58.3333%; max-width: 58.3333%; } .col-8 { flex: 0 0 66.6667%; max-width: 66.6667%; } .col-9 { flex: 0 0 75%; max-width: 75%; } .col-10 { flex: 0 0 83.3333%; max-width: 83.3333%; } .col-11 { flex: 0 0 91.6667%; max-width: 91.6667%; } .col-12 { flex: 0 0 100%; max-width: 100%; } .order-first { order: -1; } .order-last { order: 13; } .order-0 { order: 0; } .order-1 { order: 1; } .order-2 { order: 2; } .order-3 { order: 3; } .order-4 { order: 4; } .order-5 { order: 5; } .order-6 { order: 6; } .order-7 { order: 7; } .order-8 { order: 8; } .order-9 { order: 9; } .order-10 { order: 10; } .order-11 { order: 11; } .order-12 { order: 12; } .offset-1 { margin-left: 8.33333%; } .offset-2 { margin-left: 16.6667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.3333%; } .offset-5 { margin-left: 41.6667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.3333%; } .offset-8 { margin-left: 66.6667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.3333%; } .offset-11 { margin-left: 91.6667%; } @media (min-width: 576px) { .col-sm { flex-basis: 0px; flex-grow: 1; max-width: 100%; } .row-cols-sm-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-sm-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-sm-3 > * { flex: 0 0 33.3333%; max-width: 33.3333%; } .row-cols-sm-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-sm-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-sm-6 > * { flex: 0 0 16.6667%; max-width: 16.6667%; } .col-sm-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-sm-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-sm-2 { flex: 0 0 16.6667%; max-width: 16.6667%; } .col-sm-3 { flex: 0 0 25%; max-width: 25%; } .col-sm-4 { flex: 0 0 33.3333%; max-width: 33.3333%; } .col-sm-5 { flex: 0 0 41.6667%; max-width: 41.6667%; } .col-sm-6 { flex: 0 0 50%; max-width: 50%; } .col-sm-7 { flex: 0 0 58.3333%; max-width: 58.3333%; } .col-sm-8 { flex: 0 0 66.6667%; max-width: 66.6667%; } .col-sm-9 { flex: 0 0 75%; max-width: 75%; } .col-sm-10 { flex: 0 0 83.3333%; max-width: 83.3333%; } .col-sm-11 { flex: 0 0 91.6667%; max-width: 91.6667%; } .col-sm-12 { flex: 0 0 100%; max-width: 100%; } .order-sm-first { order: -1; } .order-sm-last { order: 13; } .order-sm-0 { order: 0; } .order-sm-1 { order: 1; } .order-sm-2 { order: 2; } .order-sm-3 { order: 3; } .order-sm-4 { order: 4; } .order-sm-5 { order: 5; } .order-sm-6 { order: 6; } .order-sm-7 { order: 7; } .order-sm-8 { order: 8; } .order-sm-9 { order: 9; } .order-sm-10 { order: 10; } .order-sm-11 { order: 11; } .order-sm-12 { order: 12; } .offset-sm-0 { margin-left: 0px; } .offset-sm-1 { margin-left: 8.33333%; } .offset-sm-2 { margin-left: 16.6667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.3333%; } .offset-sm-5 { margin-left: 41.6667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.3333%; } .offset-sm-8 { margin-left: 66.6667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.3333%; } .offset-sm-11 { margin-left: 91.6667%; }} @media (min-width: 768px) { .col-md { flex-basis: 0px; flex-grow: 1; max-width: 100%; } .row-cols-md-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-md-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-md-3 > * { flex: 0 0 33.3333%; max-width: 33.3333%; } .row-cols-md-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-md-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-md-6 > * { flex: 0 0 16.6667%; max-width: 16.6667%; } .col-md-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-md-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-md-2 { flex: 0 0 16.6667%; max-width: 16.6667%; } .col-md-3 { flex: 0 0 25%; max-width: 25%; } .col-md-4 { flex: 0 0 33.3333%; max-width: 33.3333%; } .col-md-5 { flex: 0 0 41.6667%; max-width: 41.6667%; } .col-md-6 { flex: 0 0 50%; max-width: 50%; } .col-md-7 { flex: 0 0 58.3333%; max-width: 58.3333%; } .col-md-8 { flex: 0 0 66.6667%; max-width: 66.6667%; } .col-md-9 { flex: 0 0 75%; max-width: 75%; } .col-md-10 { flex: 0 0 83.3333%; max-width: 83.3333%; } .col-md-11 { flex: 0 0 91.6667%; max-width: 91.6667%; } .col-md-12 { flex: 0 0 100%; max-width: 100%; } .order-md-first { order: -1; } .order-md-last { order: 13; } .order-md-0 { order: 0; } .order-md-1 { order: 1; } .order-md-2 { order: 2; } .order-md-3 { order: 3; } .order-md-4 { order: 4; } .order-md-5 { order: 5; } .order-md-6 { order: 6; } .order-md-7 { order: 7; } .order-md-8 { order: 8; } .order-md-9 { order: 9; } .order-md-10 { order: 10; } .order-md-11 { order: 11; } .order-md-12 { order: 12; } .offset-md-0 { margin-left: 0px; } .offset-md-1 { margin-left: 8.33333%; } .offset-md-2 { margin-left: 16.6667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.3333%; } .offset-md-5 { margin-left: 41.6667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.3333%; } .offset-md-8 { margin-left: 66.6667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.3333%; } .offset-md-11 { margin-left: 91.6667%; }} @media (min-width: 992px) { .col-lg { flex-basis: 0px; flex-grow: 1; max-width: 100%; } .row-cols-lg-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-lg-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-lg-3 > * { flex: 0 0 33.3333%; max-width: 33.3333%; } .row-cols-lg-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-lg-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-lg-6 > * { flex: 0 0 16.6667%; max-width: 16.6667%; } .col-lg-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-lg-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-lg-2 { flex: 0 0 16.6667%; max-width: 16.6667%; } .col-lg-3 { flex: 0 0 25%; max-width: 25%; } .col-lg-4 { flex: 0 0 33.3333%; max-width: 33.3333%; } .col-lg-5 { flex: 0 0 41.6667%; max-width: 41.6667%; } .col-lg-6 { flex: 0 0 50%; max-width: 50%; } .col-lg-7 { flex: 0 0 58.3333%; max-width: 58.3333%; } .col-lg-8 { flex: 0 0 66.6667%; max-width: 66.6667%; } .col-lg-9 { flex: 0 0 75%; max-width: 75%; } .col-lg-10 { flex: 0 0 83.3333%; max-width: 83.3333%; } .col-lg-11 { flex: 0 0 91.6667%; max-width: 91.6667%; } .col-lg-12 { flex: 0 0 100%; max-width: 100%; } .order-lg-first { order: -1; } .order-lg-last { order: 13; } .order-lg-0 { order: 0; } .order-lg-1 { order: 1; } .order-lg-2 { order: 2; } .order-lg-3 { order: 3; } .order-lg-4 { order: 4; } .order-lg-5 { order: 5; } .order-lg-6 { order: 6; } .order-lg-7 { order: 7; } .order-lg-8 { order: 8; } .order-lg-9 { order: 9; } .order-lg-10 { order: 10; } .order-lg-11 { order: 11; } .order-lg-12 { order: 12; } .offset-lg-0 { margin-left: 0px; } .offset-lg-1 { margin-left: 8.33333%; } .offset-lg-2 { margin-left: 16.6667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.3333%; } .offset-lg-5 { margin-left: 41.6667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.3333%; } .offset-lg-8 { margin-left: 66.6667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.3333%; } .offset-lg-11 { margin-left: 91.6667%; }} @media (min-width: 1200px) { .col-xl { flex-basis: 0px; flex-grow: 1; max-width: 100%; } .row-cols-xl-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-xl-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-xl-3 > * { flex: 0 0 33.3333%; max-width: 33.3333%; } .row-cols-xl-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-xl-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-xl-6 > * { flex: 0 0 16.6667%; max-width: 16.6667%; } .col-xl-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-xl-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-xl-2 { flex: 0 0 16.6667%; max-width: 16.6667%; } .col-xl-3 { flex: 0 0 25%; max-width: 25%; } .col-xl-4 { flex: 0 0 33.3333%; max-width: 33.3333%; } .col-xl-5 { flex: 0 0 41.6667%; max-width: 41.6667%; } .col-xl-6 { flex: 0 0 50%; max-width: 50%; } .col-xl-7 { flex: 0 0 58.3333%; max-width: 58.3333%; } .col-xl-8 { flex: 0 0 66.6667%; max-width: 66.6667%; } .col-xl-9 { flex: 0 0 75%; max-width: 75%; } .col-xl-10 { flex: 0 0 83.3333%; max-width: 83.3333%; } .col-xl-11 { flex: 0 0 91.6667%; max-width: 91.6667%; } .col-xl-12 { flex: 0 0 100%; max-width: 100%; } .order-xl-first { order: -1; } .order-xl-last { order: 13; } .order-xl-0 { order: 0; } .order-xl-1 { order: 1; } .order-xl-2 { order: 2; } .order-xl-3 { order: 3; } .order-xl-4 { order: 4; } .order-xl-5 { order: 5; } .order-xl-6 { order: 6; } .order-xl-7 { order: 7; } .order-xl-8 { order: 8; } .order-xl-9 { order: 9; } .order-xl-10 { order: 10; } .order-xl-11 { order: 11; } .order-xl-12 { order: 12; } .offset-xl-0 { margin-left: 0px; } .offset-xl-1 { margin-left: 8.33333%; } .offset-xl-2 { margin-left: 16.6667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.3333%; } .offset-xl-5 { margin-left: 41.6667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.3333%; } .offset-xl-8 { margin-left: 66.6667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.3333%; } .offset-xl-11 { margin-left: 91.6667%; }} .table { width: 100%; margin-bottom: 1rem; color: rgb(33, 37, 41); } .table td, .table th { padding: 0.75rem; vertical-align: top; border-top: 1px solid rgb(222, 226, 230); } .table thead th { vertical-align: bottom; border-bottom: 2px solid rgb(222, 226, 230); } .table tbody + tbody { border-top: 2px solid rgb(222, 226, 230); } .table-sm td, .table-sm th { padding: 0.3rem; } .table-bordered { border: 1px solid rgb(222, 226, 230); } .table-bordered td, .table-bordered th { border: 1px solid rgb(222, 226, 230); } .table-bordered thead td, .table-bordered thead th { border-bottom-width: 2px; } .table-borderless tbody + tbody, .table-borderless td, .table-borderless th, .table-borderless thead th { border: 0px; } .table-striped tbody tr:nth-of-type(2n+1) { background-color: rgba(0, 0, 0, 0.05); } .table-hover tbody tr:hover { color: rgb(33, 37, 41); background-color: rgba(0, 0, 0, 0.075); } .table-primary, .table-primary > td, .table-primary > th { background-color: rgb(184, 218, 255); } .table-primary tbody + tbody, .table-primary td, .table-primary th, .table-primary thead th { border-color: rgb(122, 186, 255); } .table-hover .table-primary:hover { background-color: rgb(159, 205, 255); } .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th { background-color: rgb(159, 205, 255); } .table-secondary, .table-secondary > td, .table-secondary > th { background-color: rgb(214, 216, 219); } .table-secondary tbody + tbody, .table-secondary td, .table-secondary th, .table-secondary thead th { border-color: rgb(179, 183, 187); } .table-hover .table-secondary:hover { background-color: rgb(200, 203, 207); } .table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th { background-color: rgb(200, 203, 207); } .table-success, .table-success > td, .table-success > th { background-color: rgb(195, 230, 203); } .table-success tbody + tbody, .table-success td, .table-success th, .table-success thead th { border-color: rgb(143, 209, 158); } .table-hover .table-success:hover { background-color: rgb(177, 223, 187); } .table-hover .table-success:hover > td, .table-hover .table-success:hover > th { background-color: rgb(177, 223, 187); } .table-info, .table-info > td, .table-info > th { background-color: rgb(190, 229, 235); } .table-info tbody + tbody, .table-info td, .table-info th, .table-info thead th { border-color: rgb(134, 207, 218); } .table-hover .table-info:hover { background-color: rgb(171, 221, 229); } .table-hover .table-info:hover > td, .table-hover .table-info:hover > th { background-color: rgb(171, 221, 229); } .table-warning, .table-warning > td, .table-warning > th { background-color: rgb(255, 238, 186); } .table-warning tbody + tbody, .table-warning td, .table-warning th, .table-warning thead th { border-color: rgb(255, 223, 126); } .table-hover .table-warning:hover { background-color: rgb(255, 232, 161); } .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th { background-color: rgb(255, 232, 161); } .table-danger, .table-danger > td, .table-danger > th { background-color: rgb(245, 198, 203); } .table-danger tbody + tbody, .table-danger td, .table-danger th, .table-danger thead th { border-color: rgb(237, 150, 158); } .table-hover .table-danger:hover { background-color: rgb(241, 176, 183); } .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th { background-color: rgb(241, 176, 183); } .table-light, .table-light > td, .table-light > th { background-color: rgb(253, 253, 254); } .table-light tbody + tbody, .table-light td, .table-light th, .table-light thead th { border-color: rgb(251, 252, 252); } .table-hover .table-light:hover { background-color: rgb(236, 236, 246); } .table-hover .table-light:hover > td, .table-hover .table-light:hover > th { background-color: rgb(236, 236, 246); } .table-dark, .table-dark > td, .table-dark > th { background-color: rgb(198, 200, 202); } .table-dark tbody + tbody, .table-dark td, .table-dark th, .table-dark thead th { border-color: rgb(149, 153, 156); } .table-hover .table-dark:hover { background-color: rgb(185, 187, 190); } .table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th { background-color: rgb(185, 187, 190); } .table-active, .table-active > td, .table-active > th { background-color: rgba(0, 0, 0, 0.075); } .table-hover .table-active:hover { background-color: rgba(0, 0, 0, 0.075); } .table-hover .table-active:hover > td, .table-hover .table-active:hover > th { background-color: rgba(0, 0, 0, 0.075); } .table .thead-dark th { color: rgb(255, 255, 255); background-color: rgb(52, 58, 64); border-color: rgb(69, 77, 85); } .table .thead-light th { color: rgb(73, 80, 87); background-color: rgb(233, 236, 239); border-color: rgb(222, 226, 230); } .table-dark { color: rgb(255, 255, 255); background-color: rgb(52, 58, 64); } .table-dark td, .table-dark th, .table-dark thead th { border-color: rgb(69, 77, 85); } .table-dark.table-bordered { border: 0px; } .table-dark.table-striped tbody tr:nth-of-type(2n+1) { background-color: rgba(255, 255, 255, 0.05); } .table-dark.table-hover tbody tr:hover { color: rgb(255, 255, 255); background-color: rgba(255, 255, 255, 0.075); } @media (max-width: 575.98px) { .table-responsive-sm { display: block; width: 100%; overflow-x: auto; } .table-responsive-sm > .table-bordered { border: 0px; }} @media (max-width: 767.98px) { .table-responsive-md { display: block; width: 100%; overflow-x: auto; } .table-responsive-md > .table-bordered { border: 0px; }} @media (max-width: 991.98px) { .table-responsive-lg { display: block; width: 100%; overflow-x: auto; } .table-responsive-lg > .table-bordered { border: 0px; }} @media (max-width: 1199.98px) { .table-responsive-xl { display: block; width: 100%; overflow-x: auto; } .table-responsive-xl > .table-bordered { border: 0px; }} .table-responsive { display: block; width: 100%; overflow-x: auto; } .table-responsive > .table-bordered { border: 0px; } .form-control { display: block; width: 100%; height: calc(1.5em + 2px + 0.75rem); padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: rgb(73, 80, 87); background-color: rgb(255, 255, 255); background-clip: padding-box; border: 1px solid rgb(206, 212, 218); border-radius: 0.25rem; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; } @media (prefers-reduced-motion: reduce) { .form-control { transition: none 0s ease 0s; }} .form-control:focus { color: rgb(73, 80, 87); background-color: rgb(255, 255, 255); border-color: rgb(128, 189, 255); outline: 0px; box-shadow: rgba(0, 123, 255, 0.25) 0px 0px 0px 0.2rem; } .form-control::-webkit-input-placeholder { color: rgb(108, 117, 125); opacity: 1; } .form-control::placeholder { color: rgb(108, 117, 125); opacity: 1; } .form-control:disabled, .form-control[readonly] { background-color: rgb(233, 236, 239); opacity: 1; } .form-control-file, .form-control-range { display: block; width: 100%; } .col-form-label { padding-top: calc(1px + 0.375rem); padding-bottom: calc(1px + 0.375rem); margin-bottom: 0px; font-size: inherit; line-height: 1.5; } .col-form-label-lg { padding-top: calc(1px + 0.5rem); padding-bottom: calc(1px + 0.5rem); font-size: 1.25rem; line-height: 1.5; } .col-form-label-sm { padding-top: calc(1px + 0.25rem); padding-bottom: calc(1px + 0.25rem); font-size: 0.875rem; line-height: 1.5; } .form-control-plaintext { display: block; width: 100%; padding: 0.375rem 0px; margin-bottom: 0px; font-size: 1rem; line-height: 1.5; color: rgb(33, 37, 41); background-color: transparent; border-style: solid; border-color: transparent; border-image: initial; border-width: 1px 0px; } .form-control-plaintext.form-control-lg, .form-control-plaintext.form-control-sm { padding-right: 0px; padding-left: 0px; } .form-control-sm { height: calc(1.5em + 2px + 0.5rem); padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; } .form-control-lg { height: calc(1.5em + 2px + 1rem); padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; } select.form-control[multiple], select.form-control[size] { height: auto; } textarea.form-control { height: auto; } .form-group { margin-bottom: 1rem; } .form-text { display: block; margin-top: 0.25rem; } .form-row { display: flex; flex-wrap: wrap; margin-right: -5px; margin-left: -5px; } .form-row > .col, .form-row > [class*="col-"] { padding-right: 5px; padding-left: 5px; } .form-check { position: relative; display: block; padding-left: 1.25rem; } .form-check-input { position: absolute; margin-top: 0.3rem; margin-left: -1.25rem; } .form-check-input:disabled ~ .form-check-label, .form-check-input[disabled] ~ .form-check-label { color: rgb(108, 117, 125); } .form-check-label { margin-bottom: 0px; } .form-check-inline { display: inline-flex; align-items: center; padding-left: 0px; margin-right: 0.75rem; } .form-check-inline .form-check-input { position: static; margin-top: 0px; margin-right: 0.3125rem; margin-left: 0px; } .valid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: rgb(40, 167, 69); } .valid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: 0.1rem; font-size: 0.875rem; line-height: 1.5; color: rgb(255, 255, 255); background-color: rgba(40, 167, 69, 0.9); border-radius: 0.25rem; } .is-valid ~ .valid-feedback, .is-valid ~ .valid-tooltip, .was-validated :valid ~ .valid-feedback, .was-validated :valid ~ .valid-tooltip { display: block; } .form-control.is-valid, .was-validated .form-control:valid { border-color: rgb(40, 167, 69); padding-right: calc(1.5em + 0.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.375em + 0.1875rem) center; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .form-control.is-valid:focus, .was-validated .form-control:valid:focus { border-color: rgb(40, 167, 69); box-shadow: rgba(40, 167, 69, 0.25) 0px 0px 0px 0.2rem; } .was-validated textarea.form-control:valid, textarea.form-control.is-valid { padding-right: calc(1.5em + 0.75rem); background-position: right calc(0.375em + 0.1875rem) top calc(0.375em + 0.1875rem); } .custom-select.is-valid, .was-validated .custom-select:valid { border-color: rgb(40, 167, 69); padding-right: calc(0.75em + 2.3125rem); background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center / 8px 10px no-repeat, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") right 1.75rem center / calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat rgb(255, 255, 255); } .custom-select.is-valid:focus, .was-validated .custom-select:valid:focus { border-color: rgb(40, 167, 69); box-shadow: rgba(40, 167, 69, 0.25) 0px 0px 0px 0.2rem; } .form-check-input.is-valid ~ .form-check-label, .was-validated .form-check-input:valid ~ .form-check-label { color: rgb(40, 167, 69); } .form-check-input.is-valid ~ .valid-feedback, .form-check-input.is-valid ~ .valid-tooltip, .was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip { display: block; } .custom-control-input.is-valid ~ .custom-control-label, .was-validated .custom-control-input:valid ~ .custom-control-label { color: rgb(40, 167, 69); } .custom-control-input.is-valid ~ .custom-control-label::before, .was-validated .custom-control-input:valid ~ .custom-control-label::before { border-color: rgb(40, 167, 69); } .custom-control-input.is-valid:checked ~ .custom-control-label::before, .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before { border-color: rgb(52, 206, 87); background-color: rgb(52, 206, 87); } .custom-control-input.is-valid:focus ~ .custom-control-label::before, .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before { box-shadow: rgba(40, 167, 69, 0.25) 0px 0px 0px 0.2rem; } .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before, .was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before { border-color: rgb(40, 167, 69); } .custom-file-input.is-valid ~ .custom-file-label, .was-validated .custom-file-input:valid ~ .custom-file-label { border-color: rgb(40, 167, 69); } .custom-file-input.is-valid:focus ~ .custom-file-label, .was-validated .custom-file-input:valid:focus ~ .custom-file-label { border-color: rgb(40, 167, 69); box-shadow: rgba(40, 167, 69, 0.25) 0px 0px 0px 0.2rem; } .invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: rgb(220, 53, 69); } .invalid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: 0.1rem; font-size: 0.875rem; line-height: 1.5; color: rgb(255, 255, 255); background-color: rgba(220, 53, 69, 0.9); border-radius: 0.25rem; } .is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip, .was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-tooltip { display: block; } .form-control.is-invalid, .was-validated .form-control:invalid { border-color: rgb(220, 53, 69); padding-right: calc(1.5em + 0.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.375em + 0.1875rem) center; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .form-control.is-invalid:focus, .was-validated .form-control:invalid:focus { border-color: rgb(220, 53, 69); box-shadow: rgba(220, 53, 69, 0.25) 0px 0px 0px 0.2rem; } .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { padding-right: calc(1.5em + 0.75rem); background-position: right calc(0.375em + 0.1875rem) top calc(0.375em + 0.1875rem); } .custom-select.is-invalid, .was-validated .custom-select:invalid { border-color: rgb(220, 53, 69); padding-right: calc(0.75em + 2.3125rem); background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center / 8px 10px no-repeat, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") right 1.75rem center / calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat rgb(255, 255, 255); } .custom-select.is-invalid:focus, .was-validated .custom-select:invalid:focus { border-color: rgb(220, 53, 69); box-shadow: rgba(220, 53, 69, 0.25) 0px 0px 0px 0.2rem; } .form-check-input.is-invalid ~ .form-check-label, .was-validated .form-check-input:invalid ~ .form-check-label { color: rgb(220, 53, 69); } .form-check-input.is-invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-tooltip, .was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip { display: block; } .custom-control-input.is-invalid ~ .custom-control-label, .was-validated .custom-control-input:invalid ~ .custom-control-label { color: rgb(220, 53, 69); } .custom-control-input.is-invalid ~ .custom-control-label::before, .was-validated .custom-control-input:invalid ~ .custom-control-label::before { border-color: rgb(220, 53, 69); } .custom-control-input.is-invalid:checked ~ .custom-control-label::before, .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before { border-color: rgb(228, 96, 109); background-color: rgb(228, 96, 109); } .custom-control-input.is-invalid:focus ~ .custom-control-label::before, .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before { box-shadow: rgba(220, 53, 69, 0.25) 0px 0px 0px 0.2rem; } .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before, .was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before { border-color: rgb(220, 53, 69); } .custom-file-input.is-invalid ~ .custom-file-label, .was-validated .custom-file-input:invalid ~ .custom-file-label { border-color: rgb(220, 53, 69); } .custom-file-input.is-invalid:focus ~ .custom-file-label, .was-validated .custom-file-input:invalid:focus ~ .custom-file-label { border-color: rgb(220, 53, 69); box-shadow: rgba(220, 53, 69, 0.25) 0px 0px 0px 0.2rem; } .form-inline { display: flex; flex-flow: wrap; align-items: center; } .form-inline .form-check { width: 100%; } @media (min-width: 576px) { .form-inline label { display: flex; align-items: center; justify-content: center; margin-bottom: 0px; } .form-inline .form-group { display: flex; flex: 0 0 auto; flex-flow: wrap; align-items: center; margin-bottom: 0px; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .form-control-plaintext { display: inline-block; } .form-inline .custom-select, .form-inline .input-group { width: auto; } .form-inline .form-check { display: flex; align-items: center; justify-content: center; width: auto; padding-left: 0px; } .form-inline .form-check-input { position: relative; flex-shrink: 0; margin-top: 0px; margin-right: 0.25rem; margin-left: 0px; } .form-inline .custom-control { align-items: center; justify-content: center; } .form-inline .custom-control-label { margin-bottom: 0px; }} .btn { display: inline-block; font-weight: 400; color: rgb(33, 37, 41); text-align: center; vertical-align: middle; cursor: pointer; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; border-radius: 0.25rem; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; } @media (prefers-reduced-motion: reduce) { .btn { transition: none 0s ease 0s; }} .btn:hover { color: rgb(33, 37, 41); text-decoration: none; } .btn.focus, .btn:focus { outline: 0px; box-shadow: rgba(0, 123, 255, 0.25) 0px 0px 0px 0.2rem; } .btn.disabled, .btn:disabled { opacity: 0.65; } a.btn.disabled, fieldset:disabled a.btn { pointer-events: none; } .btn-primary { color: rgb(255, 255, 255); background-color: rgb(0, 123, 255); border-color: rgb(0, 123, 255); } .btn-primary:hover { color: rgb(255, 255, 255); background-color: rgb(0, 105, 217); border-color: rgb(0, 98, 204); } .btn-primary.focus, .btn-primary:focus { color: rgb(255, 255, 255); background-color: rgb(0, 105, 217); border-color: rgb(0, 98, 204); box-shadow: rgba(38, 143, 255, 0.5) 0px 0px 0px 0.2rem; } .btn-primary.disabled, .btn-primary:disabled { color: rgb(255, 255, 255); background-color: rgb(0, 123, 255); border-color: rgb(0, 123, 255); } .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(0, 98, 204); border-color: rgb(0, 92, 191); } .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow: rgba(38, 143, 255, 0.5) 0px 0px 0px 0.2rem; } .btn-secondary { color: rgb(255, 255, 255); background-color: rgb(108, 117, 125); border-color: rgb(108, 117, 125); } .btn-secondary:hover { color: rgb(255, 255, 255); background-color: rgb(90, 98, 104); border-color: rgb(84, 91, 98); } .btn-secondary.focus, .btn-secondary:focus { color: rgb(255, 255, 255); background-color: rgb(90, 98, 104); border-color: rgb(84, 91, 98); box-shadow: rgba(130, 138, 145, 0.5) 0px 0px 0px 0.2rem; } .btn-secondary.disabled, .btn-secondary:disabled { color: rgb(255, 255, 255); background-color: rgb(108, 117, 125); border-color: rgb(108, 117, 125); } .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show > .btn-secondary.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(84, 91, 98); border-color: rgb(78, 85, 91); } .btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-secondary.dropdown-toggle:focus { box-shadow: rgba(130, 138, 145, 0.5) 0px 0px 0px 0.2rem; } .btn-success { color: rgb(255, 255, 255); background-color: rgb(40, 167, 69); border-color: rgb(40, 167, 69); } .btn-success:hover { color: rgb(255, 255, 255); background-color: rgb(33, 136, 56); border-color: rgb(30, 126, 52); } .btn-success.focus, .btn-success:focus { color: rgb(255, 255, 255); background-color: rgb(33, 136, 56); border-color: rgb(30, 126, 52); box-shadow: rgba(72, 180, 97, 0.5) 0px 0px 0px 0.2rem; } .btn-success.disabled, .btn-success:disabled { color: rgb(255, 255, 255); background-color: rgb(40, 167, 69); border-color: rgb(40, 167, 69); } .btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show > .btn-success.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(30, 126, 52); border-color: rgb(28, 116, 48); } .btn-success:not(:disabled):not(.disabled).active:focus, .btn-success:not(:disabled):not(.disabled):active:focus, .show > .btn-success.dropdown-toggle:focus { box-shadow: rgba(72, 180, 97, 0.5) 0px 0px 0px 0.2rem; } .btn-info { color: rgb(255, 255, 255); background-color: rgb(23, 162, 184); border-color: rgb(23, 162, 184); } .btn-info:hover { color: rgb(255, 255, 255); background-color: rgb(19, 132, 150); border-color: rgb(17, 122, 139); } .btn-info.focus, .btn-info:focus { color: rgb(255, 255, 255); background-color: rgb(19, 132, 150); border-color: rgb(17, 122, 139); box-shadow: rgba(58, 176, 195, 0.5) 0px 0px 0px 0.2rem; } .btn-info.disabled, .btn-info:disabled { color: rgb(255, 255, 255); background-color: rgb(23, 162, 184); border-color: rgb(23, 162, 184); } .btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show > .btn-info.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(17, 122, 139); border-color: rgb(16, 112, 127); } .btn-info:not(:disabled):not(.disabled).active:focus, .btn-info:not(:disabled):not(.disabled):active:focus, .show > .btn-info.dropdown-toggle:focus { box-shadow: rgba(58, 176, 195, 0.5) 0px 0px 0px 0.2rem; } .btn-warning { color: rgb(33, 37, 41); background-color: rgb(255, 193, 7); border-color: rgb(255, 193, 7); } .btn-warning:hover { color: rgb(33, 37, 41); background-color: rgb(224, 168, 0); border-color: rgb(211, 158, 0); } .btn-warning.focus, .btn-warning:focus { color: rgb(33, 37, 41); background-color: rgb(224, 168, 0); border-color: rgb(211, 158, 0); box-shadow: rgba(222, 170, 12, 0.5) 0px 0px 0px 0.2rem; } .btn-warning.disabled, .btn-warning:disabled { color: rgb(33, 37, 41); background-color: rgb(255, 193, 7); border-color: rgb(255, 193, 7); } .btn-warning:not(:disabled):not(.disabled).active, .btn-warning:not(:disabled):not(.disabled):active, .show > .btn-warning.dropdown-toggle { color: rgb(33, 37, 41); background-color: rgb(211, 158, 0); border-color: rgb(198, 149, 0); } .btn-warning:not(:disabled):not(.disabled).active:focus, .btn-warning:not(:disabled):not(.disabled):active:focus, .show > .btn-warning.dropdown-toggle:focus { box-shadow: rgba(222, 170, 12, 0.5) 0px 0px 0px 0.2rem; } .btn-danger { color: rgb(255, 255, 255); background-color: rgb(220, 53, 69); border-color: rgb(220, 53, 69); } .btn-danger:hover { color: rgb(255, 255, 255); background-color: rgb(200, 35, 51); border-color: rgb(189, 33, 48); } .btn-danger.focus, .btn-danger:focus { color: rgb(255, 255, 255); background-color: rgb(200, 35, 51); border-color: rgb(189, 33, 48); box-shadow: rgba(225, 83, 97, 0.5) 0px 0px 0px 0.2rem; } .btn-danger.disabled, .btn-danger:disabled { color: rgb(255, 255, 255); background-color: rgb(220, 53, 69); border-color: rgb(220, 53, 69); } .btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .show > .btn-danger.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(189, 33, 48); border-color: rgb(178, 31, 45); } .btn-danger:not(:disabled):not(.disabled).active:focus, .btn-danger:not(:disabled):not(.disabled):active:focus, .show > .btn-danger.dropdown-toggle:focus { box-shadow: rgba(225, 83, 97, 0.5) 0px 0px 0px 0.2rem; } .btn-light { color: rgb(33, 37, 41); background-color: rgb(248, 249, 250); border-color: rgb(248, 249, 250); } .btn-light:hover { color: rgb(33, 37, 41); background-color: rgb(226, 230, 234); border-color: rgb(218, 224, 229); } .btn-light.focus, .btn-light:focus { color: rgb(33, 37, 41); background-color: rgb(226, 230, 234); border-color: rgb(218, 224, 229); box-shadow: rgba(216, 217, 219, 0.5) 0px 0px 0px 0.2rem; } .btn-light.disabled, .btn-light:disabled { color: rgb(33, 37, 41); background-color: rgb(248, 249, 250); border-color: rgb(248, 249, 250); } .btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show > .btn-light.dropdown-toggle { color: rgb(33, 37, 41); background-color: rgb(218, 224, 229); border-color: rgb(211, 217, 223); } .btn-light:not(:disabled):not(.disabled).active:focus, .btn-light:not(:disabled):not(.disabled):active:focus, .show > .btn-light.dropdown-toggle:focus { box-shadow: rgba(216, 217, 219, 0.5) 0px 0px 0px 0.2rem; } .btn-dark { color: rgb(255, 255, 255); background-color: rgb(52, 58, 64); border-color: rgb(52, 58, 64); } .btn-dark:hover { color: rgb(255, 255, 255); background-color: rgb(35, 39, 43); border-color: rgb(29, 33, 36); } .btn-dark.focus, .btn-dark:focus { color: rgb(255, 255, 255); background-color: rgb(35, 39, 43); border-color: rgb(29, 33, 36); box-shadow: rgba(82, 88, 93, 0.5) 0px 0px 0px 0.2rem; } .btn-dark.disabled, .btn-dark:disabled { color: rgb(255, 255, 255); background-color: rgb(52, 58, 64); border-color: rgb(52, 58, 64); } .btn-dark:not(:disabled):not(.disabled).active, .btn-dark:not(:disabled):not(.disabled):active, .show > .btn-dark.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(29, 33, 36); border-color: rgb(23, 26, 29); } .btn-dark:not(:disabled):not(.disabled).active:focus, .btn-dark:not(:disabled):not(.disabled):active:focus, .show > .btn-dark.dropdown-toggle:focus { box-shadow: rgba(82, 88, 93, 0.5) 0px 0px 0px 0.2rem; } .btn-outline-primary { color: rgb(0, 123, 255); border-color: rgb(0, 123, 255); } .btn-outline-primary:hover { color: rgb(255, 255, 255); background-color: rgb(0, 123, 255); border-color: rgb(0, 123, 255); } .btn-outline-primary.focus, .btn-outline-primary:focus { box-shadow: rgba(0, 123, 255, 0.5) 0px 0px 0px 0.2rem; } .btn-outline-primary.disabled, .btn-outline-primary:disabled { color: rgb(0, 123, 255); background-color: transparent; } .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show > .btn-outline-primary.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(0, 123, 255); border-color: rgb(0, 123, 255); } .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { box-shadow: rgba(0, 123, 255, 0.5) 0px 0px 0px 0.2rem; } .btn-outline-secondary { color: rgb(108, 117, 125); border-color: rgb(108, 117, 125); } .btn-outline-secondary:hover { color: rgb(255, 255, 255); background-color: rgb(108, 117, 125); border-color: rgb(108, 117, 125); } .btn-outline-secondary.focus, .btn-outline-secondary:focus { box-shadow: rgba(108, 117, 125, 0.5) 0px 0px 0px 0.2rem; } .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: rgb(108, 117, 125); background-color: transparent; } .btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active, .show > .btn-outline-secondary.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(108, 117, 125); border-color: rgb(108, 117, 125); } .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { box-shadow: rgba(108, 117, 125, 0.5) 0px 0px 0px 0.2rem; } .btn-outline-success { color: rgb(40, 167, 69); border-color: rgb(40, 167, 69); } .btn-outline-success:hover { color: rgb(255, 255, 255); background-color: rgb(40, 167, 69); border-color: rgb(40, 167, 69); } .btn-outline-success.focus, .btn-outline-success:focus { box-shadow: rgba(40, 167, 69, 0.5) 0px 0px 0px 0.2rem; } .btn-outline-success.disabled, .btn-outline-success:disabled { color: rgb(40, 167, 69); background-color: transparent; } .btn-outline-success:not(:disabled):not(.disabled).active, .btn-outline-success:not(:disabled):not(.disabled):active, .show > .btn-outline-success.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(40, 167, 69); border-color: rgb(40, 167, 69); } .btn-outline-success:not(:disabled):not(.disabled).active:focus, .btn-outline-success:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-success.dropdown-toggle:focus { box-shadow: rgba(40, 167, 69, 0.5) 0px 0px 0px 0.2rem; } .btn-outline-info { color: rgb(23, 162, 184); border-color: rgb(23, 162, 184); } .btn-outline-info:hover { color: rgb(255, 255, 255); background-color: rgb(23, 162, 184); border-color: rgb(23, 162, 184); } .btn-outline-info.focus, .btn-outline-info:focus { box-shadow: rgba(23, 162, 184, 0.5) 0px 0px 0px 0.2rem; } .btn-outline-info.disabled, .btn-outline-info:disabled { color: rgb(23, 162, 184); background-color: transparent; } .btn-outline-info:not(:disabled):not(.disabled).active, .btn-outline-info:not(:disabled):not(.disabled):active, .show > .btn-outline-info.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(23, 162, 184); border-color: rgb(23, 162, 184); } .btn-outline-info:not(:disabled):not(.disabled).active:focus, .btn-outline-info:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-info.dropdown-toggle:focus { box-shadow: rgba(23, 162, 184, 0.5) 0px 0px 0px 0.2rem; } .btn-outline-warning { color: rgb(255, 193, 7); border-color: rgb(255, 193, 7); } .btn-outline-warning:hover { color: rgb(33, 37, 41); background-color: rgb(255, 193, 7); border-color: rgb(255, 193, 7); } .btn-outline-warning.focus, .btn-outline-warning:focus { box-shadow: rgba(255, 193, 7, 0.5) 0px 0px 0px 0.2rem; } .btn-outline-warning.disabled, .btn-outline-warning:disabled { color: rgb(255, 193, 7); background-color: transparent; } .btn-outline-warning:not(:disabled):not(.disabled).active, .btn-outline-warning:not(:disabled):not(.disabled):active, .show > .btn-outline-warning.dropdown-toggle { color: rgb(33, 37, 41); background-color: rgb(255, 193, 7); border-color: rgb(255, 193, 7); } .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { box-shadow: rgba(255, 193, 7, 0.5) 0px 0px 0px 0.2rem; } .btn-outline-danger { color: rgb(220, 53, 69); border-color: rgb(220, 53, 69); } .btn-outline-danger:hover { color: rgb(255, 255, 255); background-color: rgb(220, 53, 69); border-color: rgb(220, 53, 69); } .btn-outline-danger.focus, .btn-outline-danger:focus { box-shadow: rgba(220, 53, 69, 0.5) 0px 0px 0px 0.2rem; } .btn-outline-danger.disabled, .btn-outline-danger:disabled { color: rgb(220, 53, 69); background-color: transparent; } .btn-outline-danger:not(:disabled):not(.disabled).active, .btn-outline-danger:not(:disabled):not(.disabled):active, .show > .btn-outline-danger.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(220, 53, 69); border-color: rgb(220, 53, 69); } .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { box-shadow: rgba(220, 53, 69, 0.5) 0px 0px 0px 0.2rem; } .btn-outline-light { color: rgb(248, 249, 250); border-color: rgb(248, 249, 250); } .btn-outline-light:hover { color: rgb(33, 37, 41); background-color: rgb(248, 249, 250); border-color: rgb(248, 249, 250); } .btn-outline-light.focus, .btn-outline-light:focus { box-shadow: rgba(248, 249, 250, 0.5) 0px 0px 0px 0.2rem; } .btn-outline-light.disabled, .btn-outline-light:disabled { color: rgb(248, 249, 250); background-color: transparent; } .btn-outline-light:not(:disabled):not(.disabled).active, .btn-outline-light:not(:disabled):not(.disabled):active, .show > .btn-outline-light.dropdown-toggle { color: rgb(33, 37, 41); background-color: rgb(248, 249, 250); border-color: rgb(248, 249, 250); } .btn-outline-light:not(:disabled):not(.disabled).active:focus, .btn-outline-light:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-light.dropdown-toggle:focus { box-shadow: rgba(248, 249, 250, 0.5) 0px 0px 0px 0.2rem; } .btn-outline-dark { color: rgb(52, 58, 64); border-color: rgb(52, 58, 64); } .btn-outline-dark:hover { color: rgb(255, 255, 255); background-color: rgb(52, 58, 64); border-color: rgb(52, 58, 64); } .btn-outline-dark.focus, .btn-outline-dark:focus { box-shadow: rgba(52, 58, 64, 0.5) 0px 0px 0px 0.2rem; } .btn-outline-dark.disabled, .btn-outline-dark:disabled { color: rgb(52, 58, 64); background-color: transparent; } .btn-outline-dark:not(:disabled):not(.disabled).active, .btn-outline-dark:not(:disabled):not(.disabled):active, .show > .btn-outline-dark.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(52, 58, 64); border-color: rgb(52, 58, 64); } .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { box-shadow: rgba(52, 58, 64, 0.5) 0px 0px 0px 0.2rem; } .btn-link { font-weight: 400; color: rgb(0, 123, 255); text-decoration: none; } .btn-link:hover { color: rgb(0, 86, 179); text-decoration: underline; } .btn-link.focus, .btn-link:focus { text-decoration: underline; box-shadow: none; } .btn-link.disabled, .btn-link:disabled { color: rgb(108, 117, 125); pointer-events: none; } .btn-group-lg > .btn, .btn-lg { padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; } .btn-group-sm > .btn, .btn-sm { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 0.5rem; } input[type="button"].btn-block, input[type="reset"].btn-block, input[type="submit"].btn-block { width: 100%; } .fade { transition: opacity 0.15s linear 0s; } @media (prefers-reduced-motion: reduce) { .fade { transition: none 0s ease 0s; }} .fade:not(.show) { opacity: 0; } .collapse:not(.show) { display: none; } .collapsing { position: relative; height: 0px; overflow: hidden; transition: height 0.35s ease 0s; } @media (prefers-reduced-motion: reduce) { .collapsing { transition: none 0s ease 0s; }} .dropdown, .dropleft, .dropright, .dropup { position: relative; } .dropdown-toggle { white-space: nowrap; } .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-width: 0.3em 0.3em 0px; border-top-style: solid; border-top-color: initial; border-right-style: solid; border-right-color: transparent; border-bottom-style: initial; border-bottom-color: initial; border-left-style: solid; border-left-color: transparent; } .dropdown-toggle:empty::after { margin-left: 0px; } .dropdown-menu { position: absolute; top: 100%; left: 0px; z-index: 1000; display: none; float: left; min-width: 10rem; padding: 0.5rem 0px; margin: 0.125rem 0px 0px; font-size: 1rem; color: rgb(33, 37, 41); text-align: left; list-style: none; background-color: rgb(255, 255, 255); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.25rem; } .dropdown-menu-left { right: auto; left: 0px; } .dropdown-menu-right { right: 0px; left: auto; } @media (min-width: 576px) { .dropdown-menu-sm-left { right: auto; left: 0px; } .dropdown-menu-sm-right { right: 0px; left: auto; }} @media (min-width: 768px) { .dropdown-menu-md-left { right: auto; left: 0px; } .dropdown-menu-md-right { right: 0px; left: auto; }} @media (min-width: 992px) { .dropdown-menu-lg-left { right: auto; left: 0px; } .dropdown-menu-lg-right { right: 0px; left: auto; }} @media (min-width: 1200px) { .dropdown-menu-xl-left { right: auto; left: 0px; } .dropdown-menu-xl-right { right: 0px; left: auto; }} .dropup .dropdown-menu { top: auto; bottom: 100%; margin-top: 0px; margin-bottom: 0.125rem; } .dropup .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-width: 0px 0.3em 0.3em; border-top-style: initial; border-top-color: initial; border-right-style: solid; border-right-color: transparent; border-bottom-style: solid; border-bottom-color: initial; border-left-style: solid; border-left-color: transparent; } .dropup .dropdown-toggle:empty::after { margin-left: 0px; } .dropright .dropdown-menu { top: 0px; right: auto; left: 100%; margin-top: 0px; margin-left: 0.125rem; } .dropright .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-width: 0.3em 0px 0.3em 0.3em; border-top-style: solid; border-top-color: transparent; border-right-style: initial; border-right-color: initial; border-bottom-style: solid; border-bottom-color: transparent; border-left-style: solid; border-left-color: initial; } .dropright .dropdown-toggle:empty::after { margin-left: 0px; } .dropright .dropdown-toggle::after { vertical-align: 0px; } .dropleft .dropdown-menu { top: 0px; right: 100%; left: auto; margin-top: 0px; margin-right: 0.125rem; } .dropleft .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; } .dropleft .dropdown-toggle::after { display: none; } .dropleft .dropdown-toggle::before { display: inline-block; margin-right: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0.3em solid; border-bottom: 0.3em solid transparent; } .dropleft .dropdown-toggle:empty::after { margin-left: 0px; } .dropleft .dropdown-toggle::before { vertical-align: 0px; } .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="top"] { right: auto; bottom: auto; } .dropdown-divider { height: 0px; margin: 0.5rem 0px; overflow: hidden; border-top: 1px solid rgb(233, 236, 239); } .dropdown-item { display: block; width: 100%; padding: 0.25rem 1.5rem; clear: both; font-weight: 400; color: rgb(33, 37, 41); text-align: inherit; white-space: nowrap; background-color: transparent; border: 0px; } .dropdown-item:focus, .dropdown-item:hover { color: rgb(22, 24, 27); text-decoration: none; background-color: rgb(248, 249, 250); } .dropdown-item.active, .dropdown-item:active { color: rgb(255, 255, 255); text-decoration: none; background-color: rgb(0, 123, 255); } .dropdown-item.disabled, .dropdown-item:disabled { color: rgb(108, 117, 125); pointer-events: none; background-color: transparent; } .dropdown-menu.show { display: block; } .dropdown-header { display: block; padding: 0.5rem 1.5rem; margin-bottom: 0px; font-size: 0.875rem; color: rgb(108, 117, 125); white-space: nowrap; } .dropdown-item-text { display: block; padding: 0.25rem 1.5rem; color: rgb(33, 37, 41); } .btn-group, .btn-group-vertical { position: relative; display: inline-flex; vertical-align: middle; } .btn-group-vertical > .btn, .btn-group > .btn { position: relative; flex: 1 1 auto; } .btn-group-vertical > .btn:hover, .btn-group > .btn:hover { z-index: 1; } .btn-group-vertical > .btn.active, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn:focus, .btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus { z-index: 1; } .btn-toolbar { display: flex; flex-wrap: wrap; justify-content: flex-start; } .btn-toolbar .input-group { width: auto; } .btn-group > .btn-group:not(:first-child), .btn-group > .btn:not(:first-child) { margin-left: -1px; } .btn-group > .btn-group:not(:last-child) > .btn, .btn-group > .btn:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .btn-group > .btn-group:not(:first-child) > .btn, .btn-group > .btn:not(:first-child) { border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .dropdown-toggle-split { padding-right: 0.5625rem; padding-left: 0.5625rem; } .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after { margin-left: 0px; } .dropleft .dropdown-toggle-split::before { margin-right: 0px; } .btn-group-sm > .btn + .dropdown-toggle-split, .btn-sm + .dropdown-toggle-split { padding-right: 0.375rem; padding-left: 0.375rem; } .btn-group-lg > .btn + .dropdown-toggle-split, .btn-lg + .dropdown-toggle-split { padding-right: 0.75rem; padding-left: 0.75rem; } .btn-group-vertical { flex-direction: column; align-items: flex-start; justify-content: center; } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group { width: 100%; } .btn-group-vertical > .btn-group:not(:first-child), .btn-group-vertical > .btn:not(:first-child) { margin-top: -1px; } .btn-group-vertical > .btn-group:not(:last-child) > .btn, .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } .btn-group-vertical > .btn-group:not(:first-child) > .btn, .btn-group-vertical > .btn:not(:first-child) { border-top-left-radius: 0px; border-top-right-radius: 0px; } .btn-group-toggle > .btn, .btn-group-toggle > .btn-group > .btn { margin-bottom: 0px; } .btn-group-toggle > .btn input[type="checkbox"], .btn-group-toggle > .btn input[type="radio"], .btn-group-toggle > .btn-group > .btn input[type="checkbox"], .btn-group-toggle > .btn-group > .btn input[type="radio"] { position: absolute; clip: rect(0px, 0px, 0px, 0px); pointer-events: none; } .input-group { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; } .input-group > .custom-file, .input-group > .custom-select, .input-group > .form-control, .input-group > .form-control-plaintext { position: relative; flex: 1 1 0%; min-width: 0px; margin-bottom: 0px; } .input-group > .custom-file + .custom-file, .input-group > .custom-file + .custom-select, .input-group > .custom-file + .form-control, .input-group > .custom-select + .custom-file, .input-group > .custom-select + .custom-select, .input-group > .custom-select + .form-control, .input-group > .form-control + .custom-file, .input-group > .form-control + .custom-select, .input-group > .form-control + .form-control, .input-group > .form-control-plaintext + .custom-file, .input-group > .form-control-plaintext + .custom-select, .input-group > .form-control-plaintext + .form-control { margin-left: -1px; } .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label, .input-group > .custom-select:focus, .input-group > .form-control:focus { z-index: 3; } .input-group > .custom-file .custom-file-input:focus { z-index: 4; } .input-group > .custom-select:not(:last-child), .input-group > .form-control:not(:last-child) { border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .input-group > .custom-select:not(:first-child), .input-group > .form-control:not(:first-child) { border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .input-group > .custom-file { display: flex; align-items: center; } .input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .input-group > .custom-file:not(:first-child) .custom-file-label { border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .input-group-append, .input-group-prepend { display: flex; } .input-group-append .btn, .input-group-prepend .btn { position: relative; z-index: 2; } .input-group-append .btn:focus, .input-group-prepend .btn:focus { z-index: 3; } .input-group-append .btn + .btn, .input-group-append .btn + .input-group-text, .input-group-append .input-group-text + .btn, .input-group-append .input-group-text + .input-group-text, .input-group-prepend .btn + .btn, .input-group-prepend .btn + .input-group-text, .input-group-prepend .input-group-text + .btn, .input-group-prepend .input-group-text + .input-group-text { margin-left: -1px; } .input-group-prepend { margin-right: -1px; } .input-group-append { margin-left: -1px; } .input-group-text { display: flex; align-items: center; padding: 0.375rem 0.75rem; margin-bottom: 0px; font-size: 1rem; font-weight: 400; line-height: 1.5; color: rgb(73, 80, 87); text-align: center; white-space: nowrap; background-color: rgb(233, 236, 239); border: 1px solid rgb(206, 212, 218); border-radius: 0.25rem; } .input-group-text input[type="checkbox"], .input-group-text input[type="radio"] { margin-top: 0px; } .input-group-lg > .custom-select, .input-group-lg > .form-control:not(textarea) { height: calc(1.5em + 2px + 1rem); } .input-group-lg > .custom-select, .input-group-lg > .form-control, .input-group-lg > .input-group-append > .btn, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-prepend > .input-group-text { padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; } .input-group-sm > .custom-select, .input-group-sm > .form-control:not(textarea) { height: calc(1.5em + 2px + 0.5rem); } .input-group-sm > .custom-select, .input-group-sm > .form-control, .input-group-sm > .input-group-append > .btn, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-prepend > .input-group-text { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; } .input-group-lg > .custom-select, .input-group-sm > .custom-select { padding-right: 1.75rem; } .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child), .input-group > .input-group-append:not(:last-child) > .btn, .input-group > .input-group-append:not(:last-child) > .input-group-text, .input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text { border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child), .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text { border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .custom-control { position: relative; display: block; min-height: 1.5rem; padding-left: 1.5rem; } .custom-control-inline { display: inline-flex; margin-right: 1rem; } .custom-control-input { position: absolute; left: 0px; z-index: -1; width: 1rem; height: 1.25rem; opacity: 0; } .custom-control-input:checked ~ .custom-control-label::before { color: rgb(255, 255, 255); border-color: rgb(0, 123, 255); background-color: rgb(0, 123, 255); } .custom-control-input:focus ~ .custom-control-label::before { box-shadow: rgba(0, 123, 255, 0.25) 0px 0px 0px 0.2rem; } .custom-control-input:focus:not(:checked) ~ .custom-control-label::before { border-color: rgb(128, 189, 255); } .custom-control-input:not(:disabled):active ~ .custom-control-label::before { color: rgb(255, 255, 255); background-color: rgb(179, 215, 255); border-color: rgb(179, 215, 255); } .custom-control-input:disabled ~ .custom-control-label, .custom-control-input[disabled] ~ .custom-control-label { color: rgb(108, 117, 125); } .custom-control-input:disabled ~ .custom-control-label::before, .custom-control-input[disabled] ~ .custom-control-label::before { background-color: rgb(233, 236, 239); } .custom-control-label { position: relative; margin-bottom: 0px; vertical-align: top; } .custom-control-label::before { position: absolute; top: 0.25rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; pointer-events: none; content: ""; background-color: rgb(255, 255, 255); border: 1px solid rgb(173, 181, 189); } .custom-control-label::after { position: absolute; top: 0.25rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; content: ""; background: 50% center / 50% 50% no-repeat; } .custom-checkbox .custom-control-label::before { border-radius: 0.25rem; } .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { border-color: rgb(0, 123, 255); background-color: rgb(0, 123, 255); } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e"); } .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); } .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); } .custom-radio .custom-control-label::before { border-radius: 50%; } .custom-radio .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); } .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); } .custom-switch { padding-left: 2.25rem; } .custom-switch .custom-control-label::before { left: -2.25rem; width: 1.75rem; pointer-events: all; border-radius: 0.5rem; } .custom-switch .custom-control-label::after { top: calc(2px + 0.25rem); left: calc(2px - 2.25rem); width: calc(-4px + 1rem); height: calc(-4px + 1rem); background-color: rgb(173, 181, 189); border-radius: 0.5rem; transition: transform 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-transform 0.15s ease-in-out 0s; } @media (prefers-reduced-motion: reduce) { .custom-switch .custom-control-label::after { transition: none 0s ease 0s; }} .custom-switch .custom-control-input:checked ~ .custom-control-label::after { background-color: rgb(255, 255, 255); transform: translateX(0.75rem); } .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); } .custom-select { display: inline-block; width: 100%; height: calc(1.5em + 2px + 0.75rem); padding: 0.375rem 1.75rem 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: rgb(73, 80, 87); vertical-align: middle; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center / 8px 10px no-repeat rgb(255, 255, 255); border: 1px solid rgb(206, 212, 218); border-radius: 0.25rem; appearance: none; } .custom-select:focus { border-color: rgb(128, 189, 255); outline: 0px; box-shadow: rgba(0, 123, 255, 0.25) 0px 0px 0px 0.2rem; } .custom-select[multiple], .custom-select[size]:not([size="1"]) { height: auto; padding-right: 0.75rem; background-image: none; } .custom-select:disabled { color: rgb(108, 117, 125); background-color: rgb(233, 236, 239); } .custom-select-sm { height: calc(1.5em + 2px + 0.5rem); padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 0.5rem; font-size: 0.875rem; } .custom-select-lg { height: calc(1.5em + 2px + 1rem); padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; font-size: 1.25rem; } .custom-file { position: relative; display: inline-block; width: 100%; height: calc(1.5em + 2px + 0.75rem); margin-bottom: 0px; } .custom-file-input { position: relative; z-index: 2; width: 100%; height: calc(1.5em + 2px + 0.75rem); margin: 0px; opacity: 0; } .custom-file-input:focus ~ .custom-file-label { border-color: rgb(128, 189, 255); box-shadow: rgba(0, 123, 255, 0.25) 0px 0px 0px 0.2rem; } .custom-file-input:disabled ~ .custom-file-label, .custom-file-input[disabled] ~ .custom-file-label { background-color: rgb(233, 236, 239); } .custom-file-input:lang(en) ~ .custom-file-label::after { content: "Browse"; } .custom-file-input ~ .custom-file-label[data-browse]::after { content: attr(data-browse); } .custom-file-label { position: absolute; top: 0px; right: 0px; left: 0px; z-index: 1; height: calc(1.5em + 2px + 0.75rem); padding: 0.375rem 0.75rem; font-weight: 400; line-height: 1.5; color: rgb(73, 80, 87); background-color: rgb(255, 255, 255); border: 1px solid rgb(206, 212, 218); border-radius: 0.25rem; } .custom-file-label::after { position: absolute; top: 0px; right: 0px; bottom: 0px; z-index: 3; display: block; height: calc(1.5em + 0.75rem); padding: 0.375rem 0.75rem; line-height: 1.5; color: rgb(73, 80, 87); content: "Browse"; background-color: rgb(233, 236, 239); border-left: inherit; border-radius: 0px 0.25rem 0.25rem 0px; } .custom-range { width: 100%; height: 1.4rem; padding: 0px; background-color: transparent; appearance: none; } .custom-range:focus { outline: 0px; } .custom-range:focus::-webkit-slider-thumb { box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px, rgba(0, 123, 255, 0.25) 0px 0px 0px 0.2rem; } .custom-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -0.25rem; background-color: rgb(0, 123, 255); border: 0px; border-radius: 1rem; transition: background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; appearance: none; } @media (prefers-reduced-motion: reduce) { .custom-range::-webkit-slider-thumb { transition: none 0s ease 0s; }} .custom-range::-webkit-slider-thumb:active { background-color: rgb(179, 215, 255); } .custom-range::-webkit-slider-runnable-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: rgb(222, 226, 230); border-color: transparent; border-radius: 1rem; } @media (prefers-reduced-motion: reduce) {} @media (prefers-reduced-motion: reduce) {} .custom-range:disabled::-webkit-slider-thumb { background-color: rgb(173, 181, 189); } .custom-range:disabled::-webkit-slider-runnable-track { cursor: default; } .custom-control-label::before, .custom-file-label, .custom-select { transition: background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; } @media (prefers-reduced-motion: reduce) { .custom-control-label::before, .custom-file-label, .custom-select { transition: none 0s ease 0s; }} .nav { display: flex; flex-wrap: wrap; padding-left: 0px; margin-bottom: 0px; list-style: none; } .nav-link { display: block; padding: 0.5rem 1rem; } .nav-link:focus, .nav-link:hover { text-decoration: none; } .nav-link.disabled { color: rgb(108, 117, 125); pointer-events: none; cursor: default; } .nav-tabs { border-bottom: 1px solid rgb(222, 226, 230); } .nav-tabs .nav-item { margin-bottom: -1px; } .nav-tabs .nav-link { border: 1px solid transparent; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { border-color: rgb(233, 236, 239) rgb(233, 236, 239) rgb(222, 226, 230); } .nav-tabs .nav-link.disabled { color: rgb(108, 117, 125); background-color: transparent; border-color: transparent; } .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { color: rgb(73, 80, 87); background-color: rgb(255, 255, 255); border-color: rgb(222, 226, 230) rgb(222, 226, 230) rgb(255, 255, 255); } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0px; border-top-right-radius: 0px; } .nav-pills .nav-link { border-radius: 0.25rem; } .nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: rgb(255, 255, 255); background-color: rgb(0, 123, 255); } .nav-fill .nav-item { flex: 1 1 auto; text-align: center; } .nav-justified .nav-item { flex-basis: 0px; flex-grow: 1; text-align: center; } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .navbar { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 0.5rem 1rem; } .navbar .container, .navbar .container-fluid, .navbar .container-lg, .navbar .container-md, .navbar .container-sm, .navbar .container-xl { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .navbar-brand { display: inline-block; padding-top: 0.3125rem; padding-bottom: 0.3125rem; margin-right: 1rem; font-size: 1.25rem; line-height: inherit; white-space: nowrap; } .navbar-brand:focus, .navbar-brand:hover { text-decoration: none; } .navbar-nav { display: flex; flex-direction: column; padding-left: 0px; margin-bottom: 0px; list-style: none; } .navbar-nav .nav-link { padding-right: 0px; padding-left: 0px; } .navbar-nav .dropdown-menu { position: static; float: none; } .navbar-text { display: inline-block; padding-top: 0.5rem; padding-bottom: 0.5rem; } .navbar-collapse { flex-basis: 100%; flex-grow: 1; align-items: center; } .navbar-toggler { padding: 0.25rem 0.75rem; font-size: 1.25rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: 0.25rem; } .navbar-toggler:focus, .navbar-toggler:hover { text-decoration: none; } .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; content: ""; background: center center / 100% 100% no-repeat; } @media (max-width: 575.98px) { .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-xl { padding-right: 0px; padding-left: 0px; }} @media (min-width: 576px) { .navbar-expand-sm { flex-flow: row; justify-content: flex-start; } .navbar-expand-sm .navbar-nav { flex-direction: row; } .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-sm .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-xl { flex-wrap: nowrap; } .navbar-expand-sm .navbar-collapse { flex-basis: auto; display: flex !important; } .navbar-expand-sm .navbar-toggler { display: none; }} @media (max-width: 767.98px) { .navbar-expand-md > .container, .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-md, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-xl { padding-right: 0px; padding-left: 0px; }} @media (min-width: 768px) { .navbar-expand-md { flex-flow: row; justify-content: flex-start; } .navbar-expand-md .navbar-nav { flex-direction: row; } .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-md .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-md > .container, .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-md, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-xl { flex-wrap: nowrap; } .navbar-expand-md .navbar-collapse { flex-basis: auto; display: flex !important; } .navbar-expand-md .navbar-toggler { display: none; }} @media (max-width: 991.98px) { .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-xl { padding-right: 0px; padding-left: 0px; }} @media (min-width: 992px) { .navbar-expand-lg { flex-flow: row; justify-content: flex-start; } .navbar-expand-lg .navbar-nav { flex-direction: row; } .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-lg .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-xl { flex-wrap: nowrap; } .navbar-expand-lg .navbar-collapse { flex-basis: auto; display: flex !important; } .navbar-expand-lg .navbar-toggler { display: none; }} @media (max-width: 1199.98px) { .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-xl { padding-right: 0px; padding-left: 0px; }} @media (min-width: 1200px) { .navbar-expand-xl { flex-flow: row; justify-content: flex-start; } .navbar-expand-xl .navbar-nav { flex-direction: row; } .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xl .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-xl { flex-wrap: nowrap; } .navbar-expand-xl .navbar-collapse { flex-basis: auto; display: flex !important; } .navbar-expand-xl .navbar-toggler { display: none; }} .navbar-expand { flex-flow: row; justify-content: flex-start; } .navbar-expand > .container, .navbar-expand > .container-fluid, .navbar-expand > .container-lg, .navbar-expand > .container-md, .navbar-expand > .container-sm, .navbar-expand > .container-xl { padding-right: 0px; padding-left: 0px; } .navbar-expand .navbar-nav { flex-direction: row; } .navbar-expand .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand > .container, .navbar-expand > .container-fluid, .navbar-expand > .container-lg, .navbar-expand > .container-md, .navbar-expand > .container-sm, .navbar-expand > .container-xl { flex-wrap: nowrap; } .navbar-expand .navbar-collapse { flex-basis: auto; display: flex !important; } .navbar-expand .navbar-toggler { display: none; } .navbar-light .navbar-brand { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-nav .nav-link { color: rgba(0, 0, 0, 0.5); } .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover { color: rgba(0, 0, 0, 0.7); } .navbar-light .navbar-nav .nav-link.disabled { color: rgba(0, 0, 0, 0.3); } .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-toggler { color: rgba(0, 0, 0, 0.5); border-color: rgba(0, 0, 0, 0.1); } .navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .navbar-light .navbar-text { color: rgba(0, 0, 0, 0.5); } .navbar-light .navbar-text a { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-text a:focus, .navbar-light .navbar-text a:hover { color: rgba(0, 0, 0, 0.9); } .navbar-dark .navbar-brand { color: rgb(255, 255, 255); } .navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover { color: rgb(255, 255, 255); } .navbar-dark .navbar-nav .nav-link { color: rgba(255, 255, 255, 0.5); } .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover { color: rgba(255, 255, 255, 0.75); } .navbar-dark .navbar-nav .nav-link.disabled { color: rgba(255, 255, 255, 0.25); } .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link { color: rgb(255, 255, 255); } .navbar-dark .navbar-toggler { color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.1); } .navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .navbar-dark .navbar-text { color: rgba(255, 255, 255, 0.5); } .navbar-dark .navbar-text a { color: rgb(255, 255, 255); } .navbar-dark .navbar-text a:focus, .navbar-dark .navbar-text a:hover { color: rgb(255, 255, 255); } .card { position: relative; display: flex; flex-direction: column; min-width: 0px; overflow-wrap: break-word; background-color: rgb(255, 255, 255); background-clip: border-box; border: 1px solid rgba(0, 0, 0, 0.125); border-radius: 0.25rem; } .card > hr { margin-right: 0px; margin-left: 0px; } .card > .list-group:first-child .list-group-item:first-child { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .card > .list-group:last-child .list-group-item:last-child { border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .card-body { flex: 1 1 auto; min-height: 1px; padding: 1.25rem; } .card-title { margin-bottom: 0.75rem; } .card-subtitle { margin-top: -0.375rem; margin-bottom: 0px; } .card-text:last-child { margin-bottom: 0px; } .card-link:hover { text-decoration: none; } .card-link + .card-link { margin-left: 1.25rem; } .card-header { padding: 0.75rem 1.25rem; margin-bottom: 0px; background-color: rgba(0, 0, 0, 0.03); border-bottom: 1px solid rgba(0, 0, 0, 0.125); } .card-header:first-child { border-radius: calc(-1px + 0.25rem) calc(-1px + 0.25rem) 0px 0px; } .card-header + .list-group .list-group-item:first-child { border-top: 0px; } .card-footer { padding: 0.75rem 1.25rem; background-color: rgba(0, 0, 0, 0.03); border-top: 1px solid rgba(0, 0, 0, 0.125); } .card-footer:last-child { border-radius: 0px 0px calc(-1px + 0.25rem) calc(-1px + 0.25rem); } .card-header-tabs { margin-right: -0.625rem; margin-bottom: -0.75rem; margin-left: -0.625rem; border-bottom: 0px; } .card-header-pills { margin-right: -0.625rem; margin-left: -0.625rem; } .card-img-overlay { position: absolute; inset: 0px; padding: 1.25rem; } .card-img, .card-img-bottom, .card-img-top { flex-shrink: 0; width: 100%; } .card-img, .card-img-top { border-top-left-radius: calc(-1px + 0.25rem); border-top-right-radius: calc(-1px + 0.25rem); } .card-img, .card-img-bottom { border-bottom-right-radius: calc(-1px + 0.25rem); border-bottom-left-radius: calc(-1px + 0.25rem); } .card-deck .card { margin-bottom: 15px; } @media (min-width: 576px) { .card-deck { display: flex; flex-flow: wrap; margin-right: -15px; margin-left: -15px; } .card-deck .card { flex: 1 0 0%; margin-right: 15px; margin-bottom: 0px; margin-left: 15px; }} .card-group > .card { margin-bottom: 15px; } @media (min-width: 576px) { .card-group { display: flex; flex-flow: wrap; } .card-group > .card { flex: 1 0 0%; margin-bottom: 0px; } .card-group > .card + .card { margin-left: 0px; border-left: 0px; } .card-group > .card:not(:last-child) { border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .card-group > .card:not(:last-child) .card-header, .card-group > .card:not(:last-child) .card-img-top { border-top-right-radius: 0px; } .card-group > .card:not(:last-child) .card-footer, .card-group > .card:not(:last-child) .card-img-bottom { border-bottom-right-radius: 0px; } .card-group > .card:not(:first-child) { border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .card-group > .card:not(:first-child) .card-header, .card-group > .card:not(:first-child) .card-img-top { border-top-left-radius: 0px; } .card-group > .card:not(:first-child) .card-footer, .card-group > .card:not(:first-child) .card-img-bottom { border-bottom-left-radius: 0px; }} .card-columns .card { margin-bottom: 0.75rem; } @media (min-width: 576px) { .card-columns { column-count: 3; column-gap: 1.25rem; orphans: 1; widows: 1; } .card-columns .card { display: inline-block; width: 100%; }} .accordion > .card { overflow: hidden; } .accordion > .card:not(:last-of-type) { border-bottom: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } .accordion > .card:not(:first-of-type) { border-top-left-radius: 0px; border-top-right-radius: 0px; } .accordion > .card > .card-header { border-radius: 0px; margin-bottom: -1px; } .breadcrumb { display: flex; flex-wrap: wrap; padding: 0.75rem 1rem; margin-bottom: 1rem; list-style: none; background-color: rgb(233, 236, 239); border-radius: 0.25rem; } .breadcrumb-item + .breadcrumb-item { padding-left: 0.5rem; } .breadcrumb-item + .breadcrumb-item::before { display: inline-block; padding-right: 0.5rem; color: rgb(108, 117, 125); content: "/"; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: underline; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: none; } .breadcrumb-item.active { color: rgb(108, 117, 125); } .pagination { display: flex; padding-left: 0px; list-style: none; border-radius: 0.25rem; } .page-link { position: relative; display: block; padding: 0.5rem 0.75rem; margin-left: -1px; line-height: 1.25; color: rgb(0, 123, 255); background-color: rgb(255, 255, 255); border: 1px solid rgb(222, 226, 230); } .page-link:hover { z-index: 2; color: rgb(0, 86, 179); text-decoration: none; background-color: rgb(233, 236, 239); border-color: rgb(222, 226, 230); } .page-link:focus { z-index: 3; outline: 0px; box-shadow: rgba(0, 123, 255, 0.25) 0px 0px 0px 0.2rem; } .page-item:first-child .page-link { margin-left: 0px; border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .page-item:last-child .page-link { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .page-item.active .page-link { z-index: 3; color: rgb(255, 255, 255); background-color: rgb(0, 123, 255); border-color: rgb(0, 123, 255); } .page-item.disabled .page-link { color: rgb(108, 117, 125); pointer-events: none; cursor: auto; background-color: rgb(255, 255, 255); border-color: rgb(222, 226, 230); } .pagination-lg .page-link { padding: 0.75rem 1.5rem; font-size: 1.25rem; line-height: 1.5; } .pagination-lg .page-item:first-child .page-link { border-top-left-radius: 0.3rem; border-bottom-left-radius: 0.3rem; } .pagination-lg .page-item:last-child .page-link { border-top-right-radius: 0.3rem; border-bottom-right-radius: 0.3rem; } .pagination-sm .page-link { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; } .pagination-sm .page-item:first-child .page-link { border-top-left-radius: 0.2rem; border-bottom-left-radius: 0.2rem; } .pagination-sm .page-item:last-child .page-link { border-top-right-radius: 0.2rem; border-bottom-right-radius: 0.2rem; } .badge { display: inline-block; padding: 0.25em 0.4em; font-size: 75%; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25rem; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; } @media (prefers-reduced-motion: reduce) { .badge { transition: none 0s ease 0s; }} a.badge:focus, a.badge:hover { text-decoration: none; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .badge-pill { padding-right: 0.6em; padding-left: 0.6em; border-radius: 10rem; } .badge-primary { color: rgb(255, 255, 255); background-color: rgb(0, 123, 255); } a.badge-primary:focus, a.badge-primary:hover { color: rgb(255, 255, 255); background-color: rgb(0, 98, 204); } a.badge-primary.focus, a.badge-primary:focus { outline: 0px; box-shadow: rgba(0, 123, 255, 0.5) 0px 0px 0px 0.2rem; } .badge-secondary { color: rgb(255, 255, 255); background-color: rgb(108, 117, 125); } a.badge-secondary:focus, a.badge-secondary:hover { color: rgb(255, 255, 255); background-color: rgb(84, 91, 98); } a.badge-secondary.focus, a.badge-secondary:focus { outline: 0px; box-shadow: rgba(108, 117, 125, 0.5) 0px 0px 0px 0.2rem; } .badge-success { color: rgb(255, 255, 255); background-color: rgb(40, 167, 69); } a.badge-success:focus, a.badge-success:hover { color: rgb(255, 255, 255); background-color: rgb(30, 126, 52); } a.badge-success.focus, a.badge-success:focus { outline: 0px; box-shadow: rgba(40, 167, 69, 0.5) 0px 0px 0px 0.2rem; } .badge-info { color: rgb(255, 255, 255); background-color: rgb(23, 162, 184); } a.badge-info:focus, a.badge-info:hover { color: rgb(255, 255, 255); background-color: rgb(17, 122, 139); } a.badge-info.focus, a.badge-info:focus { outline: 0px; box-shadow: rgba(23, 162, 184, 0.5) 0px 0px 0px 0.2rem; } .badge-warning { color: rgb(33, 37, 41); background-color: rgb(255, 193, 7); } a.badge-warning:focus, a.badge-warning:hover { color: rgb(33, 37, 41); background-color: rgb(211, 158, 0); } a.badge-warning.focus, a.badge-warning:focus { outline: 0px; box-shadow: rgba(255, 193, 7, 0.5) 0px 0px 0px 0.2rem; } .badge-danger { color: rgb(255, 255, 255); background-color: rgb(220, 53, 69); } a.badge-danger:focus, a.badge-danger:hover { color: rgb(255, 255, 255); background-color: rgb(189, 33, 48); } a.badge-danger.focus, a.badge-danger:focus { outline: 0px; box-shadow: rgba(220, 53, 69, 0.5) 0px 0px 0px 0.2rem; } .badge-light { color: rgb(33, 37, 41); background-color: rgb(248, 249, 250); } a.badge-light:focus, a.badge-light:hover { color: rgb(33, 37, 41); background-color: rgb(218, 224, 229); } a.badge-light.focus, a.badge-light:focus { outline: 0px; box-shadow: rgba(248, 249, 250, 0.5) 0px 0px 0px 0.2rem; } .badge-dark { color: rgb(255, 255, 255); background-color: rgb(52, 58, 64); } a.badge-dark:focus, a.badge-dark:hover { color: rgb(255, 255, 255); background-color: rgb(29, 33, 36); } a.badge-dark.focus, a.badge-dark:focus { outline: 0px; box-shadow: rgba(52, 58, 64, 0.5) 0px 0px 0px 0.2rem; } .jumbotron { padding: 2rem 1rem; margin-bottom: 2rem; background-color: rgb(233, 236, 239); border-radius: 0.3rem; } @media (min-width: 576px) { .jumbotron { padding: 4rem 2rem; }} .jumbotron-fluid { padding-right: 0px; padding-left: 0px; border-radius: 0px; } .alert { position: relative; padding: 0.75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0.25rem; } .alert-heading { color: inherit; } .alert-link { font-weight: 700; } .alert-dismissible { padding-right: 4rem; } .alert-dismissible .close { position: absolute; top: 0px; right: 0px; padding: 0.75rem 1.25rem; color: inherit; } .alert-primary { color: rgb(0, 64, 133); background-color: rgb(204, 229, 255); border-color: rgb(184, 218, 255); } .alert-primary hr { border-top-color: rgb(159, 205, 255); } .alert-primary .alert-link { color: rgb(0, 39, 82); } .alert-secondary { color: rgb(56, 61, 65); background-color: rgb(226, 227, 229); border-color: rgb(214, 216, 219); } .alert-secondary hr { border-top-color: rgb(200, 203, 207); } .alert-secondary .alert-link { color: rgb(32, 35, 38); } .alert-success { color: rgb(21, 87, 36); background-color: rgb(212, 237, 218); border-color: rgb(195, 230, 203); } .alert-success hr { border-top-color: rgb(177, 223, 187); } .alert-success .alert-link { color: rgb(11, 46, 19); } .alert-info { color: rgb(12, 84, 96); background-color: rgb(209, 236, 241); border-color: rgb(190, 229, 235); } .alert-info hr { border-top-color: rgb(171, 221, 229); } .alert-info .alert-link { color: rgb(6, 44, 51); } .alert-warning { color: rgb(133, 100, 4); background-color: rgb(255, 243, 205); border-color: rgb(255, 238, 186); } .alert-warning hr { border-top-color: rgb(255, 232, 161); } .alert-warning .alert-link { color: rgb(83, 63, 3); } .alert-danger { color: rgb(114, 28, 36); background-color: rgb(248, 215, 218); border-color: rgb(245, 198, 203); } .alert-danger hr { border-top-color: rgb(241, 176, 183); } .alert-danger .alert-link { color: rgb(73, 18, 23); } .alert-light { color: rgb(129, 129, 130); background-color: rgb(254, 254, 254); border-color: rgb(253, 253, 254); } .alert-light hr { border-top-color: rgb(236, 236, 246); } .alert-light .alert-link { color: rgb(104, 104, 104); } .alert-dark { color: rgb(27, 30, 33); background-color: rgb(214, 216, 217); border-color: rgb(198, 200, 202); } .alert-dark hr { border-top-color: rgb(185, 187, 190); } .alert-dark .alert-link { color: rgb(4, 5, 5); } @-webkit-keyframes progress-bar-stripes { 0% { background-position: 1rem 0px; } 100% { background-position: 0px 0px; }} @keyframes progress-bar-stripes { 0% { background-position: 1rem 0px; } 100% { background-position: 0px 0px; }} .progress { display: flex; height: 1rem; overflow: hidden; font-size: 0.75rem; background-color: rgb(233, 236, 239); border-radius: 0.25rem; } .progress-bar { display: flex; flex-direction: column; justify-content: center; overflow: hidden; color: rgb(255, 255, 255); text-align: center; white-space: nowrap; background-color: rgb(0, 123, 255); transition: width 0.6s ease 0s; } @media (prefers-reduced-motion: reduce) { .progress-bar { transition: none 0s ease 0s; }} .progress-bar-striped { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 1rem 1rem; } .progress-bar-animated { animation: 1s linear 0s infinite normal none running progress-bar-stripes; } @media (prefers-reduced-motion: reduce) { .progress-bar-animated { animation: auto ease 0s 1 normal none running none; }} .media { display: flex; align-items: flex-start; } .media-body { flex: 1 1 0%; } .list-group { display: flex; flex-direction: column; padding-left: 0px; margin-bottom: 0px; } .list-group-item-action { width: 100%; color: rgb(73, 80, 87); text-align: inherit; } .list-group-item-action:focus, .list-group-item-action:hover { z-index: 1; color: rgb(73, 80, 87); text-decoration: none; background-color: rgb(248, 249, 250); } .list-group-item-action:active { color: rgb(33, 37, 41); background-color: rgb(233, 236, 239); } .list-group-item { position: relative; display: block; padding: 0.75rem 1.25rem; background-color: rgb(255, 255, 255); border: 1px solid rgba(0, 0, 0, 0.125); } .list-group-item:first-child { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .list-group-item:last-child { border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .list-group-item.disabled, .list-group-item:disabled { color: rgb(108, 117, 125); pointer-events: none; background-color: rgb(255, 255, 255); } .list-group-item.active { z-index: 2; color: rgb(255, 255, 255); background-color: rgb(0, 123, 255); border-color: rgb(0, 123, 255); } .list-group-item + .list-group-item { border-top-width: 0px; } .list-group-item + .list-group-item.active { margin-top: -1px; border-top-width: 1px; } .list-group-horizontal { flex-direction: row; } .list-group-horizontal .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0px; } .list-group-horizontal .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0px; } .list-group-horizontal .list-group-item.active { margin-top: 0px; } .list-group-horizontal .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0px; } .list-group-horizontal .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } @media (min-width: 576px) { .list-group-horizontal-sm { flex-direction: row; } .list-group-horizontal-sm .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0px; } .list-group-horizontal-sm .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0px; } .list-group-horizontal-sm .list-group-item.active { margin-top: 0px; } .list-group-horizontal-sm .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0px; } .list-group-horizontal-sm .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; }} @media (min-width: 768px) { .list-group-horizontal-md { flex-direction: row; } .list-group-horizontal-md .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0px; } .list-group-horizontal-md .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0px; } .list-group-horizontal-md .list-group-item.active { margin-top: 0px; } .list-group-horizontal-md .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0px; } .list-group-horizontal-md .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; }} @media (min-width: 992px) { .list-group-horizontal-lg { flex-direction: row; } .list-group-horizontal-lg .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0px; } .list-group-horizontal-lg .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0px; } .list-group-horizontal-lg .list-group-item.active { margin-top: 0px; } .list-group-horizontal-lg .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0px; } .list-group-horizontal-lg .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; }} @media (min-width: 1200px) { .list-group-horizontal-xl { flex-direction: row; } .list-group-horizontal-xl .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0px; } .list-group-horizontal-xl .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0px; } .list-group-horizontal-xl .list-group-item.active { margin-top: 0px; } .list-group-horizontal-xl .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0px; } .list-group-horizontal-xl .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; }} .list-group-flush .list-group-item { border-right-width: 0px; border-left-width: 0px; border-radius: 0px; } .list-group-flush .list-group-item:first-child { border-top-width: 0px; } .list-group-flush:last-child .list-group-item:last-child { border-bottom-width: 0px; } .list-group-item-primary { color: rgb(0, 64, 133); background-color: rgb(184, 218, 255); } .list-group-item-primary.list-group-item-action:focus, .list-group-item-primary.list-group-item-action:hover { color: rgb(0, 64, 133); background-color: rgb(159, 205, 255); } .list-group-item-primary.list-group-item-action.active { color: rgb(255, 255, 255); background-color: rgb(0, 64, 133); border-color: rgb(0, 64, 133); } .list-group-item-secondary { color: rgb(56, 61, 65); background-color: rgb(214, 216, 219); } .list-group-item-secondary.list-group-item-action:focus, .list-group-item-secondary.list-group-item-action:hover { color: rgb(56, 61, 65); background-color: rgb(200, 203, 207); } .list-group-item-secondary.list-group-item-action.active { color: rgb(255, 255, 255); background-color: rgb(56, 61, 65); border-color: rgb(56, 61, 65); } .list-group-item-success { color: rgb(21, 87, 36); background-color: rgb(195, 230, 203); } .list-group-item-success.list-group-item-action:focus, .list-group-item-success.list-group-item-action:hover { color: rgb(21, 87, 36); background-color: rgb(177, 223, 187); } .list-group-item-success.list-group-item-action.active { color: rgb(255, 255, 255); background-color: rgb(21, 87, 36); border-color: rgb(21, 87, 36); } .list-group-item-info { color: rgb(12, 84, 96); background-color: rgb(190, 229, 235); } .list-group-item-info.list-group-item-action:focus, .list-group-item-info.list-group-item-action:hover { color: rgb(12, 84, 96); background-color: rgb(171, 221, 229); } .list-group-item-info.list-group-item-action.active { color: rgb(255, 255, 255); background-color: rgb(12, 84, 96); border-color: rgb(12, 84, 96); } .list-group-item-warning { color: rgb(133, 100, 4); background-color: rgb(255, 238, 186); } .list-group-item-warning.list-group-item-action:focus, .list-group-item-warning.list-group-item-action:hover { color: rgb(133, 100, 4); background-color: rgb(255, 232, 161); } .list-group-item-warning.list-group-item-action.active { color: rgb(255, 255, 255); background-color: rgb(133, 100, 4); border-color: rgb(133, 100, 4); } .list-group-item-danger { color: rgb(114, 28, 36); background-color: rgb(245, 198, 203); } .list-group-item-danger.list-group-item-action:focus, .list-group-item-danger.list-group-item-action:hover { color: rgb(114, 28, 36); background-color: rgb(241, 176, 183); } .list-group-item-danger.list-group-item-action.active { color: rgb(255, 255, 255); background-color: rgb(114, 28, 36); border-color: rgb(114, 28, 36); } .list-group-item-light { color: rgb(129, 129, 130); background-color: rgb(253, 253, 254); } .list-group-item-light.list-group-item-action:focus, .list-group-item-light.list-group-item-action:hover { color: rgb(129, 129, 130); background-color: rgb(236, 236, 246); } .list-group-item-light.list-group-item-action.active { color: rgb(255, 255, 255); background-color: rgb(129, 129, 130); border-color: rgb(129, 129, 130); } .list-group-item-dark { color: rgb(27, 30, 33); background-color: rgb(198, 200, 202); } .list-group-item-dark.list-group-item-action:focus, .list-group-item-dark.list-group-item-action:hover { color: rgb(27, 30, 33); background-color: rgb(185, 187, 190); } .list-group-item-dark.list-group-item-action.active { color: rgb(255, 255, 255); background-color: rgb(27, 30, 33); border-color: rgb(27, 30, 33); } .close { float: right; font-size: 1.5rem; font-weight: 700; line-height: 1; color: rgb(0, 0, 0); text-shadow: rgb(255, 255, 255) 0px 1px 0px; opacity: 0.5; } .close:hover { color: rgb(0, 0, 0); text-decoration: none; } .close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover { opacity: 0.75; } button.close { padding: 0px; background-color: transparent; border: 0px; appearance: none; } a.close.disabled { pointer-events: none; } .toast { max-width: 350px; overflow: hidden; font-size: 0.875rem; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: rgba(0, 0, 0, 0.1) 0px 0.25rem 0.75rem; backdrop-filter: blur(10px); opacity: 0; border-radius: 0.25rem; } .toast:not(:last-child) { margin-bottom: 0.75rem; } .toast.showing { opacity: 1; } .toast.show { display: block; opacity: 1; } .toast.hide { display: none; } .toast-header { display: flex; align-items: center; padding: 0.25rem 0.75rem; color: rgb(108, 117, 125); background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border-bottom: 1px solid rgba(0, 0, 0, 0.05); } .toast-body { padding: 0.75rem; } .modal-open { overflow: hidden; } .modal-open .modal { overflow: hidden auto; } .modal { position: fixed; top: 0px; left: 0px; z-index: 1050; display: none; width: 100%; height: 100%; overflow: hidden; outline: 0px; } .modal-dialog { position: relative; width: auto; margin: 0.5rem; pointer-events: none; } .modal.fade .modal-dialog { transition: transform 0.3s ease-out 0s, -webkit-transform 0.3s ease-out 0s; transform: translate(0px, -50px); } @media (prefers-reduced-motion: reduce) { .modal.fade .modal-dialog { transition: none 0s ease 0s; }} .modal.show .modal-dialog { transform: none; } .modal.modal-static .modal-dialog { transform: scale(1.02); } .modal-dialog-scrollable { display: flex; max-height: calc(100% - 1rem); } .modal-dialog-scrollable .modal-content { max-height: calc(-1rem + 100vh); overflow: hidden; } .modal-dialog-scrollable .modal-footer, .modal-dialog-scrollable .modal-header { flex-shrink: 0; } .modal-dialog-scrollable .modal-body { overflow-y: auto; } .modal-dialog-centered { display: flex; align-items: center; min-height: calc(100% - 1rem); } .modal-dialog-centered::before { display: block; height: calc(-1rem + 100vh); content: ""; } .modal-dialog-centered.modal-dialog-scrollable { flex-direction: column; justify-content: center; height: 100%; } .modal-dialog-centered.modal-dialog-scrollable .modal-content { max-height: none; } .modal-dialog-centered.modal-dialog-scrollable::before { content: none; } .modal-content { position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: rgb(255, 255, 255); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; outline: 0px; } .modal-backdrop { position: fixed; top: 0px; left: 0px; z-index: 1040; width: 100vw; height: 100vh; background-color: rgb(0, 0, 0); } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.show { opacity: 0.5; } .modal-header { display: flex; align-items: flex-start; justify-content: space-between; padding: 1rem; border-bottom: 1px solid rgb(222, 226, 230); border-top-left-radius: calc(-1px + 0.3rem); border-top-right-radius: calc(-1px + 0.3rem); } .modal-header .close { padding: 1rem; margin: -1rem -1rem -1rem auto; } .modal-title { margin-bottom: 0px; line-height: 1.5; } .modal-body { position: relative; flex: 1 1 auto; padding: 1rem; } .modal-footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; padding: 0.75rem; border-top: 1px solid rgb(222, 226, 230); border-bottom-right-radius: calc(-1px + 0.3rem); border-bottom-left-radius: calc(-1px + 0.3rem); } .modal-footer > * { margin: 0.25rem; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 576px) { .modal-dialog { max-width: 500px; margin: 1.75rem auto; } .modal-dialog-scrollable { max-height: calc(100% - 3.5rem); } .modal-dialog-scrollable .modal-content { max-height: calc(-3.5rem + 100vh); } .modal-dialog-centered { min-height: calc(100% - 3.5rem); } .modal-dialog-centered::before { height: calc(-3.5rem + 100vh); } .modal-sm { max-width: 300px; }} @media (min-width: 992px) { .modal-lg, .modal-xl { max-width: 800px; }} @media (min-width: 1200px) { .modal-xl { max-width: 1140px; }} .tooltip { position: absolute; z-index: 1070; display: block; margin: 0px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-style: normal; font-weight: 400; line-height: 1.5; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.875rem; overflow-wrap: break-word; opacity: 0; } .tooltip.show { opacity: 0.9; } .tooltip .arrow { position: absolute; display: block; width: 0.8rem; height: 0.4rem; } .tooltip .arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid; } .bs-tooltip-auto[x-placement^="top"], .bs-tooltip-top { padding: 0.4rem 0px; } .bs-tooltip-auto[x-placement^="top"] .arrow, .bs-tooltip-top .arrow { bottom: 0px; } .bs-tooltip-auto[x-placement^="top"] .arrow::before, .bs-tooltip-top .arrow::before { top: 0px; border-width: 0.4rem 0.4rem 0px; border-top-color: rgb(0, 0, 0); } .bs-tooltip-auto[x-placement^="right"], .bs-tooltip-right { padding: 0px 0.4rem; } .bs-tooltip-auto[x-placement^="right"] .arrow, .bs-tooltip-right .arrow { left: 0px; width: 0.4rem; height: 0.8rem; } .bs-tooltip-auto[x-placement^="right"] .arrow::before, .bs-tooltip-right .arrow::before { right: 0px; border-width: 0.4rem 0.4rem 0.4rem 0px; border-right-color: rgb(0, 0, 0); } .bs-tooltip-auto[x-placement^="bottom"], .bs-tooltip-bottom { padding: 0.4rem 0px; } .bs-tooltip-auto[x-placement^="bottom"] .arrow, .bs-tooltip-bottom .arrow { top: 0px; } .bs-tooltip-auto[x-placement^="bottom"] .arrow::before, .bs-tooltip-bottom .arrow::before { bottom: 0px; border-width: 0px 0.4rem 0.4rem; border-bottom-color: rgb(0, 0, 0); } .bs-tooltip-auto[x-placement^="left"], .bs-tooltip-left { padding: 0px 0.4rem; } .bs-tooltip-auto[x-placement^="left"] .arrow, .bs-tooltip-left .arrow { right: 0px; width: 0.4rem; height: 0.8rem; } .bs-tooltip-auto[x-placement^="left"] .arrow::before, .bs-tooltip-left .arrow::before { left: 0px; border-width: 0.4rem 0px 0.4rem 0.4rem; border-left-color: rgb(0, 0, 0); } .tooltip-inner { max-width: 200px; padding: 0.25rem 0.5rem; color: rgb(255, 255, 255); text-align: center; background-color: rgb(0, 0, 0); border-radius: 0.25rem; } .popover { position: absolute; top: 0px; left: 0px; z-index: 1060; display: block; max-width: 276px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-style: normal; font-weight: 400; line-height: 1.5; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.875rem; overflow-wrap: break-word; background-color: rgb(255, 255, 255); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; } .popover .arrow { position: absolute; display: block; width: 1rem; height: 0.5rem; margin: 0px 0.3rem; } .popover .arrow::after, .popover .arrow::before { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid; } .bs-popover-auto[x-placement^="top"], .bs-popover-top { margin-bottom: 0.5rem; } .bs-popover-auto[x-placement^="top"] > .arrow, .bs-popover-top > .arrow { bottom: calc(-1px - 0.5rem); } .bs-popover-auto[x-placement^="top"] > .arrow::before, .bs-popover-top > .arrow::before { bottom: 0px; border-width: 0.5rem 0.5rem 0px; border-top-color: rgba(0, 0, 0, 0.25); } .bs-popover-auto[x-placement^="top"] > .arrow::after, .bs-popover-top > .arrow::after { bottom: 1px; border-width: 0.5rem 0.5rem 0px; border-top-color: rgb(255, 255, 255); } .bs-popover-auto[x-placement^="right"], .bs-popover-right { margin-left: 0.5rem; } .bs-popover-auto[x-placement^="right"] > .arrow, .bs-popover-right > .arrow { left: calc(-1px - 0.5rem); width: 0.5rem; height: 1rem; margin: 0.3rem 0px; } .bs-popover-auto[x-placement^="right"] > .arrow::before, .bs-popover-right > .arrow::before { left: 0px; border-width: 0.5rem 0.5rem 0.5rem 0px; border-right-color: rgba(0, 0, 0, 0.25); } .bs-popover-auto[x-placement^="right"] > .arrow::after, .bs-popover-right > .arrow::after { left: 1px; border-width: 0.5rem 0.5rem 0.5rem 0px; border-right-color: rgb(255, 255, 255); } .bs-popover-auto[x-placement^="bottom"], .bs-popover-bottom { margin-top: 0.5rem; } .bs-popover-auto[x-placement^="bottom"] > .arrow, .bs-popover-bottom > .arrow { top: calc(-1px - 0.5rem); } .bs-popover-auto[x-placement^="bottom"] > .arrow::before, .bs-popover-bottom > .arrow::before { top: 0px; border-width: 0px 0.5rem 0.5rem; border-bottom-color: rgba(0, 0, 0, 0.25); } .bs-popover-auto[x-placement^="bottom"] > .arrow::after, .bs-popover-bottom > .arrow::after { top: 1px; border-width: 0px 0.5rem 0.5rem; border-bottom-color: rgb(255, 255, 255); } .bs-popover-auto[x-placement^="bottom"] .popover-header::before, .bs-popover-bottom .popover-header::before { position: absolute; top: 0px; left: 50%; display: block; width: 1rem; margin-left: -0.5rem; content: ""; border-bottom: 1px solid rgb(247, 247, 247); } .bs-popover-auto[x-placement^="left"], .bs-popover-left { margin-right: 0.5rem; } .bs-popover-auto[x-placement^="left"] > .arrow, .bs-popover-left > .arrow { right: calc(-1px - 0.5rem); width: 0.5rem; height: 1rem; margin: 0.3rem 0px; } .bs-popover-auto[x-placement^="left"] > .arrow::before, .bs-popover-left > .arrow::before { right: 0px; border-width: 0.5rem 0px 0.5rem 0.5rem; border-left-color: rgba(0, 0, 0, 0.25); } .bs-popover-auto[x-placement^="left"] > .arrow::after, .bs-popover-left > .arrow::after { right: 1px; border-width: 0.5rem 0px 0.5rem 0.5rem; border-left-color: rgb(255, 255, 255); } .popover-header { padding: 0.5rem 0.75rem; margin-bottom: 0px; font-size: 1rem; background-color: rgb(247, 247, 247); border-bottom: 1px solid rgb(235, 235, 235); border-top-left-radius: calc(-1px + 0.3rem); border-top-right-radius: calc(-1px + 0.3rem); } .popover-header:empty { display: none; } .popover-body { padding: 0.5rem 0.75rem; color: rgb(33, 37, 41); } .carousel { position: relative; } .carousel.pointer-event { touch-action: pan-y; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-inner::after { display: block; clear: both; content: ""; } .carousel-item { position: relative; display: none; float: left; width: 100%; margin-right: -100%; backface-visibility: hidden; transition: transform 0.6s ease-in-out 0s, -webkit-transform 0.6s ease-in-out 0s; } @media (prefers-reduced-motion: reduce) { .carousel-item { transition: none 0s ease 0s; }} .carousel-item-next, .carousel-item-prev, .carousel-item.active { display: block; } .active.carousel-item-right, .carousel-item-next:not(.carousel-item-left) { transform: translateX(100%); } .active.carousel-item-left, .carousel-item-prev:not(.carousel-item-right) { transform: translateX(-100%); } .carousel-fade .carousel-item { opacity: 0; transition-property: opacity; transform: none; } .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right, .carousel-fade .carousel-item.active { z-index: 1; opacity: 1; } .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { z-index: 0; opacity: 0; transition: opacity 0s ease 0.6s; } @media (prefers-reduced-motion: reduce) { .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { transition: none 0s ease 0s; }} .carousel-control-next, .carousel-control-prev { position: absolute; top: 0px; bottom: 0px; z-index: 1; display: flex; align-items: center; justify-content: center; width: 15%; color: rgb(255, 255, 255); text-align: center; opacity: 0.5; transition: opacity 0.15s ease 0s; } @media (prefers-reduced-motion: reduce) { .carousel-control-next, .carousel-control-prev { transition: none 0s ease 0s; }} .carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover { color: rgb(255, 255, 255); text-decoration: none; outline: 0px; opacity: 0.9; } .carousel-control-prev { left: 0px; } .carousel-control-next { right: 0px; } .carousel-control-next-icon, .carousel-control-prev-icon { display: inline-block; width: 20px; height: 20px; background: 50% center / 100% 100% no-repeat; } .carousel-control-prev-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); } .carousel-control-next-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); } .carousel-indicators { position: absolute; right: 0px; bottom: 0px; left: 0px; z-index: 15; display: flex; justify-content: center; padding-left: 0px; margin-right: 15%; margin-left: 15%; list-style: none; } .carousel-indicators li { box-sizing: content-box; flex: 0 1 auto; width: 30px; height: 3px; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: rgb(255, 255, 255); background-clip: padding-box; border-top: 10px solid transparent; border-bottom: 10px solid transparent; opacity: 0.5; transition: opacity 0.6s ease 0s; } @media (prefers-reduced-motion: reduce) { .carousel-indicators li { transition: none 0s ease 0s; }} .carousel-indicators .active { opacity: 1; } .carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: rgb(255, 255, 255); text-align: center; } @-webkit-keyframes spinner-border { 100% { transform: rotate(360deg); }} @keyframes spinner-border { 100% { transform: rotate(360deg); }} .spinner-border { display: inline-block; width: 2rem; height: 2rem; vertical-align: text-bottom; border-width: 0.25em; border-style: solid; border-color: currentcolor transparent currentcolor currentcolor; border-image: initial; border-radius: 50%; animation: 0.75s linear 0s infinite normal none running spinner-border; } .spinner-border-sm { width: 1rem; height: 1rem; border-width: 0.2em; } @-webkit-keyframes spinner-grow { 0% { transform: scale(0); } 50% { opacity: 1; }} @keyframes spinner-grow { 0% { transform: scale(0); } 50% { opacity: 1; }} .spinner-grow { display: inline-block; width: 2rem; height: 2rem; vertical-align: text-bottom; background-color: currentcolor; border-radius: 50%; opacity: 0; animation: 0.75s linear 0s infinite normal none running spinner-grow; } .spinner-grow-sm { width: 1rem; height: 1rem; } .align-baseline { vertical-align: baseline !important; } .align-top { vertical-align: top !important; } .align-middle { vertical-align: middle !important; } .align-bottom { vertical-align: bottom !important; } .align-text-bottom { vertical-align: text-bottom !important; } .align-text-top { vertical-align: text-top !important; } .bg-primary { background-color: rgb(0, 123, 255) !important; } a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover { background-color: rgb(0, 98, 204) !important; } .bg-secondary { background-color: rgb(108, 117, 125) !important; } a.bg-secondary:focus, a.bg-secondary:hover, button.bg-secondary:focus, button.bg-secondary:hover { background-color: rgb(84, 91, 98) !important; } .bg-success { background-color: rgb(40, 167, 69) !important; } a.bg-success:focus, a.bg-success:hover, button.bg-success:focus, button.bg-success:hover { background-color: rgb(30, 126, 52) !important; } .bg-info { background-color: rgb(23, 162, 184) !important; } a.bg-info:focus, a.bg-info:hover, button.bg-info:focus, button.bg-info:hover { background-color: rgb(17, 122, 139) !important; } .bg-warning { background-color: rgb(255, 193, 7) !important; } a.bg-warning:focus, a.bg-warning:hover, button.bg-warning:focus, button.bg-warning:hover { background-color: rgb(211, 158, 0) !important; } .bg-danger { background-color: rgb(220, 53, 69) !important; } a.bg-danger:focus, a.bg-danger:hover, button.bg-danger:focus, button.bg-danger:hover { background-color: rgb(189, 33, 48) !important; } .bg-light { background-color: rgb(248, 249, 250) !important; } a.bg-light:focus, a.bg-light:hover, button.bg-light:focus, button.bg-light:hover { background-color: rgb(218, 224, 229) !important; } .bg-dark { background-color: rgb(52, 58, 64) !important; } a.bg-dark:focus, a.bg-dark:hover, button.bg-dark:focus, button.bg-dark:hover { background-color: rgb(29, 33, 36) !important; } .bg-white { background-color: rgb(255, 255, 255) !important; } .bg-transparent { background-color: transparent !important; } .border { border: 1px solid rgb(222, 226, 230) !important; } .border-top { border-top: 1px solid rgb(222, 226, 230) !important; } .border-right { border-right: 1px solid rgb(222, 226, 230) !important; } .border-bottom { border-bottom: 1px solid rgb(222, 226, 230) !important; } .border-left { border-left: 1px solid rgb(222, 226, 230) !important; } .border-0 { border: 0px !important; } .border-top-0 { border-top: 0px !important; } .border-right-0 { border-right: 0px !important; } .border-bottom-0 { border-bottom: 0px !important; } .border-left-0 { border-left: 0px !important; } .border-primary { border-color: rgb(0, 123, 255) !important; } .border-secondary { border-color: rgb(108, 117, 125) !important; } .border-success { border-color: rgb(40, 167, 69) !important; } .border-info { border-color: rgb(23, 162, 184) !important; } .border-warning { border-color: rgb(255, 193, 7) !important; } .border-danger { border-color: rgb(220, 53, 69) !important; } .border-light { border-color: rgb(248, 249, 250) !important; } .border-dark { border-color: rgb(52, 58, 64) !important; } .border-white { border-color: rgb(255, 255, 255) !important; } .rounded-sm { border-radius: 0.2rem !important; } .rounded { border-radius: 0.25rem !important; } .rounded-top { border-top-left-radius: 0.25rem !important; border-top-right-radius: 0.25rem !important; } .rounded-right { border-top-right-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important; } .rounded-bottom { border-bottom-right-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .rounded-left { border-top-left-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .rounded-lg { border-radius: 0.3rem !important; } .rounded-circle { border-radius: 50% !important; } .rounded-pill { border-radius: 50rem !important; } .rounded-0 { border-radius: 0px !important; } .clearfix::after { display: block; clear: both; content: ""; } .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: flex !important; } .d-inline-flex { display: inline-flex !important; } @media (min-width: 576px) { .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: flex !important; } .d-sm-inline-flex { display: inline-flex !important; }} @media (min-width: 768px) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: flex !important; } .d-md-inline-flex { display: inline-flex !important; }} @media (min-width: 992px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: flex !important; } .d-lg-inline-flex { display: inline-flex !important; }} @media (min-width: 1200px) { .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: flex !important; } .d-xl-inline-flex { display: inline-flex !important; }} @media print { .d-print-none { display: none !important; } .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: flex !important; } .d-print-inline-flex { display: inline-flex !important; }} .embed-responsive { position: relative; display: block; width: 100%; padding: 0px; overflow: hidden; } .embed-responsive::before { display: block; content: ""; } .embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video { position: absolute; top: 0px; bottom: 0px; left: 0px; width: 100%; height: 100%; border: 0px; } .embed-responsive-21by9::before { padding-top: 42.8571%; } .embed-responsive-16by9::before { padding-top: 56.25%; } .embed-responsive-4by3::before { padding-top: 75%; } .embed-responsive-1by1::before { padding-top: 100%; } .flex-row { flex-direction: row !important; } .flex-column { flex-direction: column !important; } .flex-row-reverse { flex-direction: row-reverse !important; } .flex-column-reverse { flex-direction: column-reverse !important; } .flex-wrap { flex-wrap: wrap !important; } .flex-nowrap { flex-wrap: nowrap !important; } .flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-fill { flex: 1 1 auto !important; } .flex-grow-0 { flex-grow: 0 !important; } .flex-grow-1 { flex-grow: 1 !important; } .flex-shrink-0 { flex-shrink: 0 !important; } .flex-shrink-1 { flex-shrink: 1 !important; } .justify-content-start { justify-content: flex-start !important; } .justify-content-end { justify-content: flex-end !important; } .justify-content-center { justify-content: center !important; } .justify-content-between { justify-content: space-between !important; } .justify-content-around { justify-content: space-around !important; } .align-items-start { align-items: flex-start !important; } .align-items-end { align-items: flex-end !important; } .align-items-center { align-items: center !important; } .align-items-baseline { align-items: baseline !important; } .align-items-stretch { align-items: stretch !important; } .align-content-start { align-content: flex-start !important; } .align-content-end { align-content: flex-end !important; } .align-content-center { align-content: center !important; } .align-content-between { align-content: space-between !important; } .align-content-around { align-content: space-around !important; } .align-content-stretch { align-content: stretch !important; } .align-self-auto { align-self: auto !important; } .align-self-start { align-self: flex-start !important; } .align-self-end { align-self: flex-end !important; } .align-self-center { align-self: center !important; } .align-self-baseline { align-self: baseline !important; } .align-self-stretch { align-self: stretch !important; } @media (min-width: 576px) { .flex-sm-row { flex-direction: row !important; } .flex-sm-column { flex-direction: column !important; } .flex-sm-row-reverse { flex-direction: row-reverse !important; } .flex-sm-column-reverse { flex-direction: column-reverse !important; } .flex-sm-wrap { flex-wrap: wrap !important; } .flex-sm-nowrap { flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-sm-fill { flex: 1 1 auto !important; } .flex-sm-grow-0 { flex-grow: 0 !important; } .flex-sm-grow-1 { flex-grow: 1 !important; } .flex-sm-shrink-0 { flex-shrink: 0 !important; } .flex-sm-shrink-1 { flex-shrink: 1 !important; } .justify-content-sm-start { justify-content: flex-start !important; } .justify-content-sm-end { justify-content: flex-end !important; } .justify-content-sm-center { justify-content: center !important; } .justify-content-sm-between { justify-content: space-between !important; } .justify-content-sm-around { justify-content: space-around !important; } .align-items-sm-start { align-items: flex-start !important; } .align-items-sm-end { align-items: flex-end !important; } .align-items-sm-center { align-items: center !important; } .align-items-sm-baseline { align-items: baseline !important; } .align-items-sm-stretch { align-items: stretch !important; } .align-content-sm-start { align-content: flex-start !important; } .align-content-sm-end { align-content: flex-end !important; } .align-content-sm-center { align-content: center !important; } .align-content-sm-between { align-content: space-between !important; } .align-content-sm-around { align-content: space-around !important; } .align-content-sm-stretch { align-content: stretch !important; } .align-self-sm-auto { align-self: auto !important; } .align-self-sm-start { align-self: flex-start !important; } .align-self-sm-end { align-self: flex-end !important; } .align-self-sm-center { align-self: center !important; } .align-self-sm-baseline { align-self: baseline !important; } .align-self-sm-stretch { align-self: stretch !important; }} @media (min-width: 768px) { .flex-md-row { flex-direction: row !important; } .flex-md-column { flex-direction: column !important; } .flex-md-row-reverse { flex-direction: row-reverse !important; } .flex-md-column-reverse { flex-direction: column-reverse !important; } .flex-md-wrap { flex-wrap: wrap !important; } .flex-md-nowrap { flex-wrap: nowrap !important; } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-md-fill { flex: 1 1 auto !important; } .flex-md-grow-0 { flex-grow: 0 !important; } .flex-md-grow-1 { flex-grow: 1 !important; } .flex-md-shrink-0 { flex-shrink: 0 !important; } .flex-md-shrink-1 { flex-shrink: 1 !important; } .justify-content-md-start { justify-content: flex-start !important; } .justify-content-md-end { justify-content: flex-end !important; } .justify-content-md-center { justify-content: center !important; } .justify-content-md-between { justify-content: space-between !important; } .justify-content-md-around { justify-content: space-around !important; } .align-items-md-start { align-items: flex-start !important; } .align-items-md-end { align-items: flex-end !important; } .align-items-md-center { align-items: center !important; } .align-items-md-baseline { align-items: baseline !important; } .align-items-md-stretch { align-items: stretch !important; } .align-content-md-start { align-content: flex-start !important; } .align-content-md-end { align-content: flex-end !important; } .align-content-md-center { align-content: center !important; } .align-content-md-between { align-content: space-between !important; } .align-content-md-around { align-content: space-around !important; } .align-content-md-stretch { align-content: stretch !important; } .align-self-md-auto { align-self: auto !important; } .align-self-md-start { align-self: flex-start !important; } .align-self-md-end { align-self: flex-end !important; } .align-self-md-center { align-self: center !important; } .align-self-md-baseline { align-self: baseline !important; } .align-self-md-stretch { align-self: stretch !important; }} @media (min-width: 992px) { .flex-lg-row { flex-direction: row !important; } .flex-lg-column { flex-direction: column !important; } .flex-lg-row-reverse { flex-direction: row-reverse !important; } .flex-lg-column-reverse { flex-direction: column-reverse !important; } .flex-lg-wrap { flex-wrap: wrap !important; } .flex-lg-nowrap { flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-lg-fill { flex: 1 1 auto !important; } .flex-lg-grow-0 { flex-grow: 0 !important; } .flex-lg-grow-1 { flex-grow: 1 !important; } .flex-lg-shrink-0 { flex-shrink: 0 !important; } .flex-lg-shrink-1 { flex-shrink: 1 !important; } .justify-content-lg-start { justify-content: flex-start !important; } .justify-content-lg-end { justify-content: flex-end !important; } .justify-content-lg-center { justify-content: center !important; } .justify-content-lg-between { justify-content: space-between !important; } .justify-content-lg-around { justify-content: space-around !important; } .align-items-lg-start { align-items: flex-start !important; } .align-items-lg-end { align-items: flex-end !important; } .align-items-lg-center { align-items: center !important; } .align-items-lg-baseline { align-items: baseline !important; } .align-items-lg-stretch { align-items: stretch !important; } .align-content-lg-start { align-content: flex-start !important; } .align-content-lg-end { align-content: flex-end !important; } .align-content-lg-center { align-content: center !important; } .align-content-lg-between { align-content: space-between !important; } .align-content-lg-around { align-content: space-around !important; } .align-content-lg-stretch { align-content: stretch !important; } .align-self-lg-auto { align-self: auto !important; } .align-self-lg-start { align-self: flex-start !important; } .align-self-lg-end { align-self: flex-end !important; } .align-self-lg-center { align-self: center !important; } .align-self-lg-baseline { align-self: baseline !important; } .align-self-lg-stretch { align-self: stretch !important; }} @media (min-width: 1200px) { .flex-xl-row { flex-direction: row !important; } .flex-xl-column { flex-direction: column !important; } .flex-xl-row-reverse { flex-direction: row-reverse !important; } .flex-xl-column-reverse { flex-direction: column-reverse !important; } .flex-xl-wrap { flex-wrap: wrap !important; } .flex-xl-nowrap { flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-xl-fill { flex: 1 1 auto !important; } .flex-xl-grow-0 { flex-grow: 0 !important; } .flex-xl-grow-1 { flex-grow: 1 !important; } .flex-xl-shrink-0 { flex-shrink: 0 !important; } .flex-xl-shrink-1 { flex-shrink: 1 !important; } .justify-content-xl-start { justify-content: flex-start !important; } .justify-content-xl-end { justify-content: flex-end !important; } .justify-content-xl-center { justify-content: center !important; } .justify-content-xl-between { justify-content: space-between !important; } .justify-content-xl-around { justify-content: space-around !important; } .align-items-xl-start { align-items: flex-start !important; } .align-items-xl-end { align-items: flex-end !important; } .align-items-xl-center { align-items: center !important; } .align-items-xl-baseline { align-items: baseline !important; } .align-items-xl-stretch { align-items: stretch !important; } .align-content-xl-start { align-content: flex-start !important; } .align-content-xl-end { align-content: flex-end !important; } .align-content-xl-center { align-content: center !important; } .align-content-xl-between { align-content: space-between !important; } .align-content-xl-around { align-content: space-around !important; } .align-content-xl-stretch { align-content: stretch !important; } .align-self-xl-auto { align-self: auto !important; } .align-self-xl-start { align-self: flex-start !important; } .align-self-xl-end { align-self: flex-end !important; } .align-self-xl-center { align-self: center !important; } .align-self-xl-baseline { align-self: baseline !important; } .align-self-xl-stretch { align-self: stretch !important; }} .float-left { float: left !important; } .float-right { float: right !important; } .float-none { float: none !important; } @media (min-width: 576px) { .float-sm-left { float: left !important; } .float-sm-right { float: right !important; } .float-sm-none { float: none !important; }} @media (min-width: 768px) { .float-md-left { float: left !important; } .float-md-right { float: right !important; } .float-md-none { float: none !important; }} @media (min-width: 992px) { .float-lg-left { float: left !important; } .float-lg-right { float: right !important; } .float-lg-none { float: none !important; }} @media (min-width: 1200px) { .float-xl-left { float: left !important; } .float-xl-right { float: right !important; } .float-xl-none { float: none !important; }} .overflow-auto { overflow: auto !important; } .overflow-hidden { overflow: hidden !important; } .position-static { position: static !important; } .position-relative { position: relative !important; } .position-absolute { position: absolute !important; } .position-fixed { position: fixed !important; } .position-sticky { position: sticky !important; } .fixed-top { position: fixed; top: 0px; right: 0px; left: 0px; z-index: 1030; } .fixed-bottom { position: fixed; right: 0px; bottom: 0px; left: 0px; z-index: 1030; } @supports ((position:-webkit-sticky) or (position:sticky)) { .sticky-top { position: sticky; top: 0px; z-index: 1020; }} .sr-only { position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border: 0px; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; } .shadow-sm { box-shadow: rgba(0, 0, 0, 0.075) 0px 0.125rem 0.25rem !important; } .shadow { box-shadow: rgba(0, 0, 0, 0.15) 0px 0.5rem 1rem !important; } .shadow-lg { box-shadow: rgba(0, 0, 0, 0.176) 0px 1rem 3rem !important; } .shadow-none { box-shadow: none !important; } .w-25 { width: 25% !important; } .w-50 { width: 50% !important; } .w-75 { width: 75% !important; } .w-100 { width: 100% !important; } .w-auto { width: auto !important; } .h-25 { height: 25% !important; } .h-50 { height: 50% !important; } .h-75 { height: 75% !important; } .h-100 { height: 100% !important; } .h-auto { height: auto !important; } .mw-100 { max-width: 100% !important; } .mh-100 { max-height: 100% !important; } .min-vw-100 { min-width: 100vw !important; } .min-vh-100 { min-height: 100vh !important; } .vw-100 { width: 100vw !important; } .vh-100 { height: 100vh !important; } .stretched-link::after { position: absolute; inset: 0px; z-index: 1; pointer-events: auto; content: ""; background-color: rgba(0, 0, 0, 0); } .m-0 { margin: 0px !important; } .mt-0, .my-0 { margin-top: 0px !important; } .mr-0, .mx-0 { margin-right: 0px !important; } .mb-0, .my-0 { margin-bottom: 0px !important; } .ml-0, .mx-0 { margin-left: 0px !important; } .m-1 { margin: 0.25rem !important; } .mt-1, .my-1 { margin-top: 0.25rem !important; } .mr-1, .mx-1 { margin-right: 0.25rem !important; } .mb-1, .my-1 { margin-bottom: 0.25rem !important; } .ml-1, .mx-1 { margin-left: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .mt-2, .my-2 { margin-top: 0.5rem !important; } .mr-2, .mx-2 { margin-right: 0.5rem !important; } .mb-2, .my-2 { margin-bottom: 0.5rem !important; } .ml-2, .mx-2 { margin-left: 0.5rem !important; } .m-3 { margin: 1rem !important; } .mt-3, .my-3 { margin-top: 1rem !important; } .mr-3, .mx-3 { margin-right: 1rem !important; } .mb-3, .my-3 { margin-bottom: 1rem !important; } .ml-3, .mx-3 { margin-left: 1rem !important; } .m-4 { margin: 1.5rem !important; } .mt-4, .my-4 { margin-top: 1.5rem !important; } .mr-4, .mx-4 { margin-right: 1.5rem !important; } .mb-4, .my-4 { margin-bottom: 1.5rem !important; } .ml-4, .mx-4 { margin-left: 1.5rem !important; } .m-5 { margin: 3rem !important; } .mt-5, .my-5 { margin-top: 3rem !important; } .mr-5, .mx-5 { margin-right: 3rem !important; } .mb-5, .my-5 { margin-bottom: 3rem !important; } .ml-5, .mx-5 { margin-left: 3rem !important; } .p-0 { padding: 0px !important; } .pt-0, .py-0 { padding-top: 0px !important; } .pr-0, .px-0 { padding-right: 0px !important; } .pb-0, .py-0 { padding-bottom: 0px !important; } .pl-0, .px-0 { padding-left: 0px !important; } .p-1 { padding: 0.25rem !important; } .pt-1, .py-1 { padding-top: 0.25rem !important; } .pr-1, .px-1 { padding-right: 0.25rem !important; } .pb-1, .py-1 { padding-bottom: 0.25rem !important; } .pl-1, .px-1 { padding-left: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .pt-2, .py-2 { padding-top: 0.5rem !important; } .pr-2, .px-2 { padding-right: 0.5rem !important; } .pb-2, .py-2 { padding-bottom: 0.5rem !important; } .pl-2, .px-2 { padding-left: 0.5rem !important; } .p-3 { padding: 1rem !important; } .pt-3, .py-3 { padding-top: 1rem !important; } .pr-3, .px-3 { padding-right: 1rem !important; } .pb-3, .py-3 { padding-bottom: 1rem !important; } .pl-3, .px-3 { padding-left: 1rem !important; } .p-4 { padding: 1.5rem !important; } .pt-4, .py-4 { padding-top: 1.5rem !important; } .pr-4, .px-4 { padding-right: 1.5rem !important; } .pb-4, .py-4 { padding-bottom: 1.5rem !important; } .pl-4, .px-4 { padding-left: 1.5rem !important; } .p-5 { padding: 3rem !important; } .pt-5, .py-5 { padding-top: 3rem !important; } .pr-5, .px-5 { padding-right: 3rem !important; } .pb-5, .py-5 { padding-bottom: 3rem !important; } .pl-5, .px-5 { padding-left: 3rem !important; } .m-n1 { margin: -0.25rem !important; } .mt-n1, .my-n1 { margin-top: -0.25rem !important; } .mr-n1, .mx-n1 { margin-right: -0.25rem !important; } .mb-n1, .my-n1 { margin-bottom: -0.25rem !important; } .ml-n1, .mx-n1 { margin-left: -0.25rem !important; } .m-n2 { margin: -0.5rem !important; } .mt-n2, .my-n2 { margin-top: -0.5rem !important; } .mr-n2, .mx-n2 { margin-right: -0.5rem !important; } .mb-n2, .my-n2 { margin-bottom: -0.5rem !important; } .ml-n2, .mx-n2 { margin-left: -0.5rem !important; } .m-n3 { margin: -1rem !important; } .mt-n3, .my-n3 { margin-top: -1rem !important; } .mr-n3, .mx-n3 { margin-right: -1rem !important; } .mb-n3, .my-n3 { margin-bottom: -1rem !important; } .ml-n3, .mx-n3 { margin-left: -1rem !important; } .m-n4 { margin: -1.5rem !important; } .mt-n4, .my-n4 { margin-top: -1.5rem !important; } .mr-n4, .mx-n4 { margin-right: -1.5rem !important; } .mb-n4, .my-n4 { margin-bottom: -1.5rem !important; } .ml-n4, .mx-n4 { margin-left: -1.5rem !important; } .m-n5 { margin: -3rem !important; } .mt-n5, .my-n5 { margin-top: -3rem !important; } .mr-n5, .mx-n5 { margin-right: -3rem !important; } .mb-n5, .my-n5 { margin-bottom: -3rem !important; } .ml-n5, .mx-n5 { margin-left: -3rem !important; } .m-auto { margin: auto !important; } .mt-auto, .my-auto { margin-top: auto !important; } .mr-auto, .mx-auto { margin-right: auto !important; } .mb-auto, .my-auto { margin-bottom: auto !important; } .ml-auto, .mx-auto { margin-left: auto !important; } @media (min-width: 576px) { .m-sm-0 { margin: 0px !important; } .mt-sm-0, .my-sm-0 { margin-top: 0px !important; } .mr-sm-0, .mx-sm-0 { margin-right: 0px !important; } .mb-sm-0, .my-sm-0 { margin-bottom: 0px !important; } .ml-sm-0, .mx-sm-0 { margin-left: 0px !important; } .m-sm-1 { margin: 0.25rem !important; } .mt-sm-1, .my-sm-1 { margin-top: 0.25rem !important; } .mr-sm-1, .mx-sm-1 { margin-right: 0.25rem !important; } .mb-sm-1, .my-sm-1 { margin-bottom: 0.25rem !important; } .ml-sm-1, .mx-sm-1 { margin-left: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .mt-sm-2, .my-sm-2 { margin-top: 0.5rem !important; } .mr-sm-2, .mx-sm-2 { margin-right: 0.5rem !important; } .mb-sm-2, .my-sm-2 { margin-bottom: 0.5rem !important; } .ml-sm-2, .mx-sm-2 { margin-left: 0.5rem !important; } .m-sm-3 { margin: 1rem !important; } .mt-sm-3, .my-sm-3 { margin-top: 1rem !important; } .mr-sm-3, .mx-sm-3 { margin-right: 1rem !important; } .mb-sm-3, .my-sm-3 { margin-bottom: 1rem !important; } .ml-sm-3, .mx-sm-3 { margin-left: 1rem !important; } .m-sm-4 { margin: 1.5rem !important; } .mt-sm-4, .my-sm-4 { margin-top: 1.5rem !important; } .mr-sm-4, .mx-sm-4 { margin-right: 1.5rem !important; } .mb-sm-4, .my-sm-4 { margin-bottom: 1.5rem !important; } .ml-sm-4, .mx-sm-4 { margin-left: 1.5rem !important; } .m-sm-5 { margin: 3rem !important; } .mt-sm-5, .my-sm-5 { margin-top: 3rem !important; } .mr-sm-5, .mx-sm-5 { margin-right: 3rem !important; } .mb-sm-5, .my-sm-5 { margin-bottom: 3rem !important; } .ml-sm-5, .mx-sm-5 { margin-left: 3rem !important; } .p-sm-0 { padding: 0px !important; } .pt-sm-0, .py-sm-0 { padding-top: 0px !important; } .pr-sm-0, .px-sm-0 { padding-right: 0px !important; } .pb-sm-0, .py-sm-0 { padding-bottom: 0px !important; } .pl-sm-0, .px-sm-0 { padding-left: 0px !important; } .p-sm-1 { padding: 0.25rem !important; } .pt-sm-1, .py-sm-1 { padding-top: 0.25rem !important; } .pr-sm-1, .px-sm-1 { padding-right: 0.25rem !important; } .pb-sm-1, .py-sm-1 { padding-bottom: 0.25rem !important; } .pl-sm-1, .px-sm-1 { padding-left: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .pt-sm-2, .py-sm-2 { padding-top: 0.5rem !important; } .pr-sm-2, .px-sm-2 { padding-right: 0.5rem !important; } .pb-sm-2, .py-sm-2 { padding-bottom: 0.5rem !important; } .pl-sm-2, .px-sm-2 { padding-left: 0.5rem !important; } .p-sm-3 { padding: 1rem !important; } .pt-sm-3, .py-sm-3 { padding-top: 1rem !important; } .pr-sm-3, .px-sm-3 { padding-right: 1rem !important; } .pb-sm-3, .py-sm-3 { padding-bottom: 1rem !important; } .pl-sm-3, .px-sm-3 { padding-left: 1rem !important; } .p-sm-4 { padding: 1.5rem !important; } .pt-sm-4, .py-sm-4 { padding-top: 1.5rem !important; } .pr-sm-4, .px-sm-4 { padding-right: 1.5rem !important; } .pb-sm-4, .py-sm-4 { padding-bottom: 1.5rem !important; } .pl-sm-4, .px-sm-4 { padding-left: 1.5rem !important; } .p-sm-5 { padding: 3rem !important; } .pt-sm-5, .py-sm-5 { padding-top: 3rem !important; } .pr-sm-5, .px-sm-5 { padding-right: 3rem !important; } .pb-sm-5, .py-sm-5 { padding-bottom: 3rem !important; } .pl-sm-5, .px-sm-5 { padding-left: 3rem !important; } .m-sm-n1 { margin: -0.25rem !important; } .mt-sm-n1, .my-sm-n1 { margin-top: -0.25rem !important; } .mr-sm-n1, .mx-sm-n1 { margin-right: -0.25rem !important; } .mb-sm-n1, .my-sm-n1 { margin-bottom: -0.25rem !important; } .ml-sm-n1, .mx-sm-n1 { margin-left: -0.25rem !important; } .m-sm-n2 { margin: -0.5rem !important; } .mt-sm-n2, .my-sm-n2 { margin-top: -0.5rem !important; } .mr-sm-n2, .mx-sm-n2 { margin-right: -0.5rem !important; } .mb-sm-n2, .my-sm-n2 { margin-bottom: -0.5rem !important; } .ml-sm-n2, .mx-sm-n2 { margin-left: -0.5rem !important; } .m-sm-n3 { margin: -1rem !important; } .mt-sm-n3, .my-sm-n3 { margin-top: -1rem !important; } .mr-sm-n3, .mx-sm-n3 { margin-right: -1rem !important; } .mb-sm-n3, .my-sm-n3 { margin-bottom: -1rem !important; } .ml-sm-n3, .mx-sm-n3 { margin-left: -1rem !important; } .m-sm-n4 { margin: -1.5rem !important; } .mt-sm-n4, .my-sm-n4 { margin-top: -1.5rem !important; } .mr-sm-n4, .mx-sm-n4 { margin-right: -1.5rem !important; } .mb-sm-n4, .my-sm-n4 { margin-bottom: -1.5rem !important; } .ml-sm-n4, .mx-sm-n4 { margin-left: -1.5rem !important; } .m-sm-n5 { margin: -3rem !important; } .mt-sm-n5, .my-sm-n5 { margin-top: -3rem !important; } .mr-sm-n5, .mx-sm-n5 { margin-right: -3rem !important; } .mb-sm-n5, .my-sm-n5 { margin-bottom: -3rem !important; } .ml-sm-n5, .mx-sm-n5 { margin-left: -3rem !important; } .m-sm-auto { margin: auto !important; } .mt-sm-auto, .my-sm-auto { margin-top: auto !important; } .mr-sm-auto, .mx-sm-auto { margin-right: auto !important; } .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important; } .ml-sm-auto, .mx-sm-auto { margin-left: auto !important; }} @media (min-width: 768px) { .m-md-0 { margin: 0px !important; } .mt-md-0, .my-md-0 { margin-top: 0px !important; } .mr-md-0, .mx-md-0 { margin-right: 0px !important; } .mb-md-0, .my-md-0 { margin-bottom: 0px !important; } .ml-md-0, .mx-md-0 { margin-left: 0px !important; } .m-md-1 { margin: 0.25rem !important; } .mt-md-1, .my-md-1 { margin-top: 0.25rem !important; } .mr-md-1, .mx-md-1 { margin-right: 0.25rem !important; } .mb-md-1, .my-md-1 { margin-bottom: 0.25rem !important; } .ml-md-1, .mx-md-1 { margin-left: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .mt-md-2, .my-md-2 { margin-top: 0.5rem !important; } .mr-md-2, .mx-md-2 { margin-right: 0.5rem !important; } .mb-md-2, .my-md-2 { margin-bottom: 0.5rem !important; } .ml-md-2, .mx-md-2 { margin-left: 0.5rem !important; } .m-md-3 { margin: 1rem !important; } .mt-md-3, .my-md-3 { margin-top: 1rem !important; } .mr-md-3, .mx-md-3 { margin-right: 1rem !important; } .mb-md-3, .my-md-3 { margin-bottom: 1rem !important; } .ml-md-3, .mx-md-3 { margin-left: 1rem !important; } .m-md-4 { margin: 1.5rem !important; } .mt-md-4, .my-md-4 { margin-top: 1.5rem !important; } .mr-md-4, .mx-md-4 { margin-right: 1.5rem !important; } .mb-md-4, .my-md-4 { margin-bottom: 1.5rem !important; } .ml-md-4, .mx-md-4 { margin-left: 1.5rem !important; } .m-md-5 { margin: 3rem !important; } .mt-md-5, .my-md-5 { margin-top: 3rem !important; } .mr-md-5, .mx-md-5 { margin-right: 3rem !important; } .mb-md-5, .my-md-5 { margin-bottom: 3rem !important; } .ml-md-5, .mx-md-5 { margin-left: 3rem !important; } .p-md-0 { padding: 0px !important; } .pt-md-0, .py-md-0 { padding-top: 0px !important; } .pr-md-0, .px-md-0 { padding-right: 0px !important; } .pb-md-0, .py-md-0 { padding-bottom: 0px !important; } .pl-md-0, .px-md-0 { padding-left: 0px !important; } .p-md-1 { padding: 0.25rem !important; } .pt-md-1, .py-md-1 { padding-top: 0.25rem !important; } .pr-md-1, .px-md-1 { padding-right: 0.25rem !important; } .pb-md-1, .py-md-1 { padding-bottom: 0.25rem !important; } .pl-md-1, .px-md-1 { padding-left: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .pt-md-2, .py-md-2 { padding-top: 0.5rem !important; } .pr-md-2, .px-md-2 { padding-right: 0.5rem !important; } .pb-md-2, .py-md-2 { padding-bottom: 0.5rem !important; } .pl-md-2, .px-md-2 { padding-left: 0.5rem !important; } .p-md-3 { padding: 1rem !important; } .pt-md-3, .py-md-3 { padding-top: 1rem !important; } .pr-md-3, .px-md-3 { padding-right: 1rem !important; } .pb-md-3, .py-md-3 { padding-bottom: 1rem !important; } .pl-md-3, .px-md-3 { padding-left: 1rem !important; } .p-md-4 { padding: 1.5rem !important; } .pt-md-4, .py-md-4 { padding-top: 1.5rem !important; } .pr-md-4, .px-md-4 { padding-right: 1.5rem !important; } .pb-md-4, .py-md-4 { padding-bottom: 1.5rem !important; } .pl-md-4, .px-md-4 { padding-left: 1.5rem !important; } .p-md-5 { padding: 3rem !important; } .pt-md-5, .py-md-5 { padding-top: 3rem !important; } .pr-md-5, .px-md-5 { padding-right: 3rem !important; } .pb-md-5, .py-md-5 { padding-bottom: 3rem !important; } .pl-md-5, .px-md-5 { padding-left: 3rem !important; } .m-md-n1 { margin: -0.25rem !important; } .mt-md-n1, .my-md-n1 { margin-top: -0.25rem !important; } .mr-md-n1, .mx-md-n1 { margin-right: -0.25rem !important; } .mb-md-n1, .my-md-n1 { margin-bottom: -0.25rem !important; } .ml-md-n1, .mx-md-n1 { margin-left: -0.25rem !important; } .m-md-n2 { margin: -0.5rem !important; } .mt-md-n2, .my-md-n2 { margin-top: -0.5rem !important; } .mr-md-n2, .mx-md-n2 { margin-right: -0.5rem !important; } .mb-md-n2, .my-md-n2 { margin-bottom: -0.5rem !important; } .ml-md-n2, .mx-md-n2 { margin-left: -0.5rem !important; } .m-md-n3 { margin: -1rem !important; } .mt-md-n3, .my-md-n3 { margin-top: -1rem !important; } .mr-md-n3, .mx-md-n3 { margin-right: -1rem !important; } .mb-md-n3, .my-md-n3 { margin-bottom: -1rem !important; } .ml-md-n3, .mx-md-n3 { margin-left: -1rem !important; } .m-md-n4 { margin: -1.5rem !important; } .mt-md-n4, .my-md-n4 { margin-top: -1.5rem !important; } .mr-md-n4, .mx-md-n4 { margin-right: -1.5rem !important; } .mb-md-n4, .my-md-n4 { margin-bottom: -1.5rem !important; } .ml-md-n4, .mx-md-n4 { margin-left: -1.5rem !important; } .m-md-n5 { margin: -3rem !important; } .mt-md-n5, .my-md-n5 { margin-top: -3rem !important; } .mr-md-n5, .mx-md-n5 { margin-right: -3rem !important; } .mb-md-n5, .my-md-n5 { margin-bottom: -3rem !important; } .ml-md-n5, .mx-md-n5 { margin-left: -3rem !important; } .m-md-auto { margin: auto !important; } .mt-md-auto, .my-md-auto { margin-top: auto !important; } .mr-md-auto, .mx-md-auto { margin-right: auto !important; } .mb-md-auto, .my-md-auto { margin-bottom: auto !important; } .ml-md-auto, .mx-md-auto { margin-left: auto !important; }} @media (min-width: 992px) { .m-lg-0 { margin: 0px !important; } .mt-lg-0, .my-lg-0 { margin-top: 0px !important; } .mr-lg-0, .mx-lg-0 { margin-right: 0px !important; } .mb-lg-0, .my-lg-0 { margin-bottom: 0px !important; } .ml-lg-0, .mx-lg-0 { margin-left: 0px !important; } .m-lg-1 { margin: 0.25rem !important; } .mt-lg-1, .my-lg-1 { margin-top: 0.25rem !important; } .mr-lg-1, .mx-lg-1 { margin-right: 0.25rem !important; } .mb-lg-1, .my-lg-1 { margin-bottom: 0.25rem !important; } .ml-lg-1, .mx-lg-1 { margin-left: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .mt-lg-2, .my-lg-2 { margin-top: 0.5rem !important; } .mr-lg-2, .mx-lg-2 { margin-right: 0.5rem !important; } .mb-lg-2, .my-lg-2 { margin-bottom: 0.5rem !important; } .ml-lg-2, .mx-lg-2 { margin-left: 0.5rem !important; } .m-lg-3 { margin: 1rem !important; } .mt-lg-3, .my-lg-3 { margin-top: 1rem !important; } .mr-lg-3, .mx-lg-3 { margin-right: 1rem !important; } .mb-lg-3, .my-lg-3 { margin-bottom: 1rem !important; } .ml-lg-3, .mx-lg-3 { margin-left: 1rem !important; } .m-lg-4 { margin: 1.5rem !important; } .mt-lg-4, .my-lg-4 { margin-top: 1.5rem !important; } .mr-lg-4, .mx-lg-4 { margin-right: 1.5rem !important; } .mb-lg-4, .my-lg-4 { margin-bottom: 1.5rem !important; } .ml-lg-4, .mx-lg-4 { margin-left: 1.5rem !important; } .m-lg-5 { margin: 3rem !important; } .mt-lg-5, .my-lg-5 { margin-top: 3rem !important; } .mr-lg-5, .mx-lg-5 { margin-right: 3rem !important; } .mb-lg-5, .my-lg-5 { margin-bottom: 3rem !important; } .ml-lg-5, .mx-lg-5 { margin-left: 3rem !important; } .p-lg-0 { padding: 0px !important; } .pt-lg-0, .py-lg-0 { padding-top: 0px !important; } .pr-lg-0, .px-lg-0 { padding-right: 0px !important; } .pb-lg-0, .py-lg-0 { padding-bottom: 0px !important; } .pl-lg-0, .px-lg-0 { padding-left: 0px !important; } .p-lg-1 { padding: 0.25rem !important; } .pt-lg-1, .py-lg-1 { padding-top: 0.25rem !important; } .pr-lg-1, .px-lg-1 { padding-right: 0.25rem !important; } .pb-lg-1, .py-lg-1 { padding-bottom: 0.25rem !important; } .pl-lg-1, .px-lg-1 { padding-left: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .pt-lg-2, .py-lg-2 { padding-top: 0.5rem !important; } .pr-lg-2, .px-lg-2 { padding-right: 0.5rem !important; } .pb-lg-2, .py-lg-2 { padding-bottom: 0.5rem !important; } .pl-lg-2, .px-lg-2 { padding-left: 0.5rem !important; } .p-lg-3 { padding: 1rem !important; } .pt-lg-3, .py-lg-3 { padding-top: 1rem !important; } .pr-lg-3, .px-lg-3 { padding-right: 1rem !important; } .pb-lg-3, .py-lg-3 { padding-bottom: 1rem !important; } .pl-lg-3, .px-lg-3 { padding-left: 1rem !important; } .p-lg-4 { padding: 1.5rem !important; } .pt-lg-4, .py-lg-4 { padding-top: 1.5rem !important; } .pr-lg-4, .px-lg-4 { padding-right: 1.5rem !important; } .pb-lg-4, .py-lg-4 { padding-bottom: 1.5rem !important; } .pl-lg-4, .px-lg-4 { padding-left: 1.5rem !important; } .p-lg-5 { padding: 3rem !important; } .pt-lg-5, .py-lg-5 { padding-top: 3rem !important; } .pr-lg-5, .px-lg-5 { padding-right: 3rem !important; } .pb-lg-5, .py-lg-5 { padding-bottom: 3rem !important; } .pl-lg-5, .px-lg-5 { padding-left: 3rem !important; } .m-lg-n1 { margin: -0.25rem !important; } .mt-lg-n1, .my-lg-n1 { margin-top: -0.25rem !important; } .mr-lg-n1, .mx-lg-n1 { margin-right: -0.25rem !important; } .mb-lg-n1, .my-lg-n1 { margin-bottom: -0.25rem !important; } .ml-lg-n1, .mx-lg-n1 { margin-left: -0.25rem !important; } .m-lg-n2 { margin: -0.5rem !important; } .mt-lg-n2, .my-lg-n2 { margin-top: -0.5rem !important; } .mr-lg-n2, .mx-lg-n2 { margin-right: -0.5rem !important; } .mb-lg-n2, .my-lg-n2 { margin-bottom: -0.5rem !important; } .ml-lg-n2, .mx-lg-n2 { margin-left: -0.5rem !important; } .m-lg-n3 { margin: -1rem !important; } .mt-lg-n3, .my-lg-n3 { margin-top: -1rem !important; } .mr-lg-n3, .mx-lg-n3 { margin-right: -1rem !important; } .mb-lg-n3, .my-lg-n3 { margin-bottom: -1rem !important; } .ml-lg-n3, .mx-lg-n3 { margin-left: -1rem !important; } .m-lg-n4 { margin: -1.5rem !important; } .mt-lg-n4, .my-lg-n4 { margin-top: -1.5rem !important; } .mr-lg-n4, .mx-lg-n4 { margin-right: -1.5rem !important; } .mb-lg-n4, .my-lg-n4 { margin-bottom: -1.5rem !important; } .ml-lg-n4, .mx-lg-n4 { margin-left: -1.5rem !important; } .m-lg-n5 { margin: -3rem !important; } .mt-lg-n5, .my-lg-n5 { margin-top: -3rem !important; } .mr-lg-n5, .mx-lg-n5 { margin-right: -3rem !important; } .mb-lg-n5, .my-lg-n5 { margin-bottom: -3rem !important; } .ml-lg-n5, .mx-lg-n5 { margin-left: -3rem !important; } .m-lg-auto { margin: auto !important; } .mt-lg-auto, .my-lg-auto { margin-top: auto !important; } .mr-lg-auto, .mx-lg-auto { margin-right: auto !important; } .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important; } .ml-lg-auto, .mx-lg-auto { margin-left: auto !important; }} @media (min-width: 1200px) { .m-xl-0 { margin: 0px !important; } .mt-xl-0, .my-xl-0 { margin-top: 0px !important; } .mr-xl-0, .mx-xl-0 { margin-right: 0px !important; } .mb-xl-0, .my-xl-0 { margin-bottom: 0px !important; } .ml-xl-0, .mx-xl-0 { margin-left: 0px !important; } .m-xl-1 { margin: 0.25rem !important; } .mt-xl-1, .my-xl-1 { margin-top: 0.25rem !important; } .mr-xl-1, .mx-xl-1 { margin-right: 0.25rem !important; } .mb-xl-1, .my-xl-1 { margin-bottom: 0.25rem !important; } .ml-xl-1, .mx-xl-1 { margin-left: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .mt-xl-2, .my-xl-2 { margin-top: 0.5rem !important; } .mr-xl-2, .mx-xl-2 { margin-right: 0.5rem !important; } .mb-xl-2, .my-xl-2 { margin-bottom: 0.5rem !important; } .ml-xl-2, .mx-xl-2 { margin-left: 0.5rem !important; } .m-xl-3 { margin: 1rem !important; } .mt-xl-3, .my-xl-3 { margin-top: 1rem !important; } .mr-xl-3, .mx-xl-3 { margin-right: 1rem !important; } .mb-xl-3, .my-xl-3 { margin-bottom: 1rem !important; } .ml-xl-3, .mx-xl-3 { margin-left: 1rem !important; } .m-xl-4 { margin: 1.5rem !important; } .mt-xl-4, .my-xl-4 { margin-top: 1.5rem !important; } .mr-xl-4, .mx-xl-4 { margin-right: 1.5rem !important; } .mb-xl-4, .my-xl-4 { margin-bottom: 1.5rem !important; } .ml-xl-4, .mx-xl-4 { margin-left: 1.5rem !important; } .m-xl-5 { margin: 3rem !important; } .mt-xl-5, .my-xl-5 { margin-top: 3rem !important; } .mr-xl-5, .mx-xl-5 { margin-right: 3rem !important; } .mb-xl-5, .my-xl-5 { margin-bottom: 3rem !important; } .ml-xl-5, .mx-xl-5 { margin-left: 3rem !important; } .p-xl-0 { padding: 0px !important; } .pt-xl-0, .py-xl-0 { padding-top: 0px !important; } .pr-xl-0, .px-xl-0 { padding-right: 0px !important; } .pb-xl-0, .py-xl-0 { padding-bottom: 0px !important; } .pl-xl-0, .px-xl-0 { padding-left: 0px !important; } .p-xl-1 { padding: 0.25rem !important; } .pt-xl-1, .py-xl-1 { padding-top: 0.25rem !important; } .pr-xl-1, .px-xl-1 { padding-right: 0.25rem !important; } .pb-xl-1, .py-xl-1 { padding-bottom: 0.25rem !important; } .pl-xl-1, .px-xl-1 { padding-left: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .pt-xl-2, .py-xl-2 { padding-top: 0.5rem !important; } .pr-xl-2, .px-xl-2 { padding-right: 0.5rem !important; } .pb-xl-2, .py-xl-2 { padding-bottom: 0.5rem !important; } .pl-xl-2, .px-xl-2 { padding-left: 0.5rem !important; } .p-xl-3 { padding: 1rem !important; } .pt-xl-3, .py-xl-3 { padding-top: 1rem !important; } .pr-xl-3, .px-xl-3 { padding-right: 1rem !important; } .pb-xl-3, .py-xl-3 { padding-bottom: 1rem !important; } .pl-xl-3, .px-xl-3 { padding-left: 1rem !important; } .p-xl-4 { padding: 1.5rem !important; } .pt-xl-4, .py-xl-4 { padding-top: 1.5rem !important; } .pr-xl-4, .px-xl-4 { padding-right: 1.5rem !important; } .pb-xl-4, .py-xl-4 { padding-bottom: 1.5rem !important; } .pl-xl-4, .px-xl-4 { padding-left: 1.5rem !important; } .p-xl-5 { padding: 3rem !important; } .pt-xl-5, .py-xl-5 { padding-top: 3rem !important; } .pr-xl-5, .px-xl-5 { padding-right: 3rem !important; } .pb-xl-5, .py-xl-5 { padding-bottom: 3rem !important; } .pl-xl-5, .px-xl-5 { padding-left: 3rem !important; } .m-xl-n1 { margin: -0.25rem !important; } .mt-xl-n1, .my-xl-n1 { margin-top: -0.25rem !important; } .mr-xl-n1, .mx-xl-n1 { margin-right: -0.25rem !important; } .mb-xl-n1, .my-xl-n1 { margin-bottom: -0.25rem !important; } .ml-xl-n1, .mx-xl-n1 { margin-left: -0.25rem !important; } .m-xl-n2 { margin: -0.5rem !important; } .mt-xl-n2, .my-xl-n2 { margin-top: -0.5rem !important; } .mr-xl-n2, .mx-xl-n2 { margin-right: -0.5rem !important; } .mb-xl-n2, .my-xl-n2 { margin-bottom: -0.5rem !important; } .ml-xl-n2, .mx-xl-n2 { margin-left: -0.5rem !important; } .m-xl-n3 { margin: -1rem !important; } .mt-xl-n3, .my-xl-n3 { margin-top: -1rem !important; } .mr-xl-n3, .mx-xl-n3 { margin-right: -1rem !important; } .mb-xl-n3, .my-xl-n3 { margin-bottom: -1rem !important; } .ml-xl-n3, .mx-xl-n3 { margin-left: -1rem !important; } .m-xl-n4 { margin: -1.5rem !important; } .mt-xl-n4, .my-xl-n4 { margin-top: -1.5rem !important; } .mr-xl-n4, .mx-xl-n4 { margin-right: -1.5rem !important; } .mb-xl-n4, .my-xl-n4 { margin-bottom: -1.5rem !important; } .ml-xl-n4, .mx-xl-n4 { margin-left: -1.5rem !important; } .m-xl-n5 { margin: -3rem !important; } .mt-xl-n5, .my-xl-n5 { margin-top: -3rem !important; } .mr-xl-n5, .mx-xl-n5 { margin-right: -3rem !important; } .mb-xl-n5, .my-xl-n5 { margin-bottom: -3rem !important; } .ml-xl-n5, .mx-xl-n5 { margin-left: -3rem !important; } .m-xl-auto { margin: auto !important; } .mt-xl-auto, .my-xl-auto { margin-top: auto !important; } .mr-xl-auto, .mx-xl-auto { margin-right: auto !important; } .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important; } .ml-xl-auto, .mx-xl-auto { margin-left: auto !important; }} .text-monospace { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; } .text-justify { text-align: justify !important; } .text-wrap { white-space: normal !important; } .text-nowrap { white-space: nowrap !important; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } @media (min-width: 576px) { .text-sm-left { text-align: left !important; } .text-sm-right { text-align: right !important; } .text-sm-center { text-align: center !important; }} @media (min-width: 768px) { .text-md-left { text-align: left !important; } .text-md-right { text-align: right !important; } .text-md-center { text-align: center !important; }} @media (min-width: 992px) { .text-lg-left { text-align: left !important; } .text-lg-right { text-align: right !important; } .text-lg-center { text-align: center !important; }} @media (min-width: 1200px) { .text-xl-left { text-align: left !important; } .text-xl-right { text-align: right !important; } .text-xl-center { text-align: center !important; }} .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .font-weight-light { font-weight: 300 !important; } .font-weight-lighter { font-weight: lighter !important; } .font-weight-normal { font-weight: 400 !important; } .font-weight-bold { font-weight: 700 !important; } .font-weight-bolder { font-weight: bolder !important; } .font-italic { font-style: italic !important; } .text-white { color: rgb(255, 255, 255) !important; } .text-primary { color: rgb(0, 123, 255) !important; } a.text-primary:focus, a.text-primary:hover { color: rgb(0, 86, 179) !important; } .text-secondary { color: rgb(108, 117, 125) !important; } a.text-secondary:focus, a.text-secondary:hover { color: rgb(73, 79, 84) !important; } .text-success { color: rgb(40, 167, 69) !important; } a.text-success:focus, a.text-success:hover { color: rgb(25, 105, 44) !important; } .text-info { color: rgb(23, 162, 184) !important; } a.text-info:focus, a.text-info:hover { color: rgb(15, 102, 116) !important; } .text-warning { color: rgb(255, 193, 7) !important; } a.text-warning:focus, a.text-warning:hover { color: rgb(186, 139, 0) !important; } .text-danger { color: rgb(220, 53, 69) !important; } a.text-danger:focus, a.text-danger:hover { color: rgb(167, 29, 42) !important; } .text-light { color: rgb(248, 249, 250) !important; } a.text-light:focus, a.text-light:hover { color: rgb(203, 211, 218) !important; } .text-dark { color: rgb(52, 58, 64) !important; } a.text-dark:focus, a.text-dark:hover { color: rgb(18, 20, 22) !important; } .text-body { color: rgb(33, 37, 41) !important; } .text-muted { color: rgb(108, 117, 125) !important; } .text-black-50 { color: rgba(0, 0, 0, 0.5) !important; } .text-white-50 { color: rgba(255, 255, 255, 0.5) !important; } .text-hide { font: 0px / 0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0px; } .text-decoration-none { text-decoration: none !important; } .text-break { word-break: break-word !important; overflow-wrap: break-word !important; } .text-reset { color: inherit !important; } .visible { visibility: visible !important; } .invisible { visibility: hidden !important; } @media print { *, ::after, ::before { text-shadow: none !important; box-shadow: none !important; } a:not(.btn) { text-decoration: underline; } abbr[title]::after { content: " (" attr(title) ")"; } pre { white-space: pre-wrap !important; } blockquote, pre { border: 1px solid rgb(173, 181, 189); break-inside: avoid; } thead { display: table-header-group; } img, tr { break-inside: avoid; } h2, h3, p { orphans: 3; widows: 3; } h2, h3 { break-after: avoid; } @page { size: a3; } body { min-width: 992px !important; } .container { min-width: 992px !important; } .navbar { display: none; } .badge { border: 1px solid rgb(0, 0, 0); } .table { border-collapse: collapse !important; } .table td, .table th { background-color: rgb(255, 255, 255) !important; } .table-bordered td, .table-bordered th { border: 1px solid rgb(222, 226, 230) !important; } .table-dark { color: inherit; } .table-dark tbody + tbody, .table-dark td, .table-dark th, .table-dark thead th { border-color: rgb(222, 226, 230); } .table .thead-dark th { color: inherit; border-color: rgb(222, 226, 230); }} .fa, .fab, .fad, .fal, .far, .fas { -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; } .fa-lg { font-size: 1.33333em; line-height: 0.75em; vertical-align: -0.0667em; } .fa-xs { font-size: 0.75em; } .fa-sm { font-size: 0.875em; } .fa-1x { font-size: 1em; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-6x { font-size: 6em; } .fa-7x { font-size: 7em; } .fa-8x { font-size: 8em; } .fa-9x { font-size: 9em; } .fa-10x { font-size: 10em; } .fa-fw { text-align: center; width: 1.25em; } .fa-ul { list-style-type: none; margin-left: 2.5em; padding-left: 0px; } .fa-ul > li { position: relative; } .fa-li { left: -2em; position: absolute; text-align: center; width: 2em; line-height: inherit; } .fa-border { border: 0.08em solid rgb(238, 238, 238); border-radius: 0.1em; padding: 0.2em 0.25em 0.15em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left, .fab.fa-pull-left, .fal.fa-pull-left, .far.fa-pull-left, .fas.fa-pull-left { margin-right: 0.3em; } .fa.fa-pull-right, .fab.fa-pull-right, .fal.fa-pull-right, .far.fa-pull-right, .fas.fa-pull-right { margin-left: 0.3em; } .fa-spin { animation: 2s linear 0s infinite normal none running fa-spin; } .fa-pulse { animation: 1s steps(8) 0s infinite normal none running fa-spin; } @-webkit-keyframes fa-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(1turn); }} @keyframes fa-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(1turn); }} .fa-rotate-90 { transform: rotate(90deg); } .fa-rotate-180 { transform: rotate(180deg); } .fa-rotate-270 { transform: rotate(270deg); } .fa-flip-horizontal { transform: scaleX(-1); } .fa-flip-vertical { transform: scaleY(-1); } .fa-flip-both, .fa-flip-horizontal.fa-flip-vertical, .fa-flip-vertical { } .fa-flip-both, .fa-flip-horizontal.fa-flip-vertical { transform: scale(-1); } :root .fa-flip-both, :root .fa-flip-horizontal, :root .fa-flip-vertical, :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270 { filter: none; } .fa-stack { display: inline-block; height: 2em; line-height: 2em; position: relative; vertical-align: middle; width: 2.5em; } .fa-stack-1x, .fa-stack-2x { left: 0px; position: absolute; text-align: center; width: 100%; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: rgb(255, 255, 255); } .fa-500px::before { content: "&#62062;"; } .fa-accessible-icon::before { content: "&#62312;"; } .fa-accusoft::before { content: "&#62313;"; } .fa-acquisitions-incorporated::before { content: "&#63151;"; } .fa-ad::before { content: "&#63041;"; } .fa-address-book::before { content: "&#62137;"; } .fa-address-card::before { content: "&#62139;"; } .fa-adjust::before { content: "&#61506;"; } .fa-adn::before { content: "&#61808;"; } .fa-adobe::before { content: "&#63352;"; } .fa-adversal::before { content: "&#62314;"; } .fa-affiliatetheme::before { content: "&#62315;"; } .fa-air-freshener::before { content: "&#62928;"; } .fa-airbnb::before { content: "&#63540;"; } .fa-algolia::before { content: "&#62316;"; } .fa-align-center::before { content: "&#61495;"; } .fa-align-justify::before { content: "&#61497;"; } .fa-align-left::before { content: "&#61494;"; } .fa-align-right::before { content: "&#61496;"; } .fa-alipay::before { content: "&#63042;"; } .fa-allergies::before { content: "&#62561;"; } .fa-amazon::before { content: "&#62064;"; } .fa-amazon-pay::before { content: "&#62508;"; } .fa-ambulance::before { content: "&#61689;"; } .fa-american-sign-language-interpreting::before { content: "&#62115;"; } .fa-amilia::before { content: "&#62317;"; } .fa-anchor::before { content: "&#61757;"; } .fa-android::before { content: "&#61819;"; } .fa-angellist::before { content: "&#61961;"; } .fa-angle-double-down::before { content: "&#61699;"; } .fa-angle-double-left::before { content: "&#61696;"; } .fa-angle-double-right::before { content: "&#61697;"; } .fa-angle-double-up::before { content: "&#61698;"; } .fa-angle-down::before { content: "&#61703;"; } .fa-angle-left::before { content: "&#61700;"; } .fa-angle-right::before { content: "&#61701;"; } .fa-angle-up::before { content: "&#61702;"; } .fa-angry::before { content: "&#62806;"; } .fa-angrycreative::before { content: "&#62318;"; } .fa-angular::before { content: "&#62496;"; } .fa-ankh::before { content: "&#63044;"; } .fa-app-store::before { content: "&#62319;"; } .fa-app-store-ios::before { content: "&#62320;"; } .fa-apper::before { content: "&#62321;"; } .fa-apple::before { content: "&#61817;"; } .fa-apple-alt::before { content: "&#62929;"; } .fa-apple-pay::before { content: "&#62485;"; } .fa-archive::before { content: "&#61831;"; } .fa-archway::before { content: "&#62807;"; } .fa-arrow-alt-circle-down::before { content: "&#62296;"; } .fa-arrow-alt-circle-left::before { content: "&#62297;"; } .fa-arrow-alt-circle-right::before { content: "&#62298;"; } .fa-arrow-alt-circle-up::before { content: "&#62299;"; } .fa-arrow-circle-down::before { content: "&#61611;"; } .fa-arrow-circle-left::before { content: "&#61608;"; } .fa-arrow-circle-right::before { content: "&#61609;"; } .fa-arrow-circle-up::before { content: "&#61610;"; } .fa-arrow-down::before { content: "&#61539;"; } .fa-arrow-left::before { content: "&#61536;"; } .fa-arrow-right::before { content: "&#61537;"; } .fa-arrow-up::before { content: "&#61538;"; } .fa-arrows-alt::before { content: "&#61618;"; } .fa-arrows-alt-h::before { content: "&#62263;"; } .fa-arrows-alt-v::before { content: "&#62264;"; } .fa-artstation::before { content: "&#63354;"; } .fa-assistive-listening-systems::before { content: "&#62114;"; } .fa-asterisk::before { content: "&#61545;"; } .fa-asymmetrik::before { content: "&#62322;"; } .fa-at::before { content: "&#61946;"; } .fa-atlas::before { content: "&#62808;"; } .fa-atlassian::before { content: "&#63355;"; } .fa-atom::before { content: "&#62930;"; } .fa-audible::before { content: "&#62323;"; } .fa-audio-description::before { content: "&#62110;"; } .fa-autoprefixer::before { content: "&#62492;"; } .fa-avianex::before { content: "&#62324;"; } .fa-aviato::before { content: "&#62497;"; } .fa-award::before { content: "&#62809;"; } .fa-aws::before { content: "&#62325;"; } .fa-baby::before { content: "&#63356;"; } .fa-baby-carriage::before { content: "&#63357;"; } .fa-backspace::before { content: "&#62810;"; } .fa-backward::before { content: "&#61514;"; } .fa-bacon::before { content: "&#63461;"; } .fa-balance-scale::before { content: "&#62030;"; } .fa-balance-scale-left::before { content: "&#62741;"; } .fa-balance-scale-right::before { content: "&#62742;"; } .fa-ban::before { content: "&#61534;"; } .fa-band-aid::before { content: "&#62562;"; } .fa-bandcamp::before { content: "&#62165;"; } .fa-barcode::before { content: "&#61482;"; } .fa-bars::before { content: "&#61641;"; } .fa-baseball-ball::before { content: "&#62515;"; } .fa-basketball-ball::before { content: "&#62516;"; } .fa-bath::before { content: "&#62157;"; } .fa-battery-empty::before { content: "&#62020;"; } .fa-battery-full::before { content: "&#62016;"; } .fa-battery-half::before { content: "&#62018;"; } .fa-battery-quarter::before { content: "&#62019;"; } .fa-battery-three-quarters::before { content: "&#62017;"; } .fa-battle-net::before { content: "&#63541;"; } .fa-bed::before { content: "&#62006;"; } .fa-beer::before { content: "&#61692;"; } .fa-behance::before { content: "&#61876;"; } .fa-behance-square::before { content: "&#61877;"; } .fa-bell::before { content: "&#61683;"; } .fa-bell-slash::before { content: "&#61942;"; } .fa-bezier-curve::before { content: "&#62811;"; } .fa-bible::before { content: "&#63047;"; } .fa-bicycle::before { content: "&#61958;"; } .fa-biking::before { content: "&#63562;"; } .fa-bimobject::before { content: "&#62328;"; } .fa-binoculars::before { content: "&#61925;"; } .fa-biohazard::before { content: "&#63360;"; } .fa-birthday-cake::before { content: "&#61949;"; } .fa-bitbucket::before { content: "&#61809;"; } .fa-bitcoin::before { content: "&#62329;"; } .fa-bity::before { content: "&#62330;"; } .fa-black-tie::before { content: "&#62078;"; } .fa-blackberry::before { content: "&#62331;"; } .fa-blender::before { content: "&#62743;"; } .fa-blender-phone::before { content: "&#63158;"; } .fa-blind::before { content: "&#62109;"; } .fa-blog::before { content: "&#63361;"; } .fa-blogger::before { content: "&#62332;"; } .fa-blogger-b::before { content: "&#62333;"; } .fa-bluetooth::before { content: "&#62099;"; } .fa-bluetooth-b::before { content: "&#62100;"; } .fa-bold::before { content: "&#61490;"; } .fa-bolt::before { content: "&#61671;"; } .fa-bomb::before { content: "&#61922;"; } .fa-bone::before { content: "&#62935;"; } .fa-bong::before { content: "&#62812;"; } .fa-book::before { content: "&#61485;"; } .fa-book-dead::before { content: "&#63159;"; } .fa-book-medical::before { content: "&#63462;"; } .fa-book-open::before { content: "&#62744;"; } .fa-book-reader::before { content: "&#62938;"; } .fa-bookmark::before { content: "&#61486;"; } .fa-bootstrap::before { content: "&#63542;"; } .fa-border-all::before { content: "&#63564;"; } .fa-border-none::before { content: "&#63568;"; } .fa-border-style::before { content: "&#63571;"; } .fa-bowling-ball::before { content: "&#62518;"; } .fa-box::before { content: "&#62566;"; } .fa-box-open::before { content: "&#62622;"; } .fa-boxes::before { content: "&#62568;"; } .fa-braille::before { content: "&#62113;"; } .fa-brain::before { content: "&#62940;"; } .fa-bread-slice::before { content: "&#63468;"; } .fa-briefcase::before { content: "&#61617;"; } .fa-briefcase-medical::before { content: "&#62569;"; } .fa-broadcast-tower::before { content: "&#62745;"; } .fa-broom::before { content: "&#62746;"; } .fa-brush::before { content: "&#62813;"; } .fa-btc::before { content: "&#61786;"; } .fa-buffer::before { content: "&#63543;"; } .fa-bug::before { content: "&#61832;"; } .fa-building::before { content: "&#61869;"; } .fa-bullhorn::before { content: "&#61601;"; } .fa-bullseye::before { content: "&#61760;"; } .fa-burn::before { content: "&#62570;"; } .fa-buromobelexperte::before { content: "&#62335;"; } .fa-bus::before { content: "&#61959;"; } .fa-bus-alt::before { content: "&#62814;"; } .fa-business-time::before { content: "&#63050;"; } .fa-buysellads::before { content: "&#61965;"; } .fa-calculator::before { content: "&#61932;"; } .fa-calendar::before { content: "&#61747;"; } .fa-calendar-alt::before { content: "&#61555;"; } .fa-calendar-check::before { content: "&#62068;"; } .fa-calendar-day::before { content: "&#63363;"; } .fa-calendar-minus::before { content: "&#62066;"; } .fa-calendar-plus::before { content: "&#62065;"; } .fa-calendar-times::before { content: "&#62067;"; } .fa-calendar-week::before { content: "&#63364;"; } .fa-camera::before { content: "&#61488;"; } .fa-camera-retro::before { content: "&#61571;"; } .fa-campground::before { content: "&#63163;"; } .fa-canadian-maple-leaf::before { content: "&#63365;"; } .fa-candy-cane::before { content: "&#63366;"; } .fa-cannabis::before { content: "&#62815;"; } .fa-capsules::before { content: "&#62571;"; } .fa-car::before { content: "&#61881;"; } .fa-car-alt::before { content: "&#62942;"; } .fa-car-battery::before { content: "&#62943;"; } .fa-car-crash::before { content: "&#62945;"; } .fa-car-side::before { content: "&#62948;"; } .fa-caret-down::before { content: "&#61655;"; } .fa-caret-left::before { content: "&#61657;"; } .fa-caret-right::before { content: "&#61658;"; } .fa-caret-square-down::before { content: "&#61776;"; } .fa-caret-square-left::before { content: "&#61841;"; } .fa-caret-square-right::before { content: "&#61778;"; } .fa-caret-square-up::before { content: "&#61777;"; } .fa-caret-up::before { content: "&#61656;"; } .fa-carrot::before { content: "&#63367;"; } .fa-cart-arrow-down::before { content: "&#61976;"; } .fa-cart-plus::before { content: "&#61975;"; } .fa-cash-register::before { content: "&#63368;"; } .fa-cat::before { content: "&#63166;"; } .fa-cc-amazon-pay::before { content: "&#62509;"; } .fa-cc-amex::before { content: "&#61939;"; } .fa-cc-apple-pay::before { content: "&#62486;"; } .fa-cc-diners-club::before { content: "&#62028;"; } .fa-cc-discover::before { content: "&#61938;"; } .fa-cc-jcb::before { content: "&#62027;"; } .fa-cc-mastercard::before { content: "&#61937;"; } .fa-cc-paypal::before { content: "&#61940;"; } .fa-cc-stripe::before { content: "&#61941;"; } .fa-cc-visa::before { content: "&#61936;"; } .fa-centercode::before { content: "&#62336;"; } .fa-centos::before { content: "&#63369;"; } .fa-certificate::before { content: "&#61603;"; } .fa-chair::before { content: "&#63168;"; } .fa-chalkboard::before { content: "&#62747;"; } .fa-chalkboard-teacher::before { content: "&#62748;"; } .fa-charging-station::before { content: "&#62951;"; } .fa-chart-area::before { content: "&#61950;"; } .fa-chart-bar::before { content: "&#61568;"; } .fa-chart-line::before { content: "&#61953;"; } .fa-chart-pie::before { content: "&#61952;"; } .fa-check::before { content: "&#61452;"; } .fa-check-circle::before { content: "&#61528;"; } .fa-check-double::before { content: "&#62816;"; } .fa-check-square::before { content: "&#61770;"; } .fa-cheese::before { content: "&#63471;"; } .fa-chess::before { content: "&#62521;"; } .fa-chess-bishop::before { content: "&#62522;"; } .fa-chess-board::before { content: "&#62524;"; } .fa-chess-king::before { content: "&#62527;"; } .fa-chess-knight::before { content: "&#62529;"; } .fa-chess-pawn::before { content: "&#62531;"; } .fa-chess-queen::before { content: "&#62533;"; } .fa-chess-rook::before { content: "&#62535;"; } .fa-chevron-circle-down::before { content: "&#61754;"; } .fa-chevron-circle-left::before { content: "&#61751;"; } .fa-chevron-circle-right::before { content: "&#61752;"; } .fa-chevron-circle-up::before { content: "&#61753;"; } .fa-chevron-down::before { content: "&#61560;"; } .fa-chevron-left::before { content: "&#61523;"; } .fa-chevron-right::before { content: "&#61524;"; } .fa-chevron-up::before { content: "&#61559;"; } .fa-child::before { content: "&#61870;"; } .fa-chrome::before { content: "&#62056;"; } .fa-chromecast::before { content: "&#63544;"; } .fa-church::before { content: "&#62749;"; } .fa-circle::before { content: "&#61713;"; } .fa-circle-notch::before { content: "&#61902;"; } .fa-city::before { content: "&#63055;"; } .fa-clinic-medical::before { content: "&#63474;"; } .fa-clipboard::before { content: "&#62248;"; } .fa-clipboard-check::before { content: "&#62572;"; } .fa-clipboard-list::before { content: "&#62573;"; } .fa-clock::before { content: "&#61463;"; } .fa-clone::before { content: "&#62029;"; } .fa-closed-captioning::before { content: "&#61962;"; } .fa-cloud::before { content: "&#61634;"; } .fa-cloud-download-alt::before { content: "&#62337;"; } .fa-cloud-meatball::before { content: "&#63291;"; } .fa-cloud-moon::before { content: "&#63171;"; } .fa-cloud-moon-rain::before { content: "&#63292;"; } .fa-cloud-rain::before { content: "&#63293;"; } .fa-cloud-showers-heavy::before { content: "&#63296;"; } .fa-cloud-sun::before { content: "&#63172;"; } .fa-cloud-sun-rain::before { content: "&#63299;"; } .fa-cloud-upload-alt::before { content: "&#62338;"; } .fa-cloudscale::before { content: "&#62339;"; } .fa-cloudsmith::before { content: "&#62340;"; } .fa-cloudversify::before { content: "&#62341;"; } .fa-cocktail::before { content: "&#62817;"; } .fa-code::before { content: "&#61729;"; } .fa-code-branch::before { content: "&#61734;"; } .fa-codepen::before { content: "&#61899;"; } .fa-codiepie::before { content: "&#62084;"; } .fa-coffee::before { content: "&#61684;"; } .fa-cog::before { content: "&#61459;"; } .fa-cogs::before { content: "&#61573;"; } .fa-coins::before { content: "&#62750;"; } .fa-columns::before { content: "&#61659;"; } .fa-comment::before { content: "&#61557;"; } .fa-comment-alt::before { content: "&#62074;"; } .fa-comment-dollar::before { content: "&#63057;"; } .fa-comment-dots::before { content: "&#62637;"; } .fa-comment-medical::before { content: "&#63477;"; } .fa-comment-slash::before { content: "&#62643;"; } .fa-comments::before { content: "&#61574;"; } .fa-comments-dollar::before { content: "&#63059;"; } .fa-compact-disc::before { content: "&#62751;"; } .fa-compass::before { content: "&#61774;"; } .fa-compress::before { content: "&#61542;"; } .fa-compress-arrows-alt::before { content: "&#63372;"; } .fa-concierge-bell::before { content: "&#62818;"; } .fa-confluence::before { content: "&#63373;"; } .fa-connectdevelop::before { content: "&#61966;"; } .fa-contao::before { content: "&#62061;"; } .fa-cookie::before { content: "&#62819;"; } .fa-cookie-bite::before { content: "&#62820;"; } .fa-copy::before { content: "&#61637;"; } .fa-copyright::before { content: "&#61945;"; } .fa-cotton-bureau::before { content: "&#63646;"; } .fa-couch::before { content: "&#62648;"; } .fa-cpanel::before { content: "&#62344;"; } .fa-creative-commons::before { content: "&#62046;"; } .fa-creative-commons-by::before { content: "&#62695;"; } .fa-creative-commons-nc::before { content: "&#62696;"; } .fa-creative-commons-nc-eu::before { content: "&#62697;"; } .fa-creative-commons-nc-jp::before { content: "&#62698;"; } .fa-creative-commons-nd::before { content: "&#62699;"; } .fa-creative-commons-pd::before { content: "&#62700;"; } .fa-creative-commons-pd-alt::before { content: "&#62701;"; } .fa-creative-commons-remix::before { content: "&#62702;"; } .fa-creative-commons-sa::before { content: "&#62703;"; } .fa-creative-commons-sampling::before { content: "&#62704;"; } .fa-creative-commons-sampling-plus::before { content: "&#62705;"; } .fa-creative-commons-share::before { content: "&#62706;"; } .fa-creative-commons-zero::before { content: "&#62707;"; } .fa-credit-card::before { content: "&#61597;"; } .fa-critical-role::before { content: "&#63177;"; } .fa-crop::before { content: "&#61733;"; } .fa-crop-alt::before { content: "&#62821;"; } .fa-cross::before { content: "&#63060;"; } .fa-crosshairs::before { content: "&#61531;"; } .fa-crow::before { content: "&#62752;"; } .fa-crown::before { content: "&#62753;"; } .fa-crutch::before { content: "&#63479;"; } .fa-css3::before { content: "&#61756;"; } .fa-css3-alt::before { content: "&#62347;"; } .fa-cube::before { content: "&#61874;"; } .fa-cubes::before { content: "&#61875;"; } .fa-cut::before { content: "&#61636;"; } .fa-cuttlefish::before { content: "&#62348;"; } .fa-d-and-d::before { content: "&#62349;"; } .fa-d-and-d-beyond::before { content: "&#63178;"; } .fa-dashcube::before { content: "&#61968;"; } .fa-database::before { content: "&#61888;"; } .fa-deaf::before { content: "&#62116;"; } .fa-delicious::before { content: "&#61861;"; } .fa-democrat::before { content: "&#63303;"; } .fa-deploydog::before { content: "&#62350;"; } .fa-deskpro::before { content: "&#62351;"; } .fa-desktop::before { content: "&#61704;"; } .fa-dev::before { content: "&#63180;"; } .fa-deviantart::before { content: "&#61885;"; } .fa-dharmachakra::before { content: "&#63061;"; } .fa-dhl::before { content: "&#63376;"; } .fa-diagnoses::before { content: "&#62576;"; } .fa-diaspora::before { content: "&#63377;"; } .fa-dice::before { content: "&#62754;"; } .fa-dice-d20::before { content: "&#63183;"; } .fa-dice-d6::before { content: "&#63185;"; } .fa-dice-five::before { content: "&#62755;"; } .fa-dice-four::before { content: "&#62756;"; } .fa-dice-one::before { content: "&#62757;"; } .fa-dice-six::before { content: "&#62758;"; } .fa-dice-three::before { content: "&#62759;"; } .fa-dice-two::before { content: "&#62760;"; } .fa-digg::before { content: "&#61862;"; } .fa-digital-ocean::before { content: "&#62353;"; } .fa-digital-tachograph::before { content: "&#62822;"; } .fa-directions::before { content: "&#62955;"; } .fa-discord::before { content: "&#62354;"; } .fa-discourse::before { content: "&#62355;"; } .fa-divide::before { content: "&#62761;"; } .fa-dizzy::before { content: "&#62823;"; } .fa-dna::before { content: "&#62577;"; } .fa-dochub::before { content: "&#62356;"; } .fa-docker::before { content: "&#62357;"; } .fa-dog::before { content: "&#63187;"; } .fa-dollar-sign::before { content: "&#61781;"; } .fa-dolly::before { content: "&#62578;"; } .fa-dolly-flatbed::before { content: "&#62580;"; } .fa-donate::before { content: "&#62649;"; } .fa-door-closed::before { content: "&#62762;"; } .fa-door-open::before { content: "&#62763;"; } .fa-dot-circle::before { content: "&#61842;"; } .fa-dove::before { content: "&#62650;"; } .fa-download::before { content: "&#61465;"; } .fa-draft2digital::before { content: "&#62358;"; } .fa-drafting-compass::before { content: "&#62824;"; } .fa-dragon::before { content: "&#63189;"; } .fa-draw-polygon::before { content: "&#62958;"; } .fa-dribbble::before { content: "&#61821;"; } .fa-dribbble-square::before { content: "&#62359;"; } .fa-dropbox::before { content: "&#61803;"; } .fa-drum::before { content: "&#62825;"; } .fa-drum-steelpan::before { content: "&#62826;"; } .fa-drumstick-bite::before { content: "&#63191;"; } .fa-drupal::before { content: "&#61865;"; } .fa-dumbbell::before { content: "&#62539;"; } .fa-dumpster::before { content: "&#63379;"; } .fa-dumpster-fire::before { content: "&#63380;"; } .fa-dungeon::before { content: "&#63193;"; } .fa-dyalog::before { content: "&#62361;"; } .fa-earlybirds::before { content: "&#62362;"; } .fa-ebay::before { content: "&#62708;"; } .fa-edge::before { content: "&#62082;"; } .fa-edit::before { content: "&#61508;"; } .fa-egg::before { content: "&#63483;"; } .fa-eject::before { content: "&#61522;"; } .fa-elementor::before { content: "&#62512;"; } .fa-ellipsis-h::before { content: "&#61761;"; } .fa-ellipsis-v::before { content: "&#61762;"; } .fa-ello::before { content: "&#62961;"; } .fa-ember::before { content: "&#62499;"; } .fa-empire::before { content: "&#61905;"; } .fa-envelope::before { content: "&#61664;"; } .fa-envelope-open::before { content: "&#62134;"; } .fa-envelope-open-text::before { content: "&#63064;"; } .fa-envelope-square::before { content: "&#61849;"; } .fa-envira::before { content: "&#62105;"; } .fa-equals::before { content: "&#62764;"; } .fa-eraser::before { content: "&#61741;"; } .fa-erlang::before { content: "&#62365;"; } .fa-ethereum::before { content: "&#62510;"; } .fa-ethernet::before { content: "&#63382;"; } .fa-etsy::before { content: "&#62167;"; } .fa-euro-sign::before { content: "&#61779;"; } .fa-evernote::before { content: "&#63545;"; } .fa-exchange-alt::before { content: "&#62306;"; } .fa-exclamation::before { content: "&#61738;"; } .fa-exclamation-circle::before { content: "&#61546;"; } .fa-exclamation-triangle::before { content: "&#61553;"; } .fa-expand::before { content: "&#61541;"; } .fa-expand-arrows-alt::before { content: "&#62238;"; } .fa-expeditedssl::before { content: "&#62014;"; } .fa-external-link-alt::before { content: "&#62301;"; } .fa-external-link-square-alt::before { content: "&#62304;"; } .fa-eye::before { content: "&#61550;"; } .fa-eye-dropper::before { content: "&#61947;"; } .fa-eye-slash::before { content: "&#61552;"; } .fa-facebook::before { content: "&#61594;"; } .fa-facebook-f::before { content: "&#62366;"; } .fa-facebook-messenger::before { content: "&#62367;"; } .fa-facebook-square::before { content: "&#61570;"; } .fa-fan::before { content: "&#63587;"; } .fa-fantasy-flight-games::before { content: "&#63196;"; } .fa-fast-backward::before { content: "&#61513;"; } .fa-fast-forward::before { content: "&#61520;"; } .fa-fax::before { content: "&#61868;"; } .fa-feather::before { content: "&#62765;"; } .fa-feather-alt::before { content: "&#62827;"; } .fa-fedex::before { content: "&#63383;"; } .fa-fedora::before { content: "&#63384;"; } .fa-female::before { content: "&#61826;"; } .fa-fighter-jet::before { content: "&#61691;"; } .fa-figma::before { content: "&#63385;"; } .fa-file::before { content: "&#61787;"; } .fa-file-alt::before { content: "&#61788;"; } .fa-file-archive::before { content: "&#61894;"; } .fa-file-audio::before { content: "&#61895;"; } .fa-file-code::before { content: "&#61897;"; } .fa-file-contract::before { content: "&#62828;"; } .fa-file-csv::before { content: "&#63197;"; } .fa-file-download::before { content: "&#62829;"; } .fa-file-excel::before { content: "&#61891;"; } .fa-file-export::before { content: "&#62830;"; } .fa-file-image::before { content: "&#61893;"; } .fa-file-import::before { content: "&#62831;"; } .fa-file-invoice::before { content: "&#62832;"; } .fa-file-invoice-dollar::before { content: "&#62833;"; } .fa-file-medical::before { content: "&#62583;"; } .fa-file-medical-alt::before { content: "&#62584;"; } .fa-file-pdf::before { content: "&#61889;"; } .fa-file-powerpoint::before { content: "&#61892;"; } .fa-file-prescription::before { content: "&#62834;"; } .fa-file-signature::before { content: "&#62835;"; } .fa-file-upload::before { content: "&#62836;"; } .fa-file-video::before { content: "&#61896;"; } .fa-file-word::before { content: "&#61890;"; } .fa-fill::before { content: "&#62837;"; } .fa-fill-drip::before { content: "&#62838;"; } .fa-film::before { content: "&#61448;"; } .fa-filter::before { content: "&#61616;"; } .fa-fingerprint::before { content: "&#62839;"; } .fa-fire::before { content: "&#61549;"; } .fa-fire-alt::before { content: "&#63460;"; } .fa-fire-extinguisher::before { content: "&#61748;"; } .fa-firefox::before { content: "&#62057;"; } .fa-first-aid::before { content: "&#62585;"; } .fa-first-order::before { content: "&#62128;"; } .fa-first-order-alt::before { content: "&#62730;"; } .fa-firstdraft::before { content: "&#62369;"; } .fa-fish::before { content: "&#62840;"; } .fa-fist-raised::before { content: "&#63198;"; } .fa-flag::before { content: "&#61476;"; } .fa-flag-checkered::before { content: "&#61726;"; } .fa-flag-usa::before { content: "&#63309;"; } .fa-flask::before { content: "&#61635;"; } .fa-flickr::before { content: "&#61806;"; } .fa-flipboard::before { content: "&#62541;"; } .fa-flushed::before { content: "&#62841;"; } .fa-fly::before { content: "&#62487;"; } .fa-folder::before { content: "&#61563;"; } .fa-folder-minus::before { content: "&#63069;"; } .fa-folder-open::before { content: "&#61564;"; } .fa-folder-plus::before { content: "&#63070;"; } .fa-font::before { content: "&#61489;"; } .fa-font-awesome::before { content: "&#62132;"; } .fa-font-awesome-alt::before { content: "&#62300;"; } .fa-font-awesome-flag::before { content: "&#62501;"; } .fa-font-awesome-logo-full::before { content: "&#62694;"; } .fa-fonticons::before { content: "&#62080;"; } .fa-fonticons-fi::before { content: "&#62370;"; } .fa-football-ball::before { content: "&#62542;"; } .fa-fort-awesome::before { content: "&#62086;"; } .fa-fort-awesome-alt::before { content: "&#62371;"; } .fa-forumbee::before { content: "&#61969;"; } .fa-forward::before { content: "&#61518;"; } .fa-foursquare::before { content: "&#61824;"; } .fa-free-code-camp::before { content: "&#62149;"; } .fa-freebsd::before { content: "&#62372;"; } .fa-frog::before { content: "&#62766;"; } .fa-frown::before { content: "&#61721;"; } .fa-frown-open::before { content: "&#62842;"; } .fa-fulcrum::before { content: "&#62731;"; } .fa-funnel-dollar::before { content: "&#63074;"; } .fa-futbol::before { content: "&#61923;"; } .fa-galactic-republic::before { content: "&#62732;"; } .fa-galactic-senate::before { content: "&#62733;"; } .fa-gamepad::before { content: "&#61723;"; } .fa-gas-pump::before { content: "&#62767;"; } .fa-gavel::before { content: "&#61667;"; } .fa-gem::before { content: "&#62373;"; } .fa-genderless::before { content: "&#61997;"; } .fa-get-pocket::before { content: "&#62053;"; } .fa-gg::before { content: "&#62048;"; } .fa-gg-circle::before { content: "&#62049;"; } .fa-ghost::before { content: "&#63202;"; } .fa-gift::before { content: "&#61547;"; } .fa-gifts::before { content: "&#63388;"; } .fa-git::before { content: "&#61907;"; } .fa-git-alt::before { content: "&#63553;"; } .fa-git-square::before { content: "&#61906;"; } .fa-github::before { content: "&#61595;"; } .fa-github-alt::before { content: "&#61715;"; } .fa-github-square::before { content: "&#61586;"; } .fa-gitkraken::before { content: "&#62374;"; } .fa-gitlab::before { content: "&#62102;"; } .fa-gitter::before { content: "&#62502;"; } .fa-glass-cheers::before { content: "&#63391;"; } .fa-glass-martini::before { content: "&#61440;"; } .fa-glass-martini-alt::before { content: "&#62843;"; } .fa-glass-whiskey::before { content: "&#63392;"; } .fa-glasses::before { content: "&#62768;"; } .fa-glide::before { content: "&#62117;"; } .fa-glide-g::before { content: "&#62118;"; } .fa-globe::before { content: "&#61612;"; } .fa-globe-africa::before { content: "&#62844;"; } .fa-globe-americas::before { content: "&#62845;"; } .fa-globe-asia::before { content: "&#62846;"; } .fa-globe-europe::before { content: "&#63394;"; } .fa-gofore::before { content: "&#62375;"; } .fa-golf-ball::before { content: "&#62544;"; } .fa-goodreads::before { content: "&#62376;"; } .fa-goodreads-g::before { content: "&#62377;"; } .fa-google::before { content: "&#61856;"; } .fa-google-drive::before { content: "&#62378;"; } .fa-google-play::before { content: "&#62379;"; } .fa-google-plus::before { content: "&#62131;"; } .fa-google-plus-g::before { content: "&#61653;"; } .fa-google-plus-square::before { content: "&#61652;"; } .fa-google-wallet::before { content: "&#61934;"; } .fa-gopuram::before { content: "&#63076;"; } .fa-graduation-cap::before { content: "&#61853;"; } .fa-gratipay::before { content: "&#61828;"; } .fa-grav::before { content: "&#62166;"; } .fa-greater-than::before { content: "&#62769;"; } .fa-greater-than-equal::before { content: "&#62770;"; } .fa-grimace::before { content: "&#62847;"; } .fa-grin::before { content: "&#62848;"; } .fa-grin-alt::before { content: "&#62849;"; } .fa-grin-beam::before { content: "&#62850;"; } .fa-grin-beam-sweat::before { content: "&#62851;"; } .fa-grin-hearts::before { content: "&#62852;"; } .fa-grin-squint::before { content: "&#62853;"; } .fa-grin-squint-tears::before { content: "&#62854;"; } .fa-grin-stars::before { content: "&#62855;"; } .fa-grin-tears::before { content: "&#62856;"; } .fa-grin-tongue::before { content: "&#62857;"; } .fa-grin-tongue-squint::before { content: "&#62858;"; } .fa-grin-tongue-wink::before { content: "&#62859;"; } .fa-grin-wink::before { content: "&#62860;"; } .fa-grip-horizontal::before { content: "&#62861;"; } .fa-grip-lines::before { content: "&#63396;"; } .fa-grip-lines-vertical::before { content: "&#63397;"; } .fa-grip-vertical::before { content: "&#62862;"; } .fa-gripfire::before { content: "&#62380;"; } .fa-grunt::before { content: "&#62381;"; } .fa-guitar::before { content: "&#63398;"; } .fa-gulp::before { content: "&#62382;"; } .fa-h-square::before { content: "&#61693;"; } .fa-hacker-news::before { content: "&#61908;"; } .fa-hacker-news-square::before { content: "&#62383;"; } .fa-hackerrank::before { content: "&#62967;"; } .fa-hamburger::before { content: "&#63493;"; } .fa-hammer::before { content: "&#63203;"; } .fa-hamsa::before { content: "&#63077;"; } .fa-hand-holding::before { content: "&#62653;"; } .fa-hand-holding-heart::before { content: "&#62654;"; } .fa-hand-holding-usd::before { content: "&#62656;"; } .fa-hand-lizard::before { content: "&#62040;"; } .fa-hand-middle-finger::before { content: "&#63494;"; } .fa-hand-paper::before { content: "&#62038;"; } .fa-hand-peace::before { content: "&#62043;"; } .fa-hand-point-down::before { content: "&#61607;"; } .fa-hand-point-left::before { content: "&#61605;"; } .fa-hand-point-right::before { content: "&#61604;"; } .fa-hand-point-up::before { content: "&#61606;"; } .fa-hand-pointer::before { content: "&#62042;"; } .fa-hand-rock::before { content: "&#62037;"; } .fa-hand-scissors::before { content: "&#62039;"; } .fa-hand-spock::before { content: "&#62041;"; } .fa-hands::before { content: "&#62658;"; } .fa-hands-helping::before { content: "&#62660;"; } .fa-handshake::before { content: "&#62133;"; } .fa-hanukiah::before { content: "&#63206;"; } .fa-hard-hat::before { content: "&#63495;"; } .fa-hashtag::before { content: "&#62098;"; } .fa-hat-wizard::before { content: "&#63208;"; } .fa-haykal::before { content: "&#63078;"; } .fa-hdd::before { content: "&#61600;"; } .fa-heading::before { content: "&#61916;"; } .fa-headphones::before { content: "&#61477;"; } .fa-headphones-alt::before { content: "&#62863;"; } .fa-headset::before { content: "&#62864;"; } .fa-heart::before { content: "&#61444;"; } .fa-heart-broken::before { content: "&#63401;"; } .fa-heartbeat::before { content: "&#61982;"; } .fa-helicopter::before { content: "&#62771;"; } .fa-highlighter::before { content: "&#62865;"; } .fa-hiking::before { content: "&#63212;"; } .fa-hippo::before { content: "&#63213;"; } .fa-hips::before { content: "&#62546;"; } .fa-hire-a-helper::before { content: "&#62384;"; } .fa-history::before { content: "&#61914;"; } .fa-hockey-puck::before { content: "&#62547;"; } .fa-holly-berry::before { content: "&#63402;"; } .fa-home::before { content: "&#61461;"; } .fa-hooli::before { content: "&#62503;"; } .fa-hornbill::before { content: "&#62866;"; } .fa-horse::before { content: "&#63216;"; } .fa-horse-head::before { content: "&#63403;"; } .fa-hospital::before { content: "&#61688;"; } .fa-hospital-alt::before { content: "&#62589;"; } .fa-hospital-symbol::before { content: "&#62590;"; } .fa-hot-tub::before { content: "&#62867;"; } .fa-hotdog::before { content: "&#63503;"; } .fa-hotel::before { content: "&#62868;"; } .fa-hotjar::before { content: "&#62385;"; } .fa-hourglass::before { content: "&#62036;"; } .fa-hourglass-end::before { content: "&#62035;"; } .fa-hourglass-half::before { content: "&#62034;"; } .fa-hourglass-start::before { content: "&#62033;"; } .fa-house-damage::before { content: "&#63217;"; } .fa-houzz::before { content: "&#62076;"; } .fa-hryvnia::before { content: "&#63218;"; } .fa-html5::before { content: "&#61755;"; } .fa-hubspot::before { content: "&#62386;"; } .fa-i-cursor::before { content: "&#62022;"; } .fa-ice-cream::before { content: "&#63504;"; } .fa-icicles::before { content: "&#63405;"; } .fa-icons::before { content: "&#63597;"; } .fa-id-badge::before { content: "&#62145;"; } .fa-id-card::before { content: "&#62146;"; } .fa-id-card-alt::before { content: "&#62591;"; } .fa-igloo::before { content: "&#63406;"; } .fa-image::before { content: "&#61502;"; } .fa-images::before { content: "&#62210;"; } .fa-imdb::before { content: "&#62168;"; } .fa-inbox::before { content: "&#61468;"; } .fa-indent::before { content: "&#61500;"; } .fa-industry::before { content: "&#62069;"; } .fa-infinity::before { content: "&#62772;"; } .fa-info::before { content: "&#61737;"; } .fa-info-circle::before { content: "&#61530;"; } .fa-instagram::before { content: "&#61805;"; } .fa-intercom::before { content: "&#63407;"; } .fa-internet-explorer::before { content: "&#62059;"; } .fa-invision::before { content: "&#63408;"; } .fa-ioxhost::before { content: "&#61960;"; } .fa-italic::before { content: "&#61491;"; } .fa-itch-io::before { content: "&#63546;"; } .fa-itunes::before { content: "&#62388;"; } .fa-itunes-note::before { content: "&#62389;"; } .fa-java::before { content: "&#62692;"; } .fa-jedi::before { content: "&#63081;"; } .fa-jedi-order::before { content: "&#62734;"; } .fa-jenkins::before { content: "&#62390;"; } .fa-jira::before { content: "&#63409;"; } .fa-joget::before { content: "&#62391;"; } .fa-joint::before { content: "&#62869;"; } .fa-joomla::before { content: "&#61866;"; } .fa-journal-whills::before { content: "&#63082;"; } .fa-js::before { content: "&#62392;"; } .fa-js-square::before { content: "&#62393;"; } .fa-jsfiddle::before { content: "&#61900;"; } .fa-kaaba::before { content: "&#63083;"; } .fa-kaggle::before { content: "&#62970;"; } .fa-key::before { content: "&#61572;"; } .fa-keybase::before { content: "&#62709;"; } .fa-keyboard::before { content: "&#61724;"; } .fa-keycdn::before { content: "&#62394;"; } .fa-khanda::before { content: "&#63085;"; } .fa-kickstarter::before { content: "&#62395;"; } .fa-kickstarter-k::before { content: "&#62396;"; } .fa-kiss::before { content: "&#62870;"; } .fa-kiss-beam::before { content: "&#62871;"; } .fa-kiss-wink-heart::before { content: "&#62872;"; } .fa-kiwi-bird::before { content: "&#62773;"; } .fa-korvue::before { content: "&#62511;"; } .fa-landmark::before { content: "&#63087;"; } .fa-language::before { content: "&#61867;"; } .fa-laptop::before { content: "&#61705;"; } .fa-laptop-code::before { content: "&#62972;"; } .fa-laptop-medical::before { content: "&#63506;"; } .fa-laravel::before { content: "&#62397;"; } .fa-lastfm::before { content: "&#61954;"; } .fa-lastfm-square::before { content: "&#61955;"; } .fa-laugh::before { content: "&#62873;"; } .fa-laugh-beam::before { content: "&#62874;"; } .fa-laugh-squint::before { content: "&#62875;"; } .fa-laugh-wink::before { content: "&#62876;"; } .fa-layer-group::before { content: "&#62973;"; } .fa-leaf::before { content: "&#61548;"; } .fa-leanpub::before { content: "&#61970;"; } .fa-lemon::before { content: "&#61588;"; } .fa-less::before { content: "&#62493;"; } .fa-less-than::before { content: "&#62774;"; } .fa-less-than-equal::before { content: "&#62775;"; } .fa-level-down-alt::before { content: "&#62398;"; } .fa-level-up-alt::before { content: "&#62399;"; } .fa-life-ring::before { content: "&#61901;"; } .fa-lightbulb::before { content: "&#61675;"; } .fa-line::before { content: "&#62400;"; } .fa-link::before { content: "&#61633;"; } .fa-linkedin::before { content: "&#61580;"; } .fa-linkedin-in::before { content: "&#61665;"; } .fa-linode::before { content: "&#62136;"; } .fa-linux::before { content: "&#61820;"; } .fa-lira-sign::before { content: "&#61845;"; } .fa-list::before { content: "&#61498;"; } .fa-list-alt::before { content: "&#61474;"; } .fa-list-ol::before { content: "&#61643;"; } .fa-list-ul::before { content: "&#61642;"; } .fa-location-arrow::before { content: "&#61732;"; } .fa-lock::before { content: "&#61475;"; } .fa-lock-open::before { content: "&#62401;"; } .fa-long-arrow-alt-down::before { content: "&#62217;"; } .fa-long-arrow-alt-left::before { content: "&#62218;"; } .fa-long-arrow-alt-right::before { content: "&#62219;"; } .fa-long-arrow-alt-up::before { content: "&#62220;"; } .fa-low-vision::before { content: "&#62120;"; } .fa-luggage-cart::before { content: "&#62877;"; } .fa-lyft::before { content: "&#62403;"; } .fa-magento::before { content: "&#62404;"; } .fa-magic::before { content: "&#61648;"; } .fa-magnet::before { content: "&#61558;"; } .fa-mail-bulk::before { content: "&#63092;"; } .fa-mailchimp::before { content: "&#62878;"; } .fa-male::before { content: "&#61827;"; } .fa-mandalorian::before { content: "&#62735;"; } .fa-map::before { content: "&#62073;"; } .fa-map-marked::before { content: "&#62879;"; } .fa-map-marked-alt::before { content: "&#62880;"; } .fa-map-marker::before { content: "&#61505;"; } .fa-map-marker-alt::before { content: "&#62405;"; } .fa-map-pin::before { content: "&#62070;"; } .fa-map-signs::before { content: "&#62071;"; } .fa-markdown::before { content: "&#62991;"; } .fa-marker::before { content: "&#62881;"; } .fa-mars::before { content: "&#61986;"; } .fa-mars-double::before { content: "&#61991;"; } .fa-mars-stroke::before { content: "&#61993;"; } .fa-mars-stroke-h::before { content: "&#61995;"; } .fa-mars-stroke-v::before { content: "&#61994;"; } .fa-mask::before { content: "&#63226;"; } .fa-mastodon::before { content: "&#62710;"; } .fa-maxcdn::before { content: "&#61750;"; } .fa-medal::before { content: "&#62882;"; } .fa-medapps::before { content: "&#62406;"; } .fa-medium::before { content: "&#62010;"; } .fa-medium-m::before { content: "&#62407;"; } .fa-medkit::before { content: "&#61690;"; } .fa-medrt::before { content: "&#62408;"; } .fa-meetup::before { content: "&#62176;"; } .fa-megaport::before { content: "&#62883;"; } .fa-meh::before { content: "&#61722;"; } .fa-meh-blank::before { content: "&#62884;"; } .fa-meh-rolling-eyes::before { content: "&#62885;"; } .fa-memory::before { content: "&#62776;"; } .fa-mendeley::before { content: "&#63411;"; } .fa-menorah::before { content: "&#63094;"; } .fa-mercury::before { content: "&#61987;"; } .fa-meteor::before { content: "&#63315;"; } .fa-microchip::before { content: "&#62171;"; } .fa-microphone::before { content: "&#61744;"; } .fa-microphone-alt::before { content: "&#62409;"; } .fa-microphone-alt-slash::before { content: "&#62777;"; } .fa-microphone-slash::before { content: "&#61745;"; } .fa-microscope::before { content: "&#62992;"; } .fa-microsoft::before { content: "&#62410;"; } .fa-minus::before { content: "&#61544;"; } .fa-minus-circle::before { content: "&#61526;"; } .fa-minus-square::before { content: "&#61766;"; } .fa-mitten::before { content: "&#63413;"; } .fa-mix::before { content: "&#62411;"; } .fa-mixcloud::before { content: "&#62089;"; } .fa-mizuni::before { content: "&#62412;"; } .fa-mobile::before { content: "&#61707;"; } .fa-mobile-alt::before { content: "&#62413;"; } .fa-modx::before { content: "&#62085;"; } .fa-monero::before { content: "&#62416;"; } .fa-money-bill::before { content: "&#61654;"; } .fa-money-bill-alt::before { content: "&#62417;"; } .fa-money-bill-wave::before { content: "&#62778;"; } .fa-money-bill-wave-alt::before { content: "&#62779;"; } .fa-money-check::before { content: "&#62780;"; } .fa-money-check-alt::before { content: "&#62781;"; } .fa-monument::before { content: "&#62886;"; } .fa-moon::before { content: "&#61830;"; } .fa-mortar-pestle::before { content: "&#62887;"; } .fa-mosque::before { content: "&#63096;"; } .fa-motorcycle::before { content: "&#61980;"; } .fa-mountain::before { content: "&#63228;"; } .fa-mouse-pointer::before { content: "&#62021;"; } .fa-mug-hot::before { content: "&#63414;"; } .fa-music::before { content: "&#61441;"; } .fa-napster::before { content: "&#62418;"; } .fa-neos::before { content: "&#62994;"; } .fa-network-wired::before { content: "&#63231;"; } .fa-neuter::before { content: "&#61996;"; } .fa-newspaper::before { content: "&#61930;"; } .fa-nimblr::before { content: "&#62888;"; } .fa-node::before { content: "&#62489;"; } .fa-node-js::before { content: "&#62419;"; } .fa-not-equal::before { content: "&#62782;"; } .fa-notes-medical::before { content: "&#62593;"; } .fa-npm::before { content: "&#62420;"; } .fa-ns8::before { content: "&#62421;"; } .fa-nutritionix::before { content: "&#62422;"; } .fa-object-group::before { content: "&#62023;"; } .fa-object-ungroup::before { content: "&#62024;"; } .fa-odnoklassniki::before { content: "&#62051;"; } .fa-odnoklassniki-square::before { content: "&#62052;"; } .fa-oil-can::before { content: "&#62995;"; } .fa-old-republic::before { content: "&#62736;"; } .fa-om::before { content: "&#63097;"; } .fa-opencart::before { content: "&#62013;"; } .fa-openid::before { content: "&#61851;"; } .fa-opera::before { content: "&#62058;"; } .fa-optin-monster::before { content: "&#62012;"; } .fa-osi::before { content: "&#62490;"; } .fa-otter::before { content: "&#63232;"; } .fa-outdent::before { content: "&#61499;"; } .fa-page4::before { content: "&#62423;"; } .fa-pagelines::before { content: "&#61836;"; } .fa-pager::before { content: "&#63509;"; } .fa-paint-brush::before { content: "&#61948;"; } .fa-paint-roller::before { content: "&#62890;"; } .fa-palette::before { content: "&#62783;"; } .fa-palfed::before { content: "&#62424;"; } .fa-pallet::before { content: "&#62594;"; } .fa-paper-plane::before { content: "&#61912;"; } .fa-paperclip::before { content: "&#61638;"; } .fa-parachute-box::before { content: "&#62669;"; } .fa-paragraph::before { content: "&#61917;"; } .fa-parking::before { content: "&#62784;"; } .fa-passport::before { content: "&#62891;"; } .fa-pastafarianism::before { content: "&#63099;"; } .fa-paste::before { content: "&#61674;"; } .fa-patreon::before { content: "&#62425;"; } .fa-pause::before { content: "&#61516;"; } .fa-pause-circle::before { content: "&#62091;"; } .fa-paw::before { content: "&#61872;"; } .fa-paypal::before { content: "&#61933;"; } .fa-peace::before { content: "&#63100;"; } .fa-pen::before { content: "&#62212;"; } .fa-pen-alt::before { content: "&#62213;"; } .fa-pen-fancy::before { content: "&#62892;"; } .fa-pen-nib::before { content: "&#62893;"; } .fa-pen-square::before { content: "&#61771;"; } .fa-pencil-alt::before { content: "&#62211;"; } .fa-pencil-ruler::before { content: "&#62894;"; } .fa-penny-arcade::before { content: "&#63236;"; } .fa-people-carry::before { content: "&#62670;"; } .fa-pepper-hot::before { content: "&#63510;"; } .fa-percent::before { content: "&#62101;"; } .fa-percentage::before { content: "&#62785;"; } .fa-periscope::before { content: "&#62426;"; } .fa-person-booth::before { content: "&#63318;"; } .fa-phabricator::before { content: "&#62427;"; } .fa-phoenix-framework::before { content: "&#62428;"; } .fa-phoenix-squadron::before { content: "&#62737;"; } .fa-phone::before { content: "&#61589;"; } .fa-phone-alt::before { content: "&#63609;"; } .fa-phone-slash::before { content: "&#62429;"; } .fa-phone-square::before { content: "&#61592;"; } .fa-phone-square-alt::before { content: "&#63611;"; } .fa-phone-volume::before { content: "&#62112;"; } .fa-photo-video::before { content: "&#63612;"; } .fa-php::before { content: "&#62551;"; } .fa-pied-piper::before { content: "&#62126;"; } .fa-pied-piper-alt::before { content: "&#61864;"; } .fa-pied-piper-hat::before { content: "&#62693;"; } .fa-pied-piper-pp::before { content: "&#61863;"; } .fa-piggy-bank::before { content: "&#62675;"; } .fa-pills::before { content: "&#62596;"; } .fa-pinterest::before { content: "&#61650;"; } .fa-pinterest-p::before { content: "&#62001;"; } .fa-pinterest-square::before { content: "&#61651;"; } .fa-pizza-slice::before { content: "&#63512;"; } .fa-place-of-worship::before { content: "&#63103;"; } .fa-plane::before { content: "&#61554;"; } .fa-plane-arrival::before { content: "&#62895;"; } .fa-plane-departure::before { content: "&#62896;"; } .fa-play::before { content: "&#61515;"; } .fa-play-circle::before { content: "&#61764;"; } .fa-playstation::before { content: "&#62431;"; } .fa-plug::before { content: "&#61926;"; } .fa-plus::before { content: "&#61543;"; } .fa-plus-circle::before { content: "&#61525;"; } .fa-plus-square::before { content: "&#61694;"; } .fa-podcast::before { content: "&#62158;"; } .fa-poll::before { content: "&#63105;"; } .fa-poll-h::before { content: "&#63106;"; } .fa-poo::before { content: "&#62206;"; } .fa-poo-storm::before { content: "&#63322;"; } .fa-poop::before { content: "&#63001;"; } .fa-portrait::before { content: "&#62432;"; } .fa-pound-sign::before { content: "&#61780;"; } .fa-power-off::before { content: "&#61457;"; } .fa-pray::before { content: "&#63107;"; } .fa-praying-hands::before { content: "&#63108;"; } .fa-prescription::before { content: "&#62897;"; } .fa-prescription-bottle::before { content: "&#62597;"; } .fa-prescription-bottle-alt::before { content: "&#62598;"; } .fa-print::before { content: "&#61487;"; } .fa-procedures::before { content: "&#62599;"; } .fa-product-hunt::before { content: "&#62088;"; } .fa-project-diagram::before { content: "&#62786;"; } .fa-pushed::before { content: "&#62433;"; } .fa-puzzle-piece::before { content: "&#61742;"; } .fa-python::before { content: "&#62434;"; } .fa-qq::before { content: "&#61910;"; } .fa-qrcode::before { content: "&#61481;"; } .fa-question::before { content: "&#61736;"; } .fa-question-circle::before { content: "&#61529;"; } .fa-quidditch::before { content: "&#62552;"; } .fa-quinscape::before { content: "&#62553;"; } .fa-quora::before { content: "&#62148;"; } .fa-quote-left::before { content: "&#61709;"; } .fa-quote-right::before { content: "&#61710;"; } .fa-quran::before { content: "&#63111;"; } .fa-r-project::before { content: "&#62711;"; } .fa-radiation::before { content: "&#63417;"; } .fa-radiation-alt::before { content: "&#63418;"; } .fa-rainbow::before { content: "&#63323;"; } .fa-random::before { content: "&#61556;"; } .fa-raspberry-pi::before { content: "&#63419;"; } .fa-ravelry::before { content: "&#62169;"; } .fa-react::before { content: "&#62491;"; } .fa-reacteurope::before { content: "&#63325;"; } .fa-readme::before { content: "&#62677;"; } .fa-rebel::before { content: "&#61904;"; } .fa-receipt::before { content: "&#62787;"; } .fa-recycle::before { content: "&#61880;"; } .fa-red-river::before { content: "&#62435;"; } .fa-reddit::before { content: "&#61857;"; } .fa-reddit-alien::before { content: "&#62081;"; } .fa-reddit-square::before { content: "&#61858;"; } .fa-redhat::before { content: "&#63420;"; } .fa-redo::before { content: "&#61470;"; } .fa-redo-alt::before { content: "&#62201;"; } .fa-registered::before { content: "&#62045;"; } .fa-remove-format::before { content: "&#63613;"; } .fa-renren::before { content: "&#61835;"; } .fa-reply::before { content: "&#62437;"; } .fa-reply-all::before { content: "&#61730;"; } .fa-replyd::before { content: "&#62438;"; } .fa-republican::before { content: "&#63326;"; } .fa-researchgate::before { content: "&#62712;"; } .fa-resolving::before { content: "&#62439;"; } .fa-restroom::before { content: "&#63421;"; } .fa-retweet::before { content: "&#61561;"; } .fa-rev::before { content: "&#62898;"; } .fa-ribbon::before { content: "&#62678;"; } .fa-ring::before { content: "&#63243;"; } .fa-road::before { content: "&#61464;"; } .fa-robot::before { content: "&#62788;"; } .fa-rocket::before { content: "&#61749;"; } .fa-rocketchat::before { content: "&#62440;"; } .fa-rockrms::before { content: "&#62441;"; } .fa-route::before { content: "&#62679;"; } .fa-rss::before { content: "&#61598;"; } .fa-rss-square::before { content: "&#61763;"; } .fa-ruble-sign::before { content: "&#61784;"; } .fa-ruler::before { content: "&#62789;"; } .fa-ruler-combined::before { content: "&#62790;"; } .fa-ruler-horizontal::before { content: "&#62791;"; } .fa-ruler-vertical::before { content: "&#62792;"; } .fa-running::before { content: "&#63244;"; } .fa-rupee-sign::before { content: "&#61782;"; } .fa-sad-cry::before { content: "&#62899;"; } .fa-sad-tear::before { content: "&#62900;"; } .fa-safari::before { content: "&#62055;"; } .fa-salesforce::before { content: "&#63547;"; } .fa-sass::before { content: "&#62494;"; } .fa-satellite::before { content: "&#63423;"; } .fa-satellite-dish::before { content: "&#63424;"; } .fa-save::before { content: "&#61639;"; } .fa-schlix::before { content: "&#62442;"; } .fa-school::before { content: "&#62793;"; } .fa-screwdriver::before { content: "&#62794;"; } .fa-scribd::before { content: "&#62090;"; } .fa-scroll::before { content: "&#63246;"; } .fa-sd-card::before { content: "&#63426;"; } .fa-search::before { content: "&#61442;"; } .fa-search-dollar::before { content: "&#63112;"; } .fa-search-location::before { content: "&#63113;"; } .fa-search-minus::before { content: "&#61456;"; } .fa-search-plus::before { content: "&#61454;"; } .fa-searchengin::before { content: "&#62443;"; } .fa-seedling::before { content: "&#62680;"; } .fa-sellcast::before { content: "&#62170;"; } .fa-sellsy::before { content: "&#61971;"; } .fa-server::before { content: "&#62003;"; } .fa-servicestack::before { content: "&#62444;"; } .fa-shapes::before { content: "&#63007;"; } .fa-share::before { content: "&#61540;"; } .fa-share-alt::before { content: "&#61920;"; } .fa-share-alt-square::before { content: "&#61921;"; } .fa-share-square::before { content: "&#61773;"; } .fa-shekel-sign::before { content: "&#61963;"; } .fa-shield-alt::before { content: "&#62445;"; } .fa-ship::before { content: "&#61978;"; } .fa-shipping-fast::before { content: "&#62603;"; } .fa-shirtsinbulk::before { content: "&#61972;"; } .fa-shoe-prints::before { content: "&#62795;"; } .fa-shopping-bag::before { content: "&#62096;"; } .fa-shopping-basket::before { content: "&#62097;"; } .fa-shopping-cart::before { content: "&#61562;"; } .fa-shopware::before { content: "&#62901;"; } .fa-shower::before { content: "&#62156;"; } .fa-shuttle-van::before { content: "&#62902;"; } .fa-sign::before { content: "&#62681;"; } .fa-sign-in-alt::before { content: "&#62198;"; } .fa-sign-language::before { content: "&#62119;"; } .fa-sign-out-alt::before { content: "&#62197;"; } .fa-signal::before { content: "&#61458;"; } .fa-signature::before { content: "&#62903;"; } .fa-sim-card::before { content: "&#63428;"; } .fa-simplybuilt::before { content: "&#61973;"; } .fa-sistrix::before { content: "&#62446;"; } .fa-sitemap::before { content: "&#61672;"; } .fa-sith::before { content: "&#62738;"; } .fa-skating::before { content: "&#63429;"; } .fa-sketch::before { content: "&#63430;"; } .fa-skiing::before { content: "&#63433;"; } .fa-skiing-nordic::before { content: "&#63434;"; } .fa-skull::before { content: "&#62796;"; } .fa-skull-crossbones::before { content: "&#63252;"; } .fa-skyatlas::before { content: "&#61974;"; } .fa-skype::before { content: "&#61822;"; } .fa-slack::before { content: "&#61848;"; } .fa-slack-hash::before { content: "&#62447;"; } .fa-slash::before { content: "&#63253;"; } .fa-sleigh::before { content: "&#63436;"; } .fa-sliders-h::before { content: "&#61918;"; } .fa-slideshare::before { content: "&#61927;"; } .fa-smile::before { content: "&#61720;"; } .fa-smile-beam::before { content: "&#62904;"; } .fa-smile-wink::before { content: "&#62682;"; } .fa-smog::before { content: "&#63327;"; } .fa-smoking::before { content: "&#62605;"; } .fa-smoking-ban::before { content: "&#62797;"; } .fa-sms::before { content: "&#63437;"; } .fa-snapchat::before { content: "&#62123;"; } .fa-snapchat-ghost::before { content: "&#62124;"; } .fa-snapchat-square::before { content: "&#62125;"; } .fa-snowboarding::before { content: "&#63438;"; } .fa-snowflake::before { content: "&#62172;"; } .fa-snowman::before { content: "&#63440;"; } .fa-snowplow::before { content: "&#63442;"; } .fa-socks::before { content: "&#63126;"; } .fa-solar-panel::before { content: "&#62906;"; } .fa-sort::before { content: "&#61660;"; } .fa-sort-alpha-down::before { content: "&#61789;"; } .fa-sort-alpha-down-alt::before { content: "&#63617;"; } .fa-sort-alpha-up::before { content: "&#61790;"; } .fa-sort-alpha-up-alt::before { content: "&#63618;"; } .fa-sort-amount-down::before { content: "&#61792;"; } .fa-sort-amount-down-alt::before { content: "&#63620;"; } .fa-sort-amount-up::before { content: "&#61793;"; } .fa-sort-amount-up-alt::before { content: "&#63621;"; } .fa-sort-down::before { content: "&#61661;"; } .fa-sort-numeric-down::before { content: "&#61794;"; } .fa-sort-numeric-down-alt::before { content: "&#63622;"; } .fa-sort-numeric-up::before { content: "&#61795;"; } .fa-sort-numeric-up-alt::before { content: "&#63623;"; } .fa-sort-up::before { content: "&#61662;"; } .fa-soundcloud::before { content: "&#61886;"; } .fa-sourcetree::before { content: "&#63443;"; } .fa-spa::before { content: "&#62907;"; } .fa-space-shuttle::before { content: "&#61847;"; } .fa-speakap::before { content: "&#62451;"; } .fa-speaker-deck::before { content: "&#63548;"; } .fa-spell-check::before { content: "&#63633;"; } .fa-spider::before { content: "&#63255;"; } .fa-spinner::before { content: "&#61712;"; } .fa-splotch::before { content: "&#62908;"; } .fa-spotify::before { content: "&#61884;"; } .fa-spray-can::before { content: "&#62909;"; } .fa-square::before { content: "&#61640;"; } .fa-square-full::before { content: "&#62556;"; } .fa-square-root-alt::before { content: "&#63128;"; } .fa-squarespace::before { content: "&#62910;"; } .fa-stack-exchange::before { content: "&#61837;"; } .fa-stack-overflow::before { content: "&#61804;"; } .fa-stackpath::before { content: "&#63554;"; } .fa-stamp::before { content: "&#62911;"; } .fa-star::before { content: "&#61445;"; } .fa-star-and-crescent::before { content: "&#63129;"; } .fa-star-half::before { content: "&#61577;"; } .fa-star-half-alt::before { content: "&#62912;"; } .fa-star-of-david::before { content: "&#63130;"; } .fa-star-of-life::before { content: "&#63009;"; } .fa-staylinked::before { content: "&#62453;"; } .fa-steam::before { content: "&#61878;"; } .fa-steam-square::before { content: "&#61879;"; } .fa-steam-symbol::before { content: "&#62454;"; } .fa-step-backward::before { content: "&#61512;"; } .fa-step-forward::before { content: "&#61521;"; } .fa-stethoscope::before { content: "&#61681;"; } .fa-sticker-mule::before { content: "&#62455;"; } .fa-sticky-note::before { content: "&#62025;"; } .fa-stop::before { content: "&#61517;"; } .fa-stop-circle::before { content: "&#62093;"; } .fa-stopwatch::before { content: "&#62194;"; } .fa-store::before { content: "&#62798;"; } .fa-store-alt::before { content: "&#62799;"; } .fa-strava::before { content: "&#62504;"; } .fa-stream::before { content: "&#62800;"; } .fa-street-view::before { content: "&#61981;"; } .fa-strikethrough::before { content: "&#61644;"; } .fa-stripe::before { content: "&#62505;"; } .fa-stripe-s::before { content: "&#62506;"; } .fa-stroopwafel::before { content: "&#62801;"; } .fa-studiovinari::before { content: "&#62456;"; } .fa-stumbleupon::before { content: "&#61860;"; } .fa-stumbleupon-circle::before { content: "&#61859;"; } .fa-subscript::before { content: "&#61740;"; } .fa-subway::before { content: "&#62009;"; } .fa-suitcase::before { content: "&#61682;"; } .fa-suitcase-rolling::before { content: "&#62913;"; } .fa-sun::before { content: "&#61829;"; } .fa-superpowers::before { content: "&#62173;"; } .fa-superscript::before { content: "&#61739;"; } .fa-supple::before { content: "&#62457;"; } .fa-surprise::before { content: "&#62914;"; } .fa-suse::before { content: "&#63446;"; } .fa-swatchbook::before { content: "&#62915;"; } .fa-swimmer::before { content: "&#62916;"; } .fa-swimming-pool::before { content: "&#62917;"; } .fa-symfony::before { content: "&#63549;"; } .fa-synagogue::before { content: "&#63131;"; } .fa-sync::before { content: "&#61473;"; } .fa-sync-alt::before { content: "&#62193;"; } .fa-syringe::before { content: "&#62606;"; } .fa-table::before { content: "&#61646;"; } .fa-table-tennis::before { content: "&#62557;"; } .fa-tablet::before { content: "&#61706;"; } .fa-tablet-alt::before { content: "&#62458;"; } .fa-tablets::before { content: "&#62608;"; } .fa-tachometer-alt::before { content: "&#62461;"; } .fa-tag::before { content: "&#61483;"; } .fa-tags::before { content: "&#61484;"; } .fa-tape::before { content: "&#62683;"; } .fa-tasks::before { content: "&#61614;"; } .fa-taxi::before { content: "&#61882;"; } .fa-teamspeak::before { content: "&#62713;"; } .fa-teeth::before { content: "&#63022;"; } .fa-teeth-open::before { content: "&#63023;"; } .fa-telegram::before { content: "&#62150;"; } .fa-telegram-plane::before { content: "&#62462;"; } .fa-temperature-high::before { content: "&#63337;"; } .fa-temperature-low::before { content: "&#63339;"; } .fa-tencent-weibo::before { content: "&#61909;"; } .fa-tenge::before { content: "&#63447;"; } .fa-terminal::before { content: "&#61728;"; } .fa-text-height::before { content: "&#61492;"; } .fa-text-width::before { content: "&#61493;"; } .fa-th::before { content: "&#61450;"; } .fa-th-large::before { content: "&#61449;"; } .fa-th-list::before { content: "&#61451;"; } .fa-the-red-yeti::before { content: "&#63133;"; } .fa-theater-masks::before { content: "&#63024;"; } .fa-themeco::before { content: "&#62918;"; } .fa-themeisle::before { content: "&#62130;"; } .fa-thermometer::before { content: "&#62609;"; } .fa-thermometer-empty::before { content: "&#62155;"; } .fa-thermometer-full::before { content: "&#62151;"; } .fa-thermometer-half::before { content: "&#62153;"; } .fa-thermometer-quarter::before { content: "&#62154;"; } .fa-thermometer-three-quarters::before { content: "&#62152;"; } .fa-think-peaks::before { content: "&#63281;"; } .fa-thumbs-down::before { content: "&#61797;"; } .fa-thumbs-up::before { content: "&#61796;"; } .fa-thumbtack::before { content: "&#61581;"; } .fa-ticket-alt::before { content: "&#62463;"; } .fa-times::before { content: "&#61453;"; } .fa-times-circle::before { content: "&#61527;"; } .fa-tint::before { content: "&#61507;"; } .fa-tint-slash::before { content: "&#62919;"; } .fa-tired::before { content: "&#62920;"; } .fa-toggle-off::before { content: "&#61956;"; } .fa-toggle-on::before { content: "&#61957;"; } .fa-toilet::before { content: "&#63448;"; } .fa-toilet-paper::before { content: "&#63262;"; } .fa-toolbox::before { content: "&#62802;"; } .fa-tools::before { content: "&#63449;"; } .fa-tooth::before { content: "&#62921;"; } .fa-torah::before { content: "&#63136;"; } .fa-torii-gate::before { content: "&#63137;"; } .fa-tractor::before { content: "&#63266;"; } .fa-trade-federation::before { content: "&#62739;"; } .fa-trademark::before { content: "&#62044;"; } .fa-traffic-light::before { content: "&#63031;"; } .fa-train::before { content: "&#62008;"; } .fa-tram::before { content: "&#63450;"; } .fa-transgender::before { content: "&#61988;"; } .fa-transgender-alt::before { content: "&#61989;"; } .fa-trash::before { content: "&#61944;"; } .fa-trash-alt::before { content: "&#62189;"; } .fa-trash-restore::before { content: "&#63529;"; } .fa-trash-restore-alt::before { content: "&#63530;"; } .fa-tree::before { content: "&#61883;"; } .fa-trello::before { content: "&#61825;"; } .fa-tripadvisor::before { content: "&#62050;"; } .fa-trophy::before { content: "&#61585;"; } .fa-truck::before { content: "&#61649;"; } .fa-truck-loading::before { content: "&#62686;"; } .fa-truck-monster::before { content: "&#63035;"; } .fa-truck-moving::before { content: "&#62687;"; } .fa-truck-pickup::before { content: "&#63036;"; } .fa-tshirt::before { content: "&#62803;"; } .fa-tty::before { content: "&#61924;"; } .fa-tumblr::before { content: "&#61811;"; } .fa-tumblr-square::before { content: "&#61812;"; } .fa-tv::before { content: "&#62060;"; } .fa-twitch::before { content: "&#61928;"; } .fa-twitter::before { content: "&#61593;"; } .fa-twitter-square::before { content: "&#61569;"; } .fa-typo3::before { content: "&#62507;"; } .fa-uber::before { content: "&#62466;"; } .fa-ubuntu::before { content: "&#63455;"; } .fa-uikit::before { content: "&#62467;"; } .fa-umbrella::before { content: "&#61673;"; } .fa-umbrella-beach::before { content: "&#62922;"; } .fa-underline::before { content: "&#61645;"; } .fa-undo::before { content: "&#61666;"; } .fa-undo-alt::before { content: "&#62186;"; } .fa-uniregistry::before { content: "&#62468;"; } .fa-universal-access::before { content: "&#62106;"; } .fa-university::before { content: "&#61852;"; } .fa-unlink::before { content: "&#61735;"; } .fa-unlock::before { content: "&#61596;"; } .fa-unlock-alt::before { content: "&#61758;"; } .fa-untappd::before { content: "&#62469;"; } .fa-upload::before { content: "&#61587;"; } .fa-ups::before { content: "&#63456;"; } .fa-usb::before { content: "&#62087;"; } .fa-user::before { content: "&#61447;"; } .fa-user-alt::before { content: "&#62470;"; } .fa-user-alt-slash::before { content: "&#62714;"; } .fa-user-astronaut::before { content: "&#62715;"; } .fa-user-check::before { content: "&#62716;"; } .fa-user-circle::before { content: "&#62141;"; } .fa-user-clock::before { content: "&#62717;"; } .fa-user-cog::before { content: "&#62718;"; } .fa-user-edit::before { content: "&#62719;"; } .fa-user-friends::before { content: "&#62720;"; } .fa-user-graduate::before { content: "&#62721;"; } .fa-user-injured::before { content: "&#63272;"; } .fa-user-lock::before { content: "&#62722;"; } .fa-user-md::before { content: "&#61680;"; } .fa-user-minus::before { content: "&#62723;"; } .fa-user-ninja::before { content: "&#62724;"; } .fa-user-nurse::before { content: "&#63535;"; } .fa-user-plus::before { content: "&#62004;"; } .fa-user-secret::before { content: "&#61979;"; } .fa-user-shield::before { content: "&#62725;"; } .fa-user-slash::before { content: "&#62726;"; } .fa-user-tag::before { content: "&#62727;"; } .fa-user-tie::before { content: "&#62728;"; } .fa-user-times::before { content: "&#62005;"; } .fa-users::before { content: "&#61632;"; } .fa-users-cog::before { content: "&#62729;"; } .fa-usps::before { content: "&#63457;"; } .fa-ussunnah::before { content: "&#62471;"; } .fa-utensil-spoon::before { content: "&#62181;"; } .fa-utensils::before { content: "&#62183;"; } .fa-vaadin::before { content: "&#62472;"; } .fa-vector-square::before { content: "&#62923;"; } .fa-venus::before { content: "&#61985;"; } .fa-venus-double::before { content: "&#61990;"; } .fa-venus-mars::before { content: "&#61992;"; } .fa-viacoin::before { content: "&#62007;"; } .fa-viadeo::before { content: "&#62121;"; } .fa-viadeo-square::before { content: "&#62122;"; } .fa-vial::before { content: "&#62610;"; } .fa-vials::before { content: "&#62611;"; } .fa-viber::before { content: "&#62473;"; } .fa-video::before { content: "&#61501;"; } .fa-video-slash::before { content: "&#62690;"; } .fa-vihara::before { content: "&#63143;"; } .fa-vimeo::before { content: "&#62474;"; } .fa-vimeo-square::before { content: "&#61844;"; } .fa-vimeo-v::before { content: "&#62077;"; } .fa-vine::before { content: "&#61898;"; } .fa-vk::before { content: "&#61833;"; } .fa-vnv::before { content: "&#62475;"; } .fa-voicemail::before { content: "&#63639;"; } .fa-volleyball-ball::before { content: "&#62559;"; } .fa-volume-down::before { content: "&#61479;"; } .fa-volume-mute::before { content: "&#63145;"; } .fa-volume-off::before { content: "&#61478;"; } .fa-volume-up::before { content: "&#61480;"; } .fa-vote-yea::before { content: "&#63346;"; } .fa-vr-cardboard::before { content: "&#63273;"; } .fa-vuejs::before { content: "&#62495;"; } .fa-walking::before { content: "&#62804;"; } .fa-wallet::before { content: "&#62805;"; } .fa-warehouse::before { content: "&#62612;"; } .fa-water::before { content: "&#63347;"; } .fa-wave-square::before { content: "&#63550;"; } .fa-waze::before { content: "&#63551;"; } .fa-weebly::before { content: "&#62924;"; } .fa-weibo::before { content: "&#61834;"; } .fa-weight::before { content: "&#62614;"; } .fa-weight-hanging::before { content: "&#62925;"; } .fa-weixin::before { content: "&#61911;"; } .fa-whatsapp::before { content: "&#62002;"; } .fa-whatsapp-square::before { content: "&#62476;"; } .fa-wheelchair::before { content: "&#61843;"; } .fa-whmcs::before { content: "&#62477;"; } .fa-wifi::before { content: "&#61931;"; } .fa-wikipedia-w::before { content: "&#62054;"; } .fa-wind::before { content: "&#63278;"; } .fa-window-close::before { content: "&#62480;"; } .fa-window-maximize::before { content: "&#62160;"; } .fa-window-minimize::before { content: "&#62161;"; } .fa-window-restore::before { content: "&#62162;"; } .fa-windows::before { content: "&#61818;"; } .fa-wine-bottle::before { content: "&#63279;"; } .fa-wine-glass::before { content: "&#62691;"; } .fa-wine-glass-alt::before { content: "&#62926;"; } .fa-wix::before { content: "&#62927;"; } .fa-wizards-of-the-coast::before { content: "&#63280;"; } .fa-wolf-pack-battalion::before { content: "&#62740;"; } .fa-won-sign::before { content: "&#61785;"; } .fa-wordpress::before { content: "&#61850;"; } .fa-wordpress-simple::before { content: "&#62481;"; } .fa-wpbeginner::before { content: "&#62103;"; } .fa-wpexplorer::before { content: "&#62174;"; } .fa-wpforms::before { content: "&#62104;"; } .fa-wpressr::before { content: "&#62436;"; } .fa-wrench::before { content: "&#61613;"; } .fa-x-ray::before { content: "&#62615;"; } .fa-xbox::before { content: "&#62482;"; } .fa-xing::before { content: "&#61800;"; } .fa-xing-square::before { content: "&#61801;"; } .fa-y-combinator::before { content: "&#62011;"; } .fa-yahoo::before { content: "&#61854;"; } .fa-yammer::before { content: "&#63552;"; } .fa-yandex::before { content: "&#62483;"; } .fa-yandex-international::before { content: "&#62484;"; } .fa-yarn::before { content: "&#63459;"; } .fa-yelp::before { content: "&#61929;"; } .fa-yen-sign::before { content: "&#61783;"; } .fa-yin-yang::before { content: "&#63149;"; } .fa-yoast::before { content: "&#62129;"; } .fa-youtube::before { content: "&#61799;"; } .fa-youtube-square::before { content: "&#62513;"; } .fa-zhihu::before { content: "&#63039;"; } .sr-only { border: 0px; clip: rect(0px, 0px, 0px, 0px); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; } .sr-only-focusable:active, .sr-only-focusable:focus { clip: auto; height: auto; margin: 0px; overflow: visible; position: static; width: auto; } @font-face { font-family: "Font Awesome 5 Brands"; font-style: normal; font-weight: normal; font-display: auto; src: url("../webfonts/fa-brands-400.woff2") format("woff2"), url("../webfonts/fa-brands-400.woff") format("woff"), url("../webfonts/fa-brands-400.ttf") format("truetype"); } .fab { font-family: "Font Awesome 5 Brands"; } @font-face { font-family: "Font Awesome 5 Free"; font-style: normal; font-weight: 400; font-display: auto; src: url("../webfonts/fa-regular-400.woff2") format("woff2"), url("../webfonts/fa-regular-400.woff") format("woff"), url("../webfonts/fa-regular-400.ttf") format("truetype"); } .far { font-weight: 400; } @font-face { font-family: "Font Awesome 5 Free"; font-style: normal; font-weight: 900; font-display: auto; src: url("../webfonts/fa-solid-900.woff2") format("woff2"), url("../webfonts/fa-solid-900.woff") format("woff"), url("../webfonts/fa-solid-900.ttf") format("truetype"); } .fa, .far, .fas { font-family: "Font Awesome 5 Free"; } .fa, .fas { font-weight: 900; } :root { --blue: #007bff; --indigo: #6610f2; --purple: #6f42c1; --pink: #e83e8c; --red: #dc3545; --orange: #fd7e14; --yellow: #ffc107; --green: #28a745; --teal: #20c997; --cyan: #17a2b8; --white: #fff; --gray: #6c757d; --gray-dark: #343a40; --primary: #007bff; --secondary: #6c757d; --success: #28a745; --info: #17a2b8; --warning: #ffc107; --danger: #dc3545; --light: #f8f9fa; --dark: #343a40; --breakpoint-xs: 0; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1200px; --font-family-sans-serif: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; --font-family-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace; } *, ::after, ::before { box-sizing: border-box; } html { font-family: sans-serif; line-height: 1.15; text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; } article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; } body { margin: 0px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1rem; font-weight: 400; line-height: 1.5; color: rgb(33, 37, 41); text-align: left; background-color: rgb(255, 255, 255); } [tabindex="-1"]:focus:not(:focus-visible) { outline: 0px !important; } hr { box-sizing: content-box; height: 0px; overflow: visible; } h1, h2, h3, h4, h5, h6 { margin-top: 0px; margin-bottom: 0.5rem; } p { margin-top: 0px; margin-bottom: 1rem; } abbr[data-original-title], abbr[title] { text-decoration: underline dotted; cursor: help; border-bottom: 0px; text-decoration-skip-ink: none; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } dl, ol, ul { margin-top: 0px; margin-bottom: 1rem; } ol ol, ol ul, ul ol, ul ul { margin-bottom: 0px; } dt { font-weight: 700; } dd { margin-bottom: 0.5rem; margin-left: 0px; } blockquote { margin: 0px 0px 1rem; } b, strong { font-weight: bolder; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } a { color: rgb(0, 123, 255); text-decoration: none; background-color: transparent; } a:hover { color: rgb(0, 86, 179); text-decoration: underline; } a:not([href]) { color: inherit; text-decoration: none; } a:not([href]):hover { color: inherit; text-decoration: none; } code, kbd, pre, samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em; } pre { margin-top: 0px; margin-bottom: 1rem; overflow: auto; } figure { margin: 0px 0px 1rem; } img { vertical-align: middle; border-style: none; } svg { overflow: hidden; vertical-align: middle; } table { border-collapse: collapse; } caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: rgb(108, 117, 125); text-align: left; caption-side: bottom; } th { text-align: inherit; } label { display: inline-block; margin-bottom: 0.5rem; } button { border-radius: 0px; } button:focus { outline: -webkit-focus-ring-color auto 5px; } button, input, optgroup, select, textarea { margin: 0px; font-family: inherit; font-size: inherit; line-height: inherit; } button, input { overflow: visible; } button, select { text-transform: none; } select { overflow-wrap: normal; } [type="button"], [type="reset"], [type="submit"], button { appearance: button; } [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled), button:not(:disabled) { cursor: pointer; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0px; } input[type="date"], input[type="datetime-local"], input[type="month"], input[type="time"] { appearance: listbox; } textarea { overflow: auto; resize: vertical; } fieldset { min-width: 0px; padding: 0px; margin: 0px; border: 0px; } legend { display: block; width: 100%; max-width: 100%; padding: 0px; margin-bottom: 0.5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; } progress { vertical-align: baseline; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { outline-offset: -2px; appearance: none; } [type="search"]::-webkit-search-decoration { appearance: none; } ::-webkit-file-upload-button { font: inherit; appearance: button; } output { display: inline-block; } summary { display: list-item; cursor: pointer; } template { display: none; } [hidden] { display: none !important; } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin-bottom: 0.5rem; font-weight: 500; line-height: 1.2; } .h1, h1 { font-size: 2.5rem; } .h2, h2 { font-size: 2rem; } .h3, h3 { font-size: 1.75rem; } .h4, h4 { font-size: 1.5rem; } .h5, h5 { font-size: 1.25rem; } .h6, h6 { font-size: 1rem; } .lead { font-size: 1.25rem; font-weight: 300; } .display-1 { font-size: 6rem; font-weight: 300; line-height: 1.2; } .display-2 { font-size: 5.5rem; font-weight: 300; line-height: 1.2; } .display-3 { font-size: 4.5rem; font-weight: 300; line-height: 1.2; } .display-4 { font-size: 3.5rem; font-weight: 300; line-height: 1.2; } hr { margin-top: 1rem; margin-bottom: 1rem; border-width: 1px 0px 0px; border-right-style: initial; border-bottom-style: initial; border-left-style: initial; border-right-color: initial; border-bottom-color: initial; border-left-color: initial; border-image: initial; border-top-style: solid; border-top-color: rgba(0, 0, 0, 0.1); } .small, small { font-size: 80%; font-weight: 400; } .mark, mark { padding: 0.2em; background-color: rgb(252, 248, 227); } .list-unstyled { padding-left: 0px; list-style: none; } .list-inline { padding-left: 0px; list-style: none; } .list-inline-item { display: inline-block; } .list-inline-item:not(:last-child) { margin-right: 0.5rem; } .initialism { font-size: 90%; text-transform: uppercase; } .blockquote { margin-bottom: 1rem; font-size: 1.25rem; } .blockquote-footer { display: block; font-size: 80%; color: rgb(108, 117, 125); } .blockquote-footer::before { content: "— "; } .img-fluid { max-width: 100%; height: auto; } .img-thumbnail { padding: 0.25rem; background-color: rgb(255, 255, 255); border: 1px solid rgb(222, 226, 230); border-radius: 0.25rem; max-width: 100%; height: auto; } .figure { display: inline-block; } .figure-img { margin-bottom: 0.5rem; line-height: 1; } .figure-caption { font-size: 90%; color: rgb(108, 117, 125); } code { font-size: 87.5%; color: rgb(232, 62, 140); overflow-wrap: break-word; } a > code { color: inherit; } kbd { padding: 0.2rem 0.4rem; font-size: 87.5%; color: rgb(255, 255, 255); background-color: rgb(33, 37, 41); border-radius: 0.2rem; } kbd kbd { padding: 0px; font-size: 100%; font-weight: 700; } pre { display: block; font-size: 87.5%; color: rgb(33, 37, 41); } pre code { font-size: inherit; color: inherit; word-break: normal; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container { max-width: 540px; }} @media (min-width: 768px) { .container { max-width: 720px; }} @media (min-width: 992px) { .container { max-width: 960px; }} @media (min-width: 1200px) { .container { max-width: 1140px; }} .container-fluid, .container-lg, .container-md, .container-sm, .container-xl { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container, .container-sm { max-width: 540px; }} @media (min-width: 768px) { .container, .container-md, .container-sm { max-width: 720px; }} @media (min-width: 992px) { .container, .container-lg, .container-md, .container-sm { max-width: 960px; }} @media (min-width: 1200px) { .container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 1140px; }} .row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .no-gutters { margin-right: 0px; margin-left: 0px; } .no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0px; padding-left: 0px; } .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; } .col { flex-basis: 0px; flex-grow: 1; max-width: 100%; } .row-cols-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-3 > * { flex: 0 0 33.3333%; max-width: 33.3333%; } .row-cols-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-6 > * { flex: 0 0 16.6667%; max-width: 16.6667%; } .col-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-2 { flex: 0 0 16.6667%; max-width: 16.6667%; } .col-3 { flex: 0 0 25%; max-width: 25%; } .col-4 { flex: 0 0 33.3333%; max-width: 33.3333%; } .col-5 { flex: 0 0 41.6667%; max-width: 41.6667%; } .col-6 { flex: 0 0 50%; max-width: 50%; } .col-7 { flex: 0 0 58.3333%; max-width: 58.3333%; } .col-8 { flex: 0 0 66.6667%; max-width: 66.6667%; } .col-9 { flex: 0 0 75%; max-width: 75%; } .col-10 { flex: 0 0 83.3333%; max-width: 83.3333%; } .col-11 { flex: 0 0 91.6667%; max-width: 91.6667%; } .col-12 { flex: 0 0 100%; max-width: 100%; } .order-first { order: -1; } .order-last { order: 13; } .order-0 { order: 0; } .order-1 { order: 1; } .order-2 { order: 2; } .order-3 { order: 3; } .order-4 { order: 4; } .order-5 { order: 5; } .order-6 { order: 6; } .order-7 { order: 7; } .order-8 { order: 8; } .order-9 { order: 9; } .order-10 { order: 10; } .order-11 { order: 11; } .order-12 { order: 12; } .offset-1 { margin-left: 8.33333%; } .offset-2 { margin-left: 16.6667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.3333%; } .offset-5 { margin-left: 41.6667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.3333%; } .offset-8 { margin-left: 66.6667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.3333%; } .offset-11 { margin-left: 91.6667%; } @media (min-width: 576px) { .col-sm { flex-basis: 0px; flex-grow: 1; max-width: 100%; } .row-cols-sm-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-sm-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-sm-3 > * { flex: 0 0 33.3333%; max-width: 33.3333%; } .row-cols-sm-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-sm-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-sm-6 > * { flex: 0 0 16.6667%; max-width: 16.6667%; } .col-sm-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-sm-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-sm-2 { flex: 0 0 16.6667%; max-width: 16.6667%; } .col-sm-3 { flex: 0 0 25%; max-width: 25%; } .col-sm-4 { flex: 0 0 33.3333%; max-width: 33.3333%; } .col-sm-5 { flex: 0 0 41.6667%; max-width: 41.6667%; } .col-sm-6 { flex: 0 0 50%; max-width: 50%; } .col-sm-7 { flex: 0 0 58.3333%; max-width: 58.3333%; } .col-sm-8 { flex: 0 0 66.6667%; max-width: 66.6667%; } .col-sm-9 { flex: 0 0 75%; max-width: 75%; } .col-sm-10 { flex: 0 0 83.3333%; max-width: 83.3333%; } .col-sm-11 { flex: 0 0 91.6667%; max-width: 91.6667%; } .col-sm-12 { flex: 0 0 100%; max-width: 100%; } .order-sm-first { order: -1; } .order-sm-last { order: 13; } .order-sm-0 { order: 0; } .order-sm-1 { order: 1; } .order-sm-2 { order: 2; } .order-sm-3 { order: 3; } .order-sm-4 { order: 4; } .order-sm-5 { order: 5; } .order-sm-6 { order: 6; } .order-sm-7 { order: 7; } .order-sm-8 { order: 8; } .order-sm-9 { order: 9; } .order-sm-10 { order: 10; } .order-sm-11 { order: 11; } .order-sm-12 { order: 12; } .offset-sm-0 { margin-left: 0px; } .offset-sm-1 { margin-left: 8.33333%; } .offset-sm-2 { margin-left: 16.6667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.3333%; } .offset-sm-5 { margin-left: 41.6667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.3333%; } .offset-sm-8 { margin-left: 66.6667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.3333%; } .offset-sm-11 { margin-left: 91.6667%; }} @media (min-width: 768px) { .col-md { flex-basis: 0px; flex-grow: 1; max-width: 100%; } .row-cols-md-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-md-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-md-3 > * { flex: 0 0 33.3333%; max-width: 33.3333%; } .row-cols-md-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-md-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-md-6 > * { flex: 0 0 16.6667%; max-width: 16.6667%; } .col-md-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-md-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-md-2 { flex: 0 0 16.6667%; max-width: 16.6667%; } .col-md-3 { flex: 0 0 25%; max-width: 25%; } .col-md-4 { flex: 0 0 33.3333%; max-width: 33.3333%; } .col-md-5 { flex: 0 0 41.6667%; max-width: 41.6667%; } .col-md-6 { flex: 0 0 50%; max-width: 50%; } .col-md-7 { flex: 0 0 58.3333%; max-width: 58.3333%; } .col-md-8 { flex: 0 0 66.6667%; max-width: 66.6667%; } .col-md-9 { flex: 0 0 75%; max-width: 75%; } .col-md-10 { flex: 0 0 83.3333%; max-width: 83.3333%; } .col-md-11 { flex: 0 0 91.6667%; max-width: 91.6667%; } .col-md-12 { flex: 0 0 100%; max-width: 100%; } .order-md-first { order: -1; } .order-md-last { order: 13; } .order-md-0 { order: 0; } .order-md-1 { order: 1; } .order-md-2 { order: 2; } .order-md-3 { order: 3; } .order-md-4 { order: 4; } .order-md-5 { order: 5; } .order-md-6 { order: 6; } .order-md-7 { order: 7; } .order-md-8 { order: 8; } .order-md-9 { order: 9; } .order-md-10 { order: 10; } .order-md-11 { order: 11; } .order-md-12 { order: 12; } .offset-md-0 { margin-left: 0px; } .offset-md-1 { margin-left: 8.33333%; } .offset-md-2 { margin-left: 16.6667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.3333%; } .offset-md-5 { margin-left: 41.6667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.3333%; } .offset-md-8 { margin-left: 66.6667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.3333%; } .offset-md-11 { margin-left: 91.6667%; }} @media (min-width: 992px) { .col-lg { flex-basis: 0px; flex-grow: 1; max-width: 100%; } .row-cols-lg-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-lg-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-lg-3 > * { flex: 0 0 33.3333%; max-width: 33.3333%; } .row-cols-lg-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-lg-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-lg-6 > * { flex: 0 0 16.6667%; max-width: 16.6667%; } .col-lg-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-lg-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-lg-2 { flex: 0 0 16.6667%; max-width: 16.6667%; } .col-lg-3 { flex: 0 0 25%; max-width: 25%; } .col-lg-4 { flex: 0 0 33.3333%; max-width: 33.3333%; } .col-lg-5 { flex: 0 0 41.6667%; max-width: 41.6667%; } .col-lg-6 { flex: 0 0 50%; max-width: 50%; } .col-lg-7 { flex: 0 0 58.3333%; max-width: 58.3333%; } .col-lg-8 { flex: 0 0 66.6667%; max-width: 66.6667%; } .col-lg-9 { flex: 0 0 75%; max-width: 75%; } .col-lg-10 { flex: 0 0 83.3333%; max-width: 83.3333%; } .col-lg-11 { flex: 0 0 91.6667%; max-width: 91.6667%; } .col-lg-12 { flex: 0 0 100%; max-width: 100%; } .order-lg-first { order: -1; } .order-lg-last { order: 13; } .order-lg-0 { order: 0; } .order-lg-1 { order: 1; } .order-lg-2 { order: 2; } .order-lg-3 { order: 3; } .order-lg-4 { order: 4; } .order-lg-5 { order: 5; } .order-lg-6 { order: 6; } .order-lg-7 { order: 7; } .order-lg-8 { order: 8; } .order-lg-9 { order: 9; } .order-lg-10 { order: 10; } .order-lg-11 { order: 11; } .order-lg-12 { order: 12; } .offset-lg-0 { margin-left: 0px; } .offset-lg-1 { margin-left: 8.33333%; } .offset-lg-2 { margin-left: 16.6667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.3333%; } .offset-lg-5 { margin-left: 41.6667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.3333%; } .offset-lg-8 { margin-left: 66.6667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.3333%; } .offset-lg-11 { margin-left: 91.6667%; }} @media (min-width: 1200px) { .col-xl { flex-basis: 0px; flex-grow: 1; max-width: 100%; } .row-cols-xl-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-xl-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-xl-3 > * { flex: 0 0 33.3333%; max-width: 33.3333%; } .row-cols-xl-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-xl-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-xl-6 > * { flex: 0 0 16.6667%; max-width: 16.6667%; } .col-xl-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-xl-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-xl-2 { flex: 0 0 16.6667%; max-width: 16.6667%; } .col-xl-3 { flex: 0 0 25%; max-width: 25%; } .col-xl-4 { flex: 0 0 33.3333%; max-width: 33.3333%; } .col-xl-5 { flex: 0 0 41.6667%; max-width: 41.6667%; } .col-xl-6 { flex: 0 0 50%; max-width: 50%; } .col-xl-7 { flex: 0 0 58.3333%; max-width: 58.3333%; } .col-xl-8 { flex: 0 0 66.6667%; max-width: 66.6667%; } .col-xl-9 { flex: 0 0 75%; max-width: 75%; } .col-xl-10 { flex: 0 0 83.3333%; max-width: 83.3333%; } .col-xl-11 { flex: 0 0 91.6667%; max-width: 91.6667%; } .col-xl-12 { flex: 0 0 100%; max-width: 100%; } .order-xl-first { order: -1; } .order-xl-last { order: 13; } .order-xl-0 { order: 0; } .order-xl-1 { order: 1; } .order-xl-2 { order: 2; } .order-xl-3 { order: 3; } .order-xl-4 { order: 4; } .order-xl-5 { order: 5; } .order-xl-6 { order: 6; } .order-xl-7 { order: 7; } .order-xl-8 { order: 8; } .order-xl-9 { order: 9; } .order-xl-10 { order: 10; } .order-xl-11 { order: 11; } .order-xl-12 { order: 12; } .offset-xl-0 { margin-left: 0px; } .offset-xl-1 { margin-left: 8.33333%; } .offset-xl-2 { margin-left: 16.6667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.3333%; } .offset-xl-5 { margin-left: 41.6667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.3333%; } .offset-xl-8 { margin-left: 66.6667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.3333%; } .offset-xl-11 { margin-left: 91.6667%; }} .table { width: 100%; margin-bottom: 1rem; color: rgb(33, 37, 41); } .table td, .table th { padding: 0.75rem; vertical-align: top; border-top: 1px solid rgb(222, 226, 230); } .table thead th { vertical-align: bottom; border-bottom: 2px solid rgb(222, 226, 230); } .table tbody + tbody { border-top: 2px solid rgb(222, 226, 230); } .table-sm td, .table-sm th { padding: 0.3rem; } .table-bordered { border: 1px solid rgb(222, 226, 230); } .table-bordered td, .table-bordered th { border: 1px solid rgb(222, 226, 230); } .table-bordered thead td, .table-bordered thead th { border-bottom-width: 2px; } .table-borderless tbody + tbody, .table-borderless td, .table-borderless th, .table-borderless thead th { border: 0px; } .table-striped tbody tr:nth-of-type(2n+1) { background-color: rgba(0, 0, 0, 0.05); } .table-hover tbody tr:hover { color: rgb(33, 37, 41); background-color: rgba(0, 0, 0, 0.075); } .table-primary, .table-primary > td, .table-primary > th { background-color: rgb(184, 218, 255); } .table-primary tbody + tbody, .table-primary td, .table-primary th, .table-primary thead th { border-color: rgb(122, 186, 255); } .table-hover .table-primary:hover { background-color: rgb(159, 205, 255); } .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th { background-color: rgb(159, 205, 255); } .table-secondary, .table-secondary > td, .table-secondary > th { background-color: rgb(214, 216, 219); } .table-secondary tbody + tbody, .table-secondary td, .table-secondary th, .table-secondary thead th { border-color: rgb(179, 183, 187); } .table-hover .table-secondary:hover { background-color: rgb(200, 203, 207); } .table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th { background-color: rgb(200, 203, 207); } .table-success, .table-success > td, .table-success > th { background-color: rgb(195, 230, 203); } .table-success tbody + tbody, .table-success td, .table-success th, .table-success thead th { border-color: rgb(143, 209, 158); } .table-hover .table-success:hover { background-color: rgb(177, 223, 187); } .table-hover .table-success:hover > td, .table-hover .table-success:hover > th { background-color: rgb(177, 223, 187); } .table-info, .table-info > td, .table-info > th { background-color: rgb(190, 229, 235); } .table-info tbody + tbody, .table-info td, .table-info th, .table-info thead th { border-color: rgb(134, 207, 218); } .table-hover .table-info:hover { background-color: rgb(171, 221, 229); } .table-hover .table-info:hover > td, .table-hover .table-info:hover > th { background-color: rgb(171, 221, 229); } .table-warning, .table-warning > td, .table-warning > th { background-color: rgb(255, 238, 186); } .table-warning tbody + tbody, .table-warning td, .table-warning th, .table-warning thead th { border-color: rgb(255, 223, 126); } .table-hover .table-warning:hover { background-color: rgb(255, 232, 161); } .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th { background-color: rgb(255, 232, 161); } .table-danger, .table-danger > td, .table-danger > th { background-color: rgb(245, 198, 203); } .table-danger tbody + tbody, .table-danger td, .table-danger th, .table-danger thead th { border-color: rgb(237, 150, 158); } .table-hover .table-danger:hover { background-color: rgb(241, 176, 183); } .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th { background-color: rgb(241, 176, 183); } .table-light, .table-light > td, .table-light > th { background-color: rgb(253, 253, 254); } .table-light tbody + tbody, .table-light td, .table-light th, .table-light thead th { border-color: rgb(251, 252, 252); } .table-hover .table-light:hover { background-color: rgb(236, 236, 246); } .table-hover .table-light:hover > td, .table-hover .table-light:hover > th { background-color: rgb(236, 236, 246); } .table-dark, .table-dark > td, .table-dark > th { background-color: rgb(198, 200, 202); } .table-dark tbody + tbody, .table-dark td, .table-dark th, .table-dark thead th { border-color: rgb(149, 153, 156); } .table-hover .table-dark:hover { background-color: rgb(185, 187, 190); } .table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th { background-color: rgb(185, 187, 190); } .table-active, .table-active > td, .table-active > th { background-color: rgba(0, 0, 0, 0.075); } .table-hover .table-active:hover { background-color: rgba(0, 0, 0, 0.075); } .table-hover .table-active:hover > td, .table-hover .table-active:hover > th { background-color: rgba(0, 0, 0, 0.075); } .table .thead-dark th { color: rgb(255, 255, 255); background-color: rgb(52, 58, 64); border-color: rgb(69, 77, 85); } .table .thead-light th { color: rgb(73, 80, 87); background-color: rgb(233, 236, 239); border-color: rgb(222, 226, 230); } .table-dark { color: rgb(255, 255, 255); background-color: rgb(52, 58, 64); } .table-dark td, .table-dark th, .table-dark thead th { border-color: rgb(69, 77, 85); } .table-dark.table-bordered { border: 0px; } .table-dark.table-striped tbody tr:nth-of-type(2n+1) { background-color: rgba(255, 255, 255, 0.05); } .table-dark.table-hover tbody tr:hover { color: rgb(255, 255, 255); background-color: rgba(255, 255, 255, 0.075); } @media (max-width: 575.98px) { .table-responsive-sm { display: block; width: 100%; overflow-x: auto; } .table-responsive-sm > .table-bordered { border: 0px; }} @media (max-width: 767.98px) { .table-responsive-md { display: block; width: 100%; overflow-x: auto; } .table-responsive-md > .table-bordered { border: 0px; }} @media (max-width: 991.98px) { .table-responsive-lg { display: block; width: 100%; overflow-x: auto; } .table-responsive-lg > .table-bordered { border: 0px; }} @media (max-width: 1199.98px) { .table-responsive-xl { display: block; width: 100%; overflow-x: auto; } .table-responsive-xl > .table-bordered { border: 0px; }} .table-responsive { display: block; width: 100%; overflow-x: auto; } .table-responsive > .table-bordered { border: 0px; } .form-control { display: block; width: 100%; height: calc(1.5em + 2px + 0.75rem); padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: rgb(73, 80, 87); background-color: rgb(255, 255, 255); background-clip: padding-box; border: 1px solid rgb(206, 212, 218); border-radius: 0.25rem; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; } @media (prefers-reduced-motion: reduce) { .form-control { transition: none 0s ease 0s; }} .form-control:focus { color: rgb(73, 80, 87); background-color: rgb(255, 255, 255); border-color: rgb(128, 189, 255); outline: 0px; box-shadow: rgba(0, 123, 255, 0.25) 0px 0px 0px 0.2rem; } .form-control::-webkit-input-placeholder { color: rgb(108, 117, 125); opacity: 1; } .form-control::placeholder { color: rgb(108, 117, 125); opacity: 1; } .form-control:disabled, .form-control[readonly] { background-color: rgb(233, 236, 239); opacity: 1; } .form-control-file, .form-control-range { display: block; width: 100%; } .col-form-label { padding-top: calc(1px + 0.375rem); padding-bottom: calc(1px + 0.375rem); margin-bottom: 0px; font-size: inherit; line-height: 1.5; } .col-form-label-lg { padding-top: calc(1px + 0.5rem); padding-bottom: calc(1px + 0.5rem); font-size: 1.25rem; line-height: 1.5; } .col-form-label-sm { padding-top: calc(1px + 0.25rem); padding-bottom: calc(1px + 0.25rem); font-size: 0.875rem; line-height: 1.5; } .form-control-plaintext { display: block; width: 100%; padding: 0.375rem 0px; margin-bottom: 0px; font-size: 1rem; line-height: 1.5; color: rgb(33, 37, 41); background-color: transparent; border-style: solid; border-color: transparent; border-image: initial; border-width: 1px 0px; } .form-control-plaintext.form-control-lg, .form-control-plaintext.form-control-sm { padding-right: 0px; padding-left: 0px; } .form-control-sm { height: calc(1.5em + 2px + 0.5rem); padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; } .form-control-lg { height: calc(1.5em + 2px + 1rem); padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; } select.form-control[multiple], select.form-control[size] { height: auto; } textarea.form-control { height: auto; } .form-group { margin-bottom: 1rem; } .form-text { display: block; margin-top: 0.25rem; } .form-row { display: flex; flex-wrap: wrap; margin-right: -5px; margin-left: -5px; } .form-row > .col, .form-row > [class*="col-"] { padding-right: 5px; padding-left: 5px; } .form-check { position: relative; display: block; padding-left: 1.25rem; } .form-check-input { position: absolute; margin-top: 0.3rem; margin-left: -1.25rem; } .form-check-input:disabled ~ .form-check-label, .form-check-input[disabled] ~ .form-check-label { color: rgb(108, 117, 125); } .form-check-label { margin-bottom: 0px; } .form-check-inline { display: inline-flex; align-items: center; padding-left: 0px; margin-right: 0.75rem; } .form-check-inline .form-check-input { position: static; margin-top: 0px; margin-right: 0.3125rem; margin-left: 0px; } .valid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: rgb(40, 167, 69); } .valid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: 0.1rem; font-size: 0.875rem; line-height: 1.5; color: rgb(255, 255, 255); background-color: rgba(40, 167, 69, 0.9); border-radius: 0.25rem; } .is-valid ~ .valid-feedback, .is-valid ~ .valid-tooltip, .was-validated :valid ~ .valid-feedback, .was-validated :valid ~ .valid-tooltip { display: block; } .form-control.is-valid, .was-validated .form-control:valid { border-color: rgb(40, 167, 69); padding-right: calc(1.5em + 0.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.375em + 0.1875rem) center; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .form-control.is-valid:focus, .was-validated .form-control:valid:focus { border-color: rgb(40, 167, 69); box-shadow: rgba(40, 167, 69, 0.25) 0px 0px 0px 0.2rem; } .was-validated textarea.form-control:valid, textarea.form-control.is-valid { padding-right: calc(1.5em + 0.75rem); background-position: right calc(0.375em + 0.1875rem) top calc(0.375em + 0.1875rem); } .custom-select.is-valid, .was-validated .custom-select:valid { border-color: rgb(40, 167, 69); padding-right: calc(0.75em + 2.3125rem); background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center / 8px 10px no-repeat, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") right 1.75rem center / calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat rgb(255, 255, 255); } .custom-select.is-valid:focus, .was-validated .custom-select:valid:focus { border-color: rgb(40, 167, 69); box-shadow: rgba(40, 167, 69, 0.25) 0px 0px 0px 0.2rem; } .form-check-input.is-valid ~ .form-check-label, .was-validated .form-check-input:valid ~ .form-check-label { color: rgb(40, 167, 69); } .form-check-input.is-valid ~ .valid-feedback, .form-check-input.is-valid ~ .valid-tooltip, .was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip { display: block; } .custom-control-input.is-valid ~ .custom-control-label, .was-validated .custom-control-input:valid ~ .custom-control-label { color: rgb(40, 167, 69); } .custom-control-input.is-valid ~ .custom-control-label::before, .was-validated .custom-control-input:valid ~ .custom-control-label::before { border-color: rgb(40, 167, 69); } .custom-control-input.is-valid:checked ~ .custom-control-label::before, .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before { border-color: rgb(52, 206, 87); background-color: rgb(52, 206, 87); } .custom-control-input.is-valid:focus ~ .custom-control-label::before, .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before { box-shadow: rgba(40, 167, 69, 0.25) 0px 0px 0px 0.2rem; } .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before, .was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before { border-color: rgb(40, 167, 69); } .custom-file-input.is-valid ~ .custom-file-label, .was-validated .custom-file-input:valid ~ .custom-file-label { border-color: rgb(40, 167, 69); } .custom-file-input.is-valid:focus ~ .custom-file-label, .was-validated .custom-file-input:valid:focus ~ .custom-file-label { border-color: rgb(40, 167, 69); box-shadow: rgba(40, 167, 69, 0.25) 0px 0px 0px 0.2rem; } .invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: rgb(220, 53, 69); } .invalid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: 0.1rem; font-size: 0.875rem; line-height: 1.5; color: rgb(255, 255, 255); background-color: rgba(220, 53, 69, 0.9); border-radius: 0.25rem; } .is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip, .was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-tooltip { display: block; } .form-control.is-invalid, .was-validated .form-control:invalid { border-color: rgb(220, 53, 69); padding-right: calc(1.5em + 0.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.375em + 0.1875rem) center; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .form-control.is-invalid:focus, .was-validated .form-control:invalid:focus { border-color: rgb(220, 53, 69); box-shadow: rgba(220, 53, 69, 0.25) 0px 0px 0px 0.2rem; } .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { padding-right: calc(1.5em + 0.75rem); background-position: right calc(0.375em + 0.1875rem) top calc(0.375em + 0.1875rem); } .custom-select.is-invalid, .was-validated .custom-select:invalid { border-color: rgb(220, 53, 69); padding-right: calc(0.75em + 2.3125rem); background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center / 8px 10px no-repeat, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") right 1.75rem center / calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat rgb(255, 255, 255); } .custom-select.is-invalid:focus, .was-validated .custom-select:invalid:focus { border-color: rgb(220, 53, 69); box-shadow: rgba(220, 53, 69, 0.25) 0px 0px 0px 0.2rem; } .form-check-input.is-invalid ~ .form-check-label, .was-validated .form-check-input:invalid ~ .form-check-label { color: rgb(220, 53, 69); } .form-check-input.is-invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-tooltip, .was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip { display: block; } .custom-control-input.is-invalid ~ .custom-control-label, .was-validated .custom-control-input:invalid ~ .custom-control-label { color: rgb(220, 53, 69); } .custom-control-input.is-invalid ~ .custom-control-label::before, .was-validated .custom-control-input:invalid ~ .custom-control-label::before { border-color: rgb(220, 53, 69); } .custom-control-input.is-invalid:checked ~ .custom-control-label::before, .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before { border-color: rgb(228, 96, 109); background-color: rgb(228, 96, 109); } .custom-control-input.is-invalid:focus ~ .custom-control-label::before, .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before { box-shadow: rgba(220, 53, 69, 0.25) 0px 0px 0px 0.2rem; } .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before, .was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before { border-color: rgb(220, 53, 69); } .custom-file-input.is-invalid ~ .custom-file-label, .was-validated .custom-file-input:invalid ~ .custom-file-label { border-color: rgb(220, 53, 69); } .custom-file-input.is-invalid:focus ~ .custom-file-label, .was-validated .custom-file-input:invalid:focus ~ .custom-file-label { border-color: rgb(220, 53, 69); box-shadow: rgba(220, 53, 69, 0.25) 0px 0px 0px 0.2rem; } .form-inline { display: flex; flex-flow: wrap; align-items: center; } .form-inline .form-check { width: 100%; } @media (min-width: 576px) { .form-inline label { display: flex; align-items: center; justify-content: center; margin-bottom: 0px; } .form-inline .form-group { display: flex; flex: 0 0 auto; flex-flow: wrap; align-items: center; margin-bottom: 0px; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .form-control-plaintext { display: inline-block; } .form-inline .custom-select, .form-inline .input-group { width: auto; } .form-inline .form-check { display: flex; align-items: center; justify-content: center; width: auto; padding-left: 0px; } .form-inline .form-check-input { position: relative; flex-shrink: 0; margin-top: 0px; margin-right: 0.25rem; margin-left: 0px; } .form-inline .custom-control { align-items: center; justify-content: center; } .form-inline .custom-control-label { margin-bottom: 0px; }} .btn { display: inline-block; font-weight: 400; color: rgb(33, 37, 41); text-align: center; vertical-align: middle; cursor: pointer; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; border-radius: 0.25rem; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; } @media (prefers-reduced-motion: reduce) { .btn { transition: none 0s ease 0s; }} .btn:hover { color: rgb(33, 37, 41); text-decoration: none; } .btn.focus, .btn:focus { outline: 0px; box-shadow: rgba(0, 123, 255, 0.25) 0px 0px 0px 0.2rem; } .btn.disabled, .btn:disabled { opacity: 0.65; } a.btn.disabled, fieldset:disabled a.btn { pointer-events: none; } .btn-primary { color: rgb(255, 255, 255); background-color: rgb(0, 123, 255); border-color: rgb(0, 123, 255); } .btn-primary:hover { color: rgb(255, 255, 255); background-color: rgb(0, 105, 217); border-color: rgb(0, 98, 204); } .btn-primary.focus, .btn-primary:focus { color: rgb(255, 255, 255); background-color: rgb(0, 105, 217); border-color: rgb(0, 98, 204); box-shadow: rgba(38, 143, 255, 0.5) 0px 0px 0px 0.2rem; } .btn-primary.disabled, .btn-primary:disabled { color: rgb(255, 255, 255); background-color: rgb(0, 123, 255); border-color: rgb(0, 123, 255); } .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(0, 98, 204); border-color: rgb(0, 92, 191); } .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow: rgba(38, 143, 255, 0.5) 0px 0px 0px 0.2rem; } .btn-secondary { color: rgb(255, 255, 255); background-color: rgb(108, 117, 125); border-color: rgb(108, 117, 125); } .btn-secondary:hover { color: rgb(255, 255, 255); background-color: rgb(90, 98, 104); border-color: rgb(84, 91, 98); } .btn-secondary.focus, .btn-secondary:focus { color: rgb(255, 255, 255); background-color: rgb(90, 98, 104); border-color: rgb(84, 91, 98); box-shadow: rgba(130, 138, 145, 0.5) 0px 0px 0px 0.2rem; } .btn-secondary.disabled, .btn-secondary:disabled { color: rgb(255, 255, 255); background-color: rgb(108, 117, 125); border-color: rgb(108, 117, 125); } .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show > .btn-secondary.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(84, 91, 98); border-color: rgb(78, 85, 91); } .btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-secondary.dropdown-toggle:focus { box-shadow: rgba(130, 138, 145, 0.5) 0px 0px 0px 0.2rem; } .btn-success { color: rgb(255, 255, 255); background-color: rgb(40, 167, 69); border-color: rgb(40, 167, 69); } .btn-success:hover { color: rgb(255, 255, 255); background-color: rgb(33, 136, 56); border-color: rgb(30, 126, 52); } .btn-success.focus, .btn-success:focus { color: rgb(255, 255, 255); background-color: rgb(33, 136, 56); border-color: rgb(30, 126, 52); box-shadow: rgba(72, 180, 97, 0.5) 0px 0px 0px 0.2rem; } .btn-success.disabled, .btn-success:disabled { color: rgb(255, 255, 255); background-color: rgb(40, 167, 69); border-color: rgb(40, 167, 69); } .btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show > .btn-success.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(30, 126, 52); border-color: rgb(28, 116, 48); } .btn-success:not(:disabled):not(.disabled).active:focus, .btn-success:not(:disabled):not(.disabled):active:focus, .show > .btn-success.dropdown-toggle:focus { box-shadow: rgba(72, 180, 97, 0.5) 0px 0px 0px 0.2rem; } .btn-info { color: rgb(255, 255, 255); background-color: rgb(23, 162, 184); border-color: rgb(23, 162, 184); } .btn-info:hover { color: rgb(255, 255, 255); background-color: rgb(19, 132, 150); border-color: rgb(17, 122, 139); } .btn-info.focus, .btn-info:focus { color: rgb(255, 255, 255); background-color: rgb(19, 132, 150); border-color: rgb(17, 122, 139); box-shadow: rgba(58, 176, 195, 0.5) 0px 0px 0px 0.2rem; } .btn-info.disabled, .btn-info:disabled { color: rgb(255, 255, 255); background-color: rgb(23, 162, 184); border-color: rgb(23, 162, 184); } .btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show > .btn-info.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(17, 122, 139); border-color: rgb(16, 112, 127); } .btn-info:not(:disabled):not(.disabled).active:focus, .btn-info:not(:disabled):not(.disabled):active:focus, .show > .btn-info.dropdown-toggle:focus { box-shadow: rgba(58, 176, 195, 0.5) 0px 0px 0px 0.2rem; } .btn-warning { color: rgb(33, 37, 41); background-color: rgb(255, 193, 7); border-color: rgb(255, 193, 7); } .btn-warning:hover { color: rgb(33, 37, 41); background-color: rgb(224, 168, 0); border-color: rgb(211, 158, 0); } .btn-warning.focus, .btn-warning:focus { color: rgb(33, 37, 41); background-color: rgb(224, 168, 0); border-color: rgb(211, 158, 0); box-shadow: rgba(222, 170, 12, 0.5) 0px 0px 0px 0.2rem; } .btn-warning.disabled, .btn-warning:disabled { color: rgb(33, 37, 41); background-color: rgb(255, 193, 7); border-color: rgb(255, 193, 7); } .btn-warning:not(:disabled):not(.disabled).active, .btn-warning:not(:disabled):not(.disabled):active, .show > .btn-warning.dropdown-toggle { color: rgb(33, 37, 41); background-color: rgb(211, 158, 0); border-color: rgb(198, 149, 0); } .btn-warning:not(:disabled):not(.disabled).active:focus, .btn-warning:not(:disabled):not(.disabled):active:focus, .show > .btn-warning.dropdown-toggle:focus { box-shadow: rgba(222, 170, 12, 0.5) 0px 0px 0px 0.2rem; } .btn-danger { color: rgb(255, 255, 255); background-color: rgb(220, 53, 69); border-color: rgb(220, 53, 69); } .btn-danger:hover { color: rgb(255, 255, 255); background-color: rgb(200, 35, 51); border-color: rgb(189, 33, 48); } .btn-danger.focus, .btn-danger:focus { color: rgb(255, 255, 255); background-color: rgb(200, 35, 51); border-color: rgb(189, 33, 48); box-shadow: rgba(225, 83, 97, 0.5) 0px 0px 0px 0.2rem; } .btn-danger.disabled, .btn-danger:disabled { color: rgb(255, 255, 255); background-color: rgb(220, 53, 69); border-color: rgb(220, 53, 69); } .btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .show > .btn-danger.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(189, 33, 48); border-color: rgb(178, 31, 45); } .btn-danger:not(:disabled):not(.disabled).active:focus, .btn-danger:not(:disabled):not(.disabled):active:focus, .show > .btn-danger.dropdown-toggle:focus { box-shadow: rgba(225, 83, 97, 0.5) 0px 0px 0px 0.2rem; } .btn-light { color: rgb(33, 37, 41); background-color: rgb(248, 249, 250); border-color: rgb(248, 249, 250); } .btn-light:hover { color: rgb(33, 37, 41); background-color: rgb(226, 230, 234); border-color: rgb(218, 224, 229); } .btn-light.focus, .btn-light:focus { color: rgb(33, 37, 41); background-color: rgb(226, 230, 234); border-color: rgb(218, 224, 229); box-shadow: rgba(216, 217, 219, 0.5) 0px 0px 0px 0.2rem; } .btn-light.disabled, .btn-light:disabled { color: rgb(33, 37, 41); background-color: rgb(248, 249, 250); border-color: rgb(248, 249, 250); } .btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show > .btn-light.dropdown-toggle { color: rgb(33, 37, 41); background-color: rgb(218, 224, 229); border-color: rgb(211, 217, 223); } .btn-light:not(:disabled):not(.disabled).active:focus, .btn-light:not(:disabled):not(.disabled):active:focus, .show > .btn-light.dropdown-toggle:focus { box-shadow: rgba(216, 217, 219, 0.5) 0px 0px 0px 0.2rem; } .btn-dark { color: rgb(255, 255, 255); background-color: rgb(52, 58, 64); border-color: rgb(52, 58, 64); } .btn-dark:hover { color: rgb(255, 255, 255); background-color: rgb(35, 39, 43); border-color: rgb(29, 33, 36); } .btn-dark.focus, .btn-dark:focus { color: rgb(255, 255, 255); background-color: rgb(35, 39, 43); border-color: rgb(29, 33, 36); box-shadow: rgba(82, 88, 93, 0.5) 0px 0px 0px 0.2rem; } .btn-dark.disabled, .btn-dark:disabled { color: rgb(255, 255, 255); background-color: rgb(52, 58, 64); border-color: rgb(52, 58, 64); } .btn-dark:not(:disabled):not(.disabled).active, .btn-dark:not(:disabled):not(.disabled):active, .show > .btn-dark.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(29, 33, 36); border-color: rgb(23, 26, 29); } .btn-dark:not(:disabled):not(.disabled).active:focus, .btn-dark:not(:disabled):not(.disabled):active:focus, .show > .btn-dark.dropdown-toggle:focus { box-shadow: rgba(82, 88, 93, 0.5) 0px 0px 0px 0.2rem; } .btn-outline-primary { color: rgb(0, 123, 255); border-color: rgb(0, 123, 255); } .btn-outline-primary:hover { color: rgb(255, 255, 255); background-color: rgb(0, 123, 255); border-color: rgb(0, 123, 255); } .btn-outline-primary.focus, .btn-outline-primary:focus { box-shadow: rgba(0, 123, 255, 0.5) 0px 0px 0px 0.2rem; } .btn-outline-primary.disabled, .btn-outline-primary:disabled { color: rgb(0, 123, 255); background-color: transparent; } .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show > .btn-outline-primary.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(0, 123, 255); border-color: rgb(0, 123, 255); } .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { box-shadow: rgba(0, 123, 255, 0.5) 0px 0px 0px 0.2rem; } .btn-outline-secondary { color: rgb(108, 117, 125); border-color: rgb(108, 117, 125); } .btn-outline-secondary:hover { color: rgb(255, 255, 255); background-color: rgb(108, 117, 125); border-color: rgb(108, 117, 125); } .btn-outline-secondary.focus, .btn-outline-secondary:focus { box-shadow: rgba(108, 117, 125, 0.5) 0px 0px 0px 0.2rem; } .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: rgb(108, 117, 125); background-color: transparent; } .btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active, .show > .btn-outline-secondary.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(108, 117, 125); border-color: rgb(108, 117, 125); } .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { box-shadow: rgba(108, 117, 125, 0.5) 0px 0px 0px 0.2rem; } .btn-outline-success { color: rgb(40, 167, 69); border-color: rgb(40, 167, 69); } .btn-outline-success:hover { color: rgb(255, 255, 255); background-color: rgb(40, 167, 69); border-color: rgb(40, 167, 69); } .btn-outline-success.focus, .btn-outline-success:focus { box-shadow: rgba(40, 167, 69, 0.5) 0px 0px 0px 0.2rem; } .btn-outline-success.disabled, .btn-outline-success:disabled { color: rgb(40, 167, 69); background-color: transparent; } .btn-outline-success:not(:disabled):not(.disabled).active, .btn-outline-success:not(:disabled):not(.disabled):active, .show > .btn-outline-success.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(40, 167, 69); border-color: rgb(40, 167, 69); } .btn-outline-success:not(:disabled):not(.disabled).active:focus, .btn-outline-success:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-success.dropdown-toggle:focus { box-shadow: rgba(40, 167, 69, 0.5) 0px 0px 0px 0.2rem; } .btn-outline-info { color: rgb(23, 162, 184); border-color: rgb(23, 162, 184); } .btn-outline-info:hover { color: rgb(255, 255, 255); background-color: rgb(23, 162, 184); border-color: rgb(23, 162, 184); } .btn-outline-info.focus, .btn-outline-info:focus { box-shadow: rgba(23, 162, 184, 0.5) 0px 0px 0px 0.2rem; } .btn-outline-info.disabled, .btn-outline-info:disabled { color: rgb(23, 162, 184); background-color: transparent; } .btn-outline-info:not(:disabled):not(.disabled).active, .btn-outline-info:not(:disabled):not(.disabled):active, .show > .btn-outline-info.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(23, 162, 184); border-color: rgb(23, 162, 184); } .btn-outline-info:not(:disabled):not(.disabled).active:focus, .btn-outline-info:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-info.dropdown-toggle:focus { box-shadow: rgba(23, 162, 184, 0.5) 0px 0px 0px 0.2rem; } .btn-outline-warning { color: rgb(255, 193, 7); border-color: rgb(255, 193, 7); } .btn-outline-warning:hover { color: rgb(33, 37, 41); background-color: rgb(255, 193, 7); border-color: rgb(255, 193, 7); } .btn-outline-warning.focus, .btn-outline-warning:focus { box-shadow: rgba(255, 193, 7, 0.5) 0px 0px 0px 0.2rem; } .btn-outline-warning.disabled, .btn-outline-warning:disabled { color: rgb(255, 193, 7); background-color: transparent; } .btn-outline-warning:not(:disabled):not(.disabled).active, .btn-outline-warning:not(:disabled):not(.disabled):active, .show > .btn-outline-warning.dropdown-toggle { color: rgb(33, 37, 41); background-color: rgb(255, 193, 7); border-color: rgb(255, 193, 7); } .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { box-shadow: rgba(255, 193, 7, 0.5) 0px 0px 0px 0.2rem; } .btn-outline-danger { color: rgb(220, 53, 69); border-color: rgb(220, 53, 69); } .btn-outline-danger:hover { color: rgb(255, 255, 255); background-color: rgb(220, 53, 69); border-color: rgb(220, 53, 69); } .btn-outline-danger.focus, .btn-outline-danger:focus { box-shadow: rgba(220, 53, 69, 0.5) 0px 0px 0px 0.2rem; } .btn-outline-danger.disabled, .btn-outline-danger:disabled { color: rgb(220, 53, 69); background-color: transparent; } .btn-outline-danger:not(:disabled):not(.disabled).active, .btn-outline-danger:not(:disabled):not(.disabled):active, .show > .btn-outline-danger.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(220, 53, 69); border-color: rgb(220, 53, 69); } .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { box-shadow: rgba(220, 53, 69, 0.5) 0px 0px 0px 0.2rem; } .btn-outline-light { color: rgb(248, 249, 250); border-color: rgb(248, 249, 250); } .btn-outline-light:hover { color: rgb(33, 37, 41); background-color: rgb(248, 249, 250); border-color: rgb(248, 249, 250); } .btn-outline-light.focus, .btn-outline-light:focus { box-shadow: rgba(248, 249, 250, 0.5) 0px 0px 0px 0.2rem; } .btn-outline-light.disabled, .btn-outline-light:disabled { color: rgb(248, 249, 250); background-color: transparent; } .btn-outline-light:not(:disabled):not(.disabled).active, .btn-outline-light:not(:disabled):not(.disabled):active, .show > .btn-outline-light.dropdown-toggle { color: rgb(33, 37, 41); background-color: rgb(248, 249, 250); border-color: rgb(248, 249, 250); } .btn-outline-light:not(:disabled):not(.disabled).active:focus, .btn-outline-light:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-light.dropdown-toggle:focus { box-shadow: rgba(248, 249, 250, 0.5) 0px 0px 0px 0.2rem; } .btn-outline-dark { color: rgb(52, 58, 64); border-color: rgb(52, 58, 64); } .btn-outline-dark:hover { color: rgb(255, 255, 255); background-color: rgb(52, 58, 64); border-color: rgb(52, 58, 64); } .btn-outline-dark.focus, .btn-outline-dark:focus { box-shadow: rgba(52, 58, 64, 0.5) 0px 0px 0px 0.2rem; } .btn-outline-dark.disabled, .btn-outline-dark:disabled { color: rgb(52, 58, 64); background-color: transparent; } .btn-outline-dark:not(:disabled):not(.disabled).active, .btn-outline-dark:not(:disabled):not(.disabled):active, .show > .btn-outline-dark.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(52, 58, 64); border-color: rgb(52, 58, 64); } .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { box-shadow: rgba(52, 58, 64, 0.5) 0px 0px 0px 0.2rem; } .btn-link { font-weight: 400; color: rgb(0, 123, 255); text-decoration: none; } .btn-link:hover { color: rgb(0, 86, 179); text-decoration: underline; } .btn-link.focus, .btn-link:focus { text-decoration: underline; box-shadow: none; } .btn-link.disabled, .btn-link:disabled { color: rgb(108, 117, 125); pointer-events: none; } .btn-group-lg > .btn, .btn-lg { padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; } .btn-group-sm > .btn, .btn-sm { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 0.5rem; } input[type="button"].btn-block, input[type="reset"].btn-block, input[type="submit"].btn-block { width: 100%; } .fade { transition: opacity 0.15s linear 0s; } @media (prefers-reduced-motion: reduce) { .fade { transition: none 0s ease 0s; }} .fade:not(.show) { opacity: 0; } .collapse:not(.show) { display: none; } .collapsing { position: relative; height: 0px; overflow: hidden; transition: height 0.35s ease 0s; } @media (prefers-reduced-motion: reduce) { .collapsing { transition: none 0s ease 0s; }} .dropdown, .dropleft, .dropright, .dropup { position: relative; } .dropdown-toggle { white-space: nowrap; } .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-width: 0.3em 0.3em 0px; border-top-style: solid; border-top-color: initial; border-right-style: solid; border-right-color: transparent; border-bottom-style: initial; border-bottom-color: initial; border-left-style: solid; border-left-color: transparent; } .dropdown-toggle:empty::after { margin-left: 0px; } .dropdown-menu { position: absolute; top: 100%; left: 0px; z-index: 1000; display: none; float: left; min-width: 10rem; padding: 0.5rem 0px; margin: 0.125rem 0px 0px; font-size: 1rem; color: rgb(33, 37, 41); text-align: left; list-style: none; background-color: rgb(255, 255, 255); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.25rem; } .dropdown-menu-left { right: auto; left: 0px; } .dropdown-menu-right { right: 0px; left: auto; } @media (min-width: 576px) { .dropdown-menu-sm-left { right: auto; left: 0px; } .dropdown-menu-sm-right { right: 0px; left: auto; }} @media (min-width: 768px) { .dropdown-menu-md-left { right: auto; left: 0px; } .dropdown-menu-md-right { right: 0px; left: auto; }} @media (min-width: 992px) { .dropdown-menu-lg-left { right: auto; left: 0px; } .dropdown-menu-lg-right { right: 0px; left: auto; }} @media (min-width: 1200px) { .dropdown-menu-xl-left { right: auto; left: 0px; } .dropdown-menu-xl-right { right: 0px; left: auto; }} .dropup .dropdown-menu { top: auto; bottom: 100%; margin-top: 0px; margin-bottom: 0.125rem; } .dropup .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-width: 0px 0.3em 0.3em; border-top-style: initial; border-top-color: initial; border-right-style: solid; border-right-color: transparent; border-bottom-style: solid; border-bottom-color: initial; border-left-style: solid; border-left-color: transparent; } .dropup .dropdown-toggle:empty::after { margin-left: 0px; } .dropright .dropdown-menu { top: 0px; right: auto; left: 100%; margin-top: 0px; margin-left: 0.125rem; } .dropright .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-width: 0.3em 0px 0.3em 0.3em; border-top-style: solid; border-top-color: transparent; border-right-style: initial; border-right-color: initial; border-bottom-style: solid; border-bottom-color: transparent; border-left-style: solid; border-left-color: initial; } .dropright .dropdown-toggle:empty::after { margin-left: 0px; } .dropright .dropdown-toggle::after { vertical-align: 0px; } .dropleft .dropdown-menu { top: 0px; right: 100%; left: auto; margin-top: 0px; margin-right: 0.125rem; } .dropleft .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; } .dropleft .dropdown-toggle::after { display: none; } .dropleft .dropdown-toggle::before { display: inline-block; margin-right: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0.3em solid; border-bottom: 0.3em solid transparent; } .dropleft .dropdown-toggle:empty::after { margin-left: 0px; } .dropleft .dropdown-toggle::before { vertical-align: 0px; } .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="top"] { right: auto; bottom: auto; } .dropdown-divider { height: 0px; margin: 0.5rem 0px; overflow: hidden; border-top: 1px solid rgb(233, 236, 239); } .dropdown-item { display: block; width: 100%; padding: 0.25rem 1.5rem; clear: both; font-weight: 400; color: rgb(33, 37, 41); text-align: inherit; white-space: nowrap; background-color: transparent; border: 0px; } .dropdown-item:focus, .dropdown-item:hover { color: rgb(22, 24, 27); text-decoration: none; background-color: rgb(248, 249, 250); } .dropdown-item.active, .dropdown-item:active { color: rgb(255, 255, 255); text-decoration: none; background-color: rgb(0, 123, 255); } .dropdown-item.disabled, .dropdown-item:disabled { color: rgb(108, 117, 125); pointer-events: none; background-color: transparent; } .dropdown-menu.show { display: block; } .dropdown-header { display: block; padding: 0.5rem 1.5rem; margin-bottom: 0px; font-size: 0.875rem; color: rgb(108, 117, 125); white-space: nowrap; } .dropdown-item-text { display: block; padding: 0.25rem 1.5rem; color: rgb(33, 37, 41); } .btn-group, .btn-group-vertical { position: relative; display: inline-flex; vertical-align: middle; } .btn-group-vertical > .btn, .btn-group > .btn { position: relative; flex: 1 1 auto; } .btn-group-vertical > .btn:hover, .btn-group > .btn:hover { z-index: 1; } .btn-group-vertical > .btn.active, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn:focus, .btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus { z-index: 1; } .btn-toolbar { display: flex; flex-wrap: wrap; justify-content: flex-start; } .btn-toolbar .input-group { width: auto; } .btn-group > .btn-group:not(:first-child), .btn-group > .btn:not(:first-child) { margin-left: -1px; } .btn-group > .btn-group:not(:last-child) > .btn, .btn-group > .btn:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .btn-group > .btn-group:not(:first-child) > .btn, .btn-group > .btn:not(:first-child) { border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .dropdown-toggle-split { padding-right: 0.5625rem; padding-left: 0.5625rem; } .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after { margin-left: 0px; } .dropleft .dropdown-toggle-split::before { margin-right: 0px; } .btn-group-sm > .btn + .dropdown-toggle-split, .btn-sm + .dropdown-toggle-split { padding-right: 0.375rem; padding-left: 0.375rem; } .btn-group-lg > .btn + .dropdown-toggle-split, .btn-lg + .dropdown-toggle-split { padding-right: 0.75rem; padding-left: 0.75rem; } .btn-group-vertical { flex-direction: column; align-items: flex-start; justify-content: center; } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group { width: 100%; } .btn-group-vertical > .btn-group:not(:first-child), .btn-group-vertical > .btn:not(:first-child) { margin-top: -1px; } .btn-group-vertical > .btn-group:not(:last-child) > .btn, .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } .btn-group-vertical > .btn-group:not(:first-child) > .btn, .btn-group-vertical > .btn:not(:first-child) { border-top-left-radius: 0px; border-top-right-radius: 0px; } .btn-group-toggle > .btn, .btn-group-toggle > .btn-group > .btn { margin-bottom: 0px; } .btn-group-toggle > .btn input[type="checkbox"], .btn-group-toggle > .btn input[type="radio"], .btn-group-toggle > .btn-group > .btn input[type="checkbox"], .btn-group-toggle > .btn-group > .btn input[type="radio"] { position: absolute; clip: rect(0px, 0px, 0px, 0px); pointer-events: none; } .input-group { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; } .input-group > .custom-file, .input-group > .custom-select, .input-group > .form-control, .input-group > .form-control-plaintext { position: relative; flex: 1 1 0%; min-width: 0px; margin-bottom: 0px; } .input-group > .custom-file + .custom-file, .input-group > .custom-file + .custom-select, .input-group > .custom-file + .form-control, .input-group > .custom-select + .custom-file, .input-group > .custom-select + .custom-select, .input-group > .custom-select + .form-control, .input-group > .form-control + .custom-file, .input-group > .form-control + .custom-select, .input-group > .form-control + .form-control, .input-group > .form-control-plaintext + .custom-file, .input-group > .form-control-plaintext + .custom-select, .input-group > .form-control-plaintext + .form-control { margin-left: -1px; } .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label, .input-group > .custom-select:focus, .input-group > .form-control:focus { z-index: 3; } .input-group > .custom-file .custom-file-input:focus { z-index: 4; } .input-group > .custom-select:not(:last-child), .input-group > .form-control:not(:last-child) { border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .input-group > .custom-select:not(:first-child), .input-group > .form-control:not(:first-child) { border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .input-group > .custom-file { display: flex; align-items: center; } .input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .input-group > .custom-file:not(:first-child) .custom-file-label { border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .input-group-append, .input-group-prepend { display: flex; } .input-group-append .btn, .input-group-prepend .btn { position: relative; z-index: 2; } .input-group-append .btn:focus, .input-group-prepend .btn:focus { z-index: 3; } .input-group-append .btn + .btn, .input-group-append .btn + .input-group-text, .input-group-append .input-group-text + .btn, .input-group-append .input-group-text + .input-group-text, .input-group-prepend .btn + .btn, .input-group-prepend .btn + .input-group-text, .input-group-prepend .input-group-text + .btn, .input-group-prepend .input-group-text + .input-group-text { margin-left: -1px; } .input-group-prepend { margin-right: -1px; } .input-group-append { margin-left: -1px; } .input-group-text { display: flex; align-items: center; padding: 0.375rem 0.75rem; margin-bottom: 0px; font-size: 1rem; font-weight: 400; line-height: 1.5; color: rgb(73, 80, 87); text-align: center; white-space: nowrap; background-color: rgb(233, 236, 239); border: 1px solid rgb(206, 212, 218); border-radius: 0.25rem; } .input-group-text input[type="checkbox"], .input-group-text input[type="radio"] { margin-top: 0px; } .input-group-lg > .custom-select, .input-group-lg > .form-control:not(textarea) { height: calc(1.5em + 2px + 1rem); } .input-group-lg > .custom-select, .input-group-lg > .form-control, .input-group-lg > .input-group-append > .btn, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-prepend > .input-group-text { padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; } .input-group-sm > .custom-select, .input-group-sm > .form-control:not(textarea) { height: calc(1.5em + 2px + 0.5rem); } .input-group-sm > .custom-select, .input-group-sm > .form-control, .input-group-sm > .input-group-append > .btn, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-prepend > .input-group-text { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; } .input-group-lg > .custom-select, .input-group-sm > .custom-select { padding-right: 1.75rem; } .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child), .input-group > .input-group-append:not(:last-child) > .btn, .input-group > .input-group-append:not(:last-child) > .input-group-text, .input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text { border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child), .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text { border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .custom-control { position: relative; display: block; min-height: 1.5rem; padding-left: 1.5rem; } .custom-control-inline { display: inline-flex; margin-right: 1rem; } .custom-control-input { position: absolute; left: 0px; z-index: -1; width: 1rem; height: 1.25rem; opacity: 0; } .custom-control-input:checked ~ .custom-control-label::before { color: rgb(255, 255, 255); border-color: rgb(0, 123, 255); background-color: rgb(0, 123, 255); } .custom-control-input:focus ~ .custom-control-label::before { box-shadow: rgba(0, 123, 255, 0.25) 0px 0px 0px 0.2rem; } .custom-control-input:focus:not(:checked) ~ .custom-control-label::before { border-color: rgb(128, 189, 255); } .custom-control-input:not(:disabled):active ~ .custom-control-label::before { color: rgb(255, 255, 255); background-color: rgb(179, 215, 255); border-color: rgb(179, 215, 255); } .custom-control-input:disabled ~ .custom-control-label, .custom-control-input[disabled] ~ .custom-control-label { color: rgb(108, 117, 125); } .custom-control-input:disabled ~ .custom-control-label::before, .custom-control-input[disabled] ~ .custom-control-label::before { background-color: rgb(233, 236, 239); } .custom-control-label { position: relative; margin-bottom: 0px; vertical-align: top; } .custom-control-label::before { position: absolute; top: 0.25rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; pointer-events: none; content: ""; background-color: rgb(255, 255, 255); border: 1px solid rgb(173, 181, 189); } .custom-control-label::after { position: absolute; top: 0.25rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; content: ""; background: 50% center / 50% 50% no-repeat; } .custom-checkbox .custom-control-label::before { border-radius: 0.25rem; } .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { border-color: rgb(0, 123, 255); background-color: rgb(0, 123, 255); } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e"); } .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); } .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); } .custom-radio .custom-control-label::before { border-radius: 50%; } .custom-radio .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); } .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); } .custom-switch { padding-left: 2.25rem; } .custom-switch .custom-control-label::before { left: -2.25rem; width: 1.75rem; pointer-events: all; border-radius: 0.5rem; } .custom-switch .custom-control-label::after { top: calc(2px + 0.25rem); left: calc(2px - 2.25rem); width: calc(-4px + 1rem); height: calc(-4px + 1rem); background-color: rgb(173, 181, 189); border-radius: 0.5rem; transition: transform 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-transform 0.15s ease-in-out 0s; } @media (prefers-reduced-motion: reduce) { .custom-switch .custom-control-label::after { transition: none 0s ease 0s; }} .custom-switch .custom-control-input:checked ~ .custom-control-label::after { background-color: rgb(255, 255, 255); transform: translateX(0.75rem); } .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); } .custom-select { display: inline-block; width: 100%; height: calc(1.5em + 2px + 0.75rem); padding: 0.375rem 1.75rem 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: rgb(73, 80, 87); vertical-align: middle; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center / 8px 10px no-repeat rgb(255, 255, 255); border: 1px solid rgb(206, 212, 218); border-radius: 0.25rem; appearance: none; } .custom-select:focus { border-color: rgb(128, 189, 255); outline: 0px; box-shadow: rgba(0, 123, 255, 0.25) 0px 0px 0px 0.2rem; } .custom-select[multiple], .custom-select[size]:not([size="1"]) { height: auto; padding-right: 0.75rem; background-image: none; } .custom-select:disabled { color: rgb(108, 117, 125); background-color: rgb(233, 236, 239); } .custom-select-sm { height: calc(1.5em + 2px + 0.5rem); padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 0.5rem; font-size: 0.875rem; } .custom-select-lg { height: calc(1.5em + 2px + 1rem); padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; font-size: 1.25rem; } .custom-file { position: relative; display: inline-block; width: 100%; height: calc(1.5em + 2px + 0.75rem); margin-bottom: 0px; } .custom-file-input { position: relative; z-index: 2; width: 100%; height: calc(1.5em + 2px + 0.75rem); margin: 0px; opacity: 0; } .custom-file-input:focus ~ .custom-file-label { border-color: rgb(128, 189, 255); box-shadow: rgba(0, 123, 255, 0.25) 0px 0px 0px 0.2rem; } .custom-file-input:disabled ~ .custom-file-label, .custom-file-input[disabled] ~ .custom-file-label { background-color: rgb(233, 236, 239); } .custom-file-input:lang(en) ~ .custom-file-label::after { content: "Browse"; } .custom-file-input ~ .custom-file-label[data-browse]::after { content: attr(data-browse); } .custom-file-label { position: absolute; top: 0px; right: 0px; left: 0px; z-index: 1; height: calc(1.5em + 2px + 0.75rem); padding: 0.375rem 0.75rem; font-weight: 400; line-height: 1.5; color: rgb(73, 80, 87); background-color: rgb(255, 255, 255); border: 1px solid rgb(206, 212, 218); border-radius: 0.25rem; } .custom-file-label::after { position: absolute; top: 0px; right: 0px; bottom: 0px; z-index: 3; display: block; height: calc(1.5em + 0.75rem); padding: 0.375rem 0.75rem; line-height: 1.5; color: rgb(73, 80, 87); content: "Browse"; background-color: rgb(233, 236, 239); border-left: inherit; border-radius: 0px 0.25rem 0.25rem 0px; } .custom-range { width: 100%; height: 1.4rem; padding: 0px; background-color: transparent; appearance: none; } .custom-range:focus { outline: 0px; } .custom-range:focus::-webkit-slider-thumb { box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px, rgba(0, 123, 255, 0.25) 0px 0px 0px 0.2rem; } .custom-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -0.25rem; background-color: rgb(0, 123, 255); border: 0px; border-radius: 1rem; transition: background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; appearance: none; } @media (prefers-reduced-motion: reduce) { .custom-range::-webkit-slider-thumb { transition: none 0s ease 0s; }} .custom-range::-webkit-slider-thumb:active { background-color: rgb(179, 215, 255); } .custom-range::-webkit-slider-runnable-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: rgb(222, 226, 230); border-color: transparent; border-radius: 1rem; } @media (prefers-reduced-motion: reduce) {} @media (prefers-reduced-motion: reduce) {} .custom-range:disabled::-webkit-slider-thumb { background-color: rgb(173, 181, 189); } .custom-range:disabled::-webkit-slider-runnable-track { cursor: default; } .custom-control-label::before, .custom-file-label, .custom-select { transition: background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; } @media (prefers-reduced-motion: reduce) { .custom-control-label::before, .custom-file-label, .custom-select { transition: none 0s ease 0s; }} .nav { display: flex; flex-wrap: wrap; padding-left: 0px; margin-bottom: 0px; list-style: none; } .nav-link { display: block; padding: 0.5rem 1rem; } .nav-link:focus, .nav-link:hover { text-decoration: none; } .nav-link.disabled { color: rgb(108, 117, 125); pointer-events: none; cursor: default; } .nav-tabs { border-bottom: 1px solid rgb(222, 226, 230); } .nav-tabs .nav-item { margin-bottom: -1px; } .nav-tabs .nav-link { border: 1px solid transparent; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { border-color: rgb(233, 236, 239) rgb(233, 236, 239) rgb(222, 226, 230); } .nav-tabs .nav-link.disabled { color: rgb(108, 117, 125); background-color: transparent; border-color: transparent; } .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { color: rgb(73, 80, 87); background-color: rgb(255, 255, 255); border-color: rgb(222, 226, 230) rgb(222, 226, 230) rgb(255, 255, 255); } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0px; border-top-right-radius: 0px; } .nav-pills .nav-link { border-radius: 0.25rem; } .nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: rgb(255, 255, 255); background-color: rgb(0, 123, 255); } .nav-fill .nav-item { flex: 1 1 auto; text-align: center; } .nav-justified .nav-item { flex-basis: 0px; flex-grow: 1; text-align: center; } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .navbar { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 0.5rem 1rem; } .navbar .container, .navbar .container-fluid, .navbar .container-lg, .navbar .container-md, .navbar .container-sm, .navbar .container-xl { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .navbar-brand { display: inline-block; padding-top: 0.3125rem; padding-bottom: 0.3125rem; margin-right: 1rem; font-size: 1.25rem; line-height: inherit; white-space: nowrap; } .navbar-brand:focus, .navbar-brand:hover { text-decoration: none; } .navbar-nav { display: flex; flex-direction: column; padding-left: 0px; margin-bottom: 0px; list-style: none; } .navbar-nav .nav-link { padding-right: 0px; padding-left: 0px; } .navbar-nav .dropdown-menu { position: static; float: none; } .navbar-text { display: inline-block; padding-top: 0.5rem; padding-bottom: 0.5rem; } .navbar-collapse { flex-basis: 100%; flex-grow: 1; align-items: center; } .navbar-toggler { padding: 0.25rem 0.75rem; font-size: 1.25rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: 0.25rem; } .navbar-toggler:focus, .navbar-toggler:hover { text-decoration: none; } .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; content: ""; background: center center / 100% 100% no-repeat; } @media (max-width: 575.98px) { .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-xl { padding-right: 0px; padding-left: 0px; }} @media (min-width: 576px) { .navbar-expand-sm { flex-flow: row; justify-content: flex-start; } .navbar-expand-sm .navbar-nav { flex-direction: row; } .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-sm .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-xl { flex-wrap: nowrap; } .navbar-expand-sm .navbar-collapse { flex-basis: auto; display: flex !important; } .navbar-expand-sm .navbar-toggler { display: none; }} @media (max-width: 767.98px) { .navbar-expand-md > .container, .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-md, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-xl { padding-right: 0px; padding-left: 0px; }} @media (min-width: 768px) { .navbar-expand-md { flex-flow: row; justify-content: flex-start; } .navbar-expand-md .navbar-nav { flex-direction: row; } .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-md .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-md > .container, .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-md, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-xl { flex-wrap: nowrap; } .navbar-expand-md .navbar-collapse { flex-basis: auto; display: flex !important; } .navbar-expand-md .navbar-toggler { display: none; }} @media (max-width: 991.98px) { .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-xl { padding-right: 0px; padding-left: 0px; }} @media (min-width: 992px) { .navbar-expand-lg { flex-flow: row; justify-content: flex-start; } .navbar-expand-lg .navbar-nav { flex-direction: row; } .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-lg .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-xl { flex-wrap: nowrap; } .navbar-expand-lg .navbar-collapse { flex-basis: auto; display: flex !important; } .navbar-expand-lg .navbar-toggler { display: none; }} @media (max-width: 1199.98px) { .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-xl { padding-right: 0px; padding-left: 0px; }} @media (min-width: 1200px) { .navbar-expand-xl { flex-flow: row; justify-content: flex-start; } .navbar-expand-xl .navbar-nav { flex-direction: row; } .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xl .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-xl { flex-wrap: nowrap; } .navbar-expand-xl .navbar-collapse { flex-basis: auto; display: flex !important; } .navbar-expand-xl .navbar-toggler { display: none; }} .navbar-expand { flex-flow: row; justify-content: flex-start; } .navbar-expand > .container, .navbar-expand > .container-fluid, .navbar-expand > .container-lg, .navbar-expand > .container-md, .navbar-expand > .container-sm, .navbar-expand > .container-xl { padding-right: 0px; padding-left: 0px; } .navbar-expand .navbar-nav { flex-direction: row; } .navbar-expand .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand > .container, .navbar-expand > .container-fluid, .navbar-expand > .container-lg, .navbar-expand > .container-md, .navbar-expand > .container-sm, .navbar-expand > .container-xl { flex-wrap: nowrap; } .navbar-expand .navbar-collapse { flex-basis: auto; display: flex !important; } .navbar-expand .navbar-toggler { display: none; } .navbar-light .navbar-brand { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-nav .nav-link { color: rgba(0, 0, 0, 0.5); } .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover { color: rgba(0, 0, 0, 0.7); } .navbar-light .navbar-nav .nav-link.disabled { color: rgba(0, 0, 0, 0.3); } .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-toggler { color: rgba(0, 0, 0, 0.5); border-color: rgba(0, 0, 0, 0.1); } .navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .navbar-light .navbar-text { color: rgba(0, 0, 0, 0.5); } .navbar-light .navbar-text a { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-text a:focus, .navbar-light .navbar-text a:hover { color: rgba(0, 0, 0, 0.9); } .navbar-dark .navbar-brand { color: rgb(255, 255, 255); } .navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover { color: rgb(255, 255, 255); } .navbar-dark .navbar-nav .nav-link { color: rgba(255, 255, 255, 0.5); } .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover { color: rgba(255, 255, 255, 0.75); } .navbar-dark .navbar-nav .nav-link.disabled { color: rgba(255, 255, 255, 0.25); } .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link { color: rgb(255, 255, 255); } .navbar-dark .navbar-toggler { color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.1); } .navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .navbar-dark .navbar-text { color: rgba(255, 255, 255, 0.5); } .navbar-dark .navbar-text a { color: rgb(255, 255, 255); } .navbar-dark .navbar-text a:focus, .navbar-dark .navbar-text a:hover { color: rgb(255, 255, 255); } .card { position: relative; display: flex; flex-direction: column; min-width: 0px; overflow-wrap: break-word; background-color: rgb(255, 255, 255); background-clip: border-box; border: 1px solid rgba(0, 0, 0, 0.125); border-radius: 0.25rem; } .card > hr { margin-right: 0px; margin-left: 0px; } .card > .list-group:first-child .list-group-item:first-child { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .card > .list-group:last-child .list-group-item:last-child { border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .card-body { flex: 1 1 auto; min-height: 1px; padding: 1.25rem; } .card-title { margin-bottom: 0.75rem; } .card-subtitle { margin-top: -0.375rem; margin-bottom: 0px; } .card-text:last-child { margin-bottom: 0px; } .card-link:hover { text-decoration: none; } .card-link + .card-link { margin-left: 1.25rem; } .card-header { padding: 0.75rem 1.25rem; margin-bottom: 0px; background-color: rgba(0, 0, 0, 0.03); border-bottom: 1px solid rgba(0, 0, 0, 0.125); } .card-header:first-child { border-radius: calc(-1px + 0.25rem) calc(-1px + 0.25rem) 0px 0px; } .card-header + .list-group .list-group-item:first-child { border-top: 0px; } .card-footer { padding: 0.75rem 1.25rem; background-color: rgba(0, 0, 0, 0.03); border-top: 1px solid rgba(0, 0, 0, 0.125); } .card-footer:last-child { border-radius: 0px 0px calc(-1px + 0.25rem) calc(-1px + 0.25rem); } .card-header-tabs { margin-right: -0.625rem; margin-bottom: -0.75rem; margin-left: -0.625rem; border-bottom: 0px; } .card-header-pills { margin-right: -0.625rem; margin-left: -0.625rem; } .card-img-overlay { position: absolute; inset: 0px; padding: 1.25rem; } .card-img, .card-img-bottom, .card-img-top { flex-shrink: 0; width: 100%; } .card-img, .card-img-top { border-top-left-radius: calc(-1px + 0.25rem); border-top-right-radius: calc(-1px + 0.25rem); } .card-img, .card-img-bottom { border-bottom-right-radius: calc(-1px + 0.25rem); border-bottom-left-radius: calc(-1px + 0.25rem); } .card-deck .card { margin-bottom: 15px; } @media (min-width: 576px) { .card-deck { display: flex; flex-flow: wrap; margin-right: -15px; margin-left: -15px; } .card-deck .card { flex: 1 0 0%; margin-right: 15px; margin-bottom: 0px; margin-left: 15px; }} .card-group > .card { margin-bottom: 15px; } @media (min-width: 576px) { .card-group { display: flex; flex-flow: wrap; } .card-group > .card { flex: 1 0 0%; margin-bottom: 0px; } .card-group > .card + .card { margin-left: 0px; border-left: 0px; } .card-group > .card:not(:last-child) { border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .card-group > .card:not(:last-child) .card-header, .card-group > .card:not(:last-child) .card-img-top { border-top-right-radius: 0px; } .card-group > .card:not(:last-child) .card-footer, .card-group > .card:not(:last-child) .card-img-bottom { border-bottom-right-radius: 0px; } .card-group > .card:not(:first-child) { border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .card-group > .card:not(:first-child) .card-header, .card-group > .card:not(:first-child) .card-img-top { border-top-left-radius: 0px; } .card-group > .card:not(:first-child) .card-footer, .card-group > .card:not(:first-child) .card-img-bottom { border-bottom-left-radius: 0px; }} .card-columns .card { margin-bottom: 0.75rem; } @media (min-width: 576px) { .card-columns { column-count: 3; column-gap: 1.25rem; orphans: 1; widows: 1; } .card-columns .card { display: inline-block; width: 100%; }} .accordion > .card { overflow: hidden; } .accordion > .card:not(:last-of-type) { border-bottom: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } .accordion > .card:not(:first-of-type) { border-top-left-radius: 0px; border-top-right-radius: 0px; } .accordion > .card > .card-header { border-radius: 0px; margin-bottom: -1px; } .breadcrumb { display: flex; flex-wrap: wrap; padding: 0.75rem 1rem; margin-bottom: 1rem; list-style: none; background-color: rgb(233, 236, 239); border-radius: 0.25rem; } .breadcrumb-item + .breadcrumb-item { padding-left: 0.5rem; } .breadcrumb-item + .breadcrumb-item::before { display: inline-block; padding-right: 0.5rem; color: rgb(108, 117, 125); content: "/"; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: underline; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: none; } .breadcrumb-item.active { color: rgb(108, 117, 125); } .pagination { display: flex; padding-left: 0px; list-style: none; border-radius: 0.25rem; } .page-link { position: relative; display: block; padding: 0.5rem 0.75rem; margin-left: -1px; line-height: 1.25; color: rgb(0, 123, 255); background-color: rgb(255, 255, 255); border: 1px solid rgb(222, 226, 230); } .page-link:hover { z-index: 2; color: rgb(0, 86, 179); text-decoration: none; background-color: rgb(233, 236, 239); border-color: rgb(222, 226, 230); } .page-link:focus { z-index: 3; outline: 0px; box-shadow: rgba(0, 123, 255, 0.25) 0px 0px 0px 0.2rem; } .page-item:first-child .page-link { margin-left: 0px; border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .page-item:last-child .page-link { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .page-item.active .page-link { z-index: 3; color: rgb(255, 255, 255); background-color: rgb(0, 123, 255); border-color: rgb(0, 123, 255); } .page-item.disabled .page-link { color: rgb(108, 117, 125); pointer-events: none; cursor: auto; background-color: rgb(255, 255, 255); border-color: rgb(222, 226, 230); } .pagination-lg .page-link { padding: 0.75rem 1.5rem; font-size: 1.25rem; line-height: 1.5; } .pagination-lg .page-item:first-child .page-link { border-top-left-radius: 0.3rem; border-bottom-left-radius: 0.3rem; } .pagination-lg .page-item:last-child .page-link { border-top-right-radius: 0.3rem; border-bottom-right-radius: 0.3rem; } .pagination-sm .page-link { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; } .pagination-sm .page-item:first-child .page-link { border-top-left-radius: 0.2rem; border-bottom-left-radius: 0.2rem; } .pagination-sm .page-item:last-child .page-link { border-top-right-radius: 0.2rem; border-bottom-right-radius: 0.2rem; } .badge { display: inline-block; padding: 0.25em 0.4em; font-size: 75%; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25rem; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; } @media (prefers-reduced-motion: reduce) { .badge { transition: none 0s ease 0s; }} a.badge:focus, a.badge:hover { text-decoration: none; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .badge-pill { padding-right: 0.6em; padding-left: 0.6em; border-radius: 10rem; } .badge-primary { color: rgb(255, 255, 255); background-color: rgb(0, 123, 255); } a.badge-primary:focus, a.badge-primary:hover { color: rgb(255, 255, 255); background-color: rgb(0, 98, 204); } a.badge-primary.focus, a.badge-primary:focus { outline: 0px; box-shadow: rgba(0, 123, 255, 0.5) 0px 0px 0px 0.2rem; } .badge-secondary { color: rgb(255, 255, 255); background-color: rgb(108, 117, 125); } a.badge-secondary:focus, a.badge-secondary:hover { color: rgb(255, 255, 255); background-color: rgb(84, 91, 98); } a.badge-secondary.focus, a.badge-secondary:focus { outline: 0px; box-shadow: rgba(108, 117, 125, 0.5) 0px 0px 0px 0.2rem; } .badge-success { color: rgb(255, 255, 255); background-color: rgb(40, 167, 69); } a.badge-success:focus, a.badge-success:hover { color: rgb(255, 255, 255); background-color: rgb(30, 126, 52); } a.badge-success.focus, a.badge-success:focus { outline: 0px; box-shadow: rgba(40, 167, 69, 0.5) 0px 0px 0px 0.2rem; } .badge-info { color: rgb(255, 255, 255); background-color: rgb(23, 162, 184); } a.badge-info:focus, a.badge-info:hover { color: rgb(255, 255, 255); background-color: rgb(17, 122, 139); } a.badge-info.focus, a.badge-info:focus { outline: 0px; box-shadow: rgba(23, 162, 184, 0.5) 0px 0px 0px 0.2rem; } .badge-warning { color: rgb(33, 37, 41); background-color: rgb(255, 193, 7); } a.badge-warning:focus, a.badge-warning:hover { color: rgb(33, 37, 41); background-color: rgb(211, 158, 0); } a.badge-warning.focus, a.badge-warning:focus { outline: 0px; box-shadow: rgba(255, 193, 7, 0.5) 0px 0px 0px 0.2rem; } .badge-danger { color: rgb(255, 255, 255); background-color: rgb(220, 53, 69); } a.badge-danger:focus, a.badge-danger:hover { color: rgb(255, 255, 255); background-color: rgb(189, 33, 48); } a.badge-danger.focus, a.badge-danger:focus { outline: 0px; box-shadow: rgba(220, 53, 69, 0.5) 0px 0px 0px 0.2rem; } .badge-light { color: rgb(33, 37, 41); background-color: rgb(248, 249, 250); } a.badge-light:focus, a.badge-light:hover { color: rgb(33, 37, 41); background-color: rgb(218, 224, 229); } a.badge-light.focus, a.badge-light:focus { outline: 0px; box-shadow: rgba(248, 249, 250, 0.5) 0px 0px 0px 0.2rem; } .badge-dark { color: rgb(255, 255, 255); background-color: rgb(52, 58, 64); } a.badge-dark:focus, a.badge-dark:hover { color: rgb(255, 255, 255); background-color: rgb(29, 33, 36); } a.badge-dark.focus, a.badge-dark:focus { outline: 0px; box-shadow: rgba(52, 58, 64, 0.5) 0px 0px 0px 0.2rem; } .jumbotron { padding: 2rem 1rem; margin-bottom: 2rem; background-color: rgb(233, 236, 239); border-radius: 0.3rem; } @media (min-width: 576px) { .jumbotron { padding: 4rem 2rem; }} .jumbotron-fluid { padding-right: 0px; padding-left: 0px; border-radius: 0px; } .alert { position: relative; padding: 0.75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0.25rem; } .alert-heading { color: inherit; } .alert-link { font-weight: 700; } .alert-dismissible { padding-right: 4rem; } .alert-dismissible .close { position: absolute; top: 0px; right: 0px; padding: 0.75rem 1.25rem; color: inherit; } .alert-primary { color: rgb(0, 64, 133); background-color: rgb(204, 229, 255); border-color: rgb(184, 218, 255); } .alert-primary hr { border-top-color: rgb(159, 205, 255); } .alert-primary .alert-link { color: rgb(0, 39, 82); } .alert-secondary { color: rgb(56, 61, 65); background-color: rgb(226, 227, 229); border-color: rgb(214, 216, 219); } .alert-secondary hr { border-top-color: rgb(200, 203, 207); } .alert-secondary .alert-link { color: rgb(32, 35, 38); } .alert-success { color: rgb(21, 87, 36); background-color: rgb(212, 237, 218); border-color: rgb(195, 230, 203); } .alert-success hr { border-top-color: rgb(177, 223, 187); } .alert-success .alert-link { color: rgb(11, 46, 19); } .alert-info { color: rgb(12, 84, 96); background-color: rgb(209, 236, 241); border-color: rgb(190, 229, 235); } .alert-info hr { border-top-color: rgb(171, 221, 229); } .alert-info .alert-link { color: rgb(6, 44, 51); } .alert-warning { color: rgb(133, 100, 4); background-color: rgb(255, 243, 205); border-color: rgb(255, 238, 186); } .alert-warning hr { border-top-color: rgb(255, 232, 161); } .alert-warning .alert-link { color: rgb(83, 63, 3); } .alert-danger { color: rgb(114, 28, 36); background-color: rgb(248, 215, 218); border-color: rgb(245, 198, 203); } .alert-danger hr { border-top-color: rgb(241, 176, 183); } .alert-danger .alert-link { color: rgb(73, 18, 23); } .alert-light { color: rgb(129, 129, 130); background-color: rgb(254, 254, 254); border-color: rgb(253, 253, 254); } .alert-light hr { border-top-color: rgb(236, 236, 246); } .alert-light .alert-link { color: rgb(104, 104, 104); } .alert-dark { color: rgb(27, 30, 33); background-color: rgb(214, 216, 217); border-color: rgb(198, 200, 202); } .alert-dark hr { border-top-color: rgb(185, 187, 190); } .alert-dark .alert-link { color: rgb(4, 5, 5); } @-webkit-keyframes progress-bar-stripes { 0% { background-position: 1rem 0px; } 100% { background-position: 0px 0px; }} @keyframes progress-bar-stripes { 0% { background-position: 1rem 0px; } 100% { background-position: 0px 0px; }} .progress { display: flex; height: 1rem; overflow: hidden; font-size: 0.75rem; background-color: rgb(233, 236, 239); border-radius: 0.25rem; } .progress-bar { display: flex; flex-direction: column; justify-content: center; overflow: hidden; color: rgb(255, 255, 255); text-align: center; white-space: nowrap; background-color: rgb(0, 123, 255); transition: width 0.6s ease 0s; } @media (prefers-reduced-motion: reduce) { .progress-bar { transition: none 0s ease 0s; }} .progress-bar-striped { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 1rem 1rem; } .progress-bar-animated { animation: 1s linear 0s infinite normal none running progress-bar-stripes; } @media (prefers-reduced-motion: reduce) { .progress-bar-animated { animation: auto ease 0s 1 normal none running none; }} .media { display: flex; align-items: flex-start; } .media-body { flex: 1 1 0%; } .list-group { display: flex; flex-direction: column; padding-left: 0px; margin-bottom: 0px; } .list-group-item-action { width: 100%; color: rgb(73, 80, 87); text-align: inherit; } .list-group-item-action:focus, .list-group-item-action:hover { z-index: 1; color: rgb(73, 80, 87); text-decoration: none; background-color: rgb(248, 249, 250); } .list-group-item-action:active { color: rgb(33, 37, 41); background-color: rgb(233, 236, 239); } .list-group-item { position: relative; display: block; padding: 0.75rem 1.25rem; background-color: rgb(255, 255, 255); border: 1px solid rgba(0, 0, 0, 0.125); } .list-group-item:first-child { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .list-group-item:last-child { border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .list-group-item.disabled, .list-group-item:disabled { color: rgb(108, 117, 125); pointer-events: none; background-color: rgb(255, 255, 255); } .list-group-item.active { z-index: 2; color: rgb(255, 255, 255); background-color: rgb(0, 123, 255); border-color: rgb(0, 123, 255); } .list-group-item + .list-group-item { border-top-width: 0px; } .list-group-item + .list-group-item.active { margin-top: -1px; border-top-width: 1px; } .list-group-horizontal { flex-direction: row; } .list-group-horizontal .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0px; } .list-group-horizontal .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0px; } .list-group-horizontal .list-group-item.active { margin-top: 0px; } .list-group-horizontal .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0px; } .list-group-horizontal .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } @media (min-width: 576px) { .list-group-horizontal-sm { flex-direction: row; } .list-group-horizontal-sm .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0px; } .list-group-horizontal-sm .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0px; } .list-group-horizontal-sm .list-group-item.active { margin-top: 0px; } .list-group-horizontal-sm .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0px; } .list-group-horizontal-sm .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; }} @media (min-width: 768px) { .list-group-horizontal-md { flex-direction: row; } .list-group-horizontal-md .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0px; } .list-group-horizontal-md .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0px; } .list-group-horizontal-md .list-group-item.active { margin-top: 0px; } .list-group-horizontal-md .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0px; } .list-group-horizontal-md .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; }} @media (min-width: 992px) { .list-group-horizontal-lg { flex-direction: row; } .list-group-horizontal-lg .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0px; } .list-group-horizontal-lg .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0px; } .list-group-horizontal-lg .list-group-item.active { margin-top: 0px; } .list-group-horizontal-lg .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0px; } .list-group-horizontal-lg .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; }} @media (min-width: 1200px) { .list-group-horizontal-xl { flex-direction: row; } .list-group-horizontal-xl .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0px; } .list-group-horizontal-xl .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0px; } .list-group-horizontal-xl .list-group-item.active { margin-top: 0px; } .list-group-horizontal-xl .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0px; } .list-group-horizontal-xl .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; }} .list-group-flush .list-group-item { border-right-width: 0px; border-left-width: 0px; border-radius: 0px; } .list-group-flush .list-group-item:first-child { border-top-width: 0px; } .list-group-flush:last-child .list-group-item:last-child { border-bottom-width: 0px; } .list-group-item-primary { color: rgb(0, 64, 133); background-color: rgb(184, 218, 255); } .list-group-item-primary.list-group-item-action:focus, .list-group-item-primary.list-group-item-action:hover { color: rgb(0, 64, 133); background-color: rgb(159, 205, 255); } .list-group-item-primary.list-group-item-action.active { color: rgb(255, 255, 255); background-color: rgb(0, 64, 133); border-color: rgb(0, 64, 133); } .list-group-item-secondary { color: rgb(56, 61, 65); background-color: rgb(214, 216, 219); } .list-group-item-secondary.list-group-item-action:focus, .list-group-item-secondary.list-group-item-action:hover { color: rgb(56, 61, 65); background-color: rgb(200, 203, 207); } .list-group-item-secondary.list-group-item-action.active { color: rgb(255, 255, 255); background-color: rgb(56, 61, 65); border-color: rgb(56, 61, 65); } .list-group-item-success { color: rgb(21, 87, 36); background-color: rgb(195, 230, 203); } .list-group-item-success.list-group-item-action:focus, .list-group-item-success.list-group-item-action:hover { color: rgb(21, 87, 36); background-color: rgb(177, 223, 187); } .list-group-item-success.list-group-item-action.active { color: rgb(255, 255, 255); background-color: rgb(21, 87, 36); border-color: rgb(21, 87, 36); } .list-group-item-info { color: rgb(12, 84, 96); background-color: rgb(190, 229, 235); } .list-group-item-info.list-group-item-action:focus, .list-group-item-info.list-group-item-action:hover { color: rgb(12, 84, 96); background-color: rgb(171, 221, 229); } .list-group-item-info.list-group-item-action.active { color: rgb(255, 255, 255); background-color: rgb(12, 84, 96); border-color: rgb(12, 84, 96); } .list-group-item-warning { color: rgb(133, 100, 4); background-color: rgb(255, 238, 186); } .list-group-item-warning.list-group-item-action:focus, .list-group-item-warning.list-group-item-action:hover { color: rgb(133, 100, 4); background-color: rgb(255, 232, 161); } .list-group-item-warning.list-group-item-action.active { color: rgb(255, 255, 255); background-color: rgb(133, 100, 4); border-color: rgb(133, 100, 4); } .list-group-item-danger { color: rgb(114, 28, 36); background-color: rgb(245, 198, 203); } .list-group-item-danger.list-group-item-action:focus, .list-group-item-danger.list-group-item-action:hover { color: rgb(114, 28, 36); background-color: rgb(241, 176, 183); } .list-group-item-danger.list-group-item-action.active { color: rgb(255, 255, 255); background-color: rgb(114, 28, 36); border-color: rgb(114, 28, 36); } .list-group-item-light { color: rgb(129, 129, 130); background-color: rgb(253, 253, 254); } .list-group-item-light.list-group-item-action:focus, .list-group-item-light.list-group-item-action:hover { color: rgb(129, 129, 130); background-color: rgb(236, 236, 246); } .list-group-item-light.list-group-item-action.active { color: rgb(255, 255, 255); background-color: rgb(129, 129, 130); border-color: rgb(129, 129, 130); } .list-group-item-dark { color: rgb(27, 30, 33); background-color: rgb(198, 200, 202); } .list-group-item-dark.list-group-item-action:focus, .list-group-item-dark.list-group-item-action:hover { color: rgb(27, 30, 33); background-color: rgb(185, 187, 190); } .list-group-item-dark.list-group-item-action.active { color: rgb(255, 255, 255); background-color: rgb(27, 30, 33); border-color: rgb(27, 30, 33); } .close { float: right; font-size: 1.5rem; font-weight: 700; line-height: 1; color: rgb(0, 0, 0); text-shadow: rgb(255, 255, 255) 0px 1px 0px; opacity: 0.5; } .close:hover { color: rgb(0, 0, 0); text-decoration: none; } .close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover { opacity: 0.75; } button.close { padding: 0px; background-color: transparent; border: 0px; appearance: none; } a.close.disabled { pointer-events: none; } .toast { max-width: 350px; overflow: hidden; font-size: 0.875rem; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: rgba(0, 0, 0, 0.1) 0px 0.25rem 0.75rem; backdrop-filter: blur(10px); opacity: 0; border-radius: 0.25rem; } .toast:not(:last-child) { margin-bottom: 0.75rem; } .toast.showing { opacity: 1; } .toast.show { display: block; opacity: 1; } .toast.hide { display: none; } .toast-header { display: flex; align-items: center; padding: 0.25rem 0.75rem; color: rgb(108, 117, 125); background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border-bottom: 1px solid rgba(0, 0, 0, 0.05); } .toast-body { padding: 0.75rem; } .modal-open { overflow: hidden; } .modal-open .modal { overflow: hidden auto; } .modal { position: fixed; top: 0px; left: 0px; z-index: 1050; display: none; width: 100%; height: 100%; overflow: hidden; outline: 0px; } .modal-dialog { position: relative; width: auto; margin: 0.5rem; pointer-events: none; } .modal.fade .modal-dialog { transition: transform 0.3s ease-out 0s, -webkit-transform 0.3s ease-out 0s; transform: translate(0px, -50px); } @media (prefers-reduced-motion: reduce) { .modal.fade .modal-dialog { transition: none 0s ease 0s; }} .modal.show .modal-dialog { transform: none; } .modal.modal-static .modal-dialog { transform: scale(1.02); } .modal-dialog-scrollable { display: flex; max-height: calc(100% - 1rem); } .modal-dialog-scrollable .modal-content { max-height: calc(-1rem + 100vh); overflow: hidden; } .modal-dialog-scrollable .modal-footer, .modal-dialog-scrollable .modal-header { flex-shrink: 0; } .modal-dialog-scrollable .modal-body { overflow-y: auto; } .modal-dialog-centered { display: flex; align-items: center; min-height: calc(100% - 1rem); } .modal-dialog-centered::before { display: block; height: calc(-1rem + 100vh); content: ""; } .modal-dialog-centered.modal-dialog-scrollable { flex-direction: column; justify-content: center; height: 100%; } .modal-dialog-centered.modal-dialog-scrollable .modal-content { max-height: none; } .modal-dialog-centered.modal-dialog-scrollable::before { content: none; } .modal-content { position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: rgb(255, 255, 255); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; outline: 0px; } .modal-backdrop { position: fixed; top: 0px; left: 0px; z-index: 1040; width: 100vw; height: 100vh; background-color: rgb(0, 0, 0); } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.show { opacity: 0.5; } .modal-header { display: flex; align-items: flex-start; justify-content: space-between; padding: 1rem; border-bottom: 1px solid rgb(222, 226, 230); border-top-left-radius: calc(-1px + 0.3rem); border-top-right-radius: calc(-1px + 0.3rem); } .modal-header .close { padding: 1rem; margin: -1rem -1rem -1rem auto; } .modal-title { margin-bottom: 0px; line-height: 1.5; } .modal-body { position: relative; flex: 1 1 auto; padding: 1rem; } .modal-footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; padding: 0.75rem; border-top: 1px solid rgb(222, 226, 230); border-bottom-right-radius: calc(-1px + 0.3rem); border-bottom-left-radius: calc(-1px + 0.3rem); } .modal-footer > * { margin: 0.25rem; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 576px) { .modal-dialog { max-width: 500px; margin: 1.75rem auto; } .modal-dialog-scrollable { max-height: calc(100% - 3.5rem); } .modal-dialog-scrollable .modal-content { max-height: calc(-3.5rem + 100vh); } .modal-dialog-centered { min-height: calc(100% - 3.5rem); } .modal-dialog-centered::before { height: calc(-3.5rem + 100vh); } .modal-sm { max-width: 300px; }} @media (min-width: 992px) { .modal-lg, .modal-xl { max-width: 800px; }} @media (min-width: 1200px) { .modal-xl { max-width: 1140px; }} .tooltip { position: absolute; z-index: 1070; display: block; margin: 0px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-style: normal; font-weight: 400; line-height: 1.5; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.875rem; overflow-wrap: break-word; opacity: 0; } .tooltip.show { opacity: 0.9; } .tooltip .arrow { position: absolute; display: block; width: 0.8rem; height: 0.4rem; } .tooltip .arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid; } .bs-tooltip-auto[x-placement^="top"], .bs-tooltip-top { padding: 0.4rem 0px; } .bs-tooltip-auto[x-placement^="top"] .arrow, .bs-tooltip-top .arrow { bottom: 0px; } .bs-tooltip-auto[x-placement^="top"] .arrow::before, .bs-tooltip-top .arrow::before { top: 0px; border-width: 0.4rem 0.4rem 0px; border-top-color: rgb(0, 0, 0); } .bs-tooltip-auto[x-placement^="right"], .bs-tooltip-right { padding: 0px 0.4rem; } .bs-tooltip-auto[x-placement^="right"] .arrow, .bs-tooltip-right .arrow { left: 0px; width: 0.4rem; height: 0.8rem; } .bs-tooltip-auto[x-placement^="right"] .arrow::before, .bs-tooltip-right .arrow::before { right: 0px; border-width: 0.4rem 0.4rem 0.4rem 0px; border-right-color: rgb(0, 0, 0); } .bs-tooltip-auto[x-placement^="bottom"], .bs-tooltip-bottom { padding: 0.4rem 0px; } .bs-tooltip-auto[x-placement^="bottom"] .arrow, .bs-tooltip-bottom .arrow { top: 0px; } .bs-tooltip-auto[x-placement^="bottom"] .arrow::before, .bs-tooltip-bottom .arrow::before { bottom: 0px; border-width: 0px 0.4rem 0.4rem; border-bottom-color: rgb(0, 0, 0); } .bs-tooltip-auto[x-placement^="left"], .bs-tooltip-left { padding: 0px 0.4rem; } .bs-tooltip-auto[x-placement^="left"] .arrow, .bs-tooltip-left .arrow { right: 0px; width: 0.4rem; height: 0.8rem; } .bs-tooltip-auto[x-placement^="left"] .arrow::before, .bs-tooltip-left .arrow::before { left: 0px; border-width: 0.4rem 0px 0.4rem 0.4rem; border-left-color: rgb(0, 0, 0); } .tooltip-inner { max-width: 200px; padding: 0.25rem 0.5rem; color: rgb(255, 255, 255); text-align: center; background-color: rgb(0, 0, 0); border-radius: 0.25rem; } .popover { position: absolute; top: 0px; left: 0px; z-index: 1060; display: block; max-width: 276px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-style: normal; font-weight: 400; line-height: 1.5; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.875rem; overflow-wrap: break-word; background-color: rgb(255, 255, 255); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; } .popover .arrow { position: absolute; display: block; width: 1rem; height: 0.5rem; margin: 0px 0.3rem; } .popover .arrow::after, .popover .arrow::before { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid; } .bs-popover-auto[x-placement^="top"], .bs-popover-top { margin-bottom: 0.5rem; } .bs-popover-auto[x-placement^="top"] > .arrow, .bs-popover-top > .arrow { bottom: calc(-1px - 0.5rem); } .bs-popover-auto[x-placement^="top"] > .arrow::before, .bs-popover-top > .arrow::before { bottom: 0px; border-width: 0.5rem 0.5rem 0px; border-top-color: rgba(0, 0, 0, 0.25); } .bs-popover-auto[x-placement^="top"] > .arrow::after, .bs-popover-top > .arrow::after { bottom: 1px; border-width: 0.5rem 0.5rem 0px; border-top-color: rgb(255, 255, 255); } .bs-popover-auto[x-placement^="right"], .bs-popover-right { margin-left: 0.5rem; } .bs-popover-auto[x-placement^="right"] > .arrow, .bs-popover-right > .arrow { left: calc(-1px - 0.5rem); width: 0.5rem; height: 1rem; margin: 0.3rem 0px; } .bs-popover-auto[x-placement^="right"] > .arrow::before, .bs-popover-right > .arrow::before { left: 0px; border-width: 0.5rem 0.5rem 0.5rem 0px; border-right-color: rgba(0, 0, 0, 0.25); } .bs-popover-auto[x-placement^="right"] > .arrow::after, .bs-popover-right > .arrow::after { left: 1px; border-width: 0.5rem 0.5rem 0.5rem 0px; border-right-color: rgb(255, 255, 255); } .bs-popover-auto[x-placement^="bottom"], .bs-popover-bottom { margin-top: 0.5rem; } .bs-popover-auto[x-placement^="bottom"] > .arrow, .bs-popover-bottom > .arrow { top: calc(-1px - 0.5rem); } .bs-popover-auto[x-placement^="bottom"] > .arrow::before, .bs-popover-bottom > .arrow::before { top: 0px; border-width: 0px 0.5rem 0.5rem; border-bottom-color: rgba(0, 0, 0, 0.25); } .bs-popover-auto[x-placement^="bottom"] > .arrow::after, .bs-popover-bottom > .arrow::after { top: 1px; border-width: 0px 0.5rem 0.5rem; border-bottom-color: rgb(255, 255, 255); } .bs-popover-auto[x-placement^="bottom"] .popover-header::before, .bs-popover-bottom .popover-header::before { position: absolute; top: 0px; left: 50%; display: block; width: 1rem; margin-left: -0.5rem; content: ""; border-bottom: 1px solid rgb(247, 247, 247); } .bs-popover-auto[x-placement^="left"], .bs-popover-left { margin-right: 0.5rem; } .bs-popover-auto[x-placement^="left"] > .arrow, .bs-popover-left > .arrow { right: calc(-1px - 0.5rem); width: 0.5rem; height: 1rem; margin: 0.3rem 0px; } .bs-popover-auto[x-placement^="left"] > .arrow::before, .bs-popover-left > .arrow::before { right: 0px; border-width: 0.5rem 0px 0.5rem 0.5rem; border-left-color: rgba(0, 0, 0, 0.25); } .bs-popover-auto[x-placement^="left"] > .arrow::after, .bs-popover-left > .arrow::after { right: 1px; border-width: 0.5rem 0px 0.5rem 0.5rem; border-left-color: rgb(255, 255, 255); } .popover-header { padding: 0.5rem 0.75rem; margin-bottom: 0px; font-size: 1rem; background-color: rgb(247, 247, 247); border-bottom: 1px solid rgb(235, 235, 235); border-top-left-radius: calc(-1px + 0.3rem); border-top-right-radius: calc(-1px + 0.3rem); } .popover-header:empty { display: none; } .popover-body { padding: 0.5rem 0.75rem; color: rgb(33, 37, 41); } .carousel { position: relative; } .carousel.pointer-event { touch-action: pan-y; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-inner::after { display: block; clear: both; content: ""; } .carousel-item { position: relative; display: none; float: left; width: 100%; margin-right: -100%; backface-visibility: hidden; transition: transform 0.6s ease-in-out 0s, -webkit-transform 0.6s ease-in-out 0s; } @media (prefers-reduced-motion: reduce) { .carousel-item { transition: none 0s ease 0s; }} .carousel-item-next, .carousel-item-prev, .carousel-item.active { display: block; } .active.carousel-item-right, .carousel-item-next:not(.carousel-item-left) { transform: translateX(100%); } .active.carousel-item-left, .carousel-item-prev:not(.carousel-item-right) { transform: translateX(-100%); } .carousel-fade .carousel-item { opacity: 0; transition-property: opacity; transform: none; } .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right, .carousel-fade .carousel-item.active { z-index: 1; opacity: 1; } .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { z-index: 0; opacity: 0; transition: opacity 0s ease 0.6s; } @media (prefers-reduced-motion: reduce) { .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { transition: none 0s ease 0s; }} .carousel-control-next, .carousel-control-prev { position: absolute; top: 0px; bottom: 0px; z-index: 1; display: flex; align-items: center; justify-content: center; width: 15%; color: rgb(255, 255, 255); text-align: center; opacity: 0.5; transition: opacity 0.15s ease 0s; } @media (prefers-reduced-motion: reduce) { .carousel-control-next, .carousel-control-prev { transition: none 0s ease 0s; }} .carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover { color: rgb(255, 255, 255); text-decoration: none; outline: 0px; opacity: 0.9; } .carousel-control-prev { left: 0px; } .carousel-control-next { right: 0px; } .carousel-control-next-icon, .carousel-control-prev-icon { display: inline-block; width: 20px; height: 20px; background: 50% center / 100% 100% no-repeat; } .carousel-control-prev-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); } .carousel-control-next-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); } .carousel-indicators { position: absolute; right: 0px; bottom: 0px; left: 0px; z-index: 15; display: flex; justify-content: center; padding-left: 0px; margin-right: 15%; margin-left: 15%; list-style: none; } .carousel-indicators li { box-sizing: content-box; flex: 0 1 auto; width: 30px; height: 3px; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: rgb(255, 255, 255); background-clip: padding-box; border-top: 10px solid transparent; border-bottom: 10px solid transparent; opacity: 0.5; transition: opacity 0.6s ease 0s; } @media (prefers-reduced-motion: reduce) { .carousel-indicators li { transition: none 0s ease 0s; }} .carousel-indicators .active { opacity: 1; } .carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: rgb(255, 255, 255); text-align: center; } @-webkit-keyframes spinner-border { 100% { transform: rotate(360deg); }} @keyframes spinner-border { 100% { transform: rotate(360deg); }} .spinner-border { display: inline-block; width: 2rem; height: 2rem; vertical-align: text-bottom; border-width: 0.25em; border-style: solid; border-color: currentcolor transparent currentcolor currentcolor; border-image: initial; border-radius: 50%; animation: 0.75s linear 0s infinite normal none running spinner-border; } .spinner-border-sm { width: 1rem; height: 1rem; border-width: 0.2em; } @-webkit-keyframes spinner-grow { 0% { transform: scale(0); } 50% { opacity: 1; }} @keyframes spinner-grow { 0% { transform: scale(0); } 50% { opacity: 1; }} .spinner-grow { display: inline-block; width: 2rem; height: 2rem; vertical-align: text-bottom; background-color: currentcolor; border-radius: 50%; opacity: 0; animation: 0.75s linear 0s infinite normal none running spinner-grow; } .spinner-grow-sm { width: 1rem; height: 1rem; } .align-baseline { vertical-align: baseline !important; } .align-top { vertical-align: top !important; } .align-middle { vertical-align: middle !important; } .align-bottom { vertical-align: bottom !important; } .align-text-bottom { vertical-align: text-bottom !important; } .align-text-top { vertical-align: text-top !important; } .bg-primary { background-color: rgb(0, 123, 255) !important; } a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover { background-color: rgb(0, 98, 204) !important; } .bg-secondary { background-color: rgb(108, 117, 125) !important; } a.bg-secondary:focus, a.bg-secondary:hover, button.bg-secondary:focus, button.bg-secondary:hover { background-color: rgb(84, 91, 98) !important; } .bg-success { background-color: rgb(40, 167, 69) !important; } a.bg-success:focus, a.bg-success:hover, button.bg-success:focus, button.bg-success:hover { background-color: rgb(30, 126, 52) !important; } .bg-info { background-color: rgb(23, 162, 184) !important; } a.bg-info:focus, a.bg-info:hover, button.bg-info:focus, button.bg-info:hover { background-color: rgb(17, 122, 139) !important; } .bg-warning { background-color: rgb(255, 193, 7) !important; } a.bg-warning:focus, a.bg-warning:hover, button.bg-warning:focus, button.bg-warning:hover { background-color: rgb(211, 158, 0) !important; } .bg-danger { background-color: rgb(220, 53, 69) !important; } a.bg-danger:focus, a.bg-danger:hover, button.bg-danger:focus, button.bg-danger:hover { background-color: rgb(189, 33, 48) !important; } .bg-light { background-color: rgb(248, 249, 250) !important; } a.bg-light:focus, a.bg-light:hover, button.bg-light:focus, button.bg-light:hover { background-color: rgb(218, 224, 229) !important; } .bg-dark { background-color: rgb(52, 58, 64) !important; } a.bg-dark:focus, a.bg-dark:hover, button.bg-dark:focus, button.bg-dark:hover { background-color: rgb(29, 33, 36) !important; } .bg-white { background-color: rgb(255, 255, 255) !important; } .bg-transparent { background-color: transparent !important; } .border { border: 1px solid rgb(222, 226, 230) !important; } .border-top { border-top: 1px solid rgb(222, 226, 230) !important; } .border-right { border-right: 1px solid rgb(222, 226, 230) !important; } .border-bottom { border-bottom: 1px solid rgb(222, 226, 230) !important; } .border-left { border-left: 1px solid rgb(222, 226, 230) !important; } .border-0 { border: 0px !important; } .border-top-0 { border-top: 0px !important; } .border-right-0 { border-right: 0px !important; } .border-bottom-0 { border-bottom: 0px !important; } .border-left-0 { border-left: 0px !important; } .border-primary { border-color: rgb(0, 123, 255) !important; } .border-secondary { border-color: rgb(108, 117, 125) !important; } .border-success { border-color: rgb(40, 167, 69) !important; } .border-info { border-color: rgb(23, 162, 184) !important; } .border-warning { border-color: rgb(255, 193, 7) !important; } .border-danger { border-color: rgb(220, 53, 69) !important; } .border-light { border-color: rgb(248, 249, 250) !important; } .border-dark { border-color: rgb(52, 58, 64) !important; } .border-white { border-color: rgb(255, 255, 255) !important; } .rounded-sm { border-radius: 0.2rem !important; } .rounded { border-radius: 0.25rem !important; } .rounded-top { border-top-left-radius: 0.25rem !important; border-top-right-radius: 0.25rem !important; } .rounded-right { border-top-right-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important; } .rounded-bottom { border-bottom-right-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .rounded-left { border-top-left-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .rounded-lg { border-radius: 0.3rem !important; } .rounded-circle { border-radius: 50% !important; } .rounded-pill { border-radius: 50rem !important; } .rounded-0 { border-radius: 0px !important; } .clearfix::after { display: block; clear: both; content: ""; } .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: flex !important; } .d-inline-flex { display: inline-flex !important; } @media (min-width: 576px) { .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: flex !important; } .d-sm-inline-flex { display: inline-flex !important; }} @media (min-width: 768px) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: flex !important; } .d-md-inline-flex { display: inline-flex !important; }} @media (min-width: 992px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: flex !important; } .d-lg-inline-flex { display: inline-flex !important; }} @media (min-width: 1200px) { .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: flex !important; } .d-xl-inline-flex { display: inline-flex !important; }} @media print { .d-print-none { display: none !important; } .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: flex !important; } .d-print-inline-flex { display: inline-flex !important; }} .embed-responsive { position: relative; display: block; width: 100%; padding: 0px; overflow: hidden; } .embed-responsive::before { display: block; content: ""; } .embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video { position: absolute; top: 0px; bottom: 0px; left: 0px; width: 100%; height: 100%; border: 0px; } .embed-responsive-21by9::before { padding-top: 42.8571%; } .embed-responsive-16by9::before { padding-top: 56.25%; } .embed-responsive-4by3::before { padding-top: 75%; } .embed-responsive-1by1::before { padding-top: 100%; } .flex-row { flex-direction: row !important; } .flex-column { flex-direction: column !important; } .flex-row-reverse { flex-direction: row-reverse !important; } .flex-column-reverse { flex-direction: column-reverse !important; } .flex-wrap { flex-wrap: wrap !important; } .flex-nowrap { flex-wrap: nowrap !important; } .flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-fill { flex: 1 1 auto !important; } .flex-grow-0 { flex-grow: 0 !important; } .flex-grow-1 { flex-grow: 1 !important; } .flex-shrink-0 { flex-shrink: 0 !important; } .flex-shrink-1 { flex-shrink: 1 !important; } .justify-content-start { justify-content: flex-start !important; } .justify-content-end { justify-content: flex-end !important; } .justify-content-center { justify-content: center !important; } .justify-content-between { justify-content: space-between !important; } .justify-content-around { justify-content: space-around !important; } .align-items-start { align-items: flex-start !important; } .align-items-end { align-items: flex-end !important; } .align-items-center { align-items: center !important; } .align-items-baseline { align-items: baseline !important; } .align-items-stretch { align-items: stretch !important; } .align-content-start { align-content: flex-start !important; } .align-content-end { align-content: flex-end !important; } .align-content-center { align-content: center !important; } .align-content-between { align-content: space-between !important; } .align-content-around { align-content: space-around !important; } .align-content-stretch { align-content: stretch !important; } .align-self-auto { align-self: auto !important; } .align-self-start { align-self: flex-start !important; } .align-self-end { align-self: flex-end !important; } .align-self-center { align-self: center !important; } .align-self-baseline { align-self: baseline !important; } .align-self-stretch { align-self: stretch !important; } @media (min-width: 576px) { .flex-sm-row { flex-direction: row !important; } .flex-sm-column { flex-direction: column !important; } .flex-sm-row-reverse { flex-direction: row-reverse !important; } .flex-sm-column-reverse { flex-direction: column-reverse !important; } .flex-sm-wrap { flex-wrap: wrap !important; } .flex-sm-nowrap { flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-sm-fill { flex: 1 1 auto !important; } .flex-sm-grow-0 { flex-grow: 0 !important; } .flex-sm-grow-1 { flex-grow: 1 !important; } .flex-sm-shrink-0 { flex-shrink: 0 !important; } .flex-sm-shrink-1 { flex-shrink: 1 !important; } .justify-content-sm-start { justify-content: flex-start !important; } .justify-content-sm-end { justify-content: flex-end !important; } .justify-content-sm-center { justify-content: center !important; } .justify-content-sm-between { justify-content: space-between !important; } .justify-content-sm-around { justify-content: space-around !important; } .align-items-sm-start { align-items: flex-start !important; } .align-items-sm-end { align-items: flex-end !important; } .align-items-sm-center { align-items: center !important; } .align-items-sm-baseline { align-items: baseline !important; } .align-items-sm-stretch { align-items: stretch !important; } .align-content-sm-start { align-content: flex-start !important; } .align-content-sm-end { align-content: flex-end !important; } .align-content-sm-center { align-content: center !important; } .align-content-sm-between { align-content: space-between !important; } .align-content-sm-around { align-content: space-around !important; } .align-content-sm-stretch { align-content: stretch !important; } .align-self-sm-auto { align-self: auto !important; } .align-self-sm-start { align-self: flex-start !important; } .align-self-sm-end { align-self: flex-end !important; } .align-self-sm-center { align-self: center !important; } .align-self-sm-baseline { align-self: baseline !important; } .align-self-sm-stretch { align-self: stretch !important; }} @media (min-width: 768px) { .flex-md-row { flex-direction: row !important; } .flex-md-column { flex-direction: column !important; } .flex-md-row-reverse { flex-direction: row-reverse !important; } .flex-md-column-reverse { flex-direction: column-reverse !important; } .flex-md-wrap { flex-wrap: wrap !important; } .flex-md-nowrap { flex-wrap: nowrap !important; } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-md-fill { flex: 1 1 auto !important; } .flex-md-grow-0 { flex-grow: 0 !important; } .flex-md-grow-1 { flex-grow: 1 !important; } .flex-md-shrink-0 { flex-shrink: 0 !important; } .flex-md-shrink-1 { flex-shrink: 1 !important; } .justify-content-md-start { justify-content: flex-start !important; } .justify-content-md-end { justify-content: flex-end !important; } .justify-content-md-center { justify-content: center !important; } .justify-content-md-between { justify-content: space-between !important; } .justify-content-md-around { justify-content: space-around !important; } .align-items-md-start { align-items: flex-start !important; } .align-items-md-end { align-items: flex-end !important; } .align-items-md-center { align-items: center !important; } .align-items-md-baseline { align-items: baseline !important; } .align-items-md-stretch { align-items: stretch !important; } .align-content-md-start { align-content: flex-start !important; } .align-content-md-end { align-content: flex-end !important; } .align-content-md-center { align-content: center !important; } .align-content-md-between { align-content: space-between !important; } .align-content-md-around { align-content: space-around !important; } .align-content-md-stretch { align-content: stretch !important; } .align-self-md-auto { align-self: auto !important; } .align-self-md-start { align-self: flex-start !important; } .align-self-md-end { align-self: flex-end !important; } .align-self-md-center { align-self: center !important; } .align-self-md-baseline { align-self: baseline !important; } .align-self-md-stretch { align-self: stretch !important; }} @media (min-width: 992px) { .flex-lg-row { flex-direction: row !important; } .flex-lg-column { flex-direction: column !important; } .flex-lg-row-reverse { flex-direction: row-reverse !important; } .flex-lg-column-reverse { flex-direction: column-reverse !important; } .flex-lg-wrap { flex-wrap: wrap !important; } .flex-lg-nowrap { flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-lg-fill { flex: 1 1 auto !important; } .flex-lg-grow-0 { flex-grow: 0 !important; } .flex-lg-grow-1 { flex-grow: 1 !important; } .flex-lg-shrink-0 { flex-shrink: 0 !important; } .flex-lg-shrink-1 { flex-shrink: 1 !important; } .justify-content-lg-start { justify-content: flex-start !important; } .justify-content-lg-end { justify-content: flex-end !important; } .justify-content-lg-center { justify-content: center !important; } .justify-content-lg-between { justify-content: space-between !important; } .justify-content-lg-around { justify-content: space-around !important; } .align-items-lg-start { align-items: flex-start !important; } .align-items-lg-end { align-items: flex-end !important; } .align-items-lg-center { align-items: center !important; } .align-items-lg-baseline { align-items: baseline !important; } .align-items-lg-stretch { align-items: stretch !important; } .align-content-lg-start { align-content: flex-start !important; } .align-content-lg-end { align-content: flex-end !important; } .align-content-lg-center { align-content: center !important; } .align-content-lg-between { align-content: space-between !important; } .align-content-lg-around { align-content: space-around !important; } .align-content-lg-stretch { align-content: stretch !important; } .align-self-lg-auto { align-self: auto !important; } .align-self-lg-start { align-self: flex-start !important; } .align-self-lg-end { align-self: flex-end !important; } .align-self-lg-center { align-self: center !important; } .align-self-lg-baseline { align-self: baseline !important; } .align-self-lg-stretch { align-self: stretch !important; }} @media (min-width: 1200px) { .flex-xl-row { flex-direction: row !important; } .flex-xl-column { flex-direction: column !important; } .flex-xl-row-reverse { flex-direction: row-reverse !important; } .flex-xl-column-reverse { flex-direction: column-reverse !important; } .flex-xl-wrap { flex-wrap: wrap !important; } .flex-xl-nowrap { flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-xl-fill { flex: 1 1 auto !important; } .flex-xl-grow-0 { flex-grow: 0 !important; } .flex-xl-grow-1 { flex-grow: 1 !important; } .flex-xl-shrink-0 { flex-shrink: 0 !important; } .flex-xl-shrink-1 { flex-shrink: 1 !important; } .justify-content-xl-start { justify-content: flex-start !important; } .justify-content-xl-end { justify-content: flex-end !important; } .justify-content-xl-center { justify-content: center !important; } .justify-content-xl-between { justify-content: space-between !important; } .justify-content-xl-around { justify-content: space-around !important; } .align-items-xl-start { align-items: flex-start !important; } .align-items-xl-end { align-items: flex-end !important; } .align-items-xl-center { align-items: center !important; } .align-items-xl-baseline { align-items: baseline !important; } .align-items-xl-stretch { align-items: stretch !important; } .align-content-xl-start { align-content: flex-start !important; } .align-content-xl-end { align-content: flex-end !important; } .align-content-xl-center { align-content: center !important; } .align-content-xl-between { align-content: space-between !important; } .align-content-xl-around { align-content: space-around !important; } .align-content-xl-stretch { align-content: stretch !important; } .align-self-xl-auto { align-self: auto !important; } .align-self-xl-start { align-self: flex-start !important; } .align-self-xl-end { align-self: flex-end !important; } .align-self-xl-center { align-self: center !important; } .align-self-xl-baseline { align-self: baseline !important; } .align-self-xl-stretch { align-self: stretch !important; }} .float-left { float: left !important; } .float-right { float: right !important; } .float-none { float: none !important; } @media (min-width: 576px) { .float-sm-left { float: left !important; } .float-sm-right { float: right !important; } .float-sm-none { float: none !important; }} @media (min-width: 768px) { .float-md-left { float: left !important; } .float-md-right { float: right !important; } .float-md-none { float: none !important; }} @media (min-width: 992px) { .float-lg-left { float: left !important; } .float-lg-right { float: right !important; } .float-lg-none { float: none !important; }} @media (min-width: 1200px) { .float-xl-left { float: left !important; } .float-xl-right { float: right !important; } .float-xl-none { float: none !important; }} .overflow-auto { overflow: auto !important; } .overflow-hidden { overflow: hidden !important; } .position-static { position: static !important; } .position-relative { position: relative !important; } .position-absolute { position: absolute !important; } .position-fixed { position: fixed !important; } .position-sticky { position: sticky !important; } .fixed-top { position: fixed; top: 0px; right: 0px; left: 0px; z-index: 1030; } .fixed-bottom { position: fixed; right: 0px; bottom: 0px; left: 0px; z-index: 1030; } @supports ((position:-webkit-sticky) or (position:sticky)) { .sticky-top { position: sticky; top: 0px; z-index: 1020; }} .sr-only { position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border: 0px; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; } .shadow-sm { box-shadow: rgba(0, 0, 0, 0.075) 0px 0.125rem 0.25rem !important; } .shadow { box-shadow: rgba(0, 0, 0, 0.15) 0px 0.5rem 1rem !important; } .shadow-lg { box-shadow: rgba(0, 0, 0, 0.176) 0px 1rem 3rem !important; } .shadow-none { box-shadow: none !important; } .w-25 { width: 25% !important; } .w-50 { width: 50% !important; } .w-75 { width: 75% !important; } .w-100 { width: 100% !important; } .w-auto { width: auto !important; } .h-25 { height: 25% !important; } .h-50 { height: 50% !important; } .h-75 { height: 75% !important; } .h-100 { height: 100% !important; } .h-auto { height: auto !important; } .mw-100 { max-width: 100% !important; } .mh-100 { max-height: 100% !important; } .min-vw-100 { min-width: 100vw !important; } .min-vh-100 { min-height: 100vh !important; } .vw-100 { width: 100vw !important; } .vh-100 { height: 100vh !important; } .stretched-link::after { position: absolute; inset: 0px; z-index: 1; pointer-events: auto; content: ""; background-color: rgba(0, 0, 0, 0); } .m-0 { margin: 0px !important; } .mt-0, .my-0 { margin-top: 0px !important; } .mr-0, .mx-0 { margin-right: 0px !important; } .mb-0, .my-0 { margin-bottom: 0px !important; } .ml-0, .mx-0 { margin-left: 0px !important; } .m-1 { margin: 0.25rem !important; } .mt-1, .my-1 { margin-top: 0.25rem !important; } .mr-1, .mx-1 { margin-right: 0.25rem !important; } .mb-1, .my-1 { margin-bottom: 0.25rem !important; } .ml-1, .mx-1 { margin-left: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .mt-2, .my-2 { margin-top: 0.5rem !important; } .mr-2, .mx-2 { margin-right: 0.5rem !important; } .mb-2, .my-2 { margin-bottom: 0.5rem !important; } .ml-2, .mx-2 { margin-left: 0.5rem !important; } .m-3 { margin: 1rem !important; } .mt-3, .my-3 { margin-top: 1rem !important; } .mr-3, .mx-3 { margin-right: 1rem !important; } .mb-3, .my-3 { margin-bottom: 1rem !important; } .ml-3, .mx-3 { margin-left: 1rem !important; } .m-4 { margin: 1.5rem !important; } .mt-4, .my-4 { margin-top: 1.5rem !important; } .mr-4, .mx-4 { margin-right: 1.5rem !important; } .mb-4, .my-4 { margin-bottom: 1.5rem !important; } .ml-4, .mx-4 { margin-left: 1.5rem !important; } .m-5 { margin: 3rem !important; } .mt-5, .my-5 { margin-top: 3rem !important; } .mr-5, .mx-5 { margin-right: 3rem !important; } .mb-5, .my-5 { margin-bottom: 3rem !important; } .ml-5, .mx-5 { margin-left: 3rem !important; } .p-0 { padding: 0px !important; } .pt-0, .py-0 { padding-top: 0px !important; } .pr-0, .px-0 { padding-right: 0px !important; } .pb-0, .py-0 { padding-bottom: 0px !important; } .pl-0, .px-0 { padding-left: 0px !important; } .p-1 { padding: 0.25rem !important; } .pt-1, .py-1 { padding-top: 0.25rem !important; } .pr-1, .px-1 { padding-right: 0.25rem !important; } .pb-1, .py-1 { padding-bottom: 0.25rem !important; } .pl-1, .px-1 { padding-left: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .pt-2, .py-2 { padding-top: 0.5rem !important; } .pr-2, .px-2 { padding-right: 0.5rem !important; } .pb-2, .py-2 { padding-bottom: 0.5rem !important; } .pl-2, .px-2 { padding-left: 0.5rem !important; } .p-3 { padding: 1rem !important; } .pt-3, .py-3 { padding-top: 1rem !important; } .pr-3, .px-3 { padding-right: 1rem !important; } .pb-3, .py-3 { padding-bottom: 1rem !important; } .pl-3, .px-3 { padding-left: 1rem !important; } .p-4 { padding: 1.5rem !important; } .pt-4, .py-4 { padding-top: 1.5rem !important; } .pr-4, .px-4 { padding-right: 1.5rem !important; } .pb-4, .py-4 { padding-bottom: 1.5rem !important; } .pl-4, .px-4 { padding-left: 1.5rem !important; } .p-5 { padding: 3rem !important; } .pt-5, .py-5 { padding-top: 3rem !important; } .pr-5, .px-5 { padding-right: 3rem !important; } .pb-5, .py-5 { padding-bottom: 3rem !important; } .pl-5, .px-5 { padding-left: 3rem !important; } .m-n1 { margin: -0.25rem !important; } .mt-n1, .my-n1 { margin-top: -0.25rem !important; } .mr-n1, .mx-n1 { margin-right: -0.25rem !important; } .mb-n1, .my-n1 { margin-bottom: -0.25rem !important; } .ml-n1, .mx-n1 { margin-left: -0.25rem !important; } .m-n2 { margin: -0.5rem !important; } .mt-n2, .my-n2 { margin-top: -0.5rem !important; } .mr-n2, .mx-n2 { margin-right: -0.5rem !important; } .mb-n2, .my-n2 { margin-bottom: -0.5rem !important; } .ml-n2, .mx-n2 { margin-left: -0.5rem !important; } .m-n3 { margin: -1rem !important; } .mt-n3, .my-n3 { margin-top: -1rem !important; } .mr-n3, .mx-n3 { margin-right: -1rem !important; } .mb-n3, .my-n3 { margin-bottom: -1rem !important; } .ml-n3, .mx-n3 { margin-left: -1rem !important; } .m-n4 { margin: -1.5rem !important; } .mt-n4, .my-n4 { margin-top: -1.5rem !important; } .mr-n4, .mx-n4 { margin-right: -1.5rem !important; } .mb-n4, .my-n4 { margin-bottom: -1.5rem !important; } .ml-n4, .mx-n4 { margin-left: -1.5rem !important; } .m-n5 { margin: -3rem !important; } .mt-n5, .my-n5 { margin-top: -3rem !important; } .mr-n5, .mx-n5 { margin-right: -3rem !important; } .mb-n5, .my-n5 { margin-bottom: -3rem !important; } .ml-n5, .mx-n5 { margin-left: -3rem !important; } .m-auto { margin: auto !important; } .mt-auto, .my-auto { margin-top: auto !important; } .mr-auto, .mx-auto { margin-right: auto !important; } .mb-auto, .my-auto { margin-bottom: auto !important; } .ml-auto, .mx-auto { margin-left: auto !important; } @media (min-width: 576px) { .m-sm-0 { margin: 0px !important; } .mt-sm-0, .my-sm-0 { margin-top: 0px !important; } .mr-sm-0, .mx-sm-0 { margin-right: 0px !important; } .mb-sm-0, .my-sm-0 { margin-bottom: 0px !important; } .ml-sm-0, .mx-sm-0 { margin-left: 0px !important; } .m-sm-1 { margin: 0.25rem !important; } .mt-sm-1, .my-sm-1 { margin-top: 0.25rem !important; } .mr-sm-1, .mx-sm-1 { margin-right: 0.25rem !important; } .mb-sm-1, .my-sm-1 { margin-bottom: 0.25rem !important; } .ml-sm-1, .mx-sm-1 { margin-left: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .mt-sm-2, .my-sm-2 { margin-top: 0.5rem !important; } .mr-sm-2, .mx-sm-2 { margin-right: 0.5rem !important; } .mb-sm-2, .my-sm-2 { margin-bottom: 0.5rem !important; } .ml-sm-2, .mx-sm-2 { margin-left: 0.5rem !important; } .m-sm-3 { margin: 1rem !important; } .mt-sm-3, .my-sm-3 { margin-top: 1rem !important; } .mr-sm-3, .mx-sm-3 { margin-right: 1rem !important; } .mb-sm-3, .my-sm-3 { margin-bottom: 1rem !important; } .ml-sm-3, .mx-sm-3 { margin-left: 1rem !important; } .m-sm-4 { margin: 1.5rem !important; } .mt-sm-4, .my-sm-4 { margin-top: 1.5rem !important; } .mr-sm-4, .mx-sm-4 { margin-right: 1.5rem !important; } .mb-sm-4, .my-sm-4 { margin-bottom: 1.5rem !important; } .ml-sm-4, .mx-sm-4 { margin-left: 1.5rem !important; } .m-sm-5 { margin: 3rem !important; } .mt-sm-5, .my-sm-5 { margin-top: 3rem !important; } .mr-sm-5, .mx-sm-5 { margin-right: 3rem !important; } .mb-sm-5, .my-sm-5 { margin-bottom: 3rem !important; } .ml-sm-5, .mx-sm-5 { margin-left: 3rem !important; } .p-sm-0 { padding: 0px !important; } .pt-sm-0, .py-sm-0 { padding-top: 0px !important; } .pr-sm-0, .px-sm-0 { padding-right: 0px !important; } .pb-sm-0, .py-sm-0 { padding-bottom: 0px !important; } .pl-sm-0, .px-sm-0 { padding-left: 0px !important; } .p-sm-1 { padding: 0.25rem !important; } .pt-sm-1, .py-sm-1 { padding-top: 0.25rem !important; } .pr-sm-1, .px-sm-1 { padding-right: 0.25rem !important; } .pb-sm-1, .py-sm-1 { padding-bottom: 0.25rem !important; } .pl-sm-1, .px-sm-1 { padding-left: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .pt-sm-2, .py-sm-2 { padding-top: 0.5rem !important; } .pr-sm-2, .px-sm-2 { padding-right: 0.5rem !important; } .pb-sm-2, .py-sm-2 { padding-bottom: 0.5rem !important; } .pl-sm-2, .px-sm-2 { padding-left: 0.5rem !important; } .p-sm-3 { padding: 1rem !important; } .pt-sm-3, .py-sm-3 { padding-top: 1rem !important; } .pr-sm-3, .px-sm-3 { padding-right: 1rem !important; } .pb-sm-3, .py-sm-3 { padding-bottom: 1rem !important; } .pl-sm-3, .px-sm-3 { padding-left: 1rem !important; } .p-sm-4 { padding: 1.5rem !important; } .pt-sm-4, .py-sm-4 { padding-top: 1.5rem !important; } .pr-sm-4, .px-sm-4 { padding-right: 1.5rem !important; } .pb-sm-4, .py-sm-4 { padding-bottom: 1.5rem !important; } .pl-sm-4, .px-sm-4 { padding-left: 1.5rem !important; } .p-sm-5 { padding: 3rem !important; } .pt-sm-5, .py-sm-5 { padding-top: 3rem !important; } .pr-sm-5, .px-sm-5 { padding-right: 3rem !important; } .pb-sm-5, .py-sm-5 { padding-bottom: 3rem !important; } .pl-sm-5, .px-sm-5 { padding-left: 3rem !important; } .m-sm-n1 { margin: -0.25rem !important; } .mt-sm-n1, .my-sm-n1 { margin-top: -0.25rem !important; } .mr-sm-n1, .mx-sm-n1 { margin-right: -0.25rem !important; } .mb-sm-n1, .my-sm-n1 { margin-bottom: -0.25rem !important; } .ml-sm-n1, .mx-sm-n1 { margin-left: -0.25rem !important; } .m-sm-n2 { margin: -0.5rem !important; } .mt-sm-n2, .my-sm-n2 { margin-top: -0.5rem !important; } .mr-sm-n2, .mx-sm-n2 { margin-right: -0.5rem !important; } .mb-sm-n2, .my-sm-n2 { margin-bottom: -0.5rem !important; } .ml-sm-n2, .mx-sm-n2 { margin-left: -0.5rem !important; } .m-sm-n3 { margin: -1rem !important; } .mt-sm-n3, .my-sm-n3 { margin-top: -1rem !important; } .mr-sm-n3, .mx-sm-n3 { margin-right: -1rem !important; } .mb-sm-n3, .my-sm-n3 { margin-bottom: -1rem !important; } .ml-sm-n3, .mx-sm-n3 { margin-left: -1rem !important; } .m-sm-n4 { margin: -1.5rem !important; } .mt-sm-n4, .my-sm-n4 { margin-top: -1.5rem !important; } .mr-sm-n4, .mx-sm-n4 { margin-right: -1.5rem !important; } .mb-sm-n4, .my-sm-n4 { margin-bottom: -1.5rem !important; } .ml-sm-n4, .mx-sm-n4 { margin-left: -1.5rem !important; } .m-sm-n5 { margin: -3rem !important; } .mt-sm-n5, .my-sm-n5 { margin-top: -3rem !important; } .mr-sm-n5, .mx-sm-n5 { margin-right: -3rem !important; } .mb-sm-n5, .my-sm-n5 { margin-bottom: -3rem !important; } .ml-sm-n5, .mx-sm-n5 { margin-left: -3rem !important; } .m-sm-auto { margin: auto !important; } .mt-sm-auto, .my-sm-auto { margin-top: auto !important; } .mr-sm-auto, .mx-sm-auto { margin-right: auto !important; } .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important; } .ml-sm-auto, .mx-sm-auto { margin-left: auto !important; }} @media (min-width: 768px) { .m-md-0 { margin: 0px !important; } .mt-md-0, .my-md-0 { margin-top: 0px !important; } .mr-md-0, .mx-md-0 { margin-right: 0px !important; } .mb-md-0, .my-md-0 { margin-bottom: 0px !important; } .ml-md-0, .mx-md-0 { margin-left: 0px !important; } .m-md-1 { margin: 0.25rem !important; } .mt-md-1, .my-md-1 { margin-top: 0.25rem !important; } .mr-md-1, .mx-md-1 { margin-right: 0.25rem !important; } .mb-md-1, .my-md-1 { margin-bottom: 0.25rem !important; } .ml-md-1, .mx-md-1 { margin-left: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .mt-md-2, .my-md-2 { margin-top: 0.5rem !important; } .mr-md-2, .mx-md-2 { margin-right: 0.5rem !important; } .mb-md-2, .my-md-2 { margin-bottom: 0.5rem !important; } .ml-md-2, .mx-md-2 { margin-left: 0.5rem !important; } .m-md-3 { margin: 1rem !important; } .mt-md-3, .my-md-3 { margin-top: 1rem !important; } .mr-md-3, .mx-md-3 { margin-right: 1rem !important; } .mb-md-3, .my-md-3 { margin-bottom: 1rem !important; } .ml-md-3, .mx-md-3 { margin-left: 1rem !important; } .m-md-4 { margin: 1.5rem !important; } .mt-md-4, .my-md-4 { margin-top: 1.5rem !important; } .mr-md-4, .mx-md-4 { margin-right: 1.5rem !important; } .mb-md-4, .my-md-4 { margin-bottom: 1.5rem !important; } .ml-md-4, .mx-md-4 { margin-left: 1.5rem !important; } .m-md-5 { margin: 3rem !important; } .mt-md-5, .my-md-5 { margin-top: 3rem !important; } .mr-md-5, .mx-md-5 { margin-right: 3rem !important; } .mb-md-5, .my-md-5 { margin-bottom: 3rem !important; } .ml-md-5, .mx-md-5 { margin-left: 3rem !important; } .p-md-0 { padding: 0px !important; } .pt-md-0, .py-md-0 { padding-top: 0px !important; } .pr-md-0, .px-md-0 { padding-right: 0px !important; } .pb-md-0, .py-md-0 { padding-bottom: 0px !important; } .pl-md-0, .px-md-0 { padding-left: 0px !important; } .p-md-1 { padding: 0.25rem !important; } .pt-md-1, .py-md-1 { padding-top: 0.25rem !important; } .pr-md-1, .px-md-1 { padding-right: 0.25rem !important; } .pb-md-1, .py-md-1 { padding-bottom: 0.25rem !important; } .pl-md-1, .px-md-1 { padding-left: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .pt-md-2, .py-md-2 { padding-top: 0.5rem !important; } .pr-md-2, .px-md-2 { padding-right: 0.5rem !important; } .pb-md-2, .py-md-2 { padding-bottom: 0.5rem !important; } .pl-md-2, .px-md-2 { padding-left: 0.5rem !important; } .p-md-3 { padding: 1rem !important; } .pt-md-3, .py-md-3 { padding-top: 1rem !important; } .pr-md-3, .px-md-3 { padding-right: 1rem !important; } .pb-md-3, .py-md-3 { padding-bottom: 1rem !important; } .pl-md-3, .px-md-3 { padding-left: 1rem !important; } .p-md-4 { padding: 1.5rem !important; } .pt-md-4, .py-md-4 { padding-top: 1.5rem !important; } .pr-md-4, .px-md-4 { padding-right: 1.5rem !important; } .pb-md-4, .py-md-4 { padding-bottom: 1.5rem !important; } .pl-md-4, .px-md-4 { padding-left: 1.5rem !important; } .p-md-5 { padding: 3rem !important; } .pt-md-5, .py-md-5 { padding-top: 3rem !important; } .pr-md-5, .px-md-5 { padding-right: 3rem !important; } .pb-md-5, .py-md-5 { padding-bottom: 3rem !important; } .pl-md-5, .px-md-5 { padding-left: 3rem !important; } .m-md-n1 { margin: -0.25rem !important; } .mt-md-n1, .my-md-n1 { margin-top: -0.25rem !important; } .mr-md-n1, .mx-md-n1 { margin-right: -0.25rem !important; } .mb-md-n1, .my-md-n1 { margin-bottom: -0.25rem !important; } .ml-md-n1, .mx-md-n1 { margin-left: -0.25rem !important; } .m-md-n2 { margin: -0.5rem !important; } .mt-md-n2, .my-md-n2 { margin-top: -0.5rem !important; } .mr-md-n2, .mx-md-n2 { margin-right: -0.5rem !important; } .mb-md-n2, .my-md-n2 { margin-bottom: -0.5rem !important; } .ml-md-n2, .mx-md-n2 { margin-left: -0.5rem !important; } .m-md-n3 { margin: -1rem !important; } .mt-md-n3, .my-md-n3 { margin-top: -1rem !important; } .mr-md-n3, .mx-md-n3 { margin-right: -1rem !important; } .mb-md-n3, .my-md-n3 { margin-bottom: -1rem !important; } .ml-md-n3, .mx-md-n3 { margin-left: -1rem !important; } .m-md-n4 { margin: -1.5rem !important; } .mt-md-n4, .my-md-n4 { margin-top: -1.5rem !important; } .mr-md-n4, .mx-md-n4 { margin-right: -1.5rem !important; } .mb-md-n4, .my-md-n4 { margin-bottom: -1.5rem !important; } .ml-md-n4, .mx-md-n4 { margin-left: -1.5rem !important; } .m-md-n5 { margin: -3rem !important; } .mt-md-n5, .my-md-n5 { margin-top: -3rem !important; } .mr-md-n5, .mx-md-n5 { margin-right: -3rem !important; } .mb-md-n5, .my-md-n5 { margin-bottom: -3rem !important; } .ml-md-n5, .mx-md-n5 { margin-left: -3rem !important; } .m-md-auto { margin: auto !important; } .mt-md-auto, .my-md-auto { margin-top: auto !important; } .mr-md-auto, .mx-md-auto { margin-right: auto !important; } .mb-md-auto, .my-md-auto { margin-bottom: auto !important; } .ml-md-auto, .mx-md-auto { margin-left: auto !important; }} @media (min-width: 992px) { .m-lg-0 { margin: 0px !important; } .mt-lg-0, .my-lg-0 { margin-top: 0px !important; } .mr-lg-0, .mx-lg-0 { margin-right: 0px !important; } .mb-lg-0, .my-lg-0 { margin-bottom: 0px !important; } .ml-lg-0, .mx-lg-0 { margin-left: 0px !important; } .m-lg-1 { margin: 0.25rem !important; } .mt-lg-1, .my-lg-1 { margin-top: 0.25rem !important; } .mr-lg-1, .mx-lg-1 { margin-right: 0.25rem !important; } .mb-lg-1, .my-lg-1 { margin-bottom: 0.25rem !important; } .ml-lg-1, .mx-lg-1 { margin-left: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .mt-lg-2, .my-lg-2 { margin-top: 0.5rem !important; } .mr-lg-2, .mx-lg-2 { margin-right: 0.5rem !important; } .mb-lg-2, .my-lg-2 { margin-bottom: 0.5rem !important; } .ml-lg-2, .mx-lg-2 { margin-left: 0.5rem !important; } .m-lg-3 { margin: 1rem !important; } .mt-lg-3, .my-lg-3 { margin-top: 1rem !important; } .mr-lg-3, .mx-lg-3 { margin-right: 1rem !important; } .mb-lg-3, .my-lg-3 { margin-bottom: 1rem !important; } .ml-lg-3, .mx-lg-3 { margin-left: 1rem !important; } .m-lg-4 { margin: 1.5rem !important; } .mt-lg-4, .my-lg-4 { margin-top: 1.5rem !important; } .mr-lg-4, .mx-lg-4 { margin-right: 1.5rem !important; } .mb-lg-4, .my-lg-4 { margin-bottom: 1.5rem !important; } .ml-lg-4, .mx-lg-4 { margin-left: 1.5rem !important; } .m-lg-5 { margin: 3rem !important; } .mt-lg-5, .my-lg-5 { margin-top: 3rem !important; } .mr-lg-5, .mx-lg-5 { margin-right: 3rem !important; } .mb-lg-5, .my-lg-5 { margin-bottom: 3rem !important; } .ml-lg-5, .mx-lg-5 { margin-left: 3rem !important; } .p-lg-0 { padding: 0px !important; } .pt-lg-0, .py-lg-0 { padding-top: 0px !important; } .pr-lg-0, .px-lg-0 { padding-right: 0px !important; } .pb-lg-0, .py-lg-0 { padding-bottom: 0px !important; } .pl-lg-0, .px-lg-0 { padding-left: 0px !important; } .p-lg-1 { padding: 0.25rem !important; } .pt-lg-1, .py-lg-1 { padding-top: 0.25rem !important; } .pr-lg-1, .px-lg-1 { padding-right: 0.25rem !important; } .pb-lg-1, .py-lg-1 { padding-bottom: 0.25rem !important; } .pl-lg-1, .px-lg-1 { padding-left: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .pt-lg-2, .py-lg-2 { padding-top: 0.5rem !important; } .pr-lg-2, .px-lg-2 { padding-right: 0.5rem !important; } .pb-lg-2, .py-lg-2 { padding-bottom: 0.5rem !important; } .pl-lg-2, .px-lg-2 { padding-left: 0.5rem !important; } .p-lg-3 { padding: 1rem !important; } .pt-lg-3, .py-lg-3 { padding-top: 1rem !important; } .pr-lg-3, .px-lg-3 { padding-right: 1rem !important; } .pb-lg-3, .py-lg-3 { padding-bottom: 1rem !important; } .pl-lg-3, .px-lg-3 { padding-left: 1rem !important; } .p-lg-4 { padding: 1.5rem !important; } .pt-lg-4, .py-lg-4 { padding-top: 1.5rem !important; } .pr-lg-4, .px-lg-4 { padding-right: 1.5rem !important; } .pb-lg-4, .py-lg-4 { padding-bottom: 1.5rem !important; } .pl-lg-4, .px-lg-4 { padding-left: 1.5rem !important; } .p-lg-5 { padding: 3rem !important; } .pt-lg-5, .py-lg-5 { padding-top: 3rem !important; } .pr-lg-5, .px-lg-5 { padding-right: 3rem !important; } .pb-lg-5, .py-lg-5 { padding-bottom: 3rem !important; } .pl-lg-5, .px-lg-5 { padding-left: 3rem !important; } .m-lg-n1 { margin: -0.25rem !important; } .mt-lg-n1, .my-lg-n1 { margin-top: -0.25rem !important; } .mr-lg-n1, .mx-lg-n1 { margin-right: -0.25rem !important; } .mb-lg-n1, .my-lg-n1 { margin-bottom: -0.25rem !important; } .ml-lg-n1, .mx-lg-n1 { margin-left: -0.25rem !important; } .m-lg-n2 { margin: -0.5rem !important; } .mt-lg-n2, .my-lg-n2 { margin-top: -0.5rem !important; } .mr-lg-n2, .mx-lg-n2 { margin-right: -0.5rem !important; } .mb-lg-n2, .my-lg-n2 { margin-bottom: -0.5rem !important; } .ml-lg-n2, .mx-lg-n2 { margin-left: -0.5rem !important; } .m-lg-n3 { margin: -1rem !important; } .mt-lg-n3, .my-lg-n3 { margin-top: -1rem !important; } .mr-lg-n3, .mx-lg-n3 { margin-right: -1rem !important; } .mb-lg-n3, .my-lg-n3 { margin-bottom: -1rem !important; } .ml-lg-n3, .mx-lg-n3 { margin-left: -1rem !important; } .m-lg-n4 { margin: -1.5rem !important; } .mt-lg-n4, .my-lg-n4 { margin-top: -1.5rem !important; } .mr-lg-n4, .mx-lg-n4 { margin-right: -1.5rem !important; } .mb-lg-n4, .my-lg-n4 { margin-bottom: -1.5rem !important; } .ml-lg-n4, .mx-lg-n4 { margin-left: -1.5rem !important; } .m-lg-n5 { margin: -3rem !important; } .mt-lg-n5, .my-lg-n5 { margin-top: -3rem !important; } .mr-lg-n5, .mx-lg-n5 { margin-right: -3rem !important; } .mb-lg-n5, .my-lg-n5 { margin-bottom: -3rem !important; } .ml-lg-n5, .mx-lg-n5 { margin-left: -3rem !important; } .m-lg-auto { margin: auto !important; } .mt-lg-auto, .my-lg-auto { margin-top: auto !important; } .mr-lg-auto, .mx-lg-auto { margin-right: auto !important; } .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important; } .ml-lg-auto, .mx-lg-auto { margin-left: auto !important; }} @media (min-width: 1200px) { .m-xl-0 { margin: 0px !important; } .mt-xl-0, .my-xl-0 { margin-top: 0px !important; } .mr-xl-0, .mx-xl-0 { margin-right: 0px !important; } .mb-xl-0, .my-xl-0 { margin-bottom: 0px !important; } .ml-xl-0, .mx-xl-0 { margin-left: 0px !important; } .m-xl-1 { margin: 0.25rem !important; } .mt-xl-1, .my-xl-1 { margin-top: 0.25rem !important; } .mr-xl-1, .mx-xl-1 { margin-right: 0.25rem !important; } .mb-xl-1, .my-xl-1 { margin-bottom: 0.25rem !important; } .ml-xl-1, .mx-xl-1 { margin-left: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .mt-xl-2, .my-xl-2 { margin-top: 0.5rem !important; } .mr-xl-2, .mx-xl-2 { margin-right: 0.5rem !important; } .mb-xl-2, .my-xl-2 { margin-bottom: 0.5rem !important; } .ml-xl-2, .mx-xl-2 { margin-left: 0.5rem !important; } .m-xl-3 { margin: 1rem !important; } .mt-xl-3, .my-xl-3 { margin-top: 1rem !important; } .mr-xl-3, .mx-xl-3 { margin-right: 1rem !important; } .mb-xl-3, .my-xl-3 { margin-bottom: 1rem !important; } .ml-xl-3, .mx-xl-3 { margin-left: 1rem !important; } .m-xl-4 { margin: 1.5rem !important; } .mt-xl-4, .my-xl-4 { margin-top: 1.5rem !important; } .mr-xl-4, .mx-xl-4 { margin-right: 1.5rem !important; } .mb-xl-4, .my-xl-4 { margin-bottom: 1.5rem !important; } .ml-xl-4, .mx-xl-4 { margin-left: 1.5rem !important; } .m-xl-5 { margin: 3rem !important; } .mt-xl-5, .my-xl-5 { margin-top: 3rem !important; } .mr-xl-5, .mx-xl-5 { margin-right: 3rem !important; } .mb-xl-5, .my-xl-5 { margin-bottom: 3rem !important; } .ml-xl-5, .mx-xl-5 { margin-left: 3rem !important; } .p-xl-0 { padding: 0px !important; } .pt-xl-0, .py-xl-0 { padding-top: 0px !important; } .pr-xl-0, .px-xl-0 { padding-right: 0px !important; } .pb-xl-0, .py-xl-0 { padding-bottom: 0px !important; } .pl-xl-0, .px-xl-0 { padding-left: 0px !important; } .p-xl-1 { padding: 0.25rem !important; } .pt-xl-1, .py-xl-1 { padding-top: 0.25rem !important; } .pr-xl-1, .px-xl-1 { padding-right: 0.25rem !important; } .pb-xl-1, .py-xl-1 { padding-bottom: 0.25rem !important; } .pl-xl-1, .px-xl-1 { padding-left: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .pt-xl-2, .py-xl-2 { padding-top: 0.5rem !important; } .pr-xl-2, .px-xl-2 { padding-right: 0.5rem !important; } .pb-xl-2, .py-xl-2 { padding-bottom: 0.5rem !important; } .pl-xl-2, .px-xl-2 { padding-left: 0.5rem !important; } .p-xl-3 { padding: 1rem !important; } .pt-xl-3, .py-xl-3 { padding-top: 1rem !important; } .pr-xl-3, .px-xl-3 { padding-right: 1rem !important; } .pb-xl-3, .py-xl-3 { padding-bottom: 1rem !important; } .pl-xl-3, .px-xl-3 { padding-left: 1rem !important; } .p-xl-4 { padding: 1.5rem !important; } .pt-xl-4, .py-xl-4 { padding-top: 1.5rem !important; } .pr-xl-4, .px-xl-4 { padding-right: 1.5rem !important; } .pb-xl-4, .py-xl-4 { padding-bottom: 1.5rem !important; } .pl-xl-4, .px-xl-4 { padding-left: 1.5rem !important; } .p-xl-5 { padding: 3rem !important; } .pt-xl-5, .py-xl-5 { padding-top: 3rem !important; } .pr-xl-5, .px-xl-5 { padding-right: 3rem !important; } .pb-xl-5, .py-xl-5 { padding-bottom: 3rem !important; } .pl-xl-5, .px-xl-5 { padding-left: 3rem !important; } .m-xl-n1 { margin: -0.25rem !important; } .mt-xl-n1, .my-xl-n1 { margin-top: -0.25rem !important; } .mr-xl-n1, .mx-xl-n1 { margin-right: -0.25rem !important; } .mb-xl-n1, .my-xl-n1 { margin-bottom: -0.25rem !important; } .ml-xl-n1, .mx-xl-n1 { margin-left: -0.25rem !important; } .m-xl-n2 { margin: -0.5rem !important; } .mt-xl-n2, .my-xl-n2 { margin-top: -0.5rem !important; } .mr-xl-n2, .mx-xl-n2 { margin-right: -0.5rem !important; } .mb-xl-n2, .my-xl-n2 { margin-bottom: -0.5rem !important; } .ml-xl-n2, .mx-xl-n2 { margin-left: -0.5rem !important; } .m-xl-n3 { margin: -1rem !important; } .mt-xl-n3, .my-xl-n3 { margin-top: -1rem !important; } .mr-xl-n3, .mx-xl-n3 { margin-right: -1rem !important; } .mb-xl-n3, .my-xl-n3 { margin-bottom: -1rem !important; } .ml-xl-n3, .mx-xl-n3 { margin-left: -1rem !important; } .m-xl-n4 { margin: -1.5rem !important; } .mt-xl-n4, .my-xl-n4 { margin-top: -1.5rem !important; } .mr-xl-n4, .mx-xl-n4 { margin-right: -1.5rem !important; } .mb-xl-n4, .my-xl-n4 { margin-bottom: -1.5rem !important; } .ml-xl-n4, .mx-xl-n4 { margin-left: -1.5rem !important; } .m-xl-n5 { margin: -3rem !important; } .mt-xl-n5, .my-xl-n5 { margin-top: -3rem !important; } .mr-xl-n5, .mx-xl-n5 { margin-right: -3rem !important; } .mb-xl-n5, .my-xl-n5 { margin-bottom: -3rem !important; } .ml-xl-n5, .mx-xl-n5 { margin-left: -3rem !important; } .m-xl-auto { margin: auto !important; } .mt-xl-auto, .my-xl-auto { margin-top: auto !important; } .mr-xl-auto, .mx-xl-auto { margin-right: auto !important; } .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important; } .ml-xl-auto, .mx-xl-auto { margin-left: auto !important; }} .text-monospace { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; } .text-justify { text-align: justify !important; } .text-wrap { white-space: normal !important; } .text-nowrap { white-space: nowrap !important; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } @media (min-width: 576px) { .text-sm-left { text-align: left !important; } .text-sm-right { text-align: right !important; } .text-sm-center { text-align: center !important; }} @media (min-width: 768px) { .text-md-left { text-align: left !important; } .text-md-right { text-align: right !important; } .text-md-center { text-align: center !important; }} @media (min-width: 992px) { .text-lg-left { text-align: left !important; } .text-lg-right { text-align: right !important; } .text-lg-center { text-align: center !important; }} @media (min-width: 1200px) { .text-xl-left { text-align: left !important; } .text-xl-right { text-align: right !important; } .text-xl-center { text-align: center !important; }} .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .font-weight-light { font-weight: 300 !important; } .font-weight-lighter { font-weight: lighter !important; } .font-weight-normal { font-weight: 400 !important; } .font-weight-bold { font-weight: 700 !important; } .font-weight-bolder { font-weight: bolder !important; } .font-italic { font-style: italic !important; } .text-white { color: rgb(255, 255, 255) !important; } .text-primary { color: rgb(0, 123, 255) !important; } a.text-primary:focus, a.text-primary:hover { color: rgb(0, 86, 179) !important; } .text-secondary { color: rgb(108, 117, 125) !important; } a.text-secondary:focus, a.text-secondary:hover { color: rgb(73, 79, 84) !important; } .text-success { color: rgb(40, 167, 69) !important; } a.text-success:focus, a.text-success:hover { color: rgb(25, 105, 44) !important; } .text-info { color: rgb(23, 162, 184) !important; } a.text-info:focus, a.text-info:hover { color: rgb(15, 102, 116) !important; } .text-warning { color: rgb(255, 193, 7) !important; } a.text-warning:focus, a.text-warning:hover { color: rgb(186, 139, 0) !important; } .text-danger { color: rgb(220, 53, 69) !important; } a.text-danger:focus, a.text-danger:hover { color: rgb(167, 29, 42) !important; } .text-light { color: rgb(248, 249, 250) !important; } a.text-light:focus, a.text-light:hover { color: rgb(203, 211, 218) !important; } .text-dark { color: rgb(52, 58, 64) !important; } a.text-dark:focus, a.text-dark:hover { color: rgb(18, 20, 22) !important; } .text-body { color: rgb(33, 37, 41) !important; } .text-muted { color: rgb(108, 117, 125) !important; } .text-black-50 { color: rgba(0, 0, 0, 0.5) !important; } .text-white-50 { color: rgba(255, 255, 255, 0.5) !important; } .text-hide { font: 0px / 0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0px; } .text-decoration-none { text-decoration: none !important; } .text-break { word-break: break-word !important; overflow-wrap: break-word !important; } .text-reset { color: inherit !important; } .visible { visibility: visible !important; } .invisible { visibility: hidden !important; } @media print { *, ::after, ::before { text-shadow: none !important; box-shadow: none !important; } a:not(.btn) { text-decoration: underline; } abbr[title]::after { content: " (" attr(title) ")"; } pre { white-space: pre-wrap !important; } blockquote, pre { border: 1px solid rgb(173, 181, 189); break-inside: avoid; } thead { display: table-header-group; } img, tr { break-inside: avoid; } h2, h3, p { orphans: 3; widows: 3; } h2, h3 { break-after: avoid; } @page { size: a3; } body { min-width: 992px !important; } .container { min-width: 992px !important; } .navbar { display: none; } .badge { border: 1px solid rgb(0, 0, 0); } .table { border-collapse: collapse !important; } .table td, .table th { background-color: rgb(255, 255, 255) !important; } .table-bordered td, .table-bordered th { border: 1px solid rgb(222, 226, 230) !important; } .table-dark { color: inherit; } .table-dark tbody + tbody, .table-dark td, .table-dark th, .table-dark thead th { border-color: rgb(222, 226, 230); } .table .thead-dark th { color: inherit; border-color: rgb(222, 226, 230); }} body, html { height: 100%; position: relative; } body { margin: 0px; padding: 0px; } [tabindex="-1"]:focus { outline: none; } .inset { padding: 10px; } a.md-no-style, button.md-no-style { font-weight: 400; background-color: inherit; text-align: left; border: none; padding: 0px; margin: 0px; } button, input, select, textarea { vertical-align: baseline; } button, html input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; appearance: button; } button[disabled], html input[type="button"][disabled], input[type="reset"][disabled], input[type="submit"][disabled] { cursor: default; } textarea { vertical-align: top; overflow: auto; } input[type="search"] { appearance: textfield; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { appearance: none; } input:-webkit-autofill { text-shadow: none; } .md-visually-hidden { border: 0px; clip: rect(0px, 0px, 0px, 0px); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; text-transform: none; width: 1px; } .md-shadow { position: absolute; inset: 0px; border-radius: inherit; pointer-events: none; } .md-shadow-bottom-z-1 { box-shadow: rgba(0, 0, 0, 0.26) 0px 2px 5px 0px; } .md-shadow-bottom-z-2 { box-shadow: rgba(0, 0, 0, 0.4) 0px 4px 8px 0px; } .md-shadow-animated.md-shadow { transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1) 0s; } .md-ripple-container { pointer-events: none; position: absolute; overflow: hidden; left: 0px; top: 0px; width: 100%; height: 100%; transition: all 0.55s cubic-bezier(0.25, 0.8, 0.25, 1) 0s; } .md-ripple { position: absolute; transform: translate(-50%, -50%) scale(0); transform-origin: 50% 50%; opacity: 0; border-radius: 50%; } .md-ripple.md-ripple-placed { transition: margin 0.9s cubic-bezier(0.25, 0.8, 0.25, 1) 0s, border 0.9s cubic-bezier(0.25, 0.8, 0.25, 1) 0s, width 0.9s cubic-bezier(0.25, 0.8, 0.25, 1) 0s, height 0.9s cubic-bezier(0.25, 0.8, 0.25, 1) 0s, opacity 0.9s cubic-bezier(0.25, 0.8, 0.25, 1) 0s, transform 0.9s cubic-bezier(0.25, 0.8, 0.25, 1) 0s, -webkit-transform 0.9s cubic-bezier(0.25, 0.8, 0.25, 1) 0s; } .md-ripple.md-ripple-scaled { transform: translate(-50%, -50%) scale(1); } .md-ripple.md-ripple-active, .md-ripple.md-ripple-full, .md-ripple.md-ripple-visible { opacity: 0.2; } .md-ripple.md-ripple-remove { animation: 0.9s cubic-bezier(0.25, 0.8, 0.25, 1) 0s 1 normal none running md-remove-ripple; } @-webkit-keyframes md-remove-ripple { 0% { opacity: 0.15; } 100% { opacity: 0; }} @keyframes md-remove-ripple { 0% { opacity: 0.15; } 100% { opacity: 0; }} .md-padding { padding: 8px; } .md-margin { margin: 8px; } .md-scroll-mask { position: absolute; background-color: transparent; inset: 0px; z-index: 50; } .md-scroll-mask > .md-scroll-mask-bar { display: block; position: absolute; background-color: rgb(250, 250, 250); right: 0px; top: 0px; bottom: 0px; z-index: 65; box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 1px inset; } .md-no-momentum { } .md-no-flicker { filter: blur(0px); } @media (min-width: 960px) { .md-padding { padding: 16px; }} body[dir="ltr"], body[dir="rtl"], html[dir="ltr"], html[dir="rtl"] { unicode-bidi: embed; } bdo[dir="rtl"] { direction: rtl; } bdo[dir="ltr"], bdo[dir="rtl"] { unicode-bidi: bidi-override; } bdo[dir="ltr"] { direction: ltr; } body, html { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); min-height: 100%; text-size-adjust: 100%; -webkit-font-smoothing: antialiased; } .md-display-4 { font-size: 112px; font-weight: 300; letter-spacing: -0.01em; line-height: 112px; } .md-display-3 { font-size: 56px; font-weight: 400; letter-spacing: -0.005em; line-height: 56px; } .md-display-2 { font-size: 45px; font-weight: 400; line-height: 64px; } .md-display-1 { font-size: 34px; font-weight: 400; line-height: 40px; } .md-headline { font-size: 24px; font-weight: 400; line-height: 32px; } .md-title { font-size: 20px; font-weight: 500; letter-spacing: 0.005em; } .md-subhead { font-size: 16px; line-height: 24px; } .md-body-1, .md-subhead { font-weight: 400; letter-spacing: 0.01em; } .md-body-1 { font-size: 14px; line-height: 20px; } .md-body-2 { font-size: 14px; font-weight: 500; letter-spacing: 0.01em; line-height: 24px; } .md-caption { font-size: 12px; letter-spacing: 0.02em; } .md-button { letter-spacing: 0.01em; } button, html, input, select, textarea { font-family: Roboto, "Helvetica Neue", sans-serif; } button, input, select, textarea { font-size: 100%; } .md-panel-outer-wrapper { height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; } ._md-panel-hidden { display: none; } ._md-panel-offscreen { left: -9999px; } ._md-panel-fullscreen { border-radius: 0px; left: 0px; min-height: 100%; min-width: 100%; position: fixed; top: 0px; } ._md-panel-shown .md-panel { opacity: 1; transition: none 0s ease 0s; } .md-panel { opacity: 0; position: fixed; } .md-panel._md-panel-shown { opacity: 1; transition: none 0s ease 0s; } .md-panel._md-panel-animate-enter { opacity: 1; transition: all 0.3s cubic-bezier(0, 0, 0.2, 1) 0s; } .md-panel._md-panel-animate-leave { opacity: 1; transition: all 0.3s cubic-bezier(0.4, 0, 1, 1) 0s; } .md-panel._md-panel-animate-fade-out, .md-panel._md-panel-animate-scale-out { opacity: 0; } .md-panel._md-panel-backdrop { height: 100%; position: absolute; width: 100%; } .md-panel._md-opaque-enter { opacity: 0.48; transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1) 0s; } .md-panel._md-opaque-leave { transition: opacity 0.3s cubic-bezier(0.4, 0, 1, 1) 0s; } md-autocomplete { border-radius: 2px; display: block; height: 40px; position: relative; overflow: visible; min-width: 190px; } md-autocomplete[disabled] input { cursor: default; } md-autocomplete[md-floating-label] { border-radius: 0px; background: transparent; height: auto; } md-autocomplete[md-floating-label] md-input-container { padding-bottom: 0px; } md-autocomplete[md-floating-label] md-autocomplete-wrap { height: auto; } md-autocomplete[md-floating-label] .md-show-clear-button button { display: block; position: absolute; right: 0px; top: 20px; width: 30px; height: 30px; } md-autocomplete[md-floating-label] .md-show-clear-button input { padding-right: 30px; } [dir="rtl"] md-autocomplete[md-floating-label] .md-show-clear-button input { padding-right: 0px; padding-left: 30px; } md-autocomplete md-autocomplete-wrap { display: flex; flex-direction: row; box-sizing: border-box; position: relative; overflow: visible; height: 40px; } md-autocomplete md-autocomplete-wrap.md-menu-showing { z-index: 51; } md-autocomplete md-autocomplete-wrap input, md-autocomplete md-autocomplete-wrap md-input-container { flex: 1 1 0px; box-sizing: border-box; min-width: 0px; } md-autocomplete md-autocomplete-wrap md-progress-linear { position: absolute; bottom: -2px; left: 0px; } md-autocomplete md-autocomplete-wrap md-progress-linear.md-inline { bottom: 40px; right: 2px; left: 2px; width: auto; } md-autocomplete md-autocomplete-wrap md-progress-linear .md-mode-indeterminate { position: absolute; top: 0px; left: 0px; width: 100%; height: 3px; transition: none 0s ease 0s; } md-autocomplete md-autocomplete-wrap md-progress-linear .md-mode-indeterminate .md-container { transition: none 0s ease 0s; height: 3px; } md-autocomplete md-autocomplete-wrap md-progress-linear .md-mode-indeterminate.ng-enter { transition: opacity 0.15s linear 0s; } md-autocomplete md-autocomplete-wrap md-progress-linear .md-mode-indeterminate.ng-enter.ng-enter-active { opacity: 1; } md-autocomplete md-autocomplete-wrap md-progress-linear .md-mode-indeterminate.ng-leave { transition: opacity 0.15s linear 0s; } md-autocomplete md-autocomplete-wrap md-progress-linear .md-mode-indeterminate.ng-leave.ng-leave-active { opacity: 0; } md-autocomplete input:not(.md-input) { font-size: 14px; box-sizing: border-box; border: none; box-shadow: none; outline: none; background: transparent; width: 100%; padding: 0px 15px; line-height: 40px; height: 40px; } md-autocomplete .md-show-clear-button button { position: relative; line-height: 20px; text-align: center; width: 30px; height: 30px; cursor: pointer; border: none; border-radius: 50%; padding: 0px; font-size: 12px; background: transparent; margin: auto 5px; } md-autocomplete .md-show-clear-button button::after { content: ""; position: absolute; inset: -6px; border-radius: 50%; transform: scale(0); opacity: 0; transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) 0s; } md-autocomplete .md-show-clear-button button:focus { outline: none; } md-autocomplete .md-show-clear-button button:focus::after { transform: scale(1); opacity: 1; } md-autocomplete .md-show-clear-button button md-icon { position: absolute; top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0px) scale(0.9); } md-autocomplete .md-show-clear-button button md-icon path { stroke-width: 0; } md-autocomplete .md-show-clear-button button.ng-enter { transform: scale(0); transition: transform 0.15s ease-out 0s, -webkit-transform 0.15s ease-out 0s; } md-autocomplete .md-show-clear-button button.ng-enter.ng-enter-active { transform: scale(1); } md-autocomplete .md-show-clear-button button.ng-leave { transition: transform 0.15s ease-out 0s, -webkit-transform 0.15s ease-out 0s; } md-autocomplete .md-show-clear-button button.ng-leave.ng-leave-active { transform: scale(0); } @media screen and (-ms-high-contrast:active) { md-autocomplete input { border: 1px solid rgb(255, 255, 255); } md-autocomplete .md-autocomplete-suggestion:focus { color: rgb(255, 255, 255); }} .md-standard-list-container.md-autocomplete-suggestions-container, .md-virtual-repeat-container.md-autocomplete-suggestions-container { position: absolute; box-shadow: rgba(0, 0, 0, 0.25) 0px 2px 5px; z-index: 100; height: 100%; } .md-standard-list-container.md-autocomplete-suggestions-container .highlight, .md-virtual-repeat-container.md-autocomplete-suggestions-container .highlight { font-weight: 700; } .md-standard-list-container { box-sizing: border-box; display: block; margin: 0px; overflow: hidden auto; padding: 0px; } .md-standard-list-container.md-not-found, .md-virtual-repeat-container.md-not-found { height: 48px; } .md-autocomplete-suggestions { margin: 0px; list-style: none; padding: 0px; } .md-autocomplete-suggestions .md-autocomplete-suggestion { font-size: 14px; overflow: hidden; padding: 0px 15px; line-height: 48px; height: 48px; transition: background 0.15s linear 0s; margin: 0px; white-space: nowrap; text-overflow: ellipsis; } .md-autocomplete-suggestions .md-autocomplete-suggestion:focus { outline: none; } .md-autocomplete-suggestions .md-autocomplete-suggestion:not(.md-not-found-wrapper) { cursor: pointer; } @media screen and (-ms-high-contrast:active) { .md-autocomplete-suggestions, md-autocomplete { border: 1px solid rgb(255, 255, 255); }} md-backdrop { transition: opacity 0.45s ease 0s; position: absolute; inset: 0px; z-index: 50; } md-backdrop.md-menu-backdrop { z-index: 99; position: fixed !important; } md-backdrop.md-select-backdrop { z-index: 81; } md-backdrop.md-dialog-backdrop { z-index: 79; } md-backdrop.md-bottom-sheet-backdrop { z-index: 69; } md-backdrop.md-sidenav-backdrop { z-index: 59; } md-backdrop.md-click-catcher { position: absolute; } md-backdrop.md-opaque { opacity: 0.48; } md-backdrop.md-opaque.ng-enter { opacity: 0; } md-backdrop.md-opaque.ng-enter.md-opaque.ng-enter-active { opacity: 0.48; } md-backdrop.md-opaque.ng-leave { opacity: 0.48; transition: opacity 0.4s ease 0s; } md-backdrop.md-opaque.ng-leave.md-opaque.ng-leave-active { opacity: 0; } md-bottom-sheet { position: absolute; left: 0px; right: 0px; bottom: 0px; padding: 8px 16px 88px; z-index: 70; border-top-width: 1px; border-top-style: solid; transform: translate3d(0px, 80px, 0px); transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) 0s, -webkit-transform; } md-bottom-sheet.md-has-header { padding-top: 0px; } md-bottom-sheet.ng-enter { opacity: 0; transform: translate3d(0px, 100%, 0px); } md-bottom-sheet.ng-enter-active { opacity: 1; display: block; transform: translate3d(0px, 80px, 0px) !important; } md-bottom-sheet.ng-leave-active { transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2) 0s; transform: translate3d(0px, 100%, 0px) !important; } md-bottom-sheet .md-subheader { background-color: transparent; font-family: Roboto, "Helvetica Neue", sans-serif; line-height: 56px; padding: 0px; white-space: nowrap; } md-bottom-sheet md-inline-icon { display: inline-block; height: 24px; width: 24px; fill: rgb(68, 68, 68); } md-bottom-sheet md-list-item { display: flex; outline: none; } md-bottom-sheet md-list-item:hover { cursor: pointer; } md-bottom-sheet.md-list md-list-item { padding: 0px; align-items: center; height: 48px; } md-bottom-sheet.md-grid { padding-left: 24px; padding-right: 24px; padding-top: 0px; } md-bottom-sheet.md-grid md-list { display: flex; flex-flow: wrap; transition: all 0.5s ease 0s; align-items: center; } md-bottom-sheet.md-grid md-list-item { flex-direction: column; align-items: center; transition: all 0.5s ease 0s; height: 96px; margin-top: 8px; margin-bottom: 8px; } @media (max-width: 960px) { md-bottom-sheet.md-grid md-list-item { flex: 1 1 33.3333%; max-width: 33.3333%; } md-bottom-sheet.md-grid md-list-item:nth-of-type(3n+1) { align-items: flex-start; } md-bottom-sheet.md-grid md-list-item:nth-of-type(3n) { align-items: flex-end; }} @media (min-width: 960px) and (max-width: 1279px) { md-bottom-sheet.md-grid md-list-item { flex: 1 1 25%; max-width: 25%; }} @media (min-width: 1280px) and (max-width: 1919px) { md-bottom-sheet.md-grid md-list-item { flex: 1 1 16.6667%; max-width: 16.6667%; }} @media (min-width: 1920px) { md-bottom-sheet.md-grid md-list-item { flex: 1 1 14.2857%; max-width: 14.2857%; }} md-bottom-sheet.md-grid md-list-item::before { display: none; } md-bottom-sheet.md-grid md-list-item .md-list-item-content { display: flex; flex-direction: column; align-items: center; width: 48px; padding-bottom: 16px; } md-bottom-sheet.md-grid md-list-item .md-grid-item-content { border: 1px solid transparent; display: flex; flex-direction: column; align-items: center; width: 80px; } md-bottom-sheet.md-grid md-list-item .md-grid-text { font-weight: 400; line-height: 16px; font-size: 13px; margin: 0px; white-space: nowrap; width: 64px; text-align: center; text-transform: none; padding-top: 8px; } @media screen and (-ms-high-contrast:active) { md-bottom-sheet { border: 1px solid rgb(255, 255, 255); }} .md-button { display: inline-block; position: relative; cursor: pointer; min-height: 36px; min-width: 88px; line-height: 36px; vertical-align: middle; align-items: center; text-align: center; border-radius: 2px; box-sizing: border-box; user-select: none; outline: none; border: 0px; padding: 0px 6px; margin: 6px 8px; background: transparent; color: currentcolor; white-space: nowrap; text-transform: uppercase; font-weight: 500; font-size: 14px; font-style: inherit; font-variant: inherit; font-family: inherit; text-decoration: none; overflow: hidden; transition: box-shadow 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) 0s, background-color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) 0s; } .md-dense :not(.md-dense-disabled) .md-button:not(.md-dense-disabled), .md-dense > .md-button:not(.md-dense-disabled) { min-height: 32px; line-height: 32px; font-size: 13px; } .md-button:focus { outline: none; } .md-button:focus, .md-button:hover { text-decoration: none; } .md-button.ng-hide, .md-button.ng-leave { transition: none 0s ease 0s; } .md-button.md-cornered { border-radius: 0px; } .md-button.md-icon { padding: 0px; background: none; } .md-button.md-raised:not([disabled]) { box-shadow: rgba(0, 0, 0, 0.26) 0px 2px 5px 0px; } .md-button.md-icon-button { margin: 0px 6px; height: 40px; min-width: 0px; line-height: 24px; padding: 8px; width: 40px; border-radius: 50%; } .md-button.md-fab { z-index: 20; line-height: 56px; min-width: 0px; width: 56px; height: 56px; vertical-align: middle; box-shadow: rgba(0, 0, 0, 0.26) 0px 2px 5px 0px; border-radius: 50%; background-clip: padding-box; overflow: hidden; transition: background-color 0.3s cubic-bezier(0.55, 0, 0.55, 0.2) 0s, box-shadow, transform, -webkit-transform; } .md-button.md-fab.md-fab-bottom-right { inset: auto 20px 20px auto; position: absolute; } .md-button.md-fab.md-fab-bottom-left { inset: auto auto 20px 20px; position: absolute; } .md-button.md-fab.md-fab-top-right { inset: 20px 20px auto auto; position: absolute; } .md-button.md-fab.md-fab-top-left { inset: 20px auto auto 20px; position: absolute; } .md-button.md-fab.md-mini { line-height: 40px; width: 40px; height: 40px; } .md-button.md-fab.ng-hide, .md-button.md-fab.ng-leave { transition: none 0s ease 0s; } .md-button:not([disabled]).md-fab.md-focused, .md-button:not([disabled]).md-raised.md-focused { box-shadow: rgba(0, 0, 0, 0.26) 0px 2px 5px 0px; } .md-button:not([disabled]).md-fab:active, .md-button:not([disabled]).md-raised:active { box-shadow: rgba(0, 0, 0, 0.4) 0px 4px 8px 0px; } .md-button .md-ripple-container { border-radius: inherit; background-clip: padding-box; overflow: hidden; transform: translateZ(0px); } .md-button.md-icon-button md-icon, button.md-button.md-fab md-icon { display: block; } .md-toast-open-top .md-button.md-fab-top-left, .md-toast-open-top .md-button.md-fab-top-right { transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) 0s; transform: translate3d(0px, 42px, 0px); } .md-toast-open-top .md-button.md-fab-top-left:not([disabled]).md-focused, .md-toast-open-top .md-button.md-fab-top-left:not([disabled]):hover, .md-toast-open-top .md-button.md-fab-top-right:not([disabled]).md-focused, .md-toast-open-top .md-button.md-fab-top-right:not([disabled]):hover { transform: translate3d(0px, 41px, 0px); } .md-toast-open-bottom .md-button.md-fab-bottom-left, .md-toast-open-bottom .md-button.md-fab-bottom-right { transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) 0s; transform: translate3d(0px, -42px, 0px); } .md-toast-open-bottom .md-button.md-fab-bottom-left:not([disabled]).md-focused, .md-toast-open-bottom .md-button.md-fab-bottom-left:not([disabled]):hover, .md-toast-open-bottom .md-button.md-fab-bottom-right:not([disabled]).md-focused, .md-toast-open-bottom .md-button.md-fab-bottom-right:not([disabled]):hover { transform: translate3d(0px, -43px, 0px); } .md-button-group { display: flex; flex: 1 1 0%; width: 100%; } .md-button-group > .md-button { flex: 1 1 0%; display: block; overflow: hidden; width: 0px; border-width: 1px 0px 1px 1px; border-radius: 0px; text-align: center; text-overflow: ellipsis; white-space: nowrap; } .md-button-group > .md-button:first-child { border-radius: 2px 0px 0px 2px; } .md-button-group > .md-button:last-child { border-right-width: 1px; border-radius: 0px 2px 2px 0px; } @media screen and (-ms-high-contrast:active) { .md-button.md-fab, .md-button.md-raised { border: 1px solid rgb(255, 255, 255); }} md-card { box-sizing: border-box; display: flex; flex-direction: column; margin: 8px; box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 3px 0px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 2px 1px -1px; } md-card md-card-header { padding: 16px; display: flex; flex-direction: row; } md-card md-card-header:first-child md-card-avatar { margin-right: 12px; } [dir="rtl"] md-card md-card-header:first-child md-card-avatar { margin-right: auto; margin-left: 12px; } md-card md-card-header:last-child md-card-avatar { margin-left: 12px; } [dir="rtl"] md-card md-card-header:last-child md-card-avatar { margin-left: auto; margin-right: 12px; } md-card md-card-header md-card-avatar { width: 40px; height: 40px; } md-card md-card-header md-card-avatar .md-user-avatar, md-card md-card-header md-card-avatar md-icon { border-radius: 50%; } md-card md-card-header md-card-avatar md-icon { padding: 8px; } md-card md-card-header md-card-avatar md-icon > svg { height: inherit; width: inherit; } md-card md-card-header md-card-avatar + md-card-header-text { max-height: 40px; } md-card md-card-header md-card-avatar + md-card-header-text .md-title { font-size: 14px; } md-card md-card-header md-card-header-text { display: flex; flex: 1 1 0%; flex-direction: column; } md-card md-card-header md-card-header-text .md-subhead { font-size: 14px; } md-card > img, md-card > md-card-header img, md-card md-card-title-media img { box-sizing: border-box; display: flex; flex: 0 0 auto; width: 100%; height: auto; } md-card md-card-title { padding: 24px 16px 16px; display: flex; flex: 1 1 auto; flex-direction: row; } md-card md-card-title + md-card-content { padding-top: 0px; } md-card md-card-title md-card-title-text { flex: 1 1 0%; flex-direction: column; display: flex; } md-card md-card-title md-card-title-text .md-subhead { padding-top: 0px; font-size: 14px; } md-card md-card-title md-card-title-text:only-child .md-subhead { padding-top: 12px; } md-card md-card-title md-card-title-media { margin-top: -8px; } md-card md-card-title md-card-title-media .md-media-sm { height: 80px; width: 80px; } md-card md-card-title md-card-title-media .md-media-md { height: 112px; width: 112px; } md-card md-card-title md-card-title-media .md-media-lg { height: 152px; width: 152px; } md-card md-card-content { display: block; padding: 16px; } md-card md-card-content > p:first-child { margin-top: 0px; } md-card md-card-content > p:last-child { margin-bottom: 0px; } md-card md-card-content .md-media-xl { height: 240px; width: 240px; } md-card .md-actions, md-card md-card-actions { margin: 8px; } md-card .md-actions.layout-column .md-button:not(.md-icon-button), md-card md-card-actions.layout-column .md-button:not(.md-icon-button) { margin: 2px 0px; } md-card .md-actions.layout-column .md-button:not(.md-icon-button):first-of-type, md-card md-card-actions.layout-column .md-button:not(.md-icon-button):first-of-type { margin-top: 0px; } md-card .md-actions.layout-column .md-button:not(.md-icon-button):last-of-type, md-card md-card-actions.layout-column .md-button:not(.md-icon-button):last-of-type { margin-bottom: 0px; } md-card .md-actions.layout-column .md-button.md-icon-button, md-card md-card-actions.layout-column .md-button.md-icon-button { margin-top: 6px; margin-bottom: 6px; } md-card .md-actions md-card-icon-actions, md-card md-card-actions md-card-icon-actions { flex: 1 1 0%; justify-content: flex-start; display: flex; flex-direction: row; } md-card .md-actions:not(.layout-column) .md-button:not(.md-icon-button), md-card md-card-actions:not(.layout-column) .md-button:not(.md-icon-button) { margin: 0px 4px; } md-card .md-actions:not(.layout-column) .md-button:not(.md-icon-button):first-of-type, md-card md-card-actions:not(.layout-column) .md-button:not(.md-icon-button):first-of-type { margin-left: 0px; } [dir="rtl"] md-card .md-actions:not(.layout-column) .md-button:not(.md-icon-button):first-of-type, [dir="rtl"] md-card md-card-actions:not(.layout-column) .md-button:not(.md-icon-button):first-of-type { margin-left: auto; margin-right: 0px; } md-card .md-actions:not(.layout-column) .md-button:not(.md-icon-button):last-of-type, md-card md-card-actions:not(.layout-column) .md-button:not(.md-icon-button):last-of-type { margin-right: 0px; } [dir="rtl"] md-card .md-actions:not(.layout-column) .md-button:not(.md-icon-button):last-of-type, [dir="rtl"] md-card md-card-actions:not(.layout-column) .md-button:not(.md-icon-button):last-of-type { margin-right: auto; margin-left: 0px; } md-card .md-actions:not(.layout-column) .md-button.md-icon-button, md-card md-card-actions:not(.layout-column) .md-button.md-icon-button { margin-left: 6px; margin-right: 6px; } md-card .md-actions:not(.layout-column) .md-button.md-icon-button:first-of-type, md-card md-card-actions:not(.layout-column) .md-button.md-icon-button:first-of-type { margin-left: 12px; } [dir="rtl"] md-card .md-actions:not(.layout-column) .md-button.md-icon-button:first-of-type, [dir="rtl"] md-card md-card-actions:not(.layout-column) .md-button.md-icon-button:first-of-type { margin-left: auto; margin-right: 12px; } md-card .md-actions:not(.layout-column) .md-button.md-icon-button:last-of-type, md-card md-card-actions:not(.layout-column) .md-button.md-icon-button:last-of-type { margin-right: 12px; } [dir="rtl"] md-card .md-actions:not(.layout-column) .md-button.md-icon-button:last-of-type, [dir="rtl"] md-card md-card-actions:not(.layout-column) .md-button.md-icon-button:last-of-type { margin-right: auto; margin-left: 12px; } md-card .md-actions:not(.layout-column) .md-button + md-card-icon-actions, md-card md-card-actions:not(.layout-column) .md-button + md-card-icon-actions { flex: 1 1 0%; justify-content: flex-end; display: flex; flex-direction: row; } md-card md-card-footer { margin-top: auto; padding: 16px; } @media screen and (-ms-high-contrast:active) { md-card { border: 1px solid rgb(255, 255, 255); }} .md-image-no-fill > img { width: auto; height: auto; } .md-inline-form md-checkbox { margin: 19px 0px 18px; } md-checkbox { box-sizing: border-box; display: inline-block; margin-bottom: 16px; white-space: nowrap; cursor: pointer; outline: none; user-select: none; position: relative; min-width: 20px; min-height: 20px; margin-left: 0px; margin-right: 16px; } [dir="rtl"] md-checkbox { margin-left: 16px; margin-right: 0px; } md-checkbox:last-of-type { margin-left: 0px; margin-right: 0px; } md-checkbox.md-focused:not([disabled]) .md-container::before { inset: -8px; } md-checkbox.md-focused:not([disabled]):not(.md-checked) .md-container::before { background-color: rgba(0, 0, 0, 0.12); } md-checkbox.md-align-top-left > div.md-container { top: 12px; } md-checkbox .md-container { position: absolute; top: 50%; transform: translateY(-50%); box-sizing: border-box; display: inline-block; width: 20px; height: 20px; left: 0px; right: auto; } [dir="rtl"] md-checkbox .md-container { left: auto; right: 0px; } md-checkbox .md-container::before { box-sizing: border-box; background-color: transparent; border-radius: 50%; content: ""; position: absolute; display: block; height: auto; inset: 0px; transition: all 0.5s ease 0s; width: auto; } md-checkbox .md-container::after { box-sizing: border-box; content: ""; position: absolute; inset: -10px; } md-checkbox .md-container .md-ripple-container { position: absolute; display: block; width: auto; height: auto; inset: -15px; } md-checkbox .md-icon { box-sizing: border-box; transition: all 0.24s ease 0s; position: absolute; top: 0px; left: 0px; width: 20px; height: 20px; border-width: 2px; border-style: solid; border-radius: 2px; } md-checkbox.md-checked .md-icon { border-color: transparent; } md-checkbox.md-checked .md-icon::after { box-sizing: border-box; transform: rotate(45deg); position: absolute; left: 4.66667px; top: 0.22222px; display: table; width: 6.66667px; height: 13.3333px; border-width: 0px 2px 2px 0px; border-right-style: solid; border-bottom-style: solid; border-top-style: initial; border-top-color: initial; border-left-style: initial; border-left-color: initial; content: ""; } md-checkbox[disabled] { cursor: default; } md-checkbox.md-indeterminate .md-icon::after { box-sizing: border-box; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: table; width: 12px; height: 2px; border-width: 0px 2px 2px 0px; border-right-style: solid; border-bottom-style: solid; border-top-style: initial; border-top-color: initial; border-left-style: initial; border-left-color: initial; content: ""; } md-checkbox .md-label { box-sizing: border-box; position: relative; display: inline-block; vertical-align: middle; white-space: normal; user-select: text; margin-left: 30px; margin-right: 0px; } [dir="rtl"] md-checkbox .md-label { margin-left: 0px; margin-right: 30px; } .md-contact-chips .md-chips md-chip { padding: 0px 25px 0px 0px; } [dir="rtl"] .md-contact-chips .md-chips md-chip { padding: 0px 0px 0px 25px; } .md-contact-chips .md-chips md-chip .md-contact-avatar { float: left; } [dir="rtl"] .md-contact-chips .md-chips md-chip .md-contact-avatar { float: right; } .md-contact-chips .md-chips md-chip .md-contact-avatar img { height: 32px; border-radius: 16px; } .md-contact-chips .md-chips md-chip .md-contact-name { display: inline-block; height: 32px; margin-left: 8px; } [dir="rtl"] .md-contact-chips .md-chips md-chip .md-contact-name { margin-left: auto; margin-right: 8px; } .md-contact-suggestion { height: 56px; } .md-contact-suggestion img { height: 40px; border-radius: 20px; margin-top: 8px; } .md-contact-suggestion .md-contact-name { margin-left: 8px; width: 120px; } [dir="rtl"] .md-contact-suggestion .md-contact-name { margin-left: auto; margin-right: 8px; } .md-contact-suggestion .md-contact-email, .md-contact-suggestion .md-contact-name { display: inline-block; overflow: hidden; text-overflow: ellipsis; } .md-contact-chips-suggestions li { height: 100%; } .md-chips { display: block; font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 16px; padding: 0px 0px 8px 3px; vertical-align: middle; } .md-chips::after { content: ""; display: table; clear: both; } [dir="rtl"] .md-chips { padding: 0px 3px 8px 0px; } .md-chips.md-readonly .md-chip-input-container { min-height: 32px; } .md-chips:not(.md-readonly) { cursor: text; } .md-chips.md-removable md-chip { padding-right: 22px; } [dir="rtl"] .md-chips.md-removable md-chip { padding-right: 0px; padding-left: 22px; } .md-chips.md-removable md-chip .md-chip-content { padding-right: 4px; } [dir="rtl"] .md-chips.md-removable md-chip .md-chip-content { padding-right: 0px; padding-left: 4px; } .md-chips md-chip { cursor: default; border-radius: 16px; display: block; height: 32px; line-height: 32px; margin: 8px 8px 0px 0px; padding: 0px 12px; float: left; box-sizing: border-box; max-width: 100%; position: relative; } [dir="rtl"] .md-chips md-chip { margin: 8px 0px 0px 8px; float: right; } .md-chips md-chip .md-chip-content { display: block; float: left; white-space: nowrap; max-width: 100%; overflow: hidden; text-overflow: ellipsis; } [dir="rtl"] .md-chips md-chip .md-chip-content { float: right; } .md-chips md-chip .md-chip-content:focus { outline: none; } .md-chips md-chip._md-chip-content-edit-is-enabled { user-select: none; } .md-chips md-chip .md-chip-remove-container { position: absolute; right: 0px; line-height: 22px; } [dir="rtl"] .md-chips md-chip .md-chip-remove-container { right: auto; left: 0px; } .md-chips md-chip .md-chip-remove { text-align: center; width: 32px; height: 32px; min-width: 0px; padding: 0px; background: transparent; border: none; box-shadow: none; margin: 0px; position: relative; } .md-chips md-chip .md-chip-remove md-icon { height: 18px; width: 18px; position: absolute; top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0px); } .md-chips .md-chip-input-container { display: block; line-height: 32px; margin: 8px 8px 0px 0px; padding: 0px; float: left; } [dir="rtl"] .md-chips .md-chip-input-container { margin: 8px 0px 0px 8px; float: right; } .md-chips .md-chip-input-container input:not([type]), .md-chips .md-chip-input-container input[type="email"], .md-chips .md-chip-input-container input[type="number"], .md-chips .md-chip-input-container input[type="tel"], .md-chips .md-chip-input-container input[type="text"], .md-chips .md-chip-input-container input[type="url"] { border: 0px; height: 32px; line-height: 32px; padding: 0px; } .md-chips .md-chip-input-container input:not([type]):focus, .md-chips .md-chip-input-container input[type="email"]:focus, .md-chips .md-chip-input-container input[type="number"]:focus, .md-chips .md-chip-input-container input[type="tel"]:focus, .md-chips .md-chip-input-container input[type="text"]:focus, .md-chips .md-chip-input-container input[type="url"]:focus { outline: none; } .md-chips .md-chip-input-container md-autocomplete, .md-chips .md-chip-input-container md-autocomplete-wrap { background: transparent; } .md-chips .md-chip-input-container md-autocomplete md-autocomplete-wrap { box-shadow: none; } .md-chips .md-chip-input-container input { border: 0px; height: 32px; line-height: 32px; padding: 0px; } .md-chips .md-chip-input-container input:focus { outline: none; } .md-chips .md-chip-input-container md-autocomplete, .md-chips .md-chip-input-container md-autocomplete-wrap { height: 32px; } .md-chips .md-chip-input-container md-autocomplete { box-shadow: none; } .md-chips .md-chip-input-container md-autocomplete input { position: relative; } .md-chips .md-chip-input-container:not(:first-child) { margin: 8px 8px 0px 0px; } [dir="rtl"] .md-chips .md-chip-input-container:not(:first-child) { margin: 8px 0px 0px 8px; } .md-chips .md-chip-input-container input { background: transparent; border-width: 0px; } .md-chips md-autocomplete button { display: none; } @media screen and (-ms-high-contrast:active) { .md-chip-input-container, md-chip { border: 1px solid rgb(255, 255, 255); } .md-chip-input-container md-autocomplete { border: none; }} md-content { display: block; position: relative; overflow: auto; } md-content[md-scroll-y] { overflow: hidden auto; } md-content[md-scroll-x] { overflow: auto hidden; } @media print { md-content { overflow: visible !important; }} md-calendar { font-size: 13px; user-select: none; } .md-calendar-scroll-mask { display: inline-block; overflow: hidden; height: 308px; } .md-calendar-scroll-mask .md-virtual-repeat-scroller { overflow-y: scroll; } .md-calendar-scroll-mask .md-virtual-repeat-scroller::-webkit-scrollbar { display: none; } .md-calendar-scroll-mask .md-virtual-repeat-offsetter { width: 100%; } .md-calendar-scroll-container { box-shadow: rgba(0, 0, 0, 0.2) -3px 3px 6px inset; display: inline-block; height: 308px; width: 346px; } .md-calendar-date { height: 44px; width: 44px; text-align: center; padding: 0px; border: none; box-sizing: content-box; } .md-calendar-date:first-child { padding-left: 16px; } [dir="rtl"] .md-calendar-date:first-child { padding-left: 0px; padding-right: 16px; } .md-calendar-date:last-child { padding-right: 16px; } [dir="rtl"] .md-calendar-date:last-child { padding-right: 0px; padding-left: 16px; } .md-calendar-date.md-calendar-date-disabled { cursor: default; } .md-calendar-date-selection-indicator { transition: background-color 0s ease 0s, color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) 0s; border-radius: 50%; display: inline-block; width: 40px; height: 40px; line-height: 40px; } .md-calendar-date:not(.md-disabled) .md-calendar-date-selection-indicator { cursor: pointer; } .md-calendar-month-label { height: 44px; font-size: 14px; font-weight: 500; padding: 0px 0px 0px 24px; } [dir="rtl"] .md-calendar-month-label { padding: 0px 24px 0px 0px; } .md-calendar-month-label.md-calendar-label-clickable { cursor: pointer; } .md-calendar-month-label md-icon { transform: rotate(180deg); } [dir="rtl"] .md-calendar-month-label md-icon { transform: none; } .md-calendar-month-label span { vertical-align: middle; } .md-calendar-day-header { table-layout: fixed; border-spacing: 0px; border-collapse: collapse; } .md-calendar-day-header th { height: 40px; width: 44px; text-align: center; padding: 0px; border: none; box-sizing: content-box; font-weight: 400; } .md-calendar-day-header th:first-child { padding-left: 16px; } [dir="rtl"] .md-calendar-day-header th:first-child { padding-left: 0px; padding-right: 16px; } .md-calendar-day-header th:last-child { padding-right: 16px; } [dir="rtl"] .md-calendar-day-header th:last-child { padding-right: 0px; padding-left: 16px; } .md-calendar { table-layout: fixed; border-spacing: 0px; border-collapse: collapse; } .md-calendar tr:last-child td { border-bottom-width: 1px; border-bottom-style: solid; } .md-calendar:first-child { border-top: 1px solid transparent; } .md-calendar tbody, .md-calendar td, .md-calendar tr { vertical-align: middle; box-sizing: content-box; } md-datepicker { white-space: nowrap; overflow: hidden; vertical-align: middle; } .md-inline-form md-datepicker { margin-top: 12px; } .md-datepicker-button { display: inline-block; box-sizing: border-box; background: none; vertical-align: middle; position: relative; } .md-datepicker-button::before { inset: 0px; position: absolute; content: ""; speak: none; } .md-datepicker-input { font-size: 14px; box-sizing: border-box; border: none; box-shadow: none; outline: none; background: transparent; min-width: 120px; max-width: 328px; padding: 0px 0px 5px; } ._md-datepicker-floating-label > md-datepicker { overflow: visible; } ._md-datepicker-floating-label > md-datepicker .md-datepicker-input-container { border: none; } ._md-datepicker-floating-label > md-datepicker .md-datepicker-button { float: left; margin-top: -12px; top: 9.5px; } [dir="rtl"] ._md-datepicker-floating-label > md-datepicker .md-datepicker-button { float: right; } ._md-datepicker-floating-label .md-input { float: none; } ._md-datepicker-floating-label._md-datepicker-has-calendar-icon > label:not(.md-no-float):not(.md-container-ignore) { right: 18px; left: auto; width: calc(100% - 84px); } [dir="rtl"] ._md-datepicker-floating-label._md-datepicker-has-calendar-icon > label:not(.md-no-float):not(.md-container-ignore) { right: auto; left: 18px; } ._md-datepicker-floating-label._md-datepicker-has-calendar-icon .md-input-message-animation { margin-left: 64px; } [dir="rtl"] ._md-datepicker-floating-label._md-datepicker-has-calendar-icon .md-input-message-animation { margin-left: auto; margin-right: 64px; } ._md-datepicker-has-triangle-icon { padding-right: 18px; margin-right: -18px; } [dir="rtl"] ._md-datepicker-has-triangle-icon { padding-right: 0px; padding-left: 18px; margin-right: auto; margin-left: -18px; } .md-datepicker-input-container { position: relative; border-bottom-width: 1px; border-bottom-style: solid; display: inline-block; width: auto; } .md-icon-button + .md-datepicker-input-container { margin-left: 12px; } [dir="rtl"] .md-icon-button + .md-datepicker-input-container { margin-left: auto; margin-right: 12px; } .md-datepicker-input-container.md-datepicker-focused { border-bottom-width: 2px; } .md-datepicker-is-showing .md-scroll-mask { z-index: 99; } .md-datepicker-calendar-pane { position: absolute; top: 0px; left: -100%; z-index: 100; border-width: 1px; border-style: solid; background: transparent; transform: scale(0); transform-origin: 0px 0px; transition: transform 0.2s cubic-bezier(0.25, 0.8, 0.25, 1) 0s, -webkit-transform 0.2s cubic-bezier(0.25, 0.8, 0.25, 1) 0s; } .md-datepicker-calendar-pane.md-pane-open { transform: scale(1); } .md-datepicker-input-mask { height: 40px; width: 340px; position: relative; overflow: hidden; background: transparent; pointer-events: none; cursor: text; } .md-datepicker-calendar { opacity: 0; transition: opacity 0.2s cubic-bezier(0.5, 0, 0.25, 1) 0s; } .md-pane-open .md-datepicker-calendar { opacity: 1; } .md-datepicker-calendar md-calendar:focus { outline: none; } .md-datepicker-expand-triangle { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 0px; height: 0px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid; } .md-datepicker-triangle-button { position: absolute; right: 0px; bottom: -2.5px; transform: translateX(45%); } [dir="rtl"] .md-datepicker-triangle-button { right: auto; left: 0px; transform: translateX(-45%); } .md-datepicker-triangle-button.md-button.md-icon-button { height: 36px; width: 36px; position: absolute; padding: 8px; } md-datepicker[disabled] .md-datepicker-input-container { border-bottom-color: transparent; } md-datepicker[disabled] .md-datepicker-triangle-button { display: none; } .md-datepicker-open { overflow: hidden; } .md-datepicker-open .md-datepicker-input-container, .md-datepicker-open input.md-input { border-bottom-color: transparent; } .md-datepicker-open .md-datepicker-triangle-button, .md-datepicker-open.md-input-has-placeholder > label, .md-datepicker-open.md-input-has-value > label, .md-datepicker-pos-adjusted .md-datepicker-input-mask { display: none; } .md-datepicker-calendar-pane .md-calendar { transform: translateY(-85px); transition: transform 0.65s cubic-bezier(0.25, 0.8, 0.25, 1) 0.125s, -webkit-transform 0.65s cubic-bezier(0.25, 0.8, 0.25, 1); } .md-datepicker-calendar-pane.md-pane-open .md-calendar { transform: translateY(0px); } .md-dialog-is-showing { max-height: 100%; } .md-dialog-container { display: flex; justify-content: center; align-items: center; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 80; overflow: hidden; } md-dialog { opacity: 0; min-width: 240px; max-width: 80%; max-height: 80%; position: relative; overflow: auto; box-shadow: rgba(0, 0, 0, 0.2) 0px 7px 8px -4px, rgba(0, 0, 0, 0.14) 0px 13px 19px 2px, rgba(0, 0, 0, 0.12) 0px 5px 24px 4px; display: flex; flex-direction: column; } md-dialog.md-transition-in { opacity: 1; transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) 0s; transform: translate(0px, 0px) scale(1); } md-dialog.md-transition-out { opacity: 0; transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) 0s; transform: translate(0px, 100%) scale(0.2); } md-dialog > form { display: flex; flex-direction: column; overflow: auto; } md-dialog .md-dialog-content { padding: 24px; } md-dialog md-dialog-content { order: 1; flex-direction: column; overflow: auto; } md-dialog md-dialog-content:not([layout="row"]) > :first-child:not(.md-subheader) { margin-top: 0px; } md-dialog md-dialog-content:focus { outline: none; } md-dialog md-dialog-content .md-subheader { margin: 0px; } md-dialog md-dialog-content .md-dialog-content-body { width: 100%; } md-dialog md-dialog-content .md-prompt-input-container { width: 100%; box-sizing: border-box; } md-dialog .md-actions, md-dialog md-dialog-actions { display: flex; order: 2; box-sizing: border-box; align-items: center; justify-content: flex-end; margin-bottom: 0px; padding-right: 8px; padding-left: 16px; min-height: 52px; overflow: hidden; } [dir="rtl"] md-dialog .md-actions, [dir="rtl"] md-dialog md-dialog-actions { padding-right: 16px; padding-left: 8px; } md-dialog .md-actions .md-button, md-dialog md-dialog-actions .md-button { margin: 8px 0px 8px 8px; } [dir="rtl"] md-dialog .md-actions .md-button, [dir="rtl"] md-dialog md-dialog-actions .md-button { margin-left: 0px; margin-right: 8px; } md-dialog.md-content-overflow .md-actions, md-dialog.md-content-overflow md-dialog-actions { border-top-width: 1px; border-top-style: solid; } @media screen and (-ms-high-contrast:active) { md-dialog { border: 1px solid rgb(255, 255, 255); }} @media (max-width: 959px) { md-dialog.md-dialog-fullscreen { min-height: 100%; min-width: 100%; border-radius: 0px; }} md-divider { display: block; border-top-width: 1px; border-top-style: solid; margin: 0px; } md-divider[md-inset] { margin-left: 80px; } [dir="rtl"] md-divider[md-inset] { margin-left: auto; margin-right: 80px; } .layout-gt-lg-row > md-divider, .layout-gt-md-row > md-divider, .layout-gt-sm-row > md-divider, .layout-gt-xs-row > md-divider, .layout-lg-row > md-divider, .layout-md-row > md-divider, .layout-row > md-divider, .layout-sm-row > md-divider, .layout-xl-row > md-divider, .layout-xs-row > md-divider { border-top-width: 0px; border-right-width: 1px; border-right-style: solid; } md-fab-speed-dial { position: relative; display: flex; align-items: center; z-index: 20; } md-fab-speed-dial.md-fab-bottom-right { inset: auto 20px 20px auto; position: absolute; } md-fab-speed-dial.md-fab-bottom-left { inset: auto auto 20px 20px; position: absolute; } md-fab-speed-dial.md-fab-top-right { inset: 20px 20px auto auto; position: absolute; } md-fab-speed-dial.md-fab-top-left { inset: 20px auto auto 20px; position: absolute; } md-fab-speed-dial:not(.md-hover-full) { pointer-events: none; } md-fab-speed-dial:not(.md-hover-full) .md-fab-action-item, md-fab-speed-dial:not(.md-hover-full).md-is-open, md-fab-speed-dial:not(.md-hover-full) md-fab-trigger { pointer-events: auto; } md-fab-speed-dial ._md-css-variables { z-index: 20; } md-fab-speed-dial.md-is-open .md-fab-action-item { align-items: center; } md-fab-speed-dial md-fab-actions { display: flex; height: auto; } md-fab-speed-dial md-fab-actions .md-fab-action-item { transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2) 0s; } md-fab-speed-dial.md-down { flex-direction: column; } md-fab-speed-dial.md-down md-fab-trigger { order: 1; } md-fab-speed-dial.md-down md-fab-actions { flex-direction: column; order: 2; } md-fab-speed-dial.md-up { flex-direction: column; } md-fab-speed-dial.md-up md-fab-trigger { order: 2; } md-fab-speed-dial.md-up md-fab-actions { flex-direction: column-reverse; order: 1; } md-fab-speed-dial.md-left { flex-direction: row; } md-fab-speed-dial.md-left md-fab-trigger { order: 2; } md-fab-speed-dial.md-left md-fab-actions { flex-direction: row-reverse; order: 1; } md-fab-speed-dial.md-left md-fab-actions .md-fab-action-item { transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2) 0s; } md-fab-speed-dial.md-right { flex-direction: row; } md-fab-speed-dial.md-right md-fab-trigger { order: 1; } md-fab-speed-dial.md-right md-fab-actions { flex-direction: row; order: 2; } md-fab-speed-dial.md-right md-fab-actions .md-fab-action-item { transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2) 0s; } md-fab-speed-dial.md-fling-remove .md-fab-action-item > *, md-fab-speed-dial.md-scale-remove .md-fab-action-item > * { visibility: hidden; } md-fab-speed-dial.md-fling .md-fab-action-item { opacity: 1; } md-fab-speed-dial.md-fling.md-animations-waiting .md-fab-action-item { opacity: 0; transition-duration: 0s; } md-fab-speed-dial.md-scale .md-fab-action-item { transform: scale(0); transition: all 0.14286s cubic-bezier(0.55, 0, 0.55, 0.2) 0s; } md-fab-toolbar { display: block; } md-fab-toolbar.md-fab-bottom-right { inset: auto 20px 20px auto; position: absolute; } md-fab-toolbar.md-fab-bottom-left { inset: auto auto 20px 20px; position: absolute; } md-fab-toolbar.md-fab-top-right { inset: 20px 20px auto auto; position: absolute; } md-fab-toolbar.md-fab-top-left { inset: 20px auto auto 20px; position: absolute; } md-fab-toolbar .md-fab-toolbar-wrapper { display: block; position: relative; overflow: hidden; height: 68px; } md-fab-toolbar md-fab-trigger { position: absolute; z-index: 20; } md-fab-toolbar md-fab-trigger button { overflow: visible !important; } md-fab-toolbar md-fab-trigger .md-fab-toolbar-background { display: block; position: absolute; z-index: 21; opacity: 1; transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2) 0s; } md-fab-toolbar md-fab-trigger md-icon { position: relative; z-index: 22; opacity: 1; transition: all 0.2s ease-in 0s; } md-fab-toolbar.md-left md-fab-trigger { right: 0px; } [dir="rtl"] md-fab-toolbar.md-left md-fab-trigger { right: auto; left: 0px; } md-fab-toolbar.md-left .md-toolbar-tools { flex-direction: row-reverse; } md-fab-toolbar.md-left .md-toolbar-tools > .md-button:first-child { margin-right: 0.6rem; } [dir="rtl"] md-fab-toolbar.md-left .md-toolbar-tools > .md-button:first-child { margin-right: auto; margin-left: 0.6rem; } md-fab-toolbar.md-left .md-toolbar-tools > .md-button:first-child { margin-left: -0.8rem; } [dir="rtl"] md-fab-toolbar.md-left .md-toolbar-tools > .md-button:first-child { margin-left: auto; margin-right: -0.8rem; } md-fab-toolbar.md-left .md-toolbar-tools > .md-button:last-child { margin-right: 8px; } [dir="rtl"] md-fab-toolbar.md-left .md-toolbar-tools > .md-button:last-child { margin-right: auto; margin-left: 8px; } md-fab-toolbar.md-right md-fab-trigger { left: 0px; } [dir="rtl"] md-fab-toolbar.md-right md-fab-trigger { left: auto; right: 0px; } md-fab-toolbar.md-right .md-toolbar-tools { flex-direction: row; } md-fab-toolbar md-toolbar { pointer-events: none; z-index: 23; background-color: transparent !important; } md-fab-toolbar md-toolbar .md-toolbar-tools { padding: 0px 20px; margin-top: 3px; } md-fab-toolbar md-toolbar .md-fab-action-item { opacity: 0; transform: scale(0); transition: all 0.15s cubic-bezier(0.55, 0, 0.55, 0.2) 0s; } md-fab-toolbar.md-is-open md-fab-trigger > button { box-shadow: none; } md-fab-toolbar.md-is-open md-fab-trigger > button md-icon { opacity: 0; } md-fab-toolbar.md-is-open .md-fab-action-item { opacity: 1; transform: scale(1); } md-grid-list { display: block; position: relative; } md-grid-list, md-grid-list md-grid-tile, md-grid-list md-grid-tile-footer, md-grid-list md-grid-tile-header, md-grid-list md-grid-tile > figure { box-sizing: border-box; } md-grid-list md-grid-tile { display: block; position: absolute; } md-grid-list md-grid-tile figure { display: flex; align-items: center; justify-content: center; height: 100%; position: absolute; inset: 0px; padding: 0px; margin: 0px; } md-grid-list md-grid-tile md-grid-tile-footer, md-grid-list md-grid-tile md-grid-tile-header { display: flex; flex-direction: row; align-items: center; height: 48px; color: rgb(255, 255, 255); background: rgba(0, 0, 0, 0.18); overflow: hidden; position: absolute; left: 0px; right: 0px; } md-grid-list md-grid-tile md-grid-tile-footer h3, md-grid-list md-grid-tile md-grid-tile-footer h4, md-grid-list md-grid-tile md-grid-tile-header h3, md-grid-list md-grid-tile md-grid-tile-header h4 { font-weight: 400; margin: 0px 0px 0px 16px; } md-grid-list md-grid-tile md-grid-tile-footer h3, md-grid-list md-grid-tile md-grid-tile-header h3 { font-size: 14px; } md-grid-list md-grid-tile md-grid-tile-footer h4, md-grid-list md-grid-tile md-grid-tile-header h4 { font-size: 12px; } md-grid-list md-grid-tile md-grid-tile-header { top: 0px; } md-grid-list md-grid-tile md-grid-tile-footer { bottom: 0px; } @media screen and (-ms-high-contrast:active) { md-grid-tile { border: 1px solid rgb(255, 255, 255); } md-grid-tile-footer { border-top: 1px solid rgb(255, 255, 255); }} md-icon { margin: auto; background-repeat: no-repeat; display: inline-block; vertical-align: middle; fill: currentcolor; height: 24px; width: 24px; min-height: 24px; min-width: 24px; } md-icon svg { pointer-events: none; display: block; } md-icon[md-font-icon] { line-height: 24px; width: auto; } md-input-container { display: inline-block; position: relative; padding: 2px; margin: 18px 0px; vertical-align: middle; } md-input-container::after { content: ""; display: table; clear: both; } md-input-container.md-block { display: block; } md-input-container .md-errors-spacer { float: right; min-height: 24px; min-width: 1px; } [dir="rtl"] md-input-container .md-errors-spacer { float: left; } md-input-container > md-icon { position: absolute; top: 8px; left: 2px; right: auto; } [dir="rtl"] md-input-container > md-icon { left: auto; right: 2px; } md-input-container input[type="color"], md-input-container input[type="date"], md-input-container input[type="datetime-local"], md-input-container input[type="datetime"], md-input-container input[type="email"], md-input-container input[type="month"], md-input-container input[type="number"], md-input-container input[type="password"], md-input-container input[type="search"], md-input-container input[type="tel"], md-input-container input[type="text"], md-input-container input[type="time"], md-input-container input[type="url"], md-input-container input[type="week"], md-input-container textarea { appearance: none; } md-input-container input[type="date"], md-input-container input[type="datetime-local"], md-input-container input[type="month"], md-input-container input[type="time"], md-input-container input[type="week"] { min-height: 26px; } md-input-container textarea { resize: none; overflow: hidden; } md-input-container textarea.md-input { min-height: 26px; } md-input-container textarea[md-no-autogrow] { height: auto; overflow: auto; } md-input-container label:not(.md-container-ignore) { position: absolute; bottom: 100%; left: 0px; right: auto; } [dir="rtl"] md-input-container label:not(.md-container-ignore) { left: auto; right: 0px; } md-input-container label:not(.md-container-ignore).md-required::after { content: " *"; font-size: 13px; vertical-align: top; } md-input-container .md-placeholder, md-input-container label:not(.md-no-float):not(.md-container-ignore) { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; order: 1; pointer-events: none; -webkit-font-smoothing: antialiased; padding-left: 3px; padding-right: 0px; z-index: 1; transform: translate3d(0px, 28px, 0px) scale(1); transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) 0s, -webkit-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) 0s; max-width: 100%; transform-origin: left top; } [dir="rtl"] md-input-container .md-placeholder, [dir="rtl"] md-input-container label:not(.md-no-float):not(.md-container-ignore) { padding-left: 0px; padding-right: 3px; transform-origin: right top; } md-input-container .md-placeholder { position: absolute; top: 0px; opacity: 0; transition-property: opacity, transform, -webkit-transform; transform: translate3d(0px, 30px, 0px); } md-input-container.md-input-focused .md-placeholder { opacity: 1; transform: translate3d(0px, 24px, 0px); } md-input-container.md-input-has-value .md-placeholder { transition: none 0s ease 0s; opacity: 0; } md-input-container:not(.md-input-has-value):not(.md-input-has-placeholder) input:not(:focus) { color: transparent; } md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-ampm-field, md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-day-field, md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-hour-field, md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-millisecond-field, md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-minute-field, md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-month-field, md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-second-field, md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-text, md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-week-field, md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-year-field { color: transparent; } md-input-container .md-input { order: 2; display: block; margin-top: 0px; background: none; padding: 2px 2px 1px; border-width: 0px 0px 1px; line-height: 26px; height: 30px; border-radius: 0px; border-style: solid; width: 100%; box-sizing: border-box; float: left; } [dir="rtl"] md-input-container .md-input { float: right; } md-input-container .md-input:focus { outline: none; } md-input-container .md-input:invalid { outline: none; box-shadow: none; } md-input-container .md-input.md-no-flex { flex: 0 0 auto !important; } md-input-container .md-char-counter { text-align: right; padding-right: 2px; padding-left: 0px; } [dir="rtl"] md-input-container .md-char-counter { text-align: left; padding-right: 0px; padding-left: 2px; } md-input-container .md-input-messages-animation { position: relative; order: 4; overflow: hidden; clear: left; } [dir="rtl"] md-input-container .md-input-messages-animation { clear: right; } md-input-container .md-char-counter, md-input-container .md-input-message-animation { font-size: 12px; line-height: 14px; overflow: hidden; transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2) 0s; opacity: 1; margin-top: 0px; padding-top: 5px; } md-input-container .md-char-counter:not(.md-char-counter), md-input-container .md-input-message-animation:not(.md-char-counter) { padding-right: 5px; padding-left: 0px; } [dir="rtl"] md-input-container .md-char-counter:not(.md-char-counter), [dir="rtl"] md-input-container .md-input-message-animation:not(.md-char-counter) { padding-right: 0px; padding-left: 5px; } md-input-container .md-input-message-animation.ng-enter-prepare, md-input-container .md-input-message-animation.ng-enter:not(.ng-enter-active), md-input-container:not(.md-input-invalid) .md-auto-hide .md-input-message-animation { opacity: 0; margin-top: -100px; } md-input-container.md-input-focused label:not(.md-no-float), md-input-container.md-input-has-placeholder label:not(.md-no-float), md-input-container.md-input-has-value label:not(.md-no-float) { transform: translate3d(0px, 6px, 0px) scale(0.75); transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) 0s, width 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) 0s, -webkit-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) 0s; } md-input-container.md-input-has-value label { transition: none 0s ease 0s; } md-input-container.md-input-focused .md-input, md-input-container.md-input-resized .md-input, md-input-container .md-input.ng-invalid.ng-dirty { padding-bottom: 0px; border-width: 0px 0px 2px; } [disabled] md-input-container .md-input, md-input-container .md-input[disabled] { background-position: left 0px bottom -1px; background-size: 4px 1px; background-repeat: repeat-x; } md-input-container.md-icon-float { transition: margin-top 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) 0s; } md-input-container.md-icon-float > label { pointer-events: none; position: absolute; } md-input-container.md-icon-float > md-icon { top: 8px; left: 2px; right: auto; } [dir="rtl"] md-input-container.md-icon-float > md-icon { left: auto; right: 2px; } md-input-container.md-icon-left > label .md-placeholder, md-input-container.md-icon-left > label:not(.md-no-float):not(.md-container-ignore), md-input-container.md-icon-right > label .md-placeholder, md-input-container.md-icon-right > label:not(.md-no-float):not(.md-container-ignore) { width: calc(100% - 54px); } md-input-container.md-icon-left { padding-left: 36px; padding-right: 0px; } [dir="rtl"] md-input-container.md-icon-left { padding-left: 0px; padding-right: 36px; } md-input-container.md-icon-left > label { left: 36px; right: auto; } [dir="rtl"] md-input-container.md-icon-left > label { left: auto; right: 36px; } md-input-container.md-icon-right { padding-left: 0px; padding-right: 36px; } [dir="rtl"] md-input-container.md-icon-right { padding-left: 36px; padding-right: 0px; } md-input-container.md-icon-right > md-icon:last-of-type { margin: 0px; right: 2px; left: auto; } [dir="rtl"] md-input-container.md-icon-right > md-icon:last-of-type { right: auto; left: 2px; } md-input-container.md-icon-left.md-icon-right { padding-left: 36px; padding-right: 36px; } md-input-container.md-icon-left.md-icon-right > label .md-placeholder, md-input-container.md-icon-left.md-icon-right > label:not(.md-no-float):not(.md-container-ignore) { width: calc(100% - 72px); } .md-resize-wrapper { position: relative; } .md-resize-wrapper::after { content: ""; display: table; clear: both; } .md-resize-handle { position: absolute; bottom: -5px; left: 0px; height: 10px; background: transparent; width: 100%; cursor: ns-resize; } @media screen and (-ms-high-contrast:active) { md-input-container.md-default-theme > md-icon { fill: rgb(255, 255, 255); }} md-list { display: block; padding: 8px 0px; } md-list .md-subheader { font-size: 14px; font-weight: 500; letter-spacing: 0.01em; line-height: 1.2em; } md-list.md-dense md-list-item, md-list.md-dense md-list-item .md-list-item-inner { min-height: 48px; } md-list.md-dense md-list-item .md-list-item-inner::before, md-list.md-dense md-list-item::before { content: ""; min-height: 48px; visibility: hidden; display: inline-block; } md-list.md-dense md-list-item .md-list-item-inner md-icon:first-child, md-list.md-dense md-list-item md-icon:first-child { width: 20px; height: 20px; } md-list.md-dense md-list-item .md-list-item-inner > md-icon:first-child:not(.md-avatar-icon), md-list.md-dense md-list-item > md-icon:first-child:not(.md-avatar-icon) { margin-right: 36px; } [dir="rtl"] md-list.md-dense md-list-item .md-list-item-inner > md-icon:first-child:not(.md-avatar-icon), [dir="rtl"] md-list.md-dense md-list-item > md-icon:first-child:not(.md-avatar-icon) { margin-right: auto; margin-left: 36px; } md-list.md-dense md-list-item .md-avatar, md-list.md-dense md-list-item .md-avatar-icon, md-list.md-dense md-list-item .md-list-item-inner .md-avatar, md-list.md-dense md-list-item .md-list-item-inner .md-avatar-icon { margin-right: 20px; } [dir="rtl"] md-list.md-dense md-list-item .md-avatar, [dir="rtl"] md-list.md-dense md-list-item .md-avatar-icon, [dir="rtl"] md-list.md-dense md-list-item .md-list-item-inner .md-avatar, [dir="rtl"] md-list.md-dense md-list-item .md-list-item-inner .md-avatar-icon { margin-right: auto; margin-left: 20px; } md-list.md-dense md-list-item .md-avatar, md-list.md-dense md-list-item .md-list-item-inner .md-avatar { flex: 0 0 auto; width: 36px; height: 36px; } md-list.md-dense md-list-item.md-2-line .md-list-item-text.md-offset, md-list.md-dense md-list-item.md-2-line > .md-no-style .md-list-item-text.md-offset, md-list.md-dense md-list-item.md-3-line .md-list-item-text.md-offset, md-list.md-dense md-list-item.md-3-line > .md-no-style .md-list-item-text.md-offset { margin-left: 56px; } [dir="rtl"] md-list.md-dense md-list-item.md-2-line .md-list-item-text.md-offset, [dir="rtl"] md-list.md-dense md-list-item.md-2-line > .md-no-style .md-list-item-text.md-offset, [dir="rtl"] md-list.md-dense md-list-item.md-3-line .md-list-item-text.md-offset, [dir="rtl"] md-list.md-dense md-list-item.md-3-line > .md-no-style .md-list-item-text.md-offset { margin-left: auto; margin-right: 56px; } md-list.md-dense md-list-item.md-2-line .md-list-item-text h3, md-list.md-dense md-list-item.md-2-line .md-list-item-text h4, md-list.md-dense md-list-item.md-2-line .md-list-item-text p, md-list.md-dense md-list-item.md-2-line > .md-no-style .md-list-item-text h3, md-list.md-dense md-list-item.md-2-line > .md-no-style .md-list-item-text h4, md-list.md-dense md-list-item.md-2-line > .md-no-style .md-list-item-text p, md-list.md-dense md-list-item.md-3-line .md-list-item-text h3, md-list.md-dense md-list-item.md-3-line .md-list-item-text h4, md-list.md-dense md-list-item.md-3-line .md-list-item-text p, md-list.md-dense md-list-item.md-3-line > .md-no-style .md-list-item-text h3, md-list.md-dense md-list-item.md-3-line > .md-no-style .md-list-item-text h4, md-list.md-dense md-list-item.md-3-line > .md-no-style .md-list-item-text p { line-height: 1.05; font-size: 12px; } md-list.md-dense md-list-item.md-2-line .md-list-item-text h3, md-list.md-dense md-list-item.md-2-line > .md-no-style .md-list-item-text h3, md-list.md-dense md-list-item.md-3-line .md-list-item-text h3, md-list.md-dense md-list-item.md-3-line > .md-no-style .md-list-item-text h3 { font-size: 13px; } md-list.md-dense md-list-item.md-2-line, md-list.md-dense md-list-item.md-2-line > .md-no-style { min-height: 60px; } md-list.md-dense md-list-item.md-2-line::before, md-list.md-dense md-list-item.md-2-line > .md-no-style::before { content: ""; min-height: 60px; visibility: hidden; display: inline-block; } md-list.md-dense md-list-item.md-2-line .md-avatar-icon, md-list.md-dense md-list-item.md-2-line > .md-avatar, md-list.md-dense md-list-item.md-2-line > .md-no-style .md-avatar-icon, md-list.md-dense md-list-item.md-2-line > .md-no-style > .md-avatar { margin-top: 12px; } md-list.md-dense md-list-item.md-3-line, md-list.md-dense md-list-item.md-3-line > .md-no-style { min-height: 76px; } md-list.md-dense md-list-item.md-3-line::before, md-list.md-dense md-list-item.md-3-line > .md-no-style::before { content: ""; min-height: 76px; visibility: hidden; display: inline-block; } md-list.md-dense md-list-item.md-3-line > .md-avatar, md-list.md-dense md-list-item.md-3-line > .md-no-style > .md-avatar, md-list.md-dense md-list-item.md-3-line > .md-no-style > md-icon:first-child, md-list.md-dense md-list-item.md-3-line > md-icon:first-child { margin-top: 16px; } md-list-item { position: relative; } md-list-item.md-proxy-focus.md-focused .md-no-style { transition: background-color 0.15s linear 0s; } md-list-item._md-button-wrap { position: relative; } md-list-item._md-button-wrap > div.md-button:first-child { display: flex; align-items: center; justify-content: flex-start; padding: 0px 16px; margin: 0px; font-weight: 400; text-align: left; border: medium none; } [dir="rtl"] md-list-item._md-button-wrap > div.md-button:first-child { text-align: right; } md-list-item._md-button-wrap > div.md-button:first-child > .md-button:first-child { position: absolute; top: 0px; left: 0px; height: 100%; margin: 0px; padding: 0px; } md-list-item._md-button-wrap > div.md-button:first-child .md-list-item-inner { width: 100%; } md-list-item._md-button-wrap > div.md-button:first-child .md-list-item-inner::before { content: ""; min-height: inherit; visibility: hidden; display: inline-block; } md-list-item.md-no-proxy, md-list-item .md-no-style { position: relative; padding: 0px 16px; flex: 1 1 auto; } md-list-item.md-no-proxy.md-button, md-list-item .md-no-style.md-button { font-size: inherit; height: inherit; text-align: left; text-transform: none; width: 100%; white-space: normal; flex-direction: inherit; align-items: inherit; border-radius: 0px; margin: 0px; } [dir="rtl"] md-list-item.md-no-proxy.md-button, [dir="rtl"] md-list-item .md-no-style.md-button { text-align: right; } md-list-item.md-no-proxy.md-button > .md-ripple-container, md-list-item .md-no-style.md-button > .md-ripple-container { border-radius: 0px; } md-list-item.md-no-proxy:focus, md-list-item .md-no-style:focus { outline: none; } md-list-item.md-clickable:hover { cursor: pointer; } md-list-item md-divider { position: absolute; bottom: 0px; left: 0px; width: 100%; } [dir="rtl"] md-list-item md-divider { left: auto; right: 0px; } md-list-item md-divider[md-inset] { left: 72px; width: calc(100% - 72px); margin: 0px !important; } [dir="rtl"] md-list-item md-divider[md-inset] { left: auto; right: 72px; } md-list-item, md-list-item .md-list-item-inner { display: flex; justify-content: flex-start; align-items: center; min-height: 48px; height: auto; } md-list-item .md-list-item-inner::before, md-list-item::before { content: ""; min-height: 48px; visibility: hidden; display: inline-block; } md-list-item .md-list-item-inner > div.md-primary > md-icon:not(.md-avatar-icon), md-list-item .md-list-item-inner > div.md-secondary > md-icon:not(.md-avatar-icon), md-list-item .md-list-item-inner > md-icon.md-secondary:not(.md-avatar-icon), md-list-item .md-list-item-inner > md-icon:first-child:not(.md-avatar-icon), md-list-item > div.md-primary > md-icon:not(.md-avatar-icon), md-list-item > div.md-secondary > md-icon:not(.md-avatar-icon), md-list-item > md-icon.md-secondary:not(.md-avatar-icon), md-list-item > md-icon:first-child:not(.md-avatar-icon) { width: 24px; margin-top: 16px; margin-bottom: 12px; box-sizing: content-box; } md-list-item .md-list-item-inner > div.md-primary > md-checkbox, md-list-item .md-list-item-inner > div.md-secondary > md-checkbox, md-list-item .md-list-item-inner > md-checkbox, md-list-item .md-list-item-inner md-checkbox.md-secondary, md-list-item > div.md-primary > md-checkbox, md-list-item > div.md-secondary > md-checkbox, md-list-item > md-checkbox, md-list-item md-checkbox.md-secondary { align-self: center; } md-list-item .md-list-item-inner > div.md-primary > md-checkbox .md-label, md-list-item .md-list-item-inner > div.md-secondary > md-checkbox .md-label, md-list-item .md-list-item-inner > md-checkbox .md-label, md-list-item .md-list-item-inner md-checkbox.md-secondary .md-label, md-list-item > div.md-primary > md-checkbox .md-label, md-list-item > div.md-secondary > md-checkbox .md-label, md-list-item > md-checkbox .md-label, md-list-item md-checkbox.md-secondary .md-label { display: none; } md-list-item .md-list-item-inner > md-icon:first-child:not(.md-avatar-icon), md-list-item > md-icon:first-child:not(.md-avatar-icon) { margin-right: 32px; } [dir="rtl"] md-list-item .md-list-item-inner > md-icon:first-child:not(.md-avatar-icon), [dir="rtl"] md-list-item > md-icon:first-child:not(.md-avatar-icon) { margin-right: auto; margin-left: 32px; } md-list-item .md-avatar, md-list-item .md-avatar-icon, md-list-item .md-list-item-inner .md-avatar, md-list-item .md-list-item-inner .md-avatar-icon { margin-top: 8px; margin-bottom: 8px; margin-right: 16px; border-radius: 50%; box-sizing: content-box; } [dir="rtl"] md-list-item .md-avatar, [dir="rtl"] md-list-item .md-avatar-icon, [dir="rtl"] md-list-item .md-list-item-inner .md-avatar, [dir="rtl"] md-list-item .md-list-item-inner .md-avatar-icon { margin-right: auto; margin-left: 16px; } md-list-item .md-avatar, md-list-item .md-list-item-inner .md-avatar { flex: 0 0 auto; width: 40px; height: 40px; } md-list-item .md-avatar-icon, md-list-item .md-list-item-inner .md-avatar-icon { padding: 8px; } md-list-item .md-avatar-icon svg, md-list-item .md-list-item-inner .md-avatar-icon svg { width: 24px; height: 24px; } md-list-item .md-list-item-inner > md-checkbox, md-list-item > md-checkbox { width: 24px; margin-left: 3px; margin-right: 29px; margin-top: 16px; } [dir="rtl"] md-list-item .md-list-item-inner > md-checkbox, [dir="rtl"] md-list-item > md-checkbox { margin-left: 29px; margin-right: 3px; } md-list-item .md-list-item-inner .md-secondary-container, md-list-item .md-secondary-container { display: flex; align-items: center; position: relative; flex-shrink: 0; margin: auto 0px auto auto; } [dir="rtl"] md-list-item .md-list-item-inner .md-secondary-container, [dir="rtl"] md-list-item .md-secondary-container { margin-right: auto; margin-left: 0px; } md-list-item .md-list-item-inner .md-secondary-container .md-button:last-of-type, md-list-item .md-list-item-inner .md-secondary-container .md-icon-button:last-of-type, md-list-item .md-secondary-container .md-button:last-of-type, md-list-item .md-secondary-container .md-icon-button:last-of-type { margin-right: 0px; } [dir="rtl"] md-list-item .md-list-item-inner .md-secondary-container .md-button:last-of-type, [dir="rtl"] md-list-item .md-list-item-inner .md-secondary-container .md-icon-button:last-of-type, [dir="rtl"] md-list-item .md-secondary-container .md-button:last-of-type, [dir="rtl"] md-list-item .md-secondary-container .md-icon-button:last-of-type { margin-right: auto; margin-left: 0px; } md-list-item .md-list-item-inner .md-secondary-container md-checkbox, md-list-item .md-secondary-container md-checkbox { margin-top: 0px; margin-bottom: 0px; } md-list-item .md-list-item-inner .md-secondary-container md-checkbox:last-child, md-list-item .md-secondary-container md-checkbox:last-child { width: 24px; margin-right: 0px; } [dir="rtl"] md-list-item .md-list-item-inner .md-secondary-container md-checkbox:last-child, [dir="rtl"] md-list-item .md-secondary-container md-checkbox:last-child { margin-right: auto; margin-left: 0px; } md-list-item .md-list-item-inner .md-secondary-container md-switch, md-list-item .md-secondary-container md-switch { margin-top: 0px; margin-bottom: 0px; margin-right: -6px; } [dir="rtl"] md-list-item .md-list-item-inner .md-secondary-container md-switch, [dir="rtl"] md-list-item .md-secondary-container md-switch { margin-right: auto; margin-left: -6px; } md-list-item .md-list-item-inner > .md-list-item-inner > p, md-list-item .md-list-item-inner > p, md-list-item > .md-list-item-inner > p, md-list-item > p { flex: 1 1 auto; margin: 0px; } md-list-item.md-2-line, md-list-item.md-2-line > .md-no-style, md-list-item.md-3-line, md-list-item.md-3-line > .md-no-style { align-items: flex-start; justify-content: center; } md-list-item.md-2-line.md-long-text, md-list-item.md-2-line > .md-no-style.md-long-text, md-list-item.md-3-line.md-long-text, md-list-item.md-3-line > .md-no-style.md-long-text { margin-top: 8px; margin-bottom: 8px; } md-list-item.md-2-line .md-list-item-text, md-list-item.md-2-line > .md-no-style .md-list-item-text, md-list-item.md-3-line .md-list-item-text, md-list-item.md-3-line > .md-no-style .md-list-item-text { flex: 1 1 auto; margin: auto; text-overflow: ellipsis; overflow: hidden; } md-list-item.md-2-line .md-list-item-text.md-offset, md-list-item.md-2-line > .md-no-style .md-list-item-text.md-offset, md-list-item.md-3-line .md-list-item-text.md-offset, md-list-item.md-3-line > .md-no-style .md-list-item-text.md-offset { margin-left: 56px; } [dir="rtl"] md-list-item.md-2-line .md-list-item-text.md-offset, [dir="rtl"] md-list-item.md-2-line > .md-no-style .md-list-item-text.md-offset, [dir="rtl"] md-list-item.md-3-line .md-list-item-text.md-offset, [dir="rtl"] md-list-item.md-3-line > .md-no-style .md-list-item-text.md-offset { margin-left: auto; margin-right: 56px; } md-list-item.md-2-line .md-list-item-text h3, md-list-item.md-2-line > .md-no-style .md-list-item-text h3, md-list-item.md-3-line .md-list-item-text h3, md-list-item.md-3-line > .md-no-style .md-list-item-text h3 { font-size: 16px; font-weight: 400; letter-spacing: 0.01em; margin: 0px; line-height: 1.2em; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } md-list-item.md-2-line .md-list-item-text h4, md-list-item.md-2-line > .md-no-style .md-list-item-text h4, md-list-item.md-3-line .md-list-item-text h4, md-list-item.md-3-line > .md-no-style .md-list-item-text h4 { font-size: 14px; letter-spacing: 0.01em; margin: 3px 0px 1px; font-weight: 400; line-height: 1.2em; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } md-list-item.md-2-line .md-list-item-text p, md-list-item.md-2-line > .md-no-style .md-list-item-text p, md-list-item.md-3-line .md-list-item-text p, md-list-item.md-3-line > .md-no-style .md-list-item-text p { font-size: 14px; font-weight: 500; letter-spacing: 0.01em; margin: 0px; line-height: 1.6em; } md-list-item.md-2-line, md-list-item.md-2-line > .md-no-style { height: auto; min-height: 72px; } md-list-item.md-2-line::before, md-list-item.md-2-line > .md-no-style::before { content: ""; min-height: 72px; visibility: hidden; display: inline-block; } md-list-item.md-2-line .md-avatar-icon, md-list-item.md-2-line > .md-avatar, md-list-item.md-2-line > .md-no-style .md-avatar-icon, md-list-item.md-2-line > .md-no-style > .md-avatar { margin-top: 12px; } md-list-item.md-2-line > .md-no-style > md-icon:first-child, md-list-item.md-2-line > md-icon:first-child { align-self: flex-start; } md-list-item.md-2-line .md-list-item-text, md-list-item.md-2-line > .md-no-style .md-list-item-text { flex: 1 1 auto; } md-list-item.md-3-line, md-list-item.md-3-line > .md-no-style { height: auto; min-height: 88px; } md-list-item.md-3-line::before, md-list-item.md-3-line > .md-no-style::before { content: ""; min-height: 88px; visibility: hidden; display: inline-block; } md-list-item.md-3-line > .md-avatar, md-list-item.md-3-line > .md-no-style > .md-avatar, md-list-item.md-3-line > .md-no-style > md-icon:first-child, md-list-item.md-3-line > md-icon:first-child { margin-top: 16px; } .md-open-menu-container { position: fixed; left: 0px; top: 0px; z-index: 100; opacity: 0; border-radius: 2px; max-height: calc(-10px + 100vh); overflow: auto; } .md-open-menu-container md-menu-divider { margin-top: 4px; margin-bottom: 4px; height: 1px; min-height: 1px; max-height: 1px; width: 100%; } .md-open-menu-container md-menu-content > * { opacity: 0; } .md-open-menu-container:not(.md-clickable) { pointer-events: none; } .md-open-menu-container.md-active { opacity: 1; transition: all 0.2s cubic-bezier(0.25, 0.8, 0.25, 1) 0s; } .md-open-menu-container.md-active > md-menu-content > * { opacity: 1; transition: all 0.2s cubic-bezier(0.55, 0, 0.55, 0.2) 0.1s; } .md-open-menu-container.md-leave { opacity: 0; transition: all 0.25s cubic-bezier(0.55, 0, 0.55, 0.2) 0s; } md-menu-content { display: flex; flex-direction: column; padding: 8px 0px; max-height: 304px; overflow-y: auto; } md-menu-content.md-dense { max-height: 208px; } md-menu-content.md-dense md-menu-item { height: 32px; min-height: 32px; } md-menu-item { display: flex; flex-direction: row; min-height: 48px; height: 48px; place-content: center flex-start; } md-menu-item > * { width: 100%; margin: auto 0px; padding-left: 16px; padding-right: 16px; } md-menu-item > a.md-button { padding-top: 5px; } md-menu-item > .md-button { text-align: left; display: inline-block; border-radius: 0px; margin: auto 0px; font-size: 15px; text-transform: none; font-weight: 400; height: 100%; padding-left: 16px; padding-right: 16px; width: 100%; } [dir="rtl"] md-menu-item > .md-button { text-align: right; } md-menu-item > .md-button md-icon { margin: auto 16px auto 0px; } [dir="rtl"] md-menu-item > .md-button md-icon { margin: auto 0px auto 16px; } md-menu-item > .md-button p { display: inline-block; margin: auto; } md-menu-item > .md-button span { margin-top: auto; margin-bottom: auto; } md-menu-item > .md-button .md-ripple-container { border-radius: inherit; } md-toolbar .md-menu { height: auto; margin: auto; padding: 0px; } @media (max-width: 959px) { md-menu-content { min-width: 112px; } md-menu-content[width="3"] { min-width: 168px; } md-menu-content[width="4"] { min-width: 224px; } md-menu-content[width="5"] { min-width: 280px; } md-menu-content[width="6"] { min-width: 336px; } md-menu-content[width="7"] { min-width: 392px; }} @media (min-width: 960px) { md-menu-content { min-width: 96px; } md-menu-content[width="3"] { min-width: 192px; } md-menu-content[width="4"] { min-width: 256px; } md-menu-content[width="5"] { min-width: 320px; } md-menu-content[width="6"] { min-width: 384px; } md-menu-content[width="7"] { min-width: 448px; }} md-toolbar.md-menu-toolbar h2.md-toolbar-tools { line-height: 1rem; height: auto; padding: 28px 28px 12px; } md-toolbar.md-has-open-menu { position: relative; z-index: 100; } md-menu-bar { padding: 0px 20px; display: block; position: relative; z-index: 2; } md-menu-bar .md-menu { display: inline-block; padding: 0px; position: relative; } md-menu-bar button { font-size: 14px; padding: 0px 10px; margin: 0px; border: 0px; background-color: transparent; height: 40px; } md-menu-bar md-backdrop.md-menu-backdrop { z-index: -2; } md-menu-content.md-menu-bar-menu.md-dense { max-height: none; padding: 16px 0px; } md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent { position: relative; } md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent > md-icon { position: absolute; padding: 0px; width: 24px; top: 6px; left: 24px; } [dir="rtl"] md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent > md-icon { left: auto; right: 24px; } md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent .md-menu > .md-button, md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent > .md-button { padding: 0px 32px 0px 64px; } [dir="rtl"] md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent .md-menu > .md-button, [dir="rtl"] md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent > .md-button { padding: 0px 64px 0px 32px; } md-menu-content.md-menu-bar-menu.md-dense .md-button { min-height: 0px; height: 32px; } md-menu-content.md-menu-bar-menu.md-dense .md-button span { float: left; } [dir="rtl"] md-menu-content.md-menu-bar-menu.md-dense .md-button span { float: right; } md-menu-content.md-menu-bar-menu.md-dense .md-button span.md-alt-text { float: right; margin: 0px 8px; } [dir="rtl"] md-menu-content.md-menu-bar-menu.md-dense .md-button span.md-alt-text { float: left; } md-menu-content.md-menu-bar-menu.md-dense md-menu-divider { margin: 8px 0px; } md-menu-content.md-menu-bar-menu.md-dense .md-menu > .md-button, md-menu-content.md-menu-bar-menu.md-dense md-menu-item > .md-button { text-align: left; } [dir="rtl"] md-menu-content.md-menu-bar-menu.md-dense .md-menu > .md-button, [dir="rtl"] md-menu-content.md-menu-bar-menu.md-dense md-menu-item > .md-button { text-align: right; } md-menu-content.md-menu-bar-menu.md-dense .md-menu { padding: 0px; } md-menu-content.md-menu-bar-menu.md-dense .md-menu > .md-button { position: relative; margin: 0px; width: 100%; text-transform: none; font-weight: 400; border-radius: 0px; padding-left: 16px; } [dir="rtl"] md-menu-content.md-menu-bar-menu.md-dense .md-menu > .md-button { padding-left: 0px; padding-right: 16px; } md-menu-content.md-menu-bar-menu.md-dense .md-menu > .md-button::after { display: block; content: "&#9660;"; position: absolute; top: 0px; speak: none; transform: rotate(270deg) scaleY(0.45) scaleX(0.9); right: 28px; } [dir="rtl"] md-menu-content.md-menu-bar-menu.md-dense .md-menu > .md-button::after { transform: rotate(90deg) scaleY(0.45) scaleX(0.9); right: auto; left: 28px; } .md-nav-bar { border-style: solid; border-width: 0px 0px 1px; height: 48px; position: relative; } ._md-nav-bar-list { outline: none; list-style: none; margin: 0px; padding: 0px; box-sizing: border-box; display: flex; flex-direction: row; } .md-nav-item:first-of-type { margin-left: 8px; } .md-button._md-nav-button { line-height: 24px; margin: 0px 4px; padding: 12px 16px; transition: background-color 0.35s cubic-bezier(0.35, 0, 0.25, 1) 0s; } .md-button._md-nav-button:focus { outline: none; } md-nav-ink-bar { bottom: 0px; height: 2px; left: auto; position: absolute; right: auto; background-color: rgb(0, 0, 0); } md-nav-ink-bar._md-left { transition: left 0.125s cubic-bezier(0.35, 0, 0.25, 1) 0s, right 0.25s cubic-bezier(0.35, 0, 0.25, 1) 0s; } md-nav-ink-bar._md-right { transition: left 0.25s cubic-bezier(0.35, 0, 0.25, 1) 0s, right 0.125s cubic-bezier(0.35, 0, 0.25, 1) 0s; } md-nav-ink-bar.ng-animate { transition: none 0s ease 0s; } md-nav-extra-content { min-height: 48px; padding-right: 12px; } @-webkit-keyframes indeterminate-rotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(1turn); }} @keyframes indeterminate-rotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(1turn); }} md-progress-circular { position: relative; display: block; } md-progress-circular._md-progress-circular-disabled { visibility: hidden; } md-progress-circular.md-mode-indeterminate svg { animation: 1568.63ms linear 0s infinite normal none running indeterminate-rotate; } md-progress-circular svg { position: absolute; overflow: visible; top: 0px; left: 0px; } md-progress-linear { display: block; position: relative; width: 100%; height: 5px; padding-top: 0px !important; margin-bottom: 0px !important; } md-progress-linear._md-progress-linear-disabled { visibility: hidden; } md-progress-linear .md-container { display: block; position: relative; overflow: hidden; width: 100%; height: 5px; transform: translate(0px, 0px) scale(1, 1); } md-progress-linear .md-container .md-bar { position: absolute; left: 0px; top: 0px; bottom: 0px; width: 100%; height: 5px; } md-progress-linear .md-container .md-dashed::before { content: ""; display: none; position: absolute; margin-top: 0px; height: 5px; width: 100%; background-color: transparent; background-position: 0px -23px; background-size: 10px 10px !important; } md-progress-linear .md-container .md-bar1, md-progress-linear .md-container .md-bar2 { transition: transform 0.2s linear 0s, -webkit-transform 0.2s linear 0s; } md-progress-linear .md-container.md-mode-query .md-bar1 { display: none; } md-progress-linear .md-container.md-mode-query .md-bar2 { transition: all 0.2s linear 0s; animation: 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) 0s infinite normal none running query; } md-progress-linear .md-container.md-mode-determinate .md-bar1 { display: none; } md-progress-linear .md-container.md-mode-indeterminate .md-bar1 { animation: 4s ease 0s infinite normal none running md-progress-linear-indeterminate-scale-1, 4s ease 0s infinite normal none running md-progress-linear-indeterminate-1; } md-progress-linear .md-container.md-mode-indeterminate .md-bar2 { animation: 4s ease 0s infinite normal none running md-progress-linear-indeterminate-scale-2, 4s ease 0s infinite normal none running md-progress-linear-indeterminate-2; } md-progress-linear .md-container.ng-hide ._md-progress-linear-disabled md-progress-linear .md-container { animation: auto ease 0s 1 normal none running none; } md-progress-linear .md-container.ng-hide ._md-progress-linear-disabled md-progress-linear .md-container .md-bar1, md-progress-linear .md-container.ng-hide ._md-progress-linear-disabled md-progress-linear .md-container .md-bar2 { animation-name: none; } md-progress-linear .md-container.md-mode-buffer { transition: all 0.2s linear 0s; background-color: transparent !important; } md-progress-linear .md-container.md-mode-buffer .md-dashed::before { display: block; animation: 3s linear 0s infinite normal none running buffer; } @-webkit-keyframes query { 0% { opacity: 1; transform: translateX(35%) scale(0.3, 1); } 100% { opacity: 0; transform: translateX(-50%) scale(0, 1); }} @keyframes query { 0% { opacity: 1; transform: translateX(35%) scale(0.3, 1); } 100% { opacity: 0; transform: translateX(-50%) scale(0, 1); }} @-webkit-keyframes buffer { 0% { opacity: 1; background-position: 0px -23px; } 50% { opacity: 0; } 100% { opacity: 1; background-position: -200px -23px; }} @keyframes buffer { 0% { opacity: 1; background-position: 0px -23px; } 50% { opacity: 0; } 100% { opacity: 1; background-position: -200px -23px; }} @-webkit-keyframes md-progress-linear-indeterminate-scale-1 { 0% { transform: scaleX(0.1); animation-timing-function: linear; } 36.6% { transform: scaleX(0.1); animation-timing-function: cubic-bezier(0.33473, 0.12482, 0.78584, 1); } 69.15% { transform: scaleX(0.83); animation-timing-function: cubic-bezier(0.22573, 0, 0.23365, 1.37098); } 100% { transform: scaleX(0.1); }} @keyframes md-progress-linear-indeterminate-scale-1 { 0% { transform: scaleX(0.1); animation-timing-function: linear; } 36.6% { transform: scaleX(0.1); animation-timing-function: cubic-bezier(0.33473, 0.12482, 0.78584, 1); } 69.15% { transform: scaleX(0.83); animation-timing-function: cubic-bezier(0.22573, 0, 0.23365, 1.37098); } 100% { transform: scaleX(0.1); }} @-webkit-keyframes md-progress-linear-indeterminate-1 { 0% { left: -105.167%; animation-timing-function: linear; } 20% { left: -105.167%; animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); } 69.15% { left: 21.5%; animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); } 100% { left: 95.4444%; }} @keyframes md-progress-linear-indeterminate-1 { 0% { left: -105.167%; animation-timing-function: linear; } 20% { left: -105.167%; animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); } 69.15% { left: 21.5%; animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); } 100% { left: 95.4444%; }} @-webkit-keyframes md-progress-linear-indeterminate-scale-2 { 0% { transform: scaleX(0.1); animation-timing-function: cubic-bezier(0.20503, 0.05705, 0.57661, 0.45397); } 19.15% { transform: scaleX(0.57); animation-timing-function: cubic-bezier(0.15231, 0.19643, 0.64837, 1.00432); } 44.15% { transform: scaleX(0.91); animation-timing-function: cubic-bezier(0.25776, -0.00316, 0.21176, 1.38179); } 100% { transform: scaleX(0.1); }} @keyframes md-progress-linear-indeterminate-scale-2 { 0% { transform: scaleX(0.1); animation-timing-function: cubic-bezier(0.20503, 0.05705, 0.57661, 0.45397); } 19.15% { transform: scaleX(0.57); animation-timing-function: cubic-bezier(0.15231, 0.19643, 0.64837, 1.00432); } 44.15% { transform: scaleX(0.91); animation-timing-function: cubic-bezier(0.25776, -0.00316, 0.21176, 1.38179); } 100% { transform: scaleX(0.1); }} @-webkit-keyframes md-progress-linear-indeterminate-2 { 0% { left: -54.8889%; animation-timing-function: cubic-bezier(0.15, 0, 0.51506, 0.40968); } 25% { left: -17.25%; animation-timing-function: cubic-bezier(0.31033, 0.28406, 0.8, 0.73372); } 48.35% { left: 29.5%; animation-timing-function: cubic-bezier(0.4, 0.62703, 0.6, 0.90203); } 100% { left: 117.389%; }} @keyframes md-progress-linear-indeterminate-2 { 0% { left: -54.8889%; animation-timing-function: cubic-bezier(0.15, 0, 0.51506, 0.40968); } 25% { left: -17.25%; animation-timing-function: cubic-bezier(0.31033, 0.28406, 0.8, 0.73372); } 48.35% { left: 29.5%; animation-timing-function: cubic-bezier(0.4, 0.62703, 0.6, 0.90203); } 100% { left: 117.389%; }} md-radio-button { box-sizing: border-box; display: block; margin-bottom: 16px; white-space: nowrap; cursor: pointer; position: relative; } md-radio-button[disabled], md-radio-button[disabled] .md-container { cursor: default; } md-radio-button .md-container { position: absolute; top: 50%; transform: translateY(-50%); box-sizing: border-box; display: inline-block; width: 20px; height: 20px; cursor: pointer; left: 0px; right: auto; } [dir="rtl"] md-radio-button .md-container { left: auto; right: 0px; } md-radio-button .md-container .md-ripple-container { position: absolute; display: block; width: auto; height: auto; inset: -15px; } md-radio-button .md-container::before { box-sizing: border-box; background-color: transparent; border-radius: 50%; content: ""; position: absolute; display: block; height: auto; inset: 0px; transition: all 0.5s ease 0s; width: auto; } md-radio-button.md-align-top-left > div.md-container { top: 12px; } md-radio-button .md-off { border-style: solid; border-width: 2px; transition: border-color 0.28s ease 0s; } md-radio-button .md-off, md-radio-button .md-on { box-sizing: border-box; position: absolute; top: 0px; left: 0px; width: 20px; height: 20px; border-radius: 50%; } md-radio-button .md-on { transition: transform 0.28s ease 0s, -webkit-transform 0.28s ease 0s; transform: scale(0); } md-radio-button.md-checked .md-on { transform: scale(0.5); } md-radio-button .md-label { box-sizing: border-box; position: relative; display: inline-block; margin-left: 30px; margin-right: 0px; vertical-align: middle; white-space: normal; pointer-events: none; width: auto; } [dir="rtl"] md-radio-button .md-label { margin-left: 0px; margin-right: 30px; } md-radio-group.layout-column md-radio-button, md-radio-group.layout-gt-lg-column md-radio-button, md-radio-group.layout-gt-md-column md-radio-button, md-radio-group.layout-gt-sm-column md-radio-button, md-radio-group.layout-gt-xs-column md-radio-button, md-radio-group.layout-lg-column md-radio-button, md-radio-group.layout-md-column md-radio-button, md-radio-group.layout-sm-column md-radio-button, md-radio-group.layout-xl-column md-radio-button, md-radio-group.layout-xs-column md-radio-button { margin-bottom: 16px; } md-radio-group.layout-gt-lg-row md-radio-button, md-radio-group.layout-gt-md-row md-radio-button, md-radio-group.layout-gt-sm-row md-radio-button, md-radio-group.layout-gt-xs-row md-radio-button, md-radio-group.layout-lg-row md-radio-button, md-radio-group.layout-md-row md-radio-button, md-radio-group.layout-row md-radio-button, md-radio-group.layout-sm-row md-radio-button, md-radio-group.layout-xl-row md-radio-button, md-radio-group.layout-xs-row md-radio-button { margin: 0px 16px 0px 0px; } [dir="rtl"] md-radio-group.layout-gt-lg-row md-radio-button, [dir="rtl"] md-radio-group.layout-gt-md-row md-radio-button, [dir="rtl"] md-radio-group.layout-gt-sm-row md-radio-button, [dir="rtl"] md-radio-group.layout-gt-xs-row md-radio-button, [dir="rtl"] md-radio-group.layout-lg-row md-radio-button, [dir="rtl"] md-radio-group.layout-md-row md-radio-button, [dir="rtl"] md-radio-group.layout-row md-radio-button, [dir="rtl"] md-radio-group.layout-sm-row md-radio-button, [dir="rtl"] md-radio-group.layout-xl-row md-radio-button, [dir="rtl"] md-radio-group.layout-xs-row md-radio-button { margin-left: 16px; margin-right: 0px; } md-radio-group.layout-gt-lg-row md-radio-button:last-of-type, md-radio-group.layout-gt-md-row md-radio-button:last-of-type, md-radio-group.layout-gt-sm-row md-radio-button:last-of-type, md-radio-group.layout-gt-xs-row md-radio-button:last-of-type, md-radio-group.layout-lg-row md-radio-button:last-of-type, md-radio-group.layout-md-row md-radio-button:last-of-type, md-radio-group.layout-row md-radio-button:last-of-type, md-radio-group.layout-sm-row md-radio-button:last-of-type, md-radio-group.layout-xl-row md-radio-button:last-of-type, md-radio-group.layout-xs-row md-radio-button:last-of-type { margin-left: 0px; margin-right: 0px; } md-radio-group:focus { outline: none; } md-radio-group.md-focused.ng-empty > md-radio-button:first-child .md-container::before, md-radio-group.md-focused.ng-not-empty .md-checked .md-container::before { inset: -8px; } md-radio-group[disabled] md-radio-button, md-radio-group[disabled] md-radio-button .md-container { cursor: default; } .md-inline-form md-radio-group { margin: 18px 0px 19px; } .md-inline-form md-radio-group md-radio-button { display: inline-block; height: 30px; padding: 2px; box-sizing: border-box; margin-top: 0px; margin-bottom: 0px; } @media screen and (-ms-high-contrast:active) { md-radio-button.md-default-theme .md-on { background-color: rgb(255, 255, 255); }} md-input-container:not([md-no-float]) .md-select-placeholder span:first-child { transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) 0s, -webkit-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) 0s; transform-origin: left top; } [dir="rtl"] md-input-container:not([md-no-float]) .md-select-placeholder span:first-child { transform-origin: right top; } md-input-container.md-input-focused:not([md-no-float]) .md-select-placeholder span:first-child { transform: translateY(-22px) translateX(-2px) scale(0.75); } .md-select-menu-container { position: fixed; left: 0px; top: 0px; z-index: 90; opacity: 0; display: none; transform: translateY(-1px); } .md-select-menu-container:not(.md-clickable) { pointer-events: none; } .md-select-menu-container md-progress-circular { display: table; margin: 24px auto !important; } .md-select-menu-container.md-active { display: block; opacity: 1; } .md-select-menu-container.md-active md-select-menu { transition: all 0.15s cubic-bezier(0.25, 0.8, 0.25, 1) 0s; } .md-select-menu-container.md-active md-select-menu > * { opacity: 1; transition: all 0.15s cubic-bezier(0.55, 0, 0.55, 0.2) 0.1s; } .md-select-menu-container.md-leave { opacity: 0; transition: all 0.25s cubic-bezier(0.55, 0, 0.55, 0.2) 0s; } md-input-container > md-select { margin: 0px; order: 2; } md-input-container:not(.md-input-has-value) md-select.ng-required:not(.md-no-asterisk) .md-select-value span:first-child::after, md-input-container:not(.md-input-has-value) md-select[required]:not(.md-no-asterisk) .md-select-value span:first-child::after { content: " *"; font-size: 13px; vertical-align: top; } md-input-container.md-input-invalid md-select .md-select-value { border-bottom-style: solid; padding-bottom: 1px; } md-select { display: flex; margin: 20px 0px 26px; } md-select.ng-required.ng-empty.ng-invalid:not(.md-no-asterisk) .md-select-value span:first-child::after, md-select[required].ng-empty.ng-invalid:not(.md-no-asterisk) .md-select-value span:first-child::after { content: " *"; font-size: 13px; vertical-align: top; } md-select[disabled] .md-select-value { background-position: 0px bottom; background-size: 4px 1px; background-repeat: repeat-x; margin-bottom: -1px; } md-select:focus { outline: none; } md-select[disabled]:hover { cursor: default; } md-select:not([disabled]):hover { cursor: pointer; } md-select:not([disabled]).ng-invalid.ng-touched .md-select-value { border-bottom-style: solid; padding-bottom: 1px; } md-select:not([disabled]):focus .md-select-value { border-bottom-width: 2px; border-bottom-style: solid; padding-bottom: 0px; } md-select:not([disabled]):focus.ng-invalid.ng-touched .md-select-value { padding-bottom: 0px; } md-input-container.md-input-has-value .md-select-value > span:not(.md-select-icon) { transform: translate3d(0px, 1px, 0px); } .md-select-value { display: flex; align-items: center; padding: 2px 2px 1px; border-bottom-width: 1px; border-bottom-style: solid; background-color: transparent; position: relative; box-sizing: content-box; min-width: 64px; min-height: 26px; flex-grow: 1; } .md-select-value > span:not(.md-select-icon) { max-width: 100%; flex: 1 1 auto; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .md-select-value > span:not(.md-select-icon) .md-text { display: inline; } .md-select-value .md-select-icon { display: block; align-items: flex-end; text-align: right; width: 24px; margin: 0px 4px; transform: translate3d(0px, -2px, 0px); font-size: 1.2rem; } [dir="rtl"] .md-select-value .md-select-icon { align-items: flex-start; text-align: left; } .md-select-value .md-select-icon::after { display: block; content: "&#9660;"; position: relative; top: 2px; speak: none; font-size: 13px; transform: scaleY(0.5) scaleX(1); } .md-select-value.md-select-placeholder { display: flex; order: 1; pointer-events: none; -webkit-font-smoothing: antialiased; padding-left: 2px; z-index: 1; } md-select-menu { display: flex; flex-direction: column; box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 3px 0px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 2px 1px -1px; max-height: 256px; min-height: 48px; overflow-y: hidden; transform-origin: left top; transform: scale(1); } md-select-menu.md-reverse { flex-direction: column-reverse; } md-select-menu:not(.md-overflow) md-content { padding-top: 8px; padding-bottom: 8px; } [dir="rtl"] md-select-menu { transform-origin: right top; } md-select-menu md-content { min-width: 136px; min-height: 48px; max-height: 256px; overflow-y: auto; } md-select-menu > * { opacity: 0; } md-option { cursor: pointer; position: relative; display: flex; align-items: center; width: auto; transition: background 0.15s linear 0s; padding: 0px 16px; height: 48px; } md-option[disabled] { cursor: default; } md-option:focus { outline: none; } md-option .md-text { user-select: none; width: auto; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } md-optgroup { display: block; } md-optgroup label { display: block; font-size: 14px; text-transform: uppercase; padding: 16px; font-weight: 500; } md-optgroup md-option { padding-left: 32px; padding-right: 32px; } @media screen and (-ms-high-contrast:active) { .md-select-backdrop { background-color: transparent; } md-select-menu { border: 1px solid rgb(255, 255, 255); }} md-select-menu[multiple] md-option.md-checkbox-enabled { padding-left: 40px; padding-right: 16px; } [dir="rtl"] md-select-menu[multiple] md-option.md-checkbox-enabled { padding-left: 16px; padding-right: 40px; } md-select-menu[multiple] md-option.md-checkbox-enabled .md-container { position: absolute; top: 50%; transform: translateY(-50%); box-sizing: border-box; display: inline-block; width: 20px; height: 20px; left: 0px; right: auto; } [dir="rtl"] md-select-menu[multiple] md-option.md-checkbox-enabled .md-container { left: auto; right: 0px; } md-select-menu[multiple] md-option.md-checkbox-enabled .md-container::before { box-sizing: border-box; background-color: transparent; border-radius: 50%; content: ""; position: absolute; display: block; height: auto; inset: 0px; transition: all 0.5s ease 0s; width: auto; } md-select-menu[multiple] md-option.md-checkbox-enabled .md-container::after { box-sizing: border-box; content: ""; position: absolute; inset: -10px; } md-select-menu[multiple] md-option.md-checkbox-enabled .md-container .md-ripple-container { position: absolute; display: block; width: auto; height: auto; inset: -15px; } md-select-menu[multiple] md-option.md-checkbox-enabled .md-icon { box-sizing: border-box; transition: all 0.24s ease 0s; position: absolute; top: 0px; left: 0px; width: 20px; height: 20px; border-width: 2px; border-style: solid; border-radius: 2px; } md-select-menu[multiple] md-option.md-checkbox-enabled[selected] .md-icon { border-color: transparent; } md-select-menu[multiple] md-option.md-checkbox-enabled[selected] .md-icon::after { box-sizing: border-box; transform: rotate(45deg); position: absolute; left: 4.66667px; top: 0.22222px; display: table; width: 6.66667px; height: 13.3333px; border-width: 0px 2px 2px 0px; border-right-style: solid; border-bottom-style: solid; border-top-style: initial; border-top-color: initial; border-left-style: initial; border-left-color: initial; content: ""; } md-select-menu[multiple] md-option.md-checkbox-enabled[disabled] { cursor: default; } md-select-menu[multiple] md-option.md-checkbox-enabled.md-indeterminate .md-icon::after { box-sizing: border-box; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: table; width: 12px; height: 2px; border-width: 0px 2px 2px 0px; border-right-style: solid; border-bottom-style: solid; border-top-style: initial; border-top-color: initial; border-left-style: initial; border-left-color: initial; content: ""; } md-select-menu[multiple] md-option.md-checkbox-enabled .md-container { margin-left: 10.6667px; margin-right: auto; } [dir="rtl"] md-select-menu[multiple] md-option.md-checkbox-enabled .md-container { margin-left: auto; margin-right: 10.6667px; } md-sidenav { box-sizing: border-box; position: absolute; flex-direction: column; z-index: 60; width: 320px; max-width: 320px; bottom: 0px; overflow: auto; } md-sidenav ul { list-style: none; } md-sidenav.md-closed { display: none; } md-sidenav.md-closed-add, md-sidenav.md-closed-remove { display: flex; transition: all 0.2s ease-in 0s; } md-sidenav.md-closed-add.md-closed-add-active, md-sidenav.md-closed-remove.md-closed-remove-active { transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) 0s; } md-sidenav.md-closed.md-locked-open-add, md-sidenav.md-locked-open, md-sidenav.md-locked-open-add, md-sidenav.md-locked-open-remove, md-sidenav.md-locked-open-remove.md-closed, md-sidenav.md-locked-open.md-closed, md-sidenav.md-locked-open.md-closed.md-sidenav-left, md-sidenav.md-locked-open.md-closed.md-sidenav-right { position: static; display: flex; transform: translate3d(0px, 0px, 0px); } md-sidenav.md-closed.md-locked-open-add:not(.md-locked-open-add-active) { width: 0px !important; min-width: 0px !important; } md-sidenav.md-closed.md-locked-open-add-active, md-sidenav.md-closed.md-locked-open-add:not(.md-locked-open-add-active), md-sidenav.md-locked-open-remove-active { transition: width 0.3s cubic-bezier(0.55, 0, 0.55, 0.2) 0s, min-width 0.3s cubic-bezier(0.55, 0, 0.55, 0.2) 0s; } md-sidenav.md-locked-open-remove-active { width: 0px !important; min-width: 0px !important; } .md-sidenav-backdrop.md-locked-open { display: none; } .md-sidenav-left, md-sidenav { left: 0px; top: 0px; transform: translate3d(0px, 0px, 0px); } .md-sidenav-left.md-closed, md-sidenav.md-closed { transform: translate3d(-100%, 0px, 0px); } .md-sidenav-right { left: 100%; top: 0px; transform: translate(-100%, 0px); } .md-sidenav-right.md-closed { transform: translate(0px, 0px); } @media (min-width: 600px) { md-sidenav { max-width: 400px; }} @media (max-width: 456px) { md-sidenav { width: calc(100% - 56px); min-width: calc(100% - 56px); max-width: calc(100% - 56px); }} @media screen and (-ms-high-contrast:active) { .md-sidenav-left, md-sidenav { border-right: 1px solid rgb(255, 255, 255); } .md-sidenav-right { border-left: 1px solid rgb(255, 255, 255); }} @-webkit-keyframes sliderFocusThumb { 0% { transform: scale(0.7); } 30% { transform: scale(1); } 100% { transform: scale(0.7); }} @keyframes sliderFocusThumb { 0% { transform: scale(0.7); } 30% { transform: scale(1); } 100% { transform: scale(0.7); }} @-webkit-keyframes sliderDiscreteFocusThumb { 0% { transform: scale(0.7); } 50% { transform: scale(0.8); } 100% { transform: scale(0); }} @keyframes sliderDiscreteFocusThumb { 0% { transform: scale(0.7); } 50% { transform: scale(0.8); } 100% { transform: scale(0); }} @-webkit-keyframes sliderDiscreteFocusRing { 0% { transform: scale(0.7); opacity: 0; } 50% { transform: scale(1); opacity: 1; } 100% { transform: scale(0); }} @keyframes sliderDiscreteFocusRing { 0% { transform: scale(0.7); opacity: 0; } 50% { transform: scale(1); opacity: 1; } 100% { transform: scale(0); }} md-slider { height: 48px; min-width: 128px; position: relative; margin-left: 4px; margin-right: 4px; padding: 0px; display: block; flex-direction: row; } md-slider *, md-slider ::after { box-sizing: border-box; } md-slider .md-slider-wrapper { outline: none; width: 100%; height: 100%; } md-slider .md-slider-content { position: relative; } md-slider .md-track-container { width: 100%; position: absolute; top: 23px; height: 2px; } md-slider .md-track { position: absolute; left: 0px; right: 0px; height: 100%; } md-slider .md-track-fill { transition: width 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) 0s, height; } md-slider .md-track-ticks { position: absolute; left: 0px; right: 0px; height: 100%; } md-slider .md-track-ticks canvas { width: 100%; height: 100%; } md-slider .md-thumb-container { position: absolute; left: 0px; top: 50%; transform: translate3d(-50%, -50%, 0px); transition: left 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) 0s, right, bottom; } [dir="rtl"] md-slider .md-thumb-container { left: auto; right: 0px; } md-slider .md-thumb { z-index: 1; position: absolute; left: -10px; top: 14px; width: 20px; height: 20px; border-radius: 20px; transform: scale(0.7); transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) 0s; } [dir="rtl"] md-slider .md-thumb { left: auto; right: -10px; } md-slider .md-thumb::after { content: ""; position: absolute; width: 20px; height: 20px; border-radius: 20px; border-width: 3px; border-style: solid; transition: inherit; } md-slider .md-sign { display: flex; align-items: center; justify-content: center; position: absolute; left: -14px; top: -17px; width: 28px; height: 28px; border-radius: 28px; transform: scale(0.4) translate3d(0px, 67.5px, 0px); transition: all 0.3s cubic-bezier(0.35, 0, 0.25, 1) 0s; } md-slider .md-sign::after { position: absolute; content: ""; left: 0px; border-radius: 16px; top: 19px; border-left: 14px solid transparent; border-right: 14px solid transparent; border-top-width: 16px; border-top-style: solid; opacity: 0; transform: translate3d(0px, -8px, 0px); transition: all 0.2s cubic-bezier(0.35, 0, 0.25, 1) 0s; } [dir="rtl"] md-slider .md-sign::after { left: auto; right: 0px; } md-slider .md-sign .md-thumb-text { z-index: 1; font-size: 12px; font-weight: 700; } md-slider .md-focus-ring { position: absolute; left: -17px; top: 7px; width: 34px; height: 34px; border-radius: 34px; transform: scale(0.7); opacity: 0; transition: all 0.35s cubic-bezier(0.35, 0, 0.25, 1) 0s; } [dir="rtl"] md-slider .md-focus-ring { left: auto; right: -17px; } md-slider .md-disabled-thumb { position: absolute; left: -14px; top: 10px; width: 28px; height: 28px; border-radius: 28px; transform: scale(0.5); border-width: 4px; border-style: solid; display: none; } [dir="rtl"] md-slider .md-disabled-thumb { left: auto; right: -14px; } md-slider.md-min .md-sign { opacity: 0; } md-slider:focus { outline: none; } md-slider.md-dragging .md-thumb-container, md-slider.md-dragging .md-track-fill { transition: none 0s ease 0s; } md-slider:not([md-discrete]) .md-sign, md-slider:not([md-discrete]) .md-track-ticks { display: none; } md-slider:not([md-discrete]):not([disabled]) .md-slider-wrapper .md-thumb:hover { transform: scale(0.8); } md-slider:not([md-discrete]):not([disabled]) .md-slider-wrapper.md-focused .md-focus-ring { transform: scale(1); opacity: 1; } md-slider:not([md-discrete]):not([disabled]) .md-slider-wrapper.md-focused .md-thumb { animation: 0.7s cubic-bezier(0.35, 0, 0.25, 1) 0s 1 normal none running sliderFocusThumb; } md-slider:not([md-discrete]):not([disabled]).md-active .md-slider-wrapper .md-thumb { transform: scale(1); } md-slider[md-discrete]:not([disabled]) .md-slider-wrapper.md-focused .md-focus-ring { transform: scale(0); animation: 0.5s cubic-bezier(0.35, 0, 0.25, 1) 0s 1 normal none running sliderDiscreteFocusRing; } md-slider[md-discrete]:not([disabled]) .md-slider-wrapper.md-focused .md-thumb { animation: 0.5s cubic-bezier(0.35, 0, 0.25, 1) 0s 1 normal none running sliderDiscreteFocusThumb; } md-slider[md-discrete]:not([disabled]).md-active .md-thumb, md-slider[md-discrete]:not([disabled]) .md-slider-wrapper.md-focused .md-thumb { transform: scale(0); } md-slider[md-discrete]:not([disabled]).md-active .md-sign, md-slider[md-discrete]:not([disabled]).md-active .md-sign::after, md-slider[md-discrete]:not([disabled]) .md-slider-wrapper.md-focused .md-sign, md-slider[md-discrete]:not([disabled]) .md-slider-wrapper.md-focused .md-sign::after { opacity: 1; transform: translate3d(0px, 0px, 0px) scale(1); } md-slider[md-discrete][disabled][readonly] .md-thumb { transform: scale(0); } md-slider[md-discrete][disabled][readonly] .md-sign, md-slider[md-discrete][disabled][readonly] .md-sign::after { opacity: 1; transform: translate3d(0px, 0px, 0px) scale(1); } md-slider[disabled] .md-track-fill { display: none; } md-slider[disabled] .md-track-ticks, md-slider[disabled]:not([readonly]) .md-sign { opacity: 0; } md-slider[disabled] .md-thumb { transform: scale(0.5); } md-slider[disabled] .md-disabled-thumb { display: block; } md-slider[md-vertical] { flex-direction: column; min-height: 128px; min-width: 0px; } md-slider[md-vertical] .md-slider-wrapper { flex: 1 1 0%; padding-top: 12px; padding-bottom: 12px; width: 48px; align-self: center; display: flex; justify-content: center; } md-slider[md-vertical] .md-track-container { height: 100%; width: 2px; top: 0px; left: calc(50% - 1px); } md-slider[md-vertical] .md-thumb-container { top: auto; margin-bottom: 23px; left: calc(50% - 1px); bottom: 0px; } md-slider[md-vertical] .md-thumb-container .md-thumb::after { left: 1px; } md-slider[md-vertical] .md-thumb-container .md-focus-ring { left: -16px; } md-slider[md-vertical] .md-track-fill { bottom: 0px; } md-slider[md-vertical][md-discrete] .md-sign { left: -40px; top: 9.5px; transform: scale(0.4) translate3d(67.5px, 0px, 0px); } md-slider[md-vertical][md-discrete] .md-sign::after { top: 9.5px; left: 19px; border-width: 14px 0px 14px 16px; border-top-style: solid; border-top-color: transparent; border-right-style: initial; border-right-color: initial; border-bottom-style: solid; border-bottom-color: transparent; border-left-style: solid; opacity: 0; transform: translate3d(0px, -8px, 0px); transition: all 0.2s ease-in-out 0s; } md-slider[md-vertical][md-discrete] .md-sign .md-thumb-text { z-index: 1; font-size: 12px; font-weight: 700; } md-slider[md-vertical][md-discrete].md-active .md-sign::after, md-slider[md-vertical][md-discrete] .md-focused .md-sign::after, md-slider[md-vertical][md-discrete][disabled][readonly] .md-sign::after { top: 0px; } md-slider[md-vertical][disabled][readonly] .md-thumb { transform: scale(0); } md-slider[md-vertical][disabled][readonly] .md-sign, md-slider[md-vertical][disabled][readonly] .md-sign::after { opacity: 1; transform: translate3d(0px, 0px, 0px) scale(1); } md-slider[md-invert]:not([md-vertical]) .md-track-fill { left: auto; right: 0px; } [dir="rtl"] md-slider[md-invert]:not([md-vertical]) .md-track-fill { left: 0px; right: auto; } md-slider[md-invert][md-vertical] .md-track-fill { bottom: auto; top: 0px; } md-slider-container { display: flex; align-items: center; flex-direction: row; } md-slider-container > :first-child:not(md-slider), md-slider-container > :last-child:not(md-slider) { min-width: 25px; max-width: 42px; height: 25px; transition: color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) 0s, max-width; } md-slider-container > :first-child:not(md-slider) { margin-right: 16px; } [dir="rtl"] md-slider-container > :first-child:not(md-slider) { margin-right: auto; margin-left: 16px; } md-slider-container > :last-child:not(md-slider) { margin-left: 16px; } [dir="rtl"] md-slider-container > :last-child:not(md-slider) { margin-left: auto; margin-right: 16px; } md-slider-container[md-vertical] { flex-direction: column; } md-slider-container[md-vertical] > :first-child:not(md-slider), md-slider-container[md-vertical] > :last-child:not(md-slider) { margin-right: 0px; margin-left: 0px; text-align: center; } md-slider-container md-input-container input[type="number"] { text-align: center; padding-left: 15px; height: 50px; margin-top: -25px; } [dir="rtl"] md-slider-container md-input-container input[type="number"] { padding-left: 0px; padding-right: 15px; } @media screen and (-ms-high-contrast:active) { md-slider.md-default-theme .md-track { border-bottom: 1px solid rgb(255, 255, 255); }} .md-sticky-clone { z-index: 2; top: 0px; left: 0px; right: 0px; transform: translate3d(-9999px, -9999px, 0px); position: absolute !important; } .md-sticky-clone[sticky-state="active"] { transform: translate3d(0px, 0px, 0px); } .md-sticky-clone[sticky-state="active"]:not(.md-sticky-no-effect) .md-subheader-inner { animation: 0.3s ease-out 0s 1 normal both running subheaderStickyHoverIn; } @-webkit-keyframes subheaderStickyHoverIn { 0% { box-shadow: transparent 0px 0px 0px 0px; } 100% { box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 4px 0px; }} @keyframes subheaderStickyHoverIn { 0% { box-shadow: transparent 0px 0px 0px 0px; } 100% { box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 4px 0px; }} @-webkit-keyframes subheaderStickyHoverOut { 0% { box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 4px 0px; } 100% { box-shadow: transparent 0px 0px 0px 0px; }} @keyframes subheaderStickyHoverOut { 0% { box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 4px 0px; } 100% { box-shadow: transparent 0px 0px 0px 0px; }} .md-subheader-wrapper:not(.md-sticky-no-effect) { transition: margin 0.2s ease-out 0s; } .md-subheader-wrapper:not(.md-sticky-no-effect) .md-subheader { margin: 0px; } .md-subheader-wrapper:not(.md-sticky-no-effect).md-sticky-clone { z-index: 2; } .md-subheader-wrapper:not(.md-sticky-no-effect)[sticky-state="active"] { margin-top: -2px; } .md-subheader-wrapper:not(.md-sticky-no-effect):not(.md-sticky-clone)[sticky-prev-state="active"] .md-subheader-inner::after { animation: 0.3s ease-out 0s 1 normal both running subheaderStickyHoverOut; } .md-subheader { display: block; font-size: 14px; font-weight: 500; line-height: 1em; margin: 0px; position: relative; } .md-subheader .md-subheader-inner { display: block; padding: 16px; } .md-subheader .md-subheader-content { display: block; z-index: 1; position: relative; } [md-swipe-left], [md-swipe-right] { touch-action: pan-y; } [md-swipe-down], [md-swipe-up] { touch-action: pan-x; } .md-inline-form md-switch { margin-top: 18px; margin-bottom: 19px; } md-switch { margin-top: 16px; margin-bottom: 16px; white-space: nowrap; cursor: pointer; outline: none; user-select: none; height: 30px; line-height: 28px; align-items: center; display: flex; margin-left: inherit; margin-right: 16px; } [dir="rtl"] md-switch { margin-left: 16px; margin-right: inherit; } md-switch:last-of-type { margin-left: inherit; margin-right: 0px; } [dir="rtl"] md-switch:last-of-type { margin-left: 0px; margin-right: inherit; } md-switch[disabled], md-switch[disabled] .md-container { cursor: default; } md-switch .md-container { cursor: grab; width: 36px; height: 24px; position: relative; user-select: none; margin-right: 8px; float: left; } [dir="rtl"] md-switch .md-container, md-switch.md-inverted .md-container { margin-right: 0px; margin-left: 8px; } [dir="rtl"] md-switch.md-inverted .md-container { margin-right: 8px; margin-left: 0px; } md-switch:not([disabled]) .md-dragging, md-switch:not([disabled]).md-dragging .md-container { cursor: grabbing; } md-switch.md-focused .md-thumb::before { inset: -8px; } md-switch .md-label { border-color: transparent; border-width: 0px; float: left; } md-switch .md-bar { left: 1px; width: 34px; top: 5px; height: 14px; border-radius: 8px; position: absolute; } md-switch .md-thumb-container { top: 2px; left: 0px; width: 16px; position: absolute; transform: translate3d(0px, 0px, 0px); z-index: 1; } md-switch.md-checked .md-thumb-container { transform: translate3d(100%, 0px, 0px); } md-switch .md-thumb { margin: 0px; outline: none; height: 20px; width: 20px; box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 3px 0px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 2px 1px -1px; } md-switch .md-thumb, md-switch .md-thumb::before { position: absolute; left: 0px; top: 0px; border-radius: 50%; } md-switch .md-thumb::before { background-color: transparent; content: ""; display: block; height: auto; right: 0px; bottom: 0px; transition: all 0.5s ease 0s; width: auto; } md-switch .md-thumb .md-ripple-container { position: absolute; display: block; width: auto; height: auto; inset: -20px; } md-switch:not(.md-dragging) .md-bar, md-switch:not(.md-dragging) .md-thumb, md-switch:not(.md-dragging) .md-thumb-container { transition: transform 0.08s linear 0s, background-color, -webkit-transform; } md-switch:not(.md-dragging) .md-bar, md-switch:not(.md-dragging) .md-thumb { transition-delay: 0.05s; } @media screen and (-ms-high-contrast:active) { md-switch.md-default-theme .md-bar { background-color: rgb(102, 102, 102); } md-switch.md-default-theme.md-checked .md-bar { background-color: rgb(158, 158, 158); } md-switch.md-default-theme .md-thumb { background-color: rgb(255, 255, 255); }} @-webkit-keyframes md-tab-content-hide { 0% { opacity: 1; } 50% { opacity: 1; } 100% { opacity: 0; }} @keyframes md-tab-content-hide { 0% { opacity: 1; } 50% { opacity: 1; } 100% { opacity: 0; }} md-tab-data { position: absolute; inset: 0px; z-index: -1; opacity: 0; } md-tabs { display: block; margin: 0px; border-radius: 2px; overflow: hidden; position: relative; flex-shrink: 0; } md-tabs:not(.md-no-tab-content):not(.md-dynamic-height) { min-height: 248px; } md-tabs[md-align-tabs="bottom"] { padding-bottom: 48px; } md-tabs[md-align-tabs="bottom"] md-tabs-wrapper { position: absolute; bottom: 0px; left: 0px; right: 0px; height: 48px; z-index: 2; } md-tabs[md-align-tabs="bottom"] md-tabs-content-wrapper { top: 0px; bottom: 48px; } md-tabs.md-dynamic-height md-tabs-content-wrapper { min-height: 0px; position: relative; inset: auto; overflow: visible; } md-tabs.md-dynamic-height md-tab-content.md-active { position: relative; } md-tabs[md-border-bottom] md-tabs-wrapper { border-width: 0px 0px 1px; border-style: solid; } md-tabs[md-border-bottom]:not(.md-dynamic-height) md-tabs-content-wrapper { top: 49px; } md-tabs-wrapper { display: block; position: relative; transform: translate(0px, 0px); } md-tabs-wrapper md-next-button, md-tabs-wrapper md-prev-button { height: 100%; width: 32px; position: absolute; top: 50%; transform: translateY(-50%); line-height: 1em; z-index: 2; cursor: pointer; font-size: 16px; background: 50% center no-repeat transparent; transition: all 0.5s cubic-bezier(0.35, 0, 0.25, 1) 0s; } md-tabs-wrapper md-next-button:focus, md-tabs-wrapper md-prev-button:focus { outline: none; } md-tabs-wrapper md-next-button.md-disabled, md-tabs-wrapper md-prev-button.md-disabled { opacity: 0.25; cursor: default; } md-tabs-wrapper md-next-button.ng-leave, md-tabs-wrapper md-prev-button.ng-leave { transition: none 0s ease 0s; } md-tabs-wrapper md-next-button md-icon, md-tabs-wrapper md-prev-button md-icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } [dir="rtl"] md-tabs-wrapper md-next-button, [dir="rtl"] md-tabs-wrapper md-prev-button { transform: rotateY(180deg) translateY(-50%); } md-tabs-wrapper md-prev-button { left: 0px; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE3LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPiA8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPiA8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQgMjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPiA8ZyBpZD0iSGVhZGVyIj4gPGc+IDxyZWN0IHg9Ii02MTgiIHk9Ii0xMjA4IiBmaWxsPSJub25lIiB3aWR0aD0iMTQwMCIgaGVpZ2h0PSIzNjAwIi8+IDwvZz4gPC9nPiA8ZyBpZD0iTGFiZWwiPiA8L2c+IDxnIGlkPSJJY29uIj4gPGc+IDxwb2x5Z29uIHBvaW50cz0iMTUuNCw3LjQgMTQsNiA4LDEyIDE0LDE4IDE1LjQsMTYuNiAxMC44LDEyIAkJIiBzdHlsZT0iZmlsbDp3aGl0ZTsiLz4gPHJlY3QgZmlsbD0ibm9uZSIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ii8+IDwvZz4gPC9nPiA8ZyBpZD0iR3JpZCIgZGlzcGxheT0ibm9uZSI+IDxnIGRpc3BsYXk9ImlubGluZSI+IDwvZz4gPC9nPiA8L3N2Zz4NCg=="); } [dir="rtl"] md-tabs-wrapper md-prev-button { left: auto; right: 0px; } md-tabs-wrapper md-next-button { right: 0px; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE3LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPiA8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPiA8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQgMjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPiA8ZyBpZD0iSGVhZGVyIj4gPGc+IDxyZWN0IHg9Ii02MTgiIHk9Ii0xMzM2IiBmaWxsPSJub25lIiB3aWR0aD0iMTQwMCIgaGVpZ2h0PSIzNjAwIi8+IDwvZz4gPC9nPiA8ZyBpZD0iTGFiZWwiPiA8L2c+IDxnIGlkPSJJY29uIj4gPGc+IDxwb2x5Z29uIHBvaW50cz0iMTAsNiA4LjYsNy40IDEzLjIsMTIgOC42LDE2LjYgMTAsMTggMTYsMTIgCQkiIHN0eWxlPSJmaWxsOndoaXRlOyIvPiA8cmVjdCBmaWxsPSJub25lIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiLz4gPC9nPiA8L2c+IDxnIGlkPSJHcmlkIiBkaXNwbGF5PSJub25lIj4gPGcgZGlzcGxheT0iaW5saW5lIj4gPC9nPiA8L2c+IDwvc3ZnPg0K"); } [dir="rtl"] md-tabs-wrapper md-next-button { right: auto; left: 0px; } md-tabs-wrapper md-next-button md-icon { transform: translate(-50%, -50%) rotate(180deg); } md-tabs-wrapper.md-stretch-tabs md-pagination-wrapper { width: 100%; flex-direction: row; } md-tabs-wrapper.md-stretch-tabs md-pagination-wrapper md-tab-item { flex-grow: 1; } md-tabs-canvas { position: relative; overflow: hidden; display: block; height: 48px; } md-tabs-canvas::after { content: ""; display: table; clear: both; } md-tabs-canvas .md-dummy-wrapper { position: absolute; top: 0px; left: 0px; } [dir="rtl"] md-tabs-canvas .md-dummy-wrapper { left: auto; right: 0px; } md-tabs-canvas.md-paginated { margin: 0px 32px; } md-tabs-canvas.md-center-tabs { display: flex; flex-direction: column; text-align: center; } md-tabs-canvas.md-center-tabs .md-tab { float: none; display: inline-block; } md-pagination-wrapper { height: 48px; display: flex; transition: transform 0.5s cubic-bezier(0.35, 0, 0.25, 1) 0s, -webkit-transform 0.5s cubic-bezier(0.35, 0, 0.25, 1) 0s; position: absolute; left: 0px; transform: translate(0px, 0px); } md-pagination-wrapper::after { content: ""; display: table; clear: both; } [dir="rtl"] md-pagination-wrapper { left: auto; right: 0px; } md-pagination-wrapper.md-center-tabs { position: relative; justify-content: center; } md-tabs-content-wrapper { display: block; top: 48px; overflow: hidden; } md-tab-content, md-tabs-content-wrapper { position: absolute; left: 0px; right: 0px; bottom: 0px; } md-tab-content { display: flex; top: 0px; transition: transform 0.5s cubic-bezier(0.35, 0, 0.25, 1) 0s, -webkit-transform 0.5s cubic-bezier(0.35, 0, 0.25, 1) 0s; overflow: auto; transform: translate(0px, 0px); } md-tab-content.md-no-scroll { bottom: auto; overflow: hidden; } md-tab-content.md-no-transition, md-tab-content.ng-leave { transition: none 0s ease 0s; } md-tab-content.md-left:not(.md-active) { transform: translateX(-100%); animation: 1s ease 0s 1 normal none running md-tab-content-hide; visibility: hidden; } [dir="rtl"] md-tab-content.md-left:not(.md-active) { transform: translateX(100%); } md-tab-content.md-left:not(.md-active) * { transition: visibility 0s linear 0.5s; visibility: hidden; } md-tab-content.md-right:not(.md-active) { transform: translateX(100%); animation: 1s ease 0s 1 normal none running md-tab-content-hide; visibility: hidden; } [dir="rtl"] md-tab-content.md-right:not(.md-active) { transform: translateX(-100%); } md-tab-content.md-right:not(.md-active) * { transition: visibility 0s linear 0.5s; visibility: hidden; } md-tab-content > div { flex: 1 0 100%; min-width: 0px; } md-tab-content > div.ng-leave { animation: 1s ease 0s 1 normal none running md-tab-content-hide; } md-ink-bar { position: absolute; left: auto; right: auto; bottom: 0px; height: 2px; } md-ink-bar.md-left { transition: left 0.125s cubic-bezier(0.35, 0, 0.25, 1) 0s, right 0.25s cubic-bezier(0.35, 0, 0.25, 1) 0s; } md-ink-bar.md-right { transition: left 0.25s cubic-bezier(0.35, 0, 0.25, 1) 0s, right 0.125s cubic-bezier(0.35, 0, 0.25, 1) 0s; } md-tab { position: absolute; z-index: -1; left: -9999px; } .md-tab { font-size: 14px; text-align: center; line-height: 24px; padding: 12px 24px; transition: background-color 0.35s cubic-bezier(0.35, 0, 0.25, 1) 0s; cursor: pointer; white-space: nowrap; position: relative; text-transform: uppercase; float: left; font-weight: 500; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; } [dir="rtl"] .md-tab { float: right; } .md-tab.md-focused, .md-tab:focus { box-shadow: none; outline: none; } .md-tab.md-active { cursor: default; } .md-tab.md-disabled { pointer-events: none; touch-action: pan-y; user-select: none; -webkit-user-drag: none; opacity: 0.5; cursor: default; } .md-tab.ng-leave { transition: none 0s ease 0s; } md-toolbar + md-dialog-content md-tabs, md-toolbar + md-tabs { border-top-left-radius: 0px; border-top-right-radius: 0px; } .md-toast-text { padding: 0px 6px; } md-toast { position: absolute; z-index: 105; box-sizing: border-box; cursor: default; padding: 8px; opacity: 1; } md-toast, md-toast .md-toast-content { overflow: hidden; transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) 0s; } md-toast .md-toast-content { display: flex; flex-direction: row; align-items: center; max-height: 168px; max-width: 100%; min-height: 48px; padding: 0px 18px; box-shadow: rgba(0, 0, 0, 0.26) 0px 2px 5px 0px; border-radius: 2px; font-size: 14px; transform: translate3d(0px, 0px, 0px) rotateZ(0deg); justify-content: flex-start; } md-toast .md-toast-content::before { content: ""; min-height: 48px; visibility: hidden; display: inline-block; } [dir="rtl"] md-toast .md-toast-content { justify-content: flex-end; } md-toast .md-toast-content span { flex: 1 1 0%; box-sizing: border-box; min-width: 0px; } md-toast.md-capsule, md-toast.md-capsule .md-toast-content { border-radius: 24px; } md-toast.ng-leave-active .md-toast-content { transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2) 0s; } md-toast.md-swipedown .md-toast-content, md-toast.md-swipeleft .md-toast-content, md-toast.md-swiperight .md-toast-content, md-toast.md-swipeup .md-toast-content { transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) 0s; } md-toast.ng-enter { opacity: 0; } md-toast.ng-enter .md-toast-content { transform: translate3d(0px, 100%, 0px); } md-toast.ng-enter.md-top .md-toast-content { transform: translate3d(0px, -100%, 0px); } md-toast.ng-enter.ng-enter-active { opacity: 1; } md-toast.ng-enter.ng-enter-active .md-toast-content { transform: translate3d(0px, 0px, 0px); } md-toast.ng-leave.ng-leave-active .md-toast-content { opacity: 0; transform: translate3d(0px, 100%, 0px); } md-toast.ng-leave.ng-leave-active.md-swipeup .md-toast-content { transform: translate3d(0px, -50%, 0px); } md-toast.ng-leave.ng-leave-active.md-swipedown .md-toast-content { transform: translate3d(0px, 50%, 0px); } md-toast.ng-leave.ng-leave-active.md-top .md-toast-content { transform: translate3d(0px, -100%, 0px); } md-toast .md-action { line-height: 19px; margin-left: 24px; margin-right: 0px; cursor: pointer; text-transform: uppercase; float: right; } md-toast .md-button { min-width: 0px; margin-right: 0px; margin-left: 12px; } [dir="rtl"] md-toast .md-button { margin-right: 12px; margin-left: 0px; } @media (max-width: 959px) { md-toast { left: 0px; right: 0px; width: 100%; max-width: 100%; min-width: 0px; border-radius: 0px; bottom: 0px; padding: 0px; } md-toast.ng-leave.ng-leave-active.md-swipeup .md-toast-content { transform: translate3d(0px, -50%, 0px); } md-toast.ng-leave.ng-leave-active.md-swipedown .md-toast-content { transform: translate3d(0px, 50%, 0px); }} @media (min-width: 960px) { md-toast { min-width: 304px; } md-toast.md-bottom { bottom: 0px; } md-toast.md-left { left: 0px; } md-toast.md-right { right: 0px; } md-toast.md-top { top: 0px; } md-toast._md-start { left: 0px; } [dir="rtl"] md-toast._md-start { left: auto; right: 0px; } md-toast._md-end { right: 0px; } [dir="rtl"] md-toast._md-end { right: auto; left: 0px; } md-toast.ng-leave.ng-leave-active.md-swipeleft .md-toast-content { transform: translate3d(-50%, 0px, 0px); } md-toast.ng-leave.ng-leave-active.md-swiperight .md-toast-content { transform: translate3d(50%, 0px, 0px); }} @media (min-width: 1920px) { md-toast .md-toast-content { max-width: 568px; }} @media screen and (-ms-high-contrast:active) { md-toast { border: 1px solid rgb(255, 255, 255); }} .md-toast-animating { overflow: hidden !important; } md-toolbar { box-sizing: border-box; display: flex; flex-direction: column; position: relative; z-index: 2; font-size: 20px; min-height: 64px; width: 100%; } md-toolbar._md-toolbar-transitions { transition-duration: 0.5s; transition-timing-function: cubic-bezier(0.35, 0, 0.25, 1); transition-property: background-color, fill, color; } md-toolbar.md-whiteframe-z1-add, md-toolbar.md-whiteframe-z1-remove { transition: box-shadow 0.5s linear 0s; } md-toolbar md-toolbar-filler { width: 72px; } md-toolbar *, md-toolbar ::after, md-toolbar ::before { box-sizing: border-box; } md-toolbar.ng-animate { transition: none 0s ease 0s; } md-toolbar.md-tall { height: 128px; min-height: 128px; max-height: 128px; } md-toolbar.md-medium-tall { height: 88px; min-height: 88px; max-height: 88px; } md-toolbar.md-medium-tall .md-toolbar-tools { height: 48px; min-height: 48px; max-height: 48px; } md-toolbar > .md-indent { margin-left: 64px; } [dir="rtl"] md-toolbar > .md-indent { margin-left: auto; margin-right: 64px; } md-toolbar ~ md-content > md-list { padding: 0px; } md-toolbar ~ md-content > md-list md-list-item:last-child md-divider { display: none; } .md-toolbar-tools { font-size: 20px; letter-spacing: 0.005em; box-sizing: border-box; font-weight: 400; display: flex; align-items: center; flex-direction: row; width: 100%; height: 64px; max-height: 64px; padding: 0px 16px; margin: 0px; } .md-toolbar-tools h1, .md-toolbar-tools h2, .md-toolbar-tools h3 { font-size: inherit; font-weight: inherit; margin: inherit; } .md-toolbar-tools a { color: inherit; text-decoration: none; } .md-toolbar-tools .fill-height { display: flex; align-items: center; } .md-toolbar-tools md-checkbox { margin: inherit; } .md-toolbar-tools .md-button { margin-top: 0px; margin-bottom: 0px; } .md-toolbar-tools .md-button, .md-toolbar-tools .md-button.md-icon-button md-icon { transition-duration: 0.5s; transition-timing-function: cubic-bezier(0.35, 0, 0.25, 1); transition-property: background-color, fill, color; } .md-toolbar-tools .md-button.md-icon-button md-icon.ng-animate, .md-toolbar-tools .md-button.ng-animate { transition: none 0s ease 0s; } .md-toolbar-tools > .md-button:first-child { margin-left: -8px; } [dir="rtl"] .md-toolbar-tools > .md-button:first-child { margin-left: auto; margin-right: -8px; } .md-toolbar-tools > .md-button:last-child { margin-right: -8px; } [dir="rtl"] .md-toolbar-tools > .md-button:last-child { margin-right: auto; margin-left: -8px; } .md-toolbar-tools > md-menu:last-child { margin-right: -8px; } [dir="rtl"] .md-toolbar-tools > md-menu:last-child { margin-right: auto; margin-left: -8px; } .md-toolbar-tools > md-menu:last-child > .md-button { margin-right: 0px; } [dir="rtl"] .md-toolbar-tools > md-menu:last-child > .md-button { margin-right: auto; margin-left: 0px; } @media screen and (-ms-high-contrast:active) { .md-toolbar-tools { border-bottom: 1px solid rgb(255, 255, 255); }} @media (min-width: 0) and (max-width: 959px) and (orientation: portrait) { md-toolbar { min-height: 56px; } .md-toolbar-tools { height: 56px; max-height: 56px; }} @media (min-width: 0) and (max-width: 959px) and (orientation: landscape) { md-toolbar { min-height: 48px; } .md-toolbar-tools { height: 48px; max-height: 48px; }} .md-tooltip { pointer-events: none; border-radius: 4px; overflow: hidden; opacity: 0; font-weight: 500; font-size: 14px; white-space: nowrap; text-overflow: ellipsis; height: 32px; line-height: 32px; padding-right: 16px; padding-left: 16px; } .md-tooltip.md-origin-top { transform-origin: center bottom; margin-top: -24px; } .md-tooltip.md-origin-right { transform-origin: left center; margin-left: 24px; } .md-tooltip.md-origin-bottom { transform-origin: center top; margin-top: 24px; } .md-tooltip.md-origin-left { transform-origin: right center; margin-left: -24px; } @media (min-width: 960px) { .md-tooltip { font-size: 10px; height: 22px; line-height: 22px; padding-right: 8px; padding-left: 8px; } .md-tooltip.md-origin-top { margin-top: -14px; } .md-tooltip.md-origin-right { margin-left: 14px; } .md-tooltip.md-origin-bottom { margin-top: 14px; } .md-tooltip.md-origin-left { margin-left: -14px; }} .md-tooltip.md-show-add { transform: scale(0); } .md-tooltip.md-show { transition: all 0.15s cubic-bezier(0.25, 0.8, 0.25, 1) 0s; transform: scale(1); opacity: 0.9; } .md-tooltip.md-hide { transition: all 0.15s cubic-bezier(0.55, 0, 0.55, 0.2) 0s; transform: scale(0); opacity: 0; } .md-truncate { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .md-truncate.md-clip { text-overflow: clip; } .md-truncate.flex { width: 0px; } .md-virtual-repeat-container { box-sizing: border-box; display: block; margin: 0px; overflow: hidden; padding: 0px; position: relative; } .md-virtual-repeat-container .md-virtual-repeat-scroller { inset: 0px; box-sizing: border-box; margin: 0px; overflow-x: hidden; padding: 0px; position: absolute; } .md-virtual-repeat-container .md-virtual-repeat-sizer { box-sizing: border-box; height: 1px; display: block; margin: 0px; padding: 0px; width: 1px; } .md-virtual-repeat-container .md-virtual-repeat-offsetter { box-sizing: border-box; left: 0px; margin: 0px; padding: 0px; position: absolute; right: 0px; top: 0px; } .md-virtual-repeat-container.md-orient-horizontal .md-virtual-repeat-scroller { overflow: auto hidden; } .md-virtual-repeat-container.md-orient-horizontal .md-virtual-repeat-offsetter { bottom: 16px; right: auto; white-space: nowrap; } [dir="rtl"] .md-virtual-repeat-container.md-orient-horizontal .md-virtual-repeat-offsetter { right: auto; left: auto; } .md-whiteframe-1dp, .md-whiteframe-z1 { box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 3px 0px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 2px 1px -1px; } .md-whiteframe-2dp { box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 5px 0px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 3px 1px -2px; } .md-whiteframe-3dp { box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 8px 0px, rgba(0, 0, 0, 0.14) 0px 3px 4px 0px, rgba(0, 0, 0, 0.12) 0px 3px 3px -2px; } .md-whiteframe-4dp, .md-whiteframe-z2 { box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px -1px, rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px; } .md-whiteframe-5dp { box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 5px 8px 0px, rgba(0, 0, 0, 0.12) 0px 1px 14px 0px; } .md-whiteframe-6dp { box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px; } .md-whiteframe-7dp, .md-whiteframe-z3 { box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 5px -2px, rgba(0, 0, 0, 0.14) 0px 7px 10px 1px, rgba(0, 0, 0, 0.12) 0px 2px 16px 1px; } .md-whiteframe-8dp { box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px; } .md-whiteframe-9dp { box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 6px -3px, rgba(0, 0, 0, 0.14) 0px 9px 12px 1px, rgba(0, 0, 0, 0.12) 0px 3px 16px 2px; } .md-whiteframe-10dp, .md-whiteframe-z4 { box-shadow: rgba(0, 0, 0, 0.2) 0px 6px 6px -3px, rgba(0, 0, 0, 0.14) 0px 10px 14px 1px, rgba(0, 0, 0, 0.12) 0px 4px 18px 3px; } .md-whiteframe-11dp { box-shadow: rgba(0, 0, 0, 0.2) 0px 6px 7px -4px, rgba(0, 0, 0, 0.14) 0px 11px 15px 1px, rgba(0, 0, 0, 0.12) 0px 4px 20px 3px; } .md-whiteframe-12dp { box-shadow: rgba(0, 0, 0, 0.2) 0px 7px 8px -4px, rgba(0, 0, 0, 0.14) 0px 12px 17px 2px, rgba(0, 0, 0, 0.12) 0px 5px 22px 4px; } .md-whiteframe-13dp, .md-whiteframe-z5 { box-shadow: rgba(0, 0, 0, 0.2) 0px 7px 8px -4px, rgba(0, 0, 0, 0.14) 0px 13px 19px 2px, rgba(0, 0, 0, 0.12) 0px 5px 24px 4px; } .md-whiteframe-14dp { box-shadow: rgba(0, 0, 0, 0.2) 0px 7px 9px -4px, rgba(0, 0, 0, 0.14) 0px 14px 21px 2px, rgba(0, 0, 0, 0.12) 0px 5px 26px 4px; } .md-whiteframe-15dp { box-shadow: rgba(0, 0, 0, 0.2) 0px 8px 9px -5px, rgba(0, 0, 0, 0.14) 0px 15px 22px 2px, rgba(0, 0, 0, 0.12) 0px 6px 28px 5px; } .md-whiteframe-16dp { box-shadow: rgba(0, 0, 0, 0.2) 0px 8px 10px -5px, rgba(0, 0, 0, 0.14) 0px 16px 24px 2px, rgba(0, 0, 0, 0.12) 0px 6px 30px 5px; } .md-whiteframe-17dp { box-shadow: rgba(0, 0, 0, 0.2) 0px 8px 11px -5px, rgba(0, 0, 0, 0.14) 0px 17px 26px 2px, rgba(0, 0, 0, 0.12) 0px 6px 32px 5px; } .md-whiteframe-18dp { box-shadow: rgba(0, 0, 0, 0.2) 0px 9px 11px -5px, rgba(0, 0, 0, 0.14) 0px 18px 28px 2px, rgba(0, 0, 0, 0.12) 0px 7px 34px 6px; } .md-whiteframe-19dp { box-shadow: rgba(0, 0, 0, 0.2) 0px 9px 12px -6px, rgba(0, 0, 0, 0.14) 0px 19px 29px 2px, rgba(0, 0, 0, 0.12) 0px 7px 36px 6px; } .md-whiteframe-20dp { box-shadow: rgba(0, 0, 0, 0.2) 0px 10px 13px -6px, rgba(0, 0, 0, 0.14) 0px 20px 31px 3px, rgba(0, 0, 0, 0.12) 0px 8px 38px 7px; } .md-whiteframe-21dp { box-shadow: rgba(0, 0, 0, 0.2) 0px 10px 13px -6px, rgba(0, 0, 0, 0.14) 0px 21px 33px 3px, rgba(0, 0, 0, 0.12) 0px 8px 40px 7px; } .md-whiteframe-22dp { box-shadow: rgba(0, 0, 0, 0.2) 0px 10px 14px -6px, rgba(0, 0, 0, 0.14) 0px 22px 35px 3px, rgba(0, 0, 0, 0.12) 0px 8px 42px 7px; } .md-whiteframe-23dp { box-shadow: rgba(0, 0, 0, 0.2) 0px 11px 14px -7px, rgba(0, 0, 0, 0.14) 0px 23px 36px 3px, rgba(0, 0, 0, 0.12) 0px 9px 44px 8px; } .md-whiteframe-24dp { box-shadow: rgba(0, 0, 0, 0.2) 0px 11px 15px -7px, rgba(0, 0, 0, 0.14) 0px 24px 38px 3px, rgba(0, 0, 0, 0.12) 0px 9px 46px 8px; } @media screen and (-ms-high-contrast:active) { md-whiteframe { border: 1px solid rgb(255, 255, 255); }} @media print { [md-whiteframe], md-whiteframe { background-color: rgb(255, 255, 255); }} .ng-cloak, .x-ng-cloak, [data-ng-cloak], [ng-cloak], [ng\:cloak], [x-ng-cloak] { display: none !important; } .flex-order { order: 0; } .flex-order--20 { order: -20; } .flex-order--19 { order: -19; } .flex-order--18 { order: -18; } .flex-order--17 { order: -17; } .flex-order--16 { order: -16; } .flex-order--15 { order: -15; } .flex-order--14 { order: -14; } .flex-order--13 { order: -13; } .flex-order--12 { order: -12; } .flex-order--11 { order: -11; } .flex-order--10 { order: -10; } .flex-order--9 { order: -9; } .flex-order--8 { order: -8; } .flex-order--7 { order: -7; } .flex-order--6 { order: -6; } .flex-order--5 { order: -5; } .flex-order--4 { order: -4; } .flex-order--3 { order: -3; } .flex-order--2 { order: -2; } .flex-order--1 { order: -1; } .flex-order-0 { order: 0; } .flex-order-1 { order: 1; } .flex-order-2 { order: 2; } .flex-order-3 { order: 3; } .flex-order-4 { order: 4; } .flex-order-5 { order: 5; } .flex-order-6 { order: 6; } .flex-order-7 { order: 7; } .flex-order-8 { order: 8; } .flex-order-9 { order: 9; } .flex-order-10 { order: 10; } .flex-order-11 { order: 11; } .flex-order-12 { order: 12; } .flex-order-13 { order: 13; } .flex-order-14 { order: 14; } .flex-order-15 { order: 15; } .flex-order-16 { order: 16; } .flex-order-17 { order: 17; } .flex-order-18 { order: 18; } .flex-order-19 { order: 19; } .flex-order-20 { order: 20; } .flex-offset-0, .layout-margin .flex-offset-0, .layout-margin .offset-0, .offset-0 { margin-left: 0px; } [dir="rtl"] .flex-offset-0, [dir="rtl"] .layout-margin .flex-offset-0, [dir="rtl"] .layout-margin .offset-0, [dir="rtl"] .offset-0 { margin-left: auto; margin-right: 0px; } .flex-offset-5, .layout-margin .flex-offset-5, .layout-margin .offset-5, .offset-5 { margin-left: 5%; } [dir="rtl"] .flex-offset-5, [dir="rtl"] .layout-margin .flex-offset-5, [dir="rtl"] .layout-margin .offset-5, [dir="rtl"] .offset-5 { margin-left: auto; margin-right: 5%; } .flex-offset-10, .layout-margin .flex-offset-10, .layout-margin .offset-10, .offset-10 { margin-left: 10%; } [dir="rtl"] .flex-offset-10, [dir="rtl"] .layout-margin .flex-offset-10, [dir="rtl"] .layout-margin .offset-10, [dir="rtl"] .offset-10 { margin-left: auto; margin-right: 10%; } .flex-offset-15, .layout-margin .flex-offset-15, .layout-margin .offset-15, .offset-15 { margin-left: 15%; } [dir="rtl"] .flex-offset-15, [dir="rtl"] .layout-margin .flex-offset-15, [dir="rtl"] .layout-margin .offset-15, [dir="rtl"] .offset-15 { margin-left: auto; margin-right: 15%; } .flex-offset-20, .layout-margin .flex-offset-20, .layout-margin .offset-20, .offset-20 { margin-left: 20%; } [dir="rtl"] .flex-offset-20, [dir="rtl"] .layout-margin .flex-offset-20, [dir="rtl"] .layout-margin .offset-20, [dir="rtl"] .offset-20 { margin-left: auto; margin-right: 20%; } .flex-offset-25, .layout-margin .flex-offset-25, .layout-margin .offset-25, .offset-25 { margin-left: 25%; } [dir="rtl"] .flex-offset-25, [dir="rtl"] .layout-margin .flex-offset-25, [dir="rtl"] .layout-margin .offset-25, [dir="rtl"] .offset-25 { margin-left: auto; margin-right: 25%; } .flex-offset-30, .layout-margin .flex-offset-30, .layout-margin .offset-30, .offset-30 { margin-left: 30%; } [dir="rtl"] .flex-offset-30, [dir="rtl"] .layout-margin .flex-offset-30, [dir="rtl"] .layout-margin .offset-30, [dir="rtl"] .offset-30 { margin-left: auto; margin-right: 30%; } .flex-offset-35, .layout-margin .flex-offset-35, .layout-margin .offset-35, .offset-35 { margin-left: 35%; } [dir="rtl"] .flex-offset-35, [dir="rtl"] .layout-margin .flex-offset-35, [dir="rtl"] .layout-margin .offset-35, [dir="rtl"] .offset-35 { margin-left: auto; margin-right: 35%; } .flex-offset-40, .layout-margin .flex-offset-40, .layout-margin .offset-40, .offset-40 { margin-left: 40%; } [dir="rtl"] .flex-offset-40, [dir="rtl"] .layout-margin .flex-offset-40, [dir="rtl"] .layout-margin .offset-40, [dir="rtl"] .offset-40 { margin-left: auto; margin-right: 40%; } .flex-offset-45, .layout-margin .flex-offset-45, .layout-margin .offset-45, .offset-45 { margin-left: 45%; } [dir="rtl"] .flex-offset-45, [dir="rtl"] .layout-margin .flex-offset-45, [dir="rtl"] .layout-margin .offset-45, [dir="rtl"] .offset-45 { margin-left: auto; margin-right: 45%; } .flex-offset-50, .layout-margin .flex-offset-50, .layout-margin .offset-50, .offset-50 { margin-left: 50%; } [dir="rtl"] .flex-offset-50, [dir="rtl"] .layout-margin .flex-offset-50, [dir="rtl"] .layout-margin .offset-50, [dir="rtl"] .offset-50 { margin-left: auto; margin-right: 50%; } .flex-offset-55, .layout-margin .flex-offset-55, .layout-margin .offset-55, .offset-55 { margin-left: 55%; } [dir="rtl"] .flex-offset-55, [dir="rtl"] .layout-margin .flex-offset-55, [dir="rtl"] .layout-margin .offset-55, [dir="rtl"] .offset-55 { margin-left: auto; margin-right: 55%; } .flex-offset-60, .layout-margin .flex-offset-60, .layout-margin .offset-60, .offset-60 { margin-left: 60%; } [dir="rtl"] .flex-offset-60, [dir="rtl"] .layout-margin .flex-offset-60, [dir="rtl"] .layout-margin .offset-60, [dir="rtl"] .offset-60 { margin-left: auto; margin-right: 60%; } .flex-offset-65, .layout-margin .flex-offset-65, .layout-margin .offset-65, .offset-65 { margin-left: 65%; } [dir="rtl"] .flex-offset-65, [dir="rtl"] .layout-margin .flex-offset-65, [dir="rtl"] .layout-margin .offset-65, [dir="rtl"] .offset-65 { margin-left: auto; margin-right: 65%; } .flex-offset-70, .layout-margin .flex-offset-70, .layout-margin .offset-70, .offset-70 { margin-left: 70%; } [dir="rtl"] .flex-offset-70, [dir="rtl"] .layout-margin .flex-offset-70, [dir="rtl"] .layout-margin .offset-70, [dir="rtl"] .offset-70 { margin-left: auto; margin-right: 70%; } .flex-offset-75, .layout-margin .flex-offset-75, .layout-margin .offset-75, .offset-75 { margin-left: 75%; } [dir="rtl"] .flex-offset-75, [dir="rtl"] .layout-margin .flex-offset-75, [dir="rtl"] .layout-margin .offset-75, [dir="rtl"] .offset-75 { margin-left: auto; margin-right: 75%; } .flex-offset-80, .layout-margin .flex-offset-80, .layout-margin .offset-80, .offset-80 { margin-left: 80%; } [dir="rtl"] .flex-offset-80, [dir="rtl"] .layout-margin .flex-offset-80, [dir="rtl"] .layout-margin .offset-80, [dir="rtl"] .offset-80 { margin-left: auto; margin-right: 80%; } .flex-offset-85, .layout-margin .flex-offset-85, .layout-margin .offset-85, .offset-85 { margin-left: 85%; } [dir="rtl"] .flex-offset-85, [dir="rtl"] .layout-margin .flex-offset-85, [dir="rtl"] .layout-margin .offset-85, [dir="rtl"] .offset-85 { margin-left: auto; margin-right: 85%; } .flex-offset-90, .layout-margin .flex-offset-90, .layout-margin .offset-90, .offset-90 { margin-left: 90%; } [dir="rtl"] .flex-offset-90, [dir="rtl"] .layout-margin .flex-offset-90, [dir="rtl"] .layout-margin .offset-90, [dir="rtl"] .offset-90 { margin-left: auto; margin-right: 90%; } .flex-offset-95, .layout-margin .flex-offset-95, .layout-margin .offset-95, .offset-95 { margin-left: 95%; } [dir="rtl"] .flex-offset-95, [dir="rtl"] .layout-margin .flex-offset-95, [dir="rtl"] .layout-margin .offset-95, [dir="rtl"] .offset-95 { margin-left: auto; margin-right: 95%; } .flex-offset-33, .layout-margin .flex-offset-33, .layout-margin .offset-33, .offset-33 { margin-left: 33.3333%; } .flex-offset-66, .layout-margin .flex-offset-66, .layout-margin .offset-66, .offset-66 { margin-left: 66.6667%; } [dir="rtl"] .flex-offset-66, [dir="rtl"] .layout-margin .flex-offset-66, [dir="rtl"] .layout-margin .offset-66, [dir="rtl"] .offset-66 { margin-left: auto; margin-right: 66.6667%; } .layout-align, .layout-align-start-stretch { place-content: stretch flex-start; align-items: stretch; } .layout-align-start, .layout-align-start-center, .layout-align-start-end, .layout-align-start-start, .layout-align-start-stretch { justify-content: flex-start; } .layout-align-center, .layout-align-center-center, .layout-align-center-end, .layout-align-center-start, .layout-align-center-stretch { justify-content: center; } .layout-align-end, .layout-align-end-center, .layout-align-end-end, .layout-align-end-start, .layout-align-end-stretch { justify-content: flex-end; } .layout-align-space-around, .layout-align-space-around-center, .layout-align-space-around-end, .layout-align-space-around-start, .layout-align-space-around-stretch { justify-content: space-around; } .layout-align-space-between, .layout-align-space-between-center, .layout-align-space-between-end, .layout-align-space-between-start, .layout-align-space-between-stretch { justify-content: space-between; } .layout-align-center-start, .layout-align-end-start, .layout-align-space-around-start, .layout-align-space-between-start, .layout-align-start-start { align-items: flex-start; align-content: flex-start; } .layout-align-center-center, .layout-align-end-center, .layout-align-space-around-center, .layout-align-space-between-center, .layout-align-start-center { align-items: center; align-content: center; max-width: 100%; } .layout-align-center-center > *, .layout-align-end-center > *, .layout-align-space-around-center > *, .layout-align-space-between-center > *, .layout-align-start-center > * { max-width: 100%; box-sizing: border-box; } .layout-align-center-end, .layout-align-end-end, .layout-align-space-around-end, .layout-align-space-between-end, .layout-align-start-end { align-items: flex-end; align-content: flex-end; } .layout-align-center-stretch, .layout-align-end-stretch, .layout-align-space-around-stretch, .layout-align-space-between-stretch, .layout-align-start-stretch { align-items: stretch; align-content: stretch; } .flex { flex: 1 1 0%; } .flex, .flex-grow { box-sizing: border-box; } .flex-grow { flex: 1 1 100%; } .flex-initial { flex: 0 1 auto; box-sizing: border-box; } .flex-auto { flex: 1 1 auto; box-sizing: border-box; } .flex-none { flex: 0 0 auto; box-sizing: border-box; } .flex-noshrink { flex: 1 0 auto; box-sizing: border-box; } .flex-nogrow { flex: 0 1 auto; box-sizing: border-box; } .flex-0, .layout-row > .flex-0 { flex: 1 1 100%; max-width: 0px; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-0 { min-width: 0px; } .layout-column > .flex-0 { flex: 1 1 100%; max-width: 100%; max-height: 0%; box-sizing: border-box; } .flex-5, .layout-row > .flex-5 { flex: 1 1 100%; max-width: 5%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-5 { flex: 1 1 100%; max-width: 100%; max-height: 5%; box-sizing: border-box; } .flex-10, .layout-row > .flex-10 { flex: 1 1 100%; max-width: 10%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-10 { flex: 1 1 100%; max-width: 100%; max-height: 10%; box-sizing: border-box; } .flex-15, .layout-row > .flex-15 { flex: 1 1 100%; max-width: 15%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-15 { flex: 1 1 100%; max-width: 100%; max-height: 15%; box-sizing: border-box; } .flex-20, .layout-row > .flex-20 { flex: 1 1 100%; max-width: 20%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-20 { flex: 1 1 100%; max-width: 100%; max-height: 20%; box-sizing: border-box; } .flex-25, .layout-row > .flex-25 { flex: 1 1 100%; max-width: 25%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-25 { flex: 1 1 100%; max-width: 100%; max-height: 25%; box-sizing: border-box; } .flex-30, .layout-row > .flex-30 { flex: 1 1 100%; max-width: 30%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-30 { flex: 1 1 100%; max-width: 100%; max-height: 30%; box-sizing: border-box; } .flex-35, .layout-row > .flex-35 { flex: 1 1 100%; max-width: 35%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-35 { flex: 1 1 100%; max-width: 100%; max-height: 35%; box-sizing: border-box; } .flex-40, .layout-row > .flex-40 { flex: 1 1 100%; max-width: 40%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-40 { flex: 1 1 100%; max-width: 100%; max-height: 40%; box-sizing: border-box; } .flex-45, .layout-row > .flex-45 { flex: 1 1 100%; max-width: 45%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-45 { flex: 1 1 100%; max-width: 100%; max-height: 45%; box-sizing: border-box; } .flex-50, .layout-row > .flex-50 { flex: 1 1 100%; max-width: 50%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-50 { flex: 1 1 100%; max-width: 100%; max-height: 50%; box-sizing: border-box; } .flex-55, .layout-row > .flex-55 { flex: 1 1 100%; max-width: 55%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-55 { flex: 1 1 100%; max-width: 100%; max-height: 55%; box-sizing: border-box; } .flex-60, .layout-row > .flex-60 { flex: 1 1 100%; max-width: 60%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-60 { flex: 1 1 100%; max-width: 100%; max-height: 60%; box-sizing: border-box; } .flex-65, .layout-row > .flex-65 { flex: 1 1 100%; max-width: 65%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-65 { flex: 1 1 100%; max-width: 100%; max-height: 65%; box-sizing: border-box; } .flex-70, .layout-row > .flex-70 { flex: 1 1 100%; max-width: 70%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-70 { flex: 1 1 100%; max-width: 100%; max-height: 70%; box-sizing: border-box; } .flex-75, .layout-row > .flex-75 { flex: 1 1 100%; max-width: 75%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-75 { flex: 1 1 100%; max-width: 100%; max-height: 75%; box-sizing: border-box; } .flex-80, .layout-row > .flex-80 { flex: 1 1 100%; max-width: 80%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-80 { flex: 1 1 100%; max-width: 100%; max-height: 80%; box-sizing: border-box; } .flex-85, .layout-row > .flex-85 { flex: 1 1 100%; max-width: 85%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-85 { flex: 1 1 100%; max-width: 100%; max-height: 85%; box-sizing: border-box; } .flex-90, .layout-row > .flex-90 { flex: 1 1 100%; max-width: 90%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-90 { flex: 1 1 100%; max-width: 100%; max-height: 90%; box-sizing: border-box; } .flex-95, .layout-row > .flex-95 { flex: 1 1 100%; max-width: 95%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-95 { max-height: 95%; } .flex-100, .layout-column > .flex-95 { flex: 1 1 100%; max-width: 100%; box-sizing: border-box; } .flex-100 { max-height: 100%; } .layout-column > .flex-100, .layout-row > .flex-100 { flex: 1 1 100%; max-width: 100%; max-height: 100%; box-sizing: border-box; } .flex-33 { max-width: 33.33%; } .flex-33, .flex-66 { flex: 1 1 100%; max-height: 100%; box-sizing: border-box; } .flex-66 { max-width: 66.66%; } .layout-row > .flex-33 { flex: 1 1 33.33%; } .layout-row > .flex-66 { flex: 1 1 66.66%; } .layout-column > .flex-33 { flex: 1 1 33.33%; } .layout-column > .flex-66 { flex: 1 1 66.66%; } .layout-row > .flex-33 { max-width: 33.33%; } .layout-row > .flex-33, .layout-row > .flex-66 { flex: 1 1 100%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-66 { max-width: 66.66%; } .layout-row > .flex { min-width: 0px; } .layout-column > .flex-33 { max-height: 33.33%; } .layout-column > .flex-33, .layout-column > .flex-66 { flex: 1 1 100%; max-width: 100%; box-sizing: border-box; } .layout-column > .flex-66 { max-height: 66.66%; } .layout-column > .flex { min-height: 0px; } .layout, .layout-column, .layout-row { box-sizing: border-box; display: flex; } .layout-column { flex-direction: column; } .layout-row { flex-direction: row; } .layout-padding-sm > *, .layout-padding > .flex-sm { padding: 4px; } .layout-padding, .layout-padding-gt-sm, .layout-padding-gt-sm > *, .layout-padding-md, .layout-padding-md > *, .layout-padding > *, .layout-padding > .flex, .layout-padding > .flex-gt-sm, .layout-padding > .flex-md { padding: 8px; } .layout-padding-gt-lg > *, .layout-padding-gt-md > *, .layout-padding-lg > *, .layout-padding > .flex-gt-lg, .layout-padding > .flex-gt-md, .layout-padding > .flex-lg { padding: 16px; } .layout-margin-sm > *, .layout-margin > .flex-sm { margin: 4px; } .layout-margin, .layout-margin-gt-sm, .layout-margin-gt-sm > *, .layout-margin-md, .layout-margin-md > *, .layout-margin > *, .layout-margin > .flex, .layout-margin > .flex-gt-sm, .layout-margin > .flex-md { margin: 8px; } .layout-margin-gt-lg > *, .layout-margin-gt-md > *, .layout-margin-lg > *, .layout-margin > .flex-gt-lg, .layout-margin > .flex-gt-md, .layout-margin > .flex-lg { margin: 16px; } .layout-wrap { flex-wrap: wrap; } .layout-nowrap { flex-wrap: nowrap; } .layout-fill { margin: 0px; width: 100%; min-height: 100%; height: 100%; } @media (max-width: 599px) { .hide-xs:not(.show-xs):not(.show), .hide:not(.show-xs):not(.show) { display: none; } .flex-order-xs--20 { order: -20; } .flex-order-xs--19 { order: -19; } .flex-order-xs--18 { order: -18; } .flex-order-xs--17 { order: -17; } .flex-order-xs--16 { order: -16; } .flex-order-xs--15 { order: -15; } .flex-order-xs--14 { order: -14; } .flex-order-xs--13 { order: -13; } .flex-order-xs--12 { order: -12; } .flex-order-xs--11 { order: -11; } .flex-order-xs--10 { order: -10; } .flex-order-xs--9 { order: -9; } .flex-order-xs--8 { order: -8; } .flex-order-xs--7 { order: -7; } .flex-order-xs--6 { order: -6; } .flex-order-xs--5 { order: -5; } .flex-order-xs--4 { order: -4; } .flex-order-xs--3 { order: -3; } .flex-order-xs--2 { order: -2; } .flex-order-xs--1 { order: -1; } .flex-order-xs-0 { order: 0; } .flex-order-xs-1 { order: 1; } .flex-order-xs-2 { order: 2; } .flex-order-xs-3 { order: 3; } .flex-order-xs-4 { order: 4; } .flex-order-xs-5 { order: 5; } .flex-order-xs-6 { order: 6; } .flex-order-xs-7 { order: 7; } .flex-order-xs-8 { order: 8; } .flex-order-xs-9 { order: 9; } .flex-order-xs-10 { order: 10; } .flex-order-xs-11 { order: 11; } .flex-order-xs-12 { order: 12; } .flex-order-xs-13 { order: 13; } .flex-order-xs-14 { order: 14; } .flex-order-xs-15 { order: 15; } .flex-order-xs-16 { order: 16; } .flex-order-xs-17 { order: 17; } .flex-order-xs-18 { order: 18; } .flex-order-xs-19 { order: 19; } .flex-order-xs-20 { order: 20; } .flex-offset-xs-0, .layout-margin .flex-offset-xs-0, .layout-margin .offset-xs-0, .offset-xs-0 { margin-left: 0px; } [dir="rtl"] .flex-offset-xs-0, [dir="rtl"] .layout-margin .flex-offset-xs-0, [dir="rtl"] .layout-margin .offset-xs-0, [dir="rtl"] .offset-xs-0 { margin-left: auto; margin-right: 0px; } .flex-offset-xs-5, .layout-margin .flex-offset-xs-5, .layout-margin .offset-xs-5, .offset-xs-5 { margin-left: 5%; } [dir="rtl"] .flex-offset-xs-5, [dir="rtl"] .layout-margin .flex-offset-xs-5, [dir="rtl"] .layout-margin .offset-xs-5, [dir="rtl"] .offset-xs-5 { margin-left: auto; margin-right: 5%; } .flex-offset-xs-10, .layout-margin .flex-offset-xs-10, .layout-margin .offset-xs-10, .offset-xs-10 { margin-left: 10%; } [dir="rtl"] .flex-offset-xs-10, [dir="rtl"] .layout-margin .flex-offset-xs-10, [dir="rtl"] .layout-margin .offset-xs-10, [dir="rtl"] .offset-xs-10 { margin-left: auto; margin-right: 10%; } .flex-offset-xs-15, .layout-margin .flex-offset-xs-15, .layout-margin .offset-xs-15, .offset-xs-15 { margin-left: 15%; } [dir="rtl"] .flex-offset-xs-15, [dir="rtl"] .layout-margin .flex-offset-xs-15, [dir="rtl"] .layout-margin .offset-xs-15, [dir="rtl"] .offset-xs-15 { margin-left: auto; margin-right: 15%; } .flex-offset-xs-20, .layout-margin .flex-offset-xs-20, .layout-margin .offset-xs-20, .offset-xs-20 { margin-left: 20%; } [dir="rtl"] .flex-offset-xs-20, [dir="rtl"] .layout-margin .flex-offset-xs-20, [dir="rtl"] .layout-margin .offset-xs-20, [dir="rtl"] .offset-xs-20 { margin-left: auto; margin-right: 20%; } .flex-offset-xs-25, .layout-margin .flex-offset-xs-25, .layout-margin .offset-xs-25, .offset-xs-25 { margin-left: 25%; } [dir="rtl"] .flex-offset-xs-25, [dir="rtl"] .layout-margin .flex-offset-xs-25, [dir="rtl"] .layout-margin .offset-xs-25, [dir="rtl"] .offset-xs-25 { margin-left: auto; margin-right: 25%; } .flex-offset-xs-30, .layout-margin .flex-offset-xs-30, .layout-margin .offset-xs-30, .offset-xs-30 { margin-left: 30%; } [dir="rtl"] .flex-offset-xs-30, [dir="rtl"] .layout-margin .flex-offset-xs-30, [dir="rtl"] .layout-margin .offset-xs-30, [dir="rtl"] .offset-xs-30 { margin-left: auto; margin-right: 30%; } .flex-offset-xs-35, .layout-margin .flex-offset-xs-35, .layout-margin .offset-xs-35, .offset-xs-35 { margin-left: 35%; } [dir="rtl"] .flex-offset-xs-35, [dir="rtl"] .layout-margin .flex-offset-xs-35, [dir="rtl"] .layout-margin .offset-xs-35, [dir="rtl"] .offset-xs-35 { margin-left: auto; margin-right: 35%; } .flex-offset-xs-40, .layout-margin .flex-offset-xs-40, .layout-margin .offset-xs-40, .offset-xs-40 { margin-left: 40%; } [dir="rtl"] .flex-offset-xs-40, [dir="rtl"] .layout-margin .flex-offset-xs-40, [dir="rtl"] .layout-margin .offset-xs-40, [dir="rtl"] .offset-xs-40 { margin-left: auto; margin-right: 40%; } .flex-offset-xs-45, .layout-margin .flex-offset-xs-45, .layout-margin .offset-xs-45, .offset-xs-45 { margin-left: 45%; } [dir="rtl"] .flex-offset-xs-45, [dir="rtl"] .layout-margin .flex-offset-xs-45, [dir="rtl"] .layout-margin .offset-xs-45, [dir="rtl"] .offset-xs-45 { margin-left: auto; margin-right: 45%; } .flex-offset-xs-50, .layout-margin .flex-offset-xs-50, .layout-margin .offset-xs-50, .offset-xs-50 { margin-left: 50%; } [dir="rtl"] .flex-offset-xs-50, [dir="rtl"] .layout-margin .flex-offset-xs-50, [dir="rtl"] .layout-margin .offset-xs-50, [dir="rtl"] .offset-xs-50 { margin-left: auto; margin-right: 50%; } .flex-offset-xs-55, .layout-margin .flex-offset-xs-55, .layout-margin .offset-xs-55, .offset-xs-55 { margin-left: 55%; } [dir="rtl"] .flex-offset-xs-55, [dir="rtl"] .layout-margin .flex-offset-xs-55, [dir="rtl"] .layout-margin .offset-xs-55, [dir="rtl"] .offset-xs-55 { margin-left: auto; margin-right: 55%; } .flex-offset-xs-60, .layout-margin .flex-offset-xs-60, .layout-margin .offset-xs-60, .offset-xs-60 { margin-left: 60%; } [dir="rtl"] .flex-offset-xs-60, [dir="rtl"] .layout-margin .flex-offset-xs-60, [dir="rtl"] .layout-margin .offset-xs-60, [dir="rtl"] .offset-xs-60 { margin-left: auto; margin-right: 60%; } .flex-offset-xs-65, .layout-margin .flex-offset-xs-65, .layout-margin .offset-xs-65, .offset-xs-65 { margin-left: 65%; } [dir="rtl"] .flex-offset-xs-65, [dir="rtl"] .layout-margin .flex-offset-xs-65, [dir="rtl"] .layout-margin .offset-xs-65, [dir="rtl"] .offset-xs-65 { margin-left: auto; margin-right: 65%; } .flex-offset-xs-70, .layout-margin .flex-offset-xs-70, .layout-margin .offset-xs-70, .offset-xs-70 { margin-left: 70%; } [dir="rtl"] .flex-offset-xs-70, [dir="rtl"] .layout-margin .flex-offset-xs-70, [dir="rtl"] .layout-margin .offset-xs-70, [dir="rtl"] .offset-xs-70 { margin-left: auto; margin-right: 70%; } .flex-offset-xs-75, .layout-margin .flex-offset-xs-75, .layout-margin .offset-xs-75, .offset-xs-75 { margin-left: 75%; } [dir="rtl"] .flex-offset-xs-75, [dir="rtl"] .layout-margin .flex-offset-xs-75, [dir="rtl"] .layout-margin .offset-xs-75, [dir="rtl"] .offset-xs-75 { margin-left: auto; margin-right: 75%; } .flex-offset-xs-80, .layout-margin .flex-offset-xs-80, .layout-margin .offset-xs-80, .offset-xs-80 { margin-left: 80%; } [dir="rtl"] .flex-offset-xs-80, [dir="rtl"] .layout-margin .flex-offset-xs-80, [dir="rtl"] .layout-margin .offset-xs-80, [dir="rtl"] .offset-xs-80 { margin-left: auto; margin-right: 80%; } .flex-offset-xs-85, .layout-margin .flex-offset-xs-85, .layout-margin .offset-xs-85, .offset-xs-85 { margin-left: 85%; } [dir="rtl"] .flex-offset-xs-85, [dir="rtl"] .layout-margin .flex-offset-xs-85, [dir="rtl"] .layout-margin .offset-xs-85, [dir="rtl"] .offset-xs-85 { margin-left: auto; margin-right: 85%; } .flex-offset-xs-90, .layout-margin .flex-offset-xs-90, .layout-margin .offset-xs-90, .offset-xs-90 { margin-left: 90%; } [dir="rtl"] .flex-offset-xs-90, [dir="rtl"] .layout-margin .flex-offset-xs-90, [dir="rtl"] .layout-margin .offset-xs-90, [dir="rtl"] .offset-xs-90 { margin-left: auto; margin-right: 90%; } .flex-offset-xs-95, .layout-margin .flex-offset-xs-95, .layout-margin .offset-xs-95, .offset-xs-95 { margin-left: 95%; } [dir="rtl"] .flex-offset-xs-95, [dir="rtl"] .layout-margin .flex-offset-xs-95, [dir="rtl"] .layout-margin .offset-xs-95, [dir="rtl"] .offset-xs-95 { margin-left: auto; margin-right: 95%; } .flex-offset-xs-33, .layout-margin .flex-offset-xs-33, .layout-margin .offset-xs-33, .offset-xs-33 { margin-left: 33.3333%; } .flex-offset-xs-66, .layout-margin .flex-offset-xs-66, .layout-margin .offset-xs-66, .offset-xs-66 { margin-left: 66.6667%; } [dir="rtl"] .flex-offset-xs-66, [dir="rtl"] .layout-margin .flex-offset-xs-66, [dir="rtl"] .layout-margin .offset-xs-66, [dir="rtl"] .offset-xs-66 { margin-left: auto; margin-right: 66.6667%; } .layout-align-xs, .layout-align-xs-start-stretch { place-content: stretch flex-start; align-items: stretch; } .layout-align-xs-start, .layout-align-xs-start-center, .layout-align-xs-start-end, .layout-align-xs-start-start, .layout-align-xs-start-stretch { justify-content: flex-start; } .layout-align-xs-center, .layout-align-xs-center-center, .layout-align-xs-center-end, .layout-align-xs-center-start, .layout-align-xs-center-stretch { justify-content: center; } .layout-align-xs-end, .layout-align-xs-end-center, .layout-align-xs-end-end, .layout-align-xs-end-start, .layout-align-xs-end-stretch { justify-content: flex-end; } .layout-align-xs-space-around, .layout-align-xs-space-around-center, .layout-align-xs-space-around-end, .layout-align-xs-space-around-start, .layout-align-xs-space-around-stretch { justify-content: space-around; } .layout-align-xs-space-between, .layout-align-xs-space-between-center, .layout-align-xs-space-between-end, .layout-align-xs-space-between-start, .layout-align-xs-space-between-stretch { justify-content: space-between; } .layout-align-xs-center-start, .layout-align-xs-end-start, .layout-align-xs-space-around-start, .layout-align-xs-space-between-start, .layout-align-xs-start-start { align-items: flex-start; align-content: flex-start; } .layout-align-xs-center-center, .layout-align-xs-end-center, .layout-align-xs-space-around-center, .layout-align-xs-space-between-center, .layout-align-xs-start-center { align-items: center; align-content: center; max-width: 100%; } .layout-align-xs-center-center > *, .layout-align-xs-end-center > *, .layout-align-xs-space-around-center > *, .layout-align-xs-space-between-center > *, .layout-align-xs-start-center > * { max-width: 100%; box-sizing: border-box; } .layout-align-xs-center-end, .layout-align-xs-end-end, .layout-align-xs-space-around-end, .layout-align-xs-space-between-end, .layout-align-xs-start-end { align-items: flex-end; align-content: flex-end; } .layout-align-xs-center-stretch, .layout-align-xs-end-stretch, .layout-align-xs-space-around-stretch, .layout-align-xs-space-between-stretch, .layout-align-xs-start-stretch { align-items: stretch; align-content: stretch; } .flex-xs { flex: 1 1 0%; box-sizing: border-box; } .flex-xs-grow { flex: 1 1 100%; box-sizing: border-box; } .flex-xs-initial { flex: 0 1 auto; box-sizing: border-box; } .flex-xs-auto { flex: 1 1 auto; box-sizing: border-box; } .flex-xs-none { flex: 0 0 auto; box-sizing: border-box; } .flex-xs-noshrink { flex: 1 0 auto; box-sizing: border-box; } .flex-xs-nogrow { flex: 0 1 auto; box-sizing: border-box; } .flex-xs-0, .layout-row > .flex-xs-0 { flex: 1 1 100%; max-width: 0px; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-xs-0 { min-width: 0px; } .layout-column > .flex-xs-0 { flex: 1 1 100%; max-width: 100%; max-height: 0%; box-sizing: border-box; } .layout-xs-row > .flex-xs-0 { flex: 1 1 100%; max-width: 0px; max-height: 100%; box-sizing: border-box; min-width: 0px; } .layout-xs-column > .flex-xs-0 { flex: 1 1 100%; max-width: 100%; max-height: 0%; box-sizing: border-box; min-height: 0px; } .flex-xs-5, .layout-row > .flex-xs-5 { flex: 1 1 100%; max-width: 5%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-xs-5 { flex: 1 1 100%; max-width: 100%; max-height: 5%; box-sizing: border-box; } .layout-xs-row > .flex-xs-5 { flex: 1 1 100%; max-width: 5%; max-height: 100%; box-sizing: border-box; } .layout-xs-column > .flex-xs-5 { flex: 1 1 100%; max-width: 100%; max-height: 5%; box-sizing: border-box; } .flex-xs-10, .layout-row > .flex-xs-10 { flex: 1 1 100%; max-width: 10%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-xs-10 { flex: 1 1 100%; max-width: 100%; max-height: 10%; box-sizing: border-box; } .layout-xs-row > .flex-xs-10 { flex: 1 1 100%; max-width: 10%; max-height: 100%; box-sizing: border-box; } .layout-xs-column > .flex-xs-10 { flex: 1 1 100%; max-width: 100%; max-height: 10%; box-sizing: border-box; } .flex-xs-15, .layout-row > .flex-xs-15 { flex: 1 1 100%; max-width: 15%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-xs-15 { flex: 1 1 100%; max-width: 100%; max-height: 15%; box-sizing: border-box; } .layout-xs-row > .flex-xs-15 { flex: 1 1 100%; max-width: 15%; max-height: 100%; box-sizing: border-box; } .layout-xs-column > .flex-xs-15 { flex: 1 1 100%; max-width: 100%; max-height: 15%; box-sizing: border-box; } .flex-xs-20, .layout-row > .flex-xs-20 { flex: 1 1 100%; max-width: 20%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-xs-20 { flex: 1 1 100%; max-width: 100%; max-height: 20%; box-sizing: border-box; } .layout-xs-row > .flex-xs-20 { flex: 1 1 100%; max-width: 20%; max-height: 100%; box-sizing: border-box; } .layout-xs-column > .flex-xs-20 { flex: 1 1 100%; max-width: 100%; max-height: 20%; box-sizing: border-box; } .flex-xs-25, .layout-row > .flex-xs-25 { flex: 1 1 100%; max-width: 25%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-xs-25 { flex: 1 1 100%; max-width: 100%; max-height: 25%; box-sizing: border-box; } .layout-xs-row > .flex-xs-25 { flex: 1 1 100%; max-width: 25%; max-height: 100%; box-sizing: border-box; } .layout-xs-column > .flex-xs-25 { flex: 1 1 100%; max-width: 100%; max-height: 25%; box-sizing: border-box; } .flex-xs-30, .layout-row > .flex-xs-30 { flex: 1 1 100%; max-width: 30%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-xs-30 { flex: 1 1 100%; max-width: 100%; max-height: 30%; box-sizing: border-box; } .layout-xs-row > .flex-xs-30 { flex: 1 1 100%; max-width: 30%; max-height: 100%; box-sizing: border-box; } .layout-xs-column > .flex-xs-30 { flex: 1 1 100%; max-width: 100%; max-height: 30%; box-sizing: border-box; } .flex-xs-35, .layout-row > .flex-xs-35 { flex: 1 1 100%; max-width: 35%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-xs-35 { flex: 1 1 100%; max-width: 100%; max-height: 35%; box-sizing: border-box; } .layout-xs-row > .flex-xs-35 { flex: 1 1 100%; max-width: 35%; max-height: 100%; box-sizing: border-box; } .layout-xs-column > .flex-xs-35 { flex: 1 1 100%; max-width: 100%; max-height: 35%; box-sizing: border-box; } .flex-xs-40, .layout-row > .flex-xs-40 { flex: 1 1 100%; max-width: 40%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-xs-40 { flex: 1 1 100%; max-width: 100%; max-height: 40%; box-sizing: border-box; } .layout-xs-row > .flex-xs-40 { flex: 1 1 100%; max-width: 40%; max-height: 100%; box-sizing: border-box; } .layout-xs-column > .flex-xs-40 { flex: 1 1 100%; max-width: 100%; max-height: 40%; box-sizing: border-box; } .flex-xs-45, .layout-row > .flex-xs-45 { flex: 1 1 100%; max-width: 45%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-xs-45 { flex: 1 1 100%; max-width: 100%; max-height: 45%; box-sizing: border-box; } .layout-xs-row > .flex-xs-45 { flex: 1 1 100%; max-width: 45%; max-height: 100%; box-sizing: border-box; } .layout-xs-column > .flex-xs-45 { flex: 1 1 100%; max-width: 100%; max-height: 45%; box-sizing: border-box; } .flex-xs-50, .layout-row > .flex-xs-50 { flex: 1 1 100%; max-width: 50%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-xs-50 { flex: 1 1 100%; max-width: 100%; max-height: 50%; box-sizing: border-box; } .layout-xs-row > .flex-xs-50 { flex: 1 1 100%; max-width: 50%; max-height: 100%; box-sizing: border-box; } .layout-xs-column > .flex-xs-50 { flex: 1 1 100%; max-width: 100%; max-height: 50%; box-sizing: border-box; } .flex-xs-55, .layout-row > .flex-xs-55 { flex: 1 1 100%; max-width: 55%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-xs-55 { flex: 1 1 100%; max-width: 100%; max-height: 55%; box-sizing: border-box; } .layout-xs-row > .flex-xs-55 { flex: 1 1 100%; max-width: 55%; max-height: 100%; box-sizing: border-box; } .layout-xs-column > .flex-xs-55 { flex: 1 1 100%; max-width: 100%; max-height: 55%; box-sizing: border-box; } .flex-xs-60, .layout-row > .flex-xs-60 { flex: 1 1 100%; max-width: 60%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-xs-60 { flex: 1 1 100%; max-width: 100%; max-height: 60%; box-sizing: border-box; } .layout-xs-row > .flex-xs-60 { flex: 1 1 100%; max-width: 60%; max-height: 100%; box-sizing: border-box; } .layout-xs-column > .flex-xs-60 { flex: 1 1 100%; max-width: 100%; max-height: 60%; box-sizing: border-box; } .flex-xs-65, .layout-row > .flex-xs-65 { flex: 1 1 100%; max-width: 65%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-xs-65 { flex: 1 1 100%; max-width: 100%; max-height: 65%; box-sizing: border-box; } .layout-xs-row > .flex-xs-65 { flex: 1 1 100%; max-width: 65%; max-height: 100%; box-sizing: border-box; } .layout-xs-column > .flex-xs-65 { flex: 1 1 100%; max-width: 100%; max-height: 65%; box-sizing: border-box; } .flex-xs-70, .layout-row > .flex-xs-70 { flex: 1 1 100%; max-width: 70%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-xs-70 { flex: 1 1 100%; max-width: 100%; max-height: 70%; box-sizing: border-box; } .layout-xs-row > .flex-xs-70 { flex: 1 1 100%; max-width: 70%; max-height: 100%; box-sizing: border-box; } .layout-xs-column > .flex-xs-70 { flex: 1 1 100%; max-width: 100%; max-height: 70%; box-sizing: border-box; } .flex-xs-75, .layout-row > .flex-xs-75 { flex: 1 1 100%; max-width: 75%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-xs-75 { flex: 1 1 100%; max-width: 100%; max-height: 75%; box-sizing: border-box; } .layout-xs-row > .flex-xs-75 { flex: 1 1 100%; max-width: 75%; max-height: 100%; box-sizing: border-box; } .layout-xs-column > .flex-xs-75 { flex: 1 1 100%; max-width: 100%; max-height: 75%; box-sizing: border-box; } .flex-xs-80, .layout-row > .flex-xs-80 { flex: 1 1 100%; max-width: 80%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-xs-80 { flex: 1 1 100%; max-width: 100%; max-height: 80%; box-sizing: border-box; } .layout-xs-row > .flex-xs-80 { flex: 1 1 100%; max-width: 80%; max-height: 100%; box-sizing: border-box; } .layout-xs-column > .flex-xs-80 { flex: 1 1 100%; max-width: 100%; max-height: 80%; box-sizing: border-box; } .flex-xs-85, .layout-row > .flex-xs-85 { flex: 1 1 100%; max-width: 85%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-xs-85 { flex: 1 1 100%; max-width: 100%; max-height: 85%; box-sizing: border-box; } .layout-xs-row > .flex-xs-85 { flex: 1 1 100%; max-width: 85%; max-height: 100%; box-sizing: border-box; } .layout-xs-column > .flex-xs-85 { flex: 1 1 100%; max-width: 100%; max-height: 85%; box-sizing: border-box; } .flex-xs-90, .layout-row > .flex-xs-90 { flex: 1 1 100%; max-width: 90%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-xs-90 { flex: 1 1 100%; max-width: 100%; max-height: 90%; box-sizing: border-box; } .layout-xs-row > .flex-xs-90 { flex: 1 1 100%; max-width: 90%; max-height: 100%; box-sizing: border-box; } .layout-xs-column > .flex-xs-90 { flex: 1 1 100%; max-width: 100%; max-height: 90%; box-sizing: border-box; } .flex-xs-95, .layout-row > .flex-xs-95 { flex: 1 1 100%; max-width: 95%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-xs-95 { flex: 1 1 100%; max-width: 100%; max-height: 95%; box-sizing: border-box; } .layout-xs-row > .flex-xs-95 { flex: 1 1 100%; max-width: 95%; max-height: 100%; box-sizing: border-box; } .layout-xs-column > .flex-xs-95 { max-height: 95%; } .flex-xs-100, .layout-xs-column > .flex-xs-95 { flex: 1 1 100%; max-width: 100%; box-sizing: border-box; } .flex-xs-100 { max-height: 100%; } .layout-column > .flex-xs-100, .layout-row > .flex-xs-100, .layout-xs-column > .flex-xs-100, .layout-xs-row > .flex-xs-100 { flex: 1 1 100%; max-width: 100%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-xs-33 { flex: 1 1 33.33%; max-width: 33.33%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-xs-66 { flex: 1 1 66.66%; max-width: 66.66%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-xs-33 { flex: 1 1 33.33%; max-width: 100%; max-height: 33.33%; box-sizing: border-box; } .layout-column > .flex-xs-66 { flex: 1 1 66.66%; max-width: 100%; max-height: 66.66%; box-sizing: border-box; } .layout-xs-row > .flex-xs-33 { flex: 1 1 100%; max-width: 33.33%; max-height: 100%; box-sizing: border-box; } .layout-xs-row > .flex-xs-66 { flex: 1 1 100%; max-width: 66.66%; max-height: 100%; box-sizing: border-box; } .layout-xs-row > .flex { min-width: 0px; } .layout-xs-column > .flex-xs-33 { flex: 1 1 100%; max-width: 100%; max-height: 33.33%; box-sizing: border-box; } .layout-xs-column > .flex-xs-66 { flex: 1 1 100%; max-width: 100%; max-height: 66.66%; box-sizing: border-box; } .layout-xs-column > .flex { min-height: 0px; } .layout-xs, .layout-xs-column, .layout-xs-row { box-sizing: border-box; display: flex; } .layout-xs-column { flex-direction: column; } .layout-xs-row { flex-direction: row; }} @media (min-width: 600px) { .flex-order-gt-xs--20 { order: -20; } .flex-order-gt-xs--19 { order: -19; } .flex-order-gt-xs--18 { order: -18; } .flex-order-gt-xs--17 { order: -17; } .flex-order-gt-xs--16 { order: -16; } .flex-order-gt-xs--15 { order: -15; } .flex-order-gt-xs--14 { order: -14; } .flex-order-gt-xs--13 { order: -13; } .flex-order-gt-xs--12 { order: -12; } .flex-order-gt-xs--11 { order: -11; } .flex-order-gt-xs--10 { order: -10; } .flex-order-gt-xs--9 { order: -9; } .flex-order-gt-xs--8 { order: -8; } .flex-order-gt-xs--7 { order: -7; } .flex-order-gt-xs--6 { order: -6; } .flex-order-gt-xs--5 { order: -5; } .flex-order-gt-xs--4 { order: -4; } .flex-order-gt-xs--3 { order: -3; } .flex-order-gt-xs--2 { order: -2; } .flex-order-gt-xs--1 { order: -1; } .flex-order-gt-xs-0 { order: 0; } .flex-order-gt-xs-1 { order: 1; } .flex-order-gt-xs-2 { order: 2; } .flex-order-gt-xs-3 { order: 3; } .flex-order-gt-xs-4 { order: 4; } .flex-order-gt-xs-5 { order: 5; } .flex-order-gt-xs-6 { order: 6; } .flex-order-gt-xs-7 { order: 7; } .flex-order-gt-xs-8 { order: 8; } .flex-order-gt-xs-9 { order: 9; } .flex-order-gt-xs-10 { order: 10; } .flex-order-gt-xs-11 { order: 11; } .flex-order-gt-xs-12 { order: 12; } .flex-order-gt-xs-13 { order: 13; } .flex-order-gt-xs-14 { order: 14; } .flex-order-gt-xs-15 { order: 15; } .flex-order-gt-xs-16 { order: 16; } .flex-order-gt-xs-17 { order: 17; } .flex-order-gt-xs-18 { order: 18; } .flex-order-gt-xs-19 { order: 19; } .flex-order-gt-xs-20 { order: 20; } .flex-offset-gt-xs-0, .layout-margin .flex-offset-gt-xs-0, .layout-margin .offset-gt-xs-0, .offset-gt-xs-0 { margin-left: 0px; } [dir="rtl"] .flex-offset-gt-xs-0, [dir="rtl"] .layout-margin .flex-offset-gt-xs-0, [dir="rtl"] .layout-margin .offset-gt-xs-0, [dir="rtl"] .offset-gt-xs-0 { margin-left: auto; margin-right: 0px; } .flex-offset-gt-xs-5, .layout-margin .flex-offset-gt-xs-5, .layout-margin .offset-gt-xs-5, .offset-gt-xs-5 { margin-left: 5%; } [dir="rtl"] .flex-offset-gt-xs-5, [dir="rtl"] .layout-margin .flex-offset-gt-xs-5, [dir="rtl"] .layout-margin .offset-gt-xs-5, [dir="rtl"] .offset-gt-xs-5 { margin-left: auto; margin-right: 5%; } .flex-offset-gt-xs-10, .layout-margin .flex-offset-gt-xs-10, .layout-margin .offset-gt-xs-10, .offset-gt-xs-10 { margin-left: 10%; } [dir="rtl"] .flex-offset-gt-xs-10, [dir="rtl"] .layout-margin .flex-offset-gt-xs-10, [dir="rtl"] .layout-margin .offset-gt-xs-10, [dir="rtl"] .offset-gt-xs-10 { margin-left: auto; margin-right: 10%; } .flex-offset-gt-xs-15, .layout-margin .flex-offset-gt-xs-15, .layout-margin .offset-gt-xs-15, .offset-gt-xs-15 { margin-left: 15%; } [dir="rtl"] .flex-offset-gt-xs-15, [dir="rtl"] .layout-margin .flex-offset-gt-xs-15, [dir="rtl"] .layout-margin .offset-gt-xs-15, [dir="rtl"] .offset-gt-xs-15 { margin-left: auto; margin-right: 15%; } .flex-offset-gt-xs-20, .layout-margin .flex-offset-gt-xs-20, .layout-margin .offset-gt-xs-20, .offset-gt-xs-20 { margin-left: 20%; } [dir="rtl"] .flex-offset-gt-xs-20, [dir="rtl"] .layout-margin .flex-offset-gt-xs-20, [dir="rtl"] .layout-margin .offset-gt-xs-20, [dir="rtl"] .offset-gt-xs-20 { margin-left: auto; margin-right: 20%; } .flex-offset-gt-xs-25, .layout-margin .flex-offset-gt-xs-25, .layout-margin .offset-gt-xs-25, .offset-gt-xs-25 { margin-left: 25%; } [dir="rtl"] .flex-offset-gt-xs-25, [dir="rtl"] .layout-margin .flex-offset-gt-xs-25, [dir="rtl"] .layout-margin .offset-gt-xs-25, [dir="rtl"] .offset-gt-xs-25 { margin-left: auto; margin-right: 25%; } .flex-offset-gt-xs-30, .layout-margin .flex-offset-gt-xs-30, .layout-margin .offset-gt-xs-30, .offset-gt-xs-30 { margin-left: 30%; } [dir="rtl"] .flex-offset-gt-xs-30, [dir="rtl"] .layout-margin .flex-offset-gt-xs-30, [dir="rtl"] .layout-margin .offset-gt-xs-30, [dir="rtl"] .offset-gt-xs-30 { margin-left: auto; margin-right: 30%; } .flex-offset-gt-xs-35, .layout-margin .flex-offset-gt-xs-35, .layout-margin .offset-gt-xs-35, .offset-gt-xs-35 { margin-left: 35%; } [dir="rtl"] .flex-offset-gt-xs-35, [dir="rtl"] .layout-margin .flex-offset-gt-xs-35, [dir="rtl"] .layout-margin .offset-gt-xs-35, [dir="rtl"] .offset-gt-xs-35 { margin-left: auto; margin-right: 35%; } .flex-offset-gt-xs-40, .layout-margin .flex-offset-gt-xs-40, .layout-margin .offset-gt-xs-40, .offset-gt-xs-40 { margin-left: 40%; } [dir="rtl"] .flex-offset-gt-xs-40, [dir="rtl"] .layout-margin .flex-offset-gt-xs-40, [dir="rtl"] .layout-margin .offset-gt-xs-40, [dir="rtl"] .offset-gt-xs-40 { margin-left: auto; margin-right: 40%; } .flex-offset-gt-xs-45, .layout-margin .flex-offset-gt-xs-45, .layout-margin .offset-gt-xs-45, .offset-gt-xs-45 { margin-left: 45%; } [dir="rtl"] .flex-offset-gt-xs-45, [dir="rtl"] .layout-margin .flex-offset-gt-xs-45, [dir="rtl"] .layout-margin .offset-gt-xs-45, [dir="rtl"] .offset-gt-xs-45 { margin-left: auto; margin-right: 45%; } .flex-offset-gt-xs-50, .layout-margin .flex-offset-gt-xs-50, .layout-margin .offset-gt-xs-50, .offset-gt-xs-50 { margin-left: 50%; } [dir="rtl"] .flex-offset-gt-xs-50, [dir="rtl"] .layout-margin .flex-offset-gt-xs-50, [dir="rtl"] .layout-margin .offset-gt-xs-50, [dir="rtl"] .offset-gt-xs-50 { margin-left: auto; margin-right: 50%; } .flex-offset-gt-xs-55, .layout-margin .flex-offset-gt-xs-55, .layout-margin .offset-gt-xs-55, .offset-gt-xs-55 { margin-left: 55%; } [dir="rtl"] .flex-offset-gt-xs-55, [dir="rtl"] .layout-margin .flex-offset-gt-xs-55, [dir="rtl"] .layout-margin .offset-gt-xs-55, [dir="rtl"] .offset-gt-xs-55 { margin-left: auto; margin-right: 55%; } .flex-offset-gt-xs-60, .layout-margin .flex-offset-gt-xs-60, .layout-margin .offset-gt-xs-60, .offset-gt-xs-60 { margin-left: 60%; } [dir="rtl"] .flex-offset-gt-xs-60, [dir="rtl"] .layout-margin .flex-offset-gt-xs-60, [dir="rtl"] .layout-margin .offset-gt-xs-60, [dir="rtl"] .offset-gt-xs-60 { margin-left: auto; margin-right: 60%; } .flex-offset-gt-xs-65, .layout-margin .flex-offset-gt-xs-65, .layout-margin .offset-gt-xs-65, .offset-gt-xs-65 { margin-left: 65%; } [dir="rtl"] .flex-offset-gt-xs-65, [dir="rtl"] .layout-margin .flex-offset-gt-xs-65, [dir="rtl"] .layout-margin .offset-gt-xs-65, [dir="rtl"] .offset-gt-xs-65 { margin-left: auto; margin-right: 65%; } .flex-offset-gt-xs-70, .layout-margin .flex-offset-gt-xs-70, .layout-margin .offset-gt-xs-70, .offset-gt-xs-70 { margin-left: 70%; } [dir="rtl"] .flex-offset-gt-xs-70, [dir="rtl"] .layout-margin .flex-offset-gt-xs-70, [dir="rtl"] .layout-margin .offset-gt-xs-70, [dir="rtl"] .offset-gt-xs-70 { margin-left: auto; margin-right: 70%; } .flex-offset-gt-xs-75, .layout-margin .flex-offset-gt-xs-75, .layout-margin .offset-gt-xs-75, .offset-gt-xs-75 { margin-left: 75%; } [dir="rtl"] .flex-offset-gt-xs-75, [dir="rtl"] .layout-margin .flex-offset-gt-xs-75, [dir="rtl"] .layout-margin .offset-gt-xs-75, [dir="rtl"] .offset-gt-xs-75 { margin-left: auto; margin-right: 75%; } .flex-offset-gt-xs-80, .layout-margin .flex-offset-gt-xs-80, .layout-margin .offset-gt-xs-80, .offset-gt-xs-80 { margin-left: 80%; } [dir="rtl"] .flex-offset-gt-xs-80, [dir="rtl"] .layout-margin .flex-offset-gt-xs-80, [dir="rtl"] .layout-margin .offset-gt-xs-80, [dir="rtl"] .offset-gt-xs-80 { margin-left: auto; margin-right: 80%; } .flex-offset-gt-xs-85, .layout-margin .flex-offset-gt-xs-85, .layout-margin .offset-gt-xs-85, .offset-gt-xs-85 { margin-left: 85%; } [dir="rtl"] .flex-offset-gt-xs-85, [dir="rtl"] .layout-margin .flex-offset-gt-xs-85, [dir="rtl"] .layout-margin .offset-gt-xs-85, [dir="rtl"] .offset-gt-xs-85 { margin-left: auto; margin-right: 85%; } .flex-offset-gt-xs-90, .layout-margin .flex-offset-gt-xs-90, .layout-margin .offset-gt-xs-90, .offset-gt-xs-90 { margin-left: 90%; } [dir="rtl"] .flex-offset-gt-xs-90, [dir="rtl"] .layout-margin .flex-offset-gt-xs-90, [dir="rtl"] .layout-margin .offset-gt-xs-90, [dir="rtl"] .offset-gt-xs-90 { margin-left: auto; margin-right: 90%; } .flex-offset-gt-xs-95, .layout-margin .flex-offset-gt-xs-95, .layout-margin .offset-gt-xs-95, .offset-gt-xs-95 { margin-left: 95%; } [dir="rtl"] .flex-offset-gt-xs-95, [dir="rtl"] .layout-margin .flex-offset-gt-xs-95, [dir="rtl"] .layout-margin .offset-gt-xs-95, [dir="rtl"] .offset-gt-xs-95 { margin-left: auto; margin-right: 95%; } .flex-offset-gt-xs-33, .layout-margin .flex-offset-gt-xs-33, .layout-margin .offset-gt-xs-33, .offset-gt-xs-33 { margin-left: 33.3333%; } .flex-offset-gt-xs-66, .layout-margin .flex-offset-gt-xs-66, .layout-margin .offset-gt-xs-66, .offset-gt-xs-66 { margin-left: 66.6667%; } [dir="rtl"] .flex-offset-gt-xs-66, [dir="rtl"] .layout-margin .flex-offset-gt-xs-66, [dir="rtl"] .layout-margin .offset-gt-xs-66, [dir="rtl"] .offset-gt-xs-66 { margin-left: auto; margin-right: 66.6667%; } .layout-align-gt-xs, .layout-align-gt-xs-start-stretch { place-content: stretch flex-start; align-items: stretch; } .layout-align-gt-xs-start, .layout-align-gt-xs-start-center, .layout-align-gt-xs-start-end, .layout-align-gt-xs-start-start, .layout-align-gt-xs-start-stretch { justify-content: flex-start; } .layout-align-gt-xs-center, .layout-align-gt-xs-center-center, .layout-align-gt-xs-center-end, .layout-align-gt-xs-center-start, .layout-align-gt-xs-center-stretch { justify-content: center; } .layout-align-gt-xs-end, .layout-align-gt-xs-end-center, .layout-align-gt-xs-end-end, .layout-align-gt-xs-end-start, .layout-align-gt-xs-end-stretch { justify-content: flex-end; } .layout-align-gt-xs-space-around, .layout-align-gt-xs-space-around-center, .layout-align-gt-xs-space-around-end, .layout-align-gt-xs-space-around-start, .layout-align-gt-xs-space-around-stretch { justify-content: space-around; } .layout-align-gt-xs-space-between, .layout-align-gt-xs-space-between-center, .layout-align-gt-xs-space-between-end, .layout-align-gt-xs-space-between-start, .layout-align-gt-xs-space-between-stretch { justify-content: space-between; } .layout-align-gt-xs-center-start, .layout-align-gt-xs-end-start, .layout-align-gt-xs-space-around-start, .layout-align-gt-xs-space-between-start, .layout-align-gt-xs-start-start { align-items: flex-start; align-content: flex-start; } .layout-align-gt-xs-center-center, .layout-align-gt-xs-end-center, .layout-align-gt-xs-space-around-center, .layout-align-gt-xs-space-between-center, .layout-align-gt-xs-start-center { align-items: center; align-content: center; max-width: 100%; } .layout-align-gt-xs-center-center > *, .layout-align-gt-xs-end-center > *, .layout-align-gt-xs-space-around-center > *, .layout-align-gt-xs-space-between-center > *, .layout-align-gt-xs-start-center > * { max-width: 100%; box-sizing: border-box; } .layout-align-gt-xs-center-end, .layout-align-gt-xs-end-end, .layout-align-gt-xs-space-around-end, .layout-align-gt-xs-space-between-end, .layout-align-gt-xs-start-end { align-items: flex-end; align-content: flex-end; } .layout-align-gt-xs-center-stretch, .layout-align-gt-xs-end-stretch, .layout-align-gt-xs-space-around-stretch, .layout-align-gt-xs-space-between-stretch, .layout-align-gt-xs-start-stretch { align-items: stretch; align-content: stretch; } .flex-gt-xs { flex: 1 1 0%; box-sizing: border-box; } .flex-gt-xs-grow { flex: 1 1 100%; box-sizing: border-box; } .flex-gt-xs-initial { flex: 0 1 auto; box-sizing: border-box; } .flex-gt-xs-auto { flex: 1 1 auto; box-sizing: border-box; } .flex-gt-xs-none { flex: 0 0 auto; box-sizing: border-box; } .flex-gt-xs-noshrink { flex: 1 0 auto; box-sizing: border-box; } .flex-gt-xs-nogrow { flex: 0 1 auto; box-sizing: border-box; } .flex-gt-xs-0, .layout-row > .flex-gt-xs-0 { flex: 1 1 100%; max-width: 0px; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-gt-xs-0 { min-width: 0px; } .layout-column > .flex-gt-xs-0 { flex: 1 1 100%; max-width: 100%; max-height: 0%; box-sizing: border-box; } .layout-gt-xs-row > .flex-gt-xs-0 { flex: 1 1 100%; max-width: 0px; max-height: 100%; box-sizing: border-box; min-width: 0px; } .layout-gt-xs-column > .flex-gt-xs-0 { flex: 1 1 100%; max-width: 100%; max-height: 0%; box-sizing: border-box; min-height: 0px; } .flex-gt-xs-5, .layout-row > .flex-gt-xs-5 { flex: 1 1 100%; max-width: 5%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-xs-5 { flex: 1 1 100%; max-width: 100%; max-height: 5%; box-sizing: border-box; } .layout-gt-xs-row > .flex-gt-xs-5 { flex: 1 1 100%; max-width: 5%; max-height: 100%; box-sizing: border-box; } .layout-gt-xs-column > .flex-gt-xs-5 { flex: 1 1 100%; max-width: 100%; max-height: 5%; box-sizing: border-box; } .flex-gt-xs-10, .layout-row > .flex-gt-xs-10 { flex: 1 1 100%; max-width: 10%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-xs-10 { flex: 1 1 100%; max-width: 100%; max-height: 10%; box-sizing: border-box; } .layout-gt-xs-row > .flex-gt-xs-10 { flex: 1 1 100%; max-width: 10%; max-height: 100%; box-sizing: border-box; } .layout-gt-xs-column > .flex-gt-xs-10 { flex: 1 1 100%; max-width: 100%; max-height: 10%; box-sizing: border-box; } .flex-gt-xs-15, .layout-row > .flex-gt-xs-15 { flex: 1 1 100%; max-width: 15%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-xs-15 { flex: 1 1 100%; max-width: 100%; max-height: 15%; box-sizing: border-box; } .layout-gt-xs-row > .flex-gt-xs-15 { flex: 1 1 100%; max-width: 15%; max-height: 100%; box-sizing: border-box; } .layout-gt-xs-column > .flex-gt-xs-15 { flex: 1 1 100%; max-width: 100%; max-height: 15%; box-sizing: border-box; } .flex-gt-xs-20, .layout-row > .flex-gt-xs-20 { flex: 1 1 100%; max-width: 20%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-xs-20 { flex: 1 1 100%; max-width: 100%; max-height: 20%; box-sizing: border-box; } .layout-gt-xs-row > .flex-gt-xs-20 { flex: 1 1 100%; max-width: 20%; max-height: 100%; box-sizing: border-box; } .layout-gt-xs-column > .flex-gt-xs-20 { flex: 1 1 100%; max-width: 100%; max-height: 20%; box-sizing: border-box; } .flex-gt-xs-25, .layout-row > .flex-gt-xs-25 { flex: 1 1 100%; max-width: 25%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-xs-25 { flex: 1 1 100%; max-width: 100%; max-height: 25%; box-sizing: border-box; } .layout-gt-xs-row > .flex-gt-xs-25 { flex: 1 1 100%; max-width: 25%; max-height: 100%; box-sizing: border-box; } .layout-gt-xs-column > .flex-gt-xs-25 { flex: 1 1 100%; max-width: 100%; max-height: 25%; box-sizing: border-box; } .flex-gt-xs-30, .layout-row > .flex-gt-xs-30 { flex: 1 1 100%; max-width: 30%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-xs-30 { flex: 1 1 100%; max-width: 100%; max-height: 30%; box-sizing: border-box; } .layout-gt-xs-row > .flex-gt-xs-30 { flex: 1 1 100%; max-width: 30%; max-height: 100%; box-sizing: border-box; } .layout-gt-xs-column > .flex-gt-xs-30 { flex: 1 1 100%; max-width: 100%; max-height: 30%; box-sizing: border-box; } .flex-gt-xs-35, .layout-row > .flex-gt-xs-35 { flex: 1 1 100%; max-width: 35%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-xs-35 { flex: 1 1 100%; max-width: 100%; max-height: 35%; box-sizing: border-box; } .layout-gt-xs-row > .flex-gt-xs-35 { flex: 1 1 100%; max-width: 35%; max-height: 100%; box-sizing: border-box; } .layout-gt-xs-column > .flex-gt-xs-35 { flex: 1 1 100%; max-width: 100%; max-height: 35%; box-sizing: border-box; } .flex-gt-xs-40, .layout-row > .flex-gt-xs-40 { flex: 1 1 100%; max-width: 40%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-xs-40 { flex: 1 1 100%; max-width: 100%; max-height: 40%; box-sizing: border-box; } .layout-gt-xs-row > .flex-gt-xs-40 { flex: 1 1 100%; max-width: 40%; max-height: 100%; box-sizing: border-box; } .layout-gt-xs-column > .flex-gt-xs-40 { flex: 1 1 100%; max-width: 100%; max-height: 40%; box-sizing: border-box; } .flex-gt-xs-45, .layout-row > .flex-gt-xs-45 { flex: 1 1 100%; max-width: 45%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-xs-45 { flex: 1 1 100%; max-width: 100%; max-height: 45%; box-sizing: border-box; } .layout-gt-xs-row > .flex-gt-xs-45 { flex: 1 1 100%; max-width: 45%; max-height: 100%; box-sizing: border-box; } .layout-gt-xs-column > .flex-gt-xs-45 { flex: 1 1 100%; max-width: 100%; max-height: 45%; box-sizing: border-box; } .flex-gt-xs-50, .layout-row > .flex-gt-xs-50 { flex: 1 1 100%; max-width: 50%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-xs-50 { flex: 1 1 100%; max-width: 100%; max-height: 50%; box-sizing: border-box; } .layout-gt-xs-row > .flex-gt-xs-50 { flex: 1 1 100%; max-width: 50%; max-height: 100%; box-sizing: border-box; } .layout-gt-xs-column > .flex-gt-xs-50 { flex: 1 1 100%; max-width: 100%; max-height: 50%; box-sizing: border-box; } .flex-gt-xs-55, .layout-row > .flex-gt-xs-55 { flex: 1 1 100%; max-width: 55%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-xs-55 { flex: 1 1 100%; max-width: 100%; max-height: 55%; box-sizing: border-box; } .layout-gt-xs-row > .flex-gt-xs-55 { flex: 1 1 100%; max-width: 55%; max-height: 100%; box-sizing: border-box; } .layout-gt-xs-column > .flex-gt-xs-55 { flex: 1 1 100%; max-width: 100%; max-height: 55%; box-sizing: border-box; } .flex-gt-xs-60, .layout-row > .flex-gt-xs-60 { flex: 1 1 100%; max-width: 60%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-xs-60 { flex: 1 1 100%; max-width: 100%; max-height: 60%; box-sizing: border-box; } .layout-gt-xs-row > .flex-gt-xs-60 { flex: 1 1 100%; max-width: 60%; max-height: 100%; box-sizing: border-box; } .layout-gt-xs-column > .flex-gt-xs-60 { flex: 1 1 100%; max-width: 100%; max-height: 60%; box-sizing: border-box; } .flex-gt-xs-65, .layout-row > .flex-gt-xs-65 { flex: 1 1 100%; max-width: 65%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-xs-65 { flex: 1 1 100%; max-width: 100%; max-height: 65%; box-sizing: border-box; } .layout-gt-xs-row > .flex-gt-xs-65 { flex: 1 1 100%; max-width: 65%; max-height: 100%; box-sizing: border-box; } .layout-gt-xs-column > .flex-gt-xs-65 { flex: 1 1 100%; max-width: 100%; max-height: 65%; box-sizing: border-box; } .flex-gt-xs-70, .layout-row > .flex-gt-xs-70 { flex: 1 1 100%; max-width: 70%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-xs-70 { flex: 1 1 100%; max-width: 100%; max-height: 70%; box-sizing: border-box; } .layout-gt-xs-row > .flex-gt-xs-70 { flex: 1 1 100%; max-width: 70%; max-height: 100%; box-sizing: border-box; } .layout-gt-xs-column > .flex-gt-xs-70 { flex: 1 1 100%; max-width: 100%; max-height: 70%; box-sizing: border-box; } .flex-gt-xs-75, .layout-row > .flex-gt-xs-75 { flex: 1 1 100%; max-width: 75%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-xs-75 { flex: 1 1 100%; max-width: 100%; max-height: 75%; box-sizing: border-box; } .layout-gt-xs-row > .flex-gt-xs-75 { flex: 1 1 100%; max-width: 75%; max-height: 100%; box-sizing: border-box; } .layout-gt-xs-column > .flex-gt-xs-75 { flex: 1 1 100%; max-width: 100%; max-height: 75%; box-sizing: border-box; } .flex-gt-xs-80, .layout-row > .flex-gt-xs-80 { flex: 1 1 100%; max-width: 80%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-xs-80 { flex: 1 1 100%; max-width: 100%; max-height: 80%; box-sizing: border-box; } .layout-gt-xs-row > .flex-gt-xs-80 { flex: 1 1 100%; max-width: 80%; max-height: 100%; box-sizing: border-box; } .layout-gt-xs-column > .flex-gt-xs-80 { flex: 1 1 100%; max-width: 100%; max-height: 80%; box-sizing: border-box; } .flex-gt-xs-85, .layout-row > .flex-gt-xs-85 { flex: 1 1 100%; max-width: 85%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-xs-85 { flex: 1 1 100%; max-width: 100%; max-height: 85%; box-sizing: border-box; } .layout-gt-xs-row > .flex-gt-xs-85 { flex: 1 1 100%; max-width: 85%; max-height: 100%; box-sizing: border-box; } .layout-gt-xs-column > .flex-gt-xs-85 { flex: 1 1 100%; max-width: 100%; max-height: 85%; box-sizing: border-box; } .flex-gt-xs-90, .layout-row > .flex-gt-xs-90 { flex: 1 1 100%; max-width: 90%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-xs-90 { flex: 1 1 100%; max-width: 100%; max-height: 90%; box-sizing: border-box; } .layout-gt-xs-row > .flex-gt-xs-90 { flex: 1 1 100%; max-width: 90%; max-height: 100%; box-sizing: border-box; } .layout-gt-xs-column > .flex-gt-xs-90 { flex: 1 1 100%; max-width: 100%; max-height: 90%; box-sizing: border-box; } .flex-gt-xs-95, .layout-row > .flex-gt-xs-95 { flex: 1 1 100%; max-width: 95%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-xs-95 { flex: 1 1 100%; max-width: 100%; max-height: 95%; box-sizing: border-box; } .layout-gt-xs-row > .flex-gt-xs-95 { flex: 1 1 100%; max-width: 95%; max-height: 100%; box-sizing: border-box; } .layout-gt-xs-column > .flex-gt-xs-95 { flex: 1 1 100%; max-width: 100%; max-height: 95%; box-sizing: border-box; } .flex-gt-xs-100, .layout-column > .flex-gt-xs-100, .layout-gt-xs-column > .flex-gt-xs-100, .layout-gt-xs-row > .flex-gt-xs-100, .layout-row > .flex-gt-xs-100 { flex: 1 1 100%; max-width: 100%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-gt-xs-33 { flex: 1 1 33.33%; max-width: 33.33%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-gt-xs-66 { flex: 1 1 66.66%; max-width: 66.66%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-xs-33 { flex: 1 1 33.33%; max-width: 100%; max-height: 33.33%; box-sizing: border-box; } .layout-column > .flex-gt-xs-66 { flex: 1 1 66.66%; max-width: 100%; max-height: 66.66%; box-sizing: border-box; } .layout-gt-xs-row > .flex-gt-xs-33 { flex: 1 1 100%; max-width: 33.33%; max-height: 100%; box-sizing: border-box; } .layout-gt-xs-row > .flex-gt-xs-66 { flex: 1 1 100%; max-width: 66.66%; max-height: 100%; box-sizing: border-box; } .layout-gt-xs-row > .flex { min-width: 0px; } .layout-gt-xs-column > .flex-gt-xs-33 { flex: 1 1 100%; max-width: 100%; max-height: 33.33%; box-sizing: border-box; } .layout-gt-xs-column > .flex-gt-xs-66 { flex: 1 1 100%; max-width: 100%; max-height: 66.66%; box-sizing: border-box; } .layout-gt-xs-column > .flex { min-height: 0px; } .layout-gt-xs, .layout-gt-xs-column, .layout-gt-xs-row { box-sizing: border-box; display: flex; } .layout-gt-xs-column { flex-direction: column; } .layout-gt-xs-row { flex-direction: row; }} @media (min-width: 600px) and (max-width: 959px) { .hide-gt-xs:not(.show-gt-xs):not(.show-sm):not(.show), .hide-sm:not(.show-gt-xs):not(.show-sm):not(.show), .hide:not(.show-gt-xs):not(.show-sm):not(.show) { display: none; } .flex-order-sm--20 { order: -20; } .flex-order-sm--19 { order: -19; } .flex-order-sm--18 { order: -18; } .flex-order-sm--17 { order: -17; } .flex-order-sm--16 { order: -16; } .flex-order-sm--15 { order: -15; } .flex-order-sm--14 { order: -14; } .flex-order-sm--13 { order: -13; } .flex-order-sm--12 { order: -12; } .flex-order-sm--11 { order: -11; } .flex-order-sm--10 { order: -10; } .flex-order-sm--9 { order: -9; } .flex-order-sm--8 { order: -8; } .flex-order-sm--7 { order: -7; } .flex-order-sm--6 { order: -6; } .flex-order-sm--5 { order: -5; } .flex-order-sm--4 { order: -4; } .flex-order-sm--3 { order: -3; } .flex-order-sm--2 { order: -2; } .flex-order-sm--1 { order: -1; } .flex-order-sm-0 { order: 0; } .flex-order-sm-1 { order: 1; } .flex-order-sm-2 { order: 2; } .flex-order-sm-3 { order: 3; } .flex-order-sm-4 { order: 4; } .flex-order-sm-5 { order: 5; } .flex-order-sm-6 { order: 6; } .flex-order-sm-7 { order: 7; } .flex-order-sm-8 { order: 8; } .flex-order-sm-9 { order: 9; } .flex-order-sm-10 { order: 10; } .flex-order-sm-11 { order: 11; } .flex-order-sm-12 { order: 12; } .flex-order-sm-13 { order: 13; } .flex-order-sm-14 { order: 14; } .flex-order-sm-15 { order: 15; } .flex-order-sm-16 { order: 16; } .flex-order-sm-17 { order: 17; } .flex-order-sm-18 { order: 18; } .flex-order-sm-19 { order: 19; } .flex-order-sm-20 { order: 20; } .flex-offset-sm-0, .layout-margin .flex-offset-sm-0, .layout-margin .offset-sm-0, .offset-sm-0 { margin-left: 0px; } [dir="rtl"] .flex-offset-sm-0, [dir="rtl"] .layout-margin .flex-offset-sm-0, [dir="rtl"] .layout-margin .offset-sm-0, [dir="rtl"] .offset-sm-0 { margin-left: auto; margin-right: 0px; } .flex-offset-sm-5, .layout-margin .flex-offset-sm-5, .layout-margin .offset-sm-5, .offset-sm-5 { margin-left: 5%; } [dir="rtl"] .flex-offset-sm-5, [dir="rtl"] .layout-margin .flex-offset-sm-5, [dir="rtl"] .layout-margin .offset-sm-5, [dir="rtl"] .offset-sm-5 { margin-left: auto; margin-right: 5%; } .flex-offset-sm-10, .layout-margin .flex-offset-sm-10, .layout-margin .offset-sm-10, .offset-sm-10 { margin-left: 10%; } [dir="rtl"] .flex-offset-sm-10, [dir="rtl"] .layout-margin .flex-offset-sm-10, [dir="rtl"] .layout-margin .offset-sm-10, [dir="rtl"] .offset-sm-10 { margin-left: auto; margin-right: 10%; } .flex-offset-sm-15, .layout-margin .flex-offset-sm-15, .layout-margin .offset-sm-15, .offset-sm-15 { margin-left: 15%; } [dir="rtl"] .flex-offset-sm-15, [dir="rtl"] .layout-margin .flex-offset-sm-15, [dir="rtl"] .layout-margin .offset-sm-15, [dir="rtl"] .offset-sm-15 { margin-left: auto; margin-right: 15%; } .flex-offset-sm-20, .layout-margin .flex-offset-sm-20, .layout-margin .offset-sm-20, .offset-sm-20 { margin-left: 20%; } [dir="rtl"] .flex-offset-sm-20, [dir="rtl"] .layout-margin .flex-offset-sm-20, [dir="rtl"] .layout-margin .offset-sm-20, [dir="rtl"] .offset-sm-20 { margin-left: auto; margin-right: 20%; } .flex-offset-sm-25, .layout-margin .flex-offset-sm-25, .layout-margin .offset-sm-25, .offset-sm-25 { margin-left: 25%; } [dir="rtl"] .flex-offset-sm-25, [dir="rtl"] .layout-margin .flex-offset-sm-25, [dir="rtl"] .layout-margin .offset-sm-25, [dir="rtl"] .offset-sm-25 { margin-left: auto; margin-right: 25%; } .flex-offset-sm-30, .layout-margin .flex-offset-sm-30, .layout-margin .offset-sm-30, .offset-sm-30 { margin-left: 30%; } [dir="rtl"] .flex-offset-sm-30, [dir="rtl"] .layout-margin .flex-offset-sm-30, [dir="rtl"] .layout-margin .offset-sm-30, [dir="rtl"] .offset-sm-30 { margin-left: auto; margin-right: 30%; } .flex-offset-sm-35, .layout-margin .flex-offset-sm-35, .layout-margin .offset-sm-35, .offset-sm-35 { margin-left: 35%; } [dir="rtl"] .flex-offset-sm-35, [dir="rtl"] .layout-margin .flex-offset-sm-35, [dir="rtl"] .layout-margin .offset-sm-35, [dir="rtl"] .offset-sm-35 { margin-left: auto; margin-right: 35%; } .flex-offset-sm-40, .layout-margin .flex-offset-sm-40, .layout-margin .offset-sm-40, .offset-sm-40 { margin-left: 40%; } [dir="rtl"] .flex-offset-sm-40, [dir="rtl"] .layout-margin .flex-offset-sm-40, [dir="rtl"] .layout-margin .offset-sm-40, [dir="rtl"] .offset-sm-40 { margin-left: auto; margin-right: 40%; } .flex-offset-sm-45, .layout-margin .flex-offset-sm-45, .layout-margin .offset-sm-45, .offset-sm-45 { margin-left: 45%; } [dir="rtl"] .flex-offset-sm-45, [dir="rtl"] .layout-margin .flex-offset-sm-45, [dir="rtl"] .layout-margin .offset-sm-45, [dir="rtl"] .offset-sm-45 { margin-left: auto; margin-right: 45%; } .flex-offset-sm-50, .layout-margin .flex-offset-sm-50, .layout-margin .offset-sm-50, .offset-sm-50 { margin-left: 50%; } [dir="rtl"] .flex-offset-sm-50, [dir="rtl"] .layout-margin .flex-offset-sm-50, [dir="rtl"] .layout-margin .offset-sm-50, [dir="rtl"] .offset-sm-50 { margin-left: auto; margin-right: 50%; } .flex-offset-sm-55, .layout-margin .flex-offset-sm-55, .layout-margin .offset-sm-55, .offset-sm-55 { margin-left: 55%; } [dir="rtl"] .flex-offset-sm-55, [dir="rtl"] .layout-margin .flex-offset-sm-55, [dir="rtl"] .layout-margin .offset-sm-55, [dir="rtl"] .offset-sm-55 { margin-left: auto; margin-right: 55%; } .flex-offset-sm-60, .layout-margin .flex-offset-sm-60, .layout-margin .offset-sm-60, .offset-sm-60 { margin-left: 60%; } [dir="rtl"] .flex-offset-sm-60, [dir="rtl"] .layout-margin .flex-offset-sm-60, [dir="rtl"] .layout-margin .offset-sm-60, [dir="rtl"] .offset-sm-60 { margin-left: auto; margin-right: 60%; } .flex-offset-sm-65, .layout-margin .flex-offset-sm-65, .layout-margin .offset-sm-65, .offset-sm-65 { margin-left: 65%; } [dir="rtl"] .flex-offset-sm-65, [dir="rtl"] .layout-margin .flex-offset-sm-65, [dir="rtl"] .layout-margin .offset-sm-65, [dir="rtl"] .offset-sm-65 { margin-left: auto; margin-right: 65%; } .flex-offset-sm-70, .layout-margin .flex-offset-sm-70, .layout-margin .offset-sm-70, .offset-sm-70 { margin-left: 70%; } [dir="rtl"] .flex-offset-sm-70, [dir="rtl"] .layout-margin .flex-offset-sm-70, [dir="rtl"] .layout-margin .offset-sm-70, [dir="rtl"] .offset-sm-70 { margin-left: auto; margin-right: 70%; } .flex-offset-sm-75, .layout-margin .flex-offset-sm-75, .layout-margin .offset-sm-75, .offset-sm-75 { margin-left: 75%; } [dir="rtl"] .flex-offset-sm-75, [dir="rtl"] .layout-margin .flex-offset-sm-75, [dir="rtl"] .layout-margin .offset-sm-75, [dir="rtl"] .offset-sm-75 { margin-left: auto; margin-right: 75%; } .flex-offset-sm-80, .layout-margin .flex-offset-sm-80, .layout-margin .offset-sm-80, .offset-sm-80 { margin-left: 80%; } [dir="rtl"] .flex-offset-sm-80, [dir="rtl"] .layout-margin .flex-offset-sm-80, [dir="rtl"] .layout-margin .offset-sm-80, [dir="rtl"] .offset-sm-80 { margin-left: auto; margin-right: 80%; } .flex-offset-sm-85, .layout-margin .flex-offset-sm-85, .layout-margin .offset-sm-85, .offset-sm-85 { margin-left: 85%; } [dir="rtl"] .flex-offset-sm-85, [dir="rtl"] .layout-margin .flex-offset-sm-85, [dir="rtl"] .layout-margin .offset-sm-85, [dir="rtl"] .offset-sm-85 { margin-left: auto; margin-right: 85%; } .flex-offset-sm-90, .layout-margin .flex-offset-sm-90, .layout-margin .offset-sm-90, .offset-sm-90 { margin-left: 90%; } [dir="rtl"] .flex-offset-sm-90, [dir="rtl"] .layout-margin .flex-offset-sm-90, [dir="rtl"] .layout-margin .offset-sm-90, [dir="rtl"] .offset-sm-90 { margin-left: auto; margin-right: 90%; } .flex-offset-sm-95, .layout-margin .flex-offset-sm-95, .layout-margin .offset-sm-95, .offset-sm-95 { margin-left: 95%; } [dir="rtl"] .flex-offset-sm-95, [dir="rtl"] .layout-margin .flex-offset-sm-95, [dir="rtl"] .layout-margin .offset-sm-95, [dir="rtl"] .offset-sm-95 { margin-left: auto; margin-right: 95%; } .flex-offset-sm-33, .layout-margin .flex-offset-sm-33, .layout-margin .offset-sm-33, .offset-sm-33 { margin-left: 33.3333%; } .flex-offset-sm-66, .layout-margin .flex-offset-sm-66, .layout-margin .offset-sm-66, .offset-sm-66 { margin-left: 66.6667%; } [dir="rtl"] .flex-offset-sm-66, [dir="rtl"] .layout-margin .flex-offset-sm-66, [dir="rtl"] .layout-margin .offset-sm-66, [dir="rtl"] .offset-sm-66 { margin-left: auto; margin-right: 66.6667%; } .layout-align-sm, .layout-align-sm-start-stretch { place-content: stretch flex-start; align-items: stretch; } .layout-align-sm-start, .layout-align-sm-start-center, .layout-align-sm-start-end, .layout-align-sm-start-start, .layout-align-sm-start-stretch { justify-content: flex-start; } .layout-align-sm-center, .layout-align-sm-center-center, .layout-align-sm-center-end, .layout-align-sm-center-start, .layout-align-sm-center-stretch { justify-content: center; } .layout-align-sm-end, .layout-align-sm-end-center, .layout-align-sm-end-end, .layout-align-sm-end-start, .layout-align-sm-end-stretch { justify-content: flex-end; } .layout-align-sm-space-around, .layout-align-sm-space-around-center, .layout-align-sm-space-around-end, .layout-align-sm-space-around-start, .layout-align-sm-space-around-stretch { justify-content: space-around; } .layout-align-sm-space-between, .layout-align-sm-space-between-center, .layout-align-sm-space-between-end, .layout-align-sm-space-between-start, .layout-align-sm-space-between-stretch { justify-content: space-between; } .layout-align-sm-center-start, .layout-align-sm-end-start, .layout-align-sm-space-around-start, .layout-align-sm-space-between-start, .layout-align-sm-start-start { align-items: flex-start; align-content: flex-start; } .layout-align-sm-center-center, .layout-align-sm-end-center, .layout-align-sm-space-around-center, .layout-align-sm-space-between-center, .layout-align-sm-start-center { align-items: center; align-content: center; max-width: 100%; } .layout-align-sm-center-center > *, .layout-align-sm-end-center > *, .layout-align-sm-space-around-center > *, .layout-align-sm-space-between-center > *, .layout-align-sm-start-center > * { max-width: 100%; box-sizing: border-box; } .layout-align-sm-center-end, .layout-align-sm-end-end, .layout-align-sm-space-around-end, .layout-align-sm-space-between-end, .layout-align-sm-start-end { align-items: flex-end; align-content: flex-end; } .layout-align-sm-center-stretch, .layout-align-sm-end-stretch, .layout-align-sm-space-around-stretch, .layout-align-sm-space-between-stretch, .layout-align-sm-start-stretch { align-items: stretch; align-content: stretch; } .flex-sm { flex: 1 1 0%; box-sizing: border-box; } .flex-sm-grow { flex: 1 1 100%; box-sizing: border-box; } .flex-sm-initial { flex: 0 1 auto; box-sizing: border-box; } .flex-sm-auto { flex: 1 1 auto; box-sizing: border-box; } .flex-sm-none { flex: 0 0 auto; box-sizing: border-box; } .flex-sm-noshrink { flex: 1 0 auto; box-sizing: border-box; } .flex-sm-nogrow { flex: 0 1 auto; box-sizing: border-box; } .flex-sm-0, .layout-row > .flex-sm-0 { flex: 1 1 100%; max-width: 0px; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-sm-0 { min-width: 0px; } .layout-column > .flex-sm-0 { flex: 1 1 100%; max-width: 100%; max-height: 0%; box-sizing: border-box; } .layout-sm-row > .flex-sm-0 { flex: 1 1 100%; max-width: 0px; max-height: 100%; box-sizing: border-box; min-width: 0px; } .layout-sm-column > .flex-sm-0 { flex: 1 1 100%; max-width: 100%; max-height: 0%; box-sizing: border-box; min-height: 0px; } .flex-sm-5, .layout-row > .flex-sm-5 { flex: 1 1 100%; max-width: 5%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-sm-5 { flex: 1 1 100%; max-width: 100%; max-height: 5%; box-sizing: border-box; } .layout-sm-row > .flex-sm-5 { flex: 1 1 100%; max-width: 5%; max-height: 100%; box-sizing: border-box; } .layout-sm-column > .flex-sm-5 { flex: 1 1 100%; max-width: 100%; max-height: 5%; box-sizing: border-box; } .flex-sm-10, .layout-row > .flex-sm-10 { flex: 1 1 100%; max-width: 10%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-sm-10 { flex: 1 1 100%; max-width: 100%; max-height: 10%; box-sizing: border-box; } .layout-sm-row > .flex-sm-10 { flex: 1 1 100%; max-width: 10%; max-height: 100%; box-sizing: border-box; } .layout-sm-column > .flex-sm-10 { flex: 1 1 100%; max-width: 100%; max-height: 10%; box-sizing: border-box; } .flex-sm-15, .layout-row > .flex-sm-15 { flex: 1 1 100%; max-width: 15%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-sm-15 { flex: 1 1 100%; max-width: 100%; max-height: 15%; box-sizing: border-box; } .layout-sm-row > .flex-sm-15 { flex: 1 1 100%; max-width: 15%; max-height: 100%; box-sizing: border-box; } .layout-sm-column > .flex-sm-15 { flex: 1 1 100%; max-width: 100%; max-height: 15%; box-sizing: border-box; } .flex-sm-20, .layout-row > .flex-sm-20 { flex: 1 1 100%; max-width: 20%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-sm-20 { flex: 1 1 100%; max-width: 100%; max-height: 20%; box-sizing: border-box; } .layout-sm-row > .flex-sm-20 { flex: 1 1 100%; max-width: 20%; max-height: 100%; box-sizing: border-box; } .layout-sm-column > .flex-sm-20 { flex: 1 1 100%; max-width: 100%; max-height: 20%; box-sizing: border-box; } .flex-sm-25, .layout-row > .flex-sm-25 { flex: 1 1 100%; max-width: 25%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-sm-25 { flex: 1 1 100%; max-width: 100%; max-height: 25%; box-sizing: border-box; } .layout-sm-row > .flex-sm-25 { flex: 1 1 100%; max-width: 25%; max-height: 100%; box-sizing: border-box; } .layout-sm-column > .flex-sm-25 { flex: 1 1 100%; max-width: 100%; max-height: 25%; box-sizing: border-box; } .flex-sm-30, .layout-row > .flex-sm-30 { flex: 1 1 100%; max-width: 30%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-sm-30 { flex: 1 1 100%; max-width: 100%; max-height: 30%; box-sizing: border-box; } .layout-sm-row > .flex-sm-30 { flex: 1 1 100%; max-width: 30%; max-height: 100%; box-sizing: border-box; } .layout-sm-column > .flex-sm-30 { flex: 1 1 100%; max-width: 100%; max-height: 30%; box-sizing: border-box; } .flex-sm-35, .layout-row > .flex-sm-35 { flex: 1 1 100%; max-width: 35%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-sm-35 { flex: 1 1 100%; max-width: 100%; max-height: 35%; box-sizing: border-box; } .layout-sm-row > .flex-sm-35 { flex: 1 1 100%; max-width: 35%; max-height: 100%; box-sizing: border-box; } .layout-sm-column > .flex-sm-35 { flex: 1 1 100%; max-width: 100%; max-height: 35%; box-sizing: border-box; } .flex-sm-40, .layout-row > .flex-sm-40 { flex: 1 1 100%; max-width: 40%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-sm-40 { flex: 1 1 100%; max-width: 100%; max-height: 40%; box-sizing: border-box; } .layout-sm-row > .flex-sm-40 { flex: 1 1 100%; max-width: 40%; max-height: 100%; box-sizing: border-box; } .layout-sm-column > .flex-sm-40 { flex: 1 1 100%; max-width: 100%; max-height: 40%; box-sizing: border-box; } .flex-sm-45, .layout-row > .flex-sm-45 { flex: 1 1 100%; max-width: 45%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-sm-45 { flex: 1 1 100%; max-width: 100%; max-height: 45%; box-sizing: border-box; } .layout-sm-row > .flex-sm-45 { flex: 1 1 100%; max-width: 45%; max-height: 100%; box-sizing: border-box; } .layout-sm-column > .flex-sm-45 { flex: 1 1 100%; max-width: 100%; max-height: 45%; box-sizing: border-box; } .flex-sm-50, .layout-row > .flex-sm-50 { flex: 1 1 100%; max-width: 50%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-sm-50 { flex: 1 1 100%; max-width: 100%; max-height: 50%; box-sizing: border-box; } .layout-sm-row > .flex-sm-50 { flex: 1 1 100%; max-width: 50%; max-height: 100%; box-sizing: border-box; } .layout-sm-column > .flex-sm-50 { flex: 1 1 100%; max-width: 100%; max-height: 50%; box-sizing: border-box; } .flex-sm-55, .layout-row > .flex-sm-55 { flex: 1 1 100%; max-width: 55%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-sm-55 { flex: 1 1 100%; max-width: 100%; max-height: 55%; box-sizing: border-box; } .layout-sm-row > .flex-sm-55 { flex: 1 1 100%; max-width: 55%; max-height: 100%; box-sizing: border-box; } .layout-sm-column > .flex-sm-55 { flex: 1 1 100%; max-width: 100%; max-height: 55%; box-sizing: border-box; } .flex-sm-60, .layout-row > .flex-sm-60 { flex: 1 1 100%; max-width: 60%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-sm-60 { flex: 1 1 100%; max-width: 100%; max-height: 60%; box-sizing: border-box; } .layout-sm-row > .flex-sm-60 { flex: 1 1 100%; max-width: 60%; max-height: 100%; box-sizing: border-box; } .layout-sm-column > .flex-sm-60 { flex: 1 1 100%; max-width: 100%; max-height: 60%; box-sizing: border-box; } .flex-sm-65, .layout-row > .flex-sm-65 { flex: 1 1 100%; max-width: 65%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-sm-65 { flex: 1 1 100%; max-width: 100%; max-height: 65%; box-sizing: border-box; } .layout-sm-row > .flex-sm-65 { flex: 1 1 100%; max-width: 65%; max-height: 100%; box-sizing: border-box; } .layout-sm-column > .flex-sm-65 { flex: 1 1 100%; max-width: 100%; max-height: 65%; box-sizing: border-box; } .flex-sm-70, .layout-row > .flex-sm-70 { flex: 1 1 100%; max-width: 70%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-sm-70 { flex: 1 1 100%; max-width: 100%; max-height: 70%; box-sizing: border-box; } .layout-sm-row > .flex-sm-70 { flex: 1 1 100%; max-width: 70%; max-height: 100%; box-sizing: border-box; } .layout-sm-column > .flex-sm-70 { flex: 1 1 100%; max-width: 100%; max-height: 70%; box-sizing: border-box; } .flex-sm-75, .layout-row > .flex-sm-75 { flex: 1 1 100%; max-width: 75%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-sm-75 { flex: 1 1 100%; max-width: 100%; max-height: 75%; box-sizing: border-box; } .layout-sm-row > .flex-sm-75 { flex: 1 1 100%; max-width: 75%; max-height: 100%; box-sizing: border-box; } .layout-sm-column > .flex-sm-75 { flex: 1 1 100%; max-width: 100%; max-height: 75%; box-sizing: border-box; } .flex-sm-80, .layout-row > .flex-sm-80 { flex: 1 1 100%; max-width: 80%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-sm-80 { flex: 1 1 100%; max-width: 100%; max-height: 80%; box-sizing: border-box; } .layout-sm-row > .flex-sm-80 { flex: 1 1 100%; max-width: 80%; max-height: 100%; box-sizing: border-box; } .layout-sm-column > .flex-sm-80 { flex: 1 1 100%; max-width: 100%; max-height: 80%; box-sizing: border-box; } .flex-sm-85, .layout-row > .flex-sm-85 { flex: 1 1 100%; max-width: 85%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-sm-85 { flex: 1 1 100%; max-width: 100%; max-height: 85%; box-sizing: border-box; } .layout-sm-row > .flex-sm-85 { flex: 1 1 100%; max-width: 85%; max-height: 100%; box-sizing: border-box; } .layout-sm-column > .flex-sm-85 { flex: 1 1 100%; max-width: 100%; max-height: 85%; box-sizing: border-box; } .flex-sm-90, .layout-row > .flex-sm-90 { flex: 1 1 100%; max-width: 90%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-sm-90 { flex: 1 1 100%; max-width: 100%; max-height: 90%; box-sizing: border-box; } .layout-sm-row > .flex-sm-90 { flex: 1 1 100%; max-width: 90%; max-height: 100%; box-sizing: border-box; } .layout-sm-column > .flex-sm-90 { flex: 1 1 100%; max-width: 100%; max-height: 90%; box-sizing: border-box; } .flex-sm-95, .layout-row > .flex-sm-95 { flex: 1 1 100%; max-width: 95%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-sm-95 { flex: 1 1 100%; max-width: 100%; max-height: 95%; box-sizing: border-box; } .layout-sm-row > .flex-sm-95 { flex: 1 1 100%; max-width: 95%; max-height: 100%; box-sizing: border-box; } .layout-sm-column > .flex-sm-95 { max-height: 95%; } .flex-sm-100, .layout-sm-column > .flex-sm-95 { flex: 1 1 100%; max-width: 100%; box-sizing: border-box; } .flex-sm-100 { max-height: 100%; } .layout-column > .flex-sm-100, .layout-row > .flex-sm-100, .layout-sm-column > .flex-sm-100, .layout-sm-row > .flex-sm-100 { flex: 1 1 100%; max-width: 100%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-sm-33 { flex: 1 1 33.33%; max-width: 33.33%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-sm-66 { flex: 1 1 66.66%; max-width: 66.66%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-sm-33 { flex: 1 1 33.33%; max-width: 100%; max-height: 33.33%; box-sizing: border-box; } .layout-column > .flex-sm-66 { flex: 1 1 66.66%; max-width: 100%; max-height: 66.66%; box-sizing: border-box; } .layout-sm-row > .flex-sm-33 { flex: 1 1 100%; max-width: 33.33%; max-height: 100%; box-sizing: border-box; } .layout-sm-row > .flex-sm-66 { flex: 1 1 100%; max-width: 66.66%; max-height: 100%; box-sizing: border-box; } .layout-sm-row > .flex { min-width: 0px; } .layout-sm-column > .flex-sm-33 { flex: 1 1 100%; max-width: 100%; max-height: 33.33%; box-sizing: border-box; } .layout-sm-column > .flex-sm-66 { flex: 1 1 100%; max-width: 100%; max-height: 66.66%; box-sizing: border-box; } .layout-sm-column > .flex { min-height: 0px; } .layout-sm, .layout-sm-column, .layout-sm-row { box-sizing: border-box; display: flex; } .layout-sm-column { flex-direction: column; } .layout-sm-row { flex-direction: row; }} @media (min-width: 960px) { .flex-order-gt-sm--20 { order: -20; } .flex-order-gt-sm--19 { order: -19; } .flex-order-gt-sm--18 { order: -18; } .flex-order-gt-sm--17 { order: -17; } .flex-order-gt-sm--16 { order: -16; } .flex-order-gt-sm--15 { order: -15; } .flex-order-gt-sm--14 { order: -14; } .flex-order-gt-sm--13 { order: -13; } .flex-order-gt-sm--12 { order: -12; } .flex-order-gt-sm--11 { order: -11; } .flex-order-gt-sm--10 { order: -10; } .flex-order-gt-sm--9 { order: -9; } .flex-order-gt-sm--8 { order: -8; } .flex-order-gt-sm--7 { order: -7; } .flex-order-gt-sm--6 { order: -6; } .flex-order-gt-sm--5 { order: -5; } .flex-order-gt-sm--4 { order: -4; } .flex-order-gt-sm--3 { order: -3; } .flex-order-gt-sm--2 { order: -2; } .flex-order-gt-sm--1 { order: -1; } .flex-order-gt-sm-0 { order: 0; } .flex-order-gt-sm-1 { order: 1; } .flex-order-gt-sm-2 { order: 2; } .flex-order-gt-sm-3 { order: 3; } .flex-order-gt-sm-4 { order: 4; } .flex-order-gt-sm-5 { order: 5; } .flex-order-gt-sm-6 { order: 6; } .flex-order-gt-sm-7 { order: 7; } .flex-order-gt-sm-8 { order: 8; } .flex-order-gt-sm-9 { order: 9; } .flex-order-gt-sm-10 { order: 10; } .flex-order-gt-sm-11 { order: 11; } .flex-order-gt-sm-12 { order: 12; } .flex-order-gt-sm-13 { order: 13; } .flex-order-gt-sm-14 { order: 14; } .flex-order-gt-sm-15 { order: 15; } .flex-order-gt-sm-16 { order: 16; } .flex-order-gt-sm-17 { order: 17; } .flex-order-gt-sm-18 { order: 18; } .flex-order-gt-sm-19 { order: 19; } .flex-order-gt-sm-20 { order: 20; } .flex-offset-gt-sm-0, .layout-margin .flex-offset-gt-sm-0, .layout-margin .offset-gt-sm-0, .offset-gt-sm-0 { margin-left: 0px; } [dir="rtl"] .flex-offset-gt-sm-0, [dir="rtl"] .layout-margin .flex-offset-gt-sm-0, [dir="rtl"] .layout-margin .offset-gt-sm-0, [dir="rtl"] .offset-gt-sm-0 { margin-left: auto; margin-right: 0px; } .flex-offset-gt-sm-5, .layout-margin .flex-offset-gt-sm-5, .layout-margin .offset-gt-sm-5, .offset-gt-sm-5 { margin-left: 5%; } [dir="rtl"] .flex-offset-gt-sm-5, [dir="rtl"] .layout-margin .flex-offset-gt-sm-5, [dir="rtl"] .layout-margin .offset-gt-sm-5, [dir="rtl"] .offset-gt-sm-5 { margin-left: auto; margin-right: 5%; } .flex-offset-gt-sm-10, .layout-margin .flex-offset-gt-sm-10, .layout-margin .offset-gt-sm-10, .offset-gt-sm-10 { margin-left: 10%; } [dir="rtl"] .flex-offset-gt-sm-10, [dir="rtl"] .layout-margin .flex-offset-gt-sm-10, [dir="rtl"] .layout-margin .offset-gt-sm-10, [dir="rtl"] .offset-gt-sm-10 { margin-left: auto; margin-right: 10%; } .flex-offset-gt-sm-15, .layout-margin .flex-offset-gt-sm-15, .layout-margin .offset-gt-sm-15, .offset-gt-sm-15 { margin-left: 15%; } [dir="rtl"] .flex-offset-gt-sm-15, [dir="rtl"] .layout-margin .flex-offset-gt-sm-15, [dir="rtl"] .layout-margin .offset-gt-sm-15, [dir="rtl"] .offset-gt-sm-15 { margin-left: auto; margin-right: 15%; } .flex-offset-gt-sm-20, .layout-margin .flex-offset-gt-sm-20, .layout-margin .offset-gt-sm-20, .offset-gt-sm-20 { margin-left: 20%; } [dir="rtl"] .flex-offset-gt-sm-20, [dir="rtl"] .layout-margin .flex-offset-gt-sm-20, [dir="rtl"] .layout-margin .offset-gt-sm-20, [dir="rtl"] .offset-gt-sm-20 { margin-left: auto; margin-right: 20%; } .flex-offset-gt-sm-25, .layout-margin .flex-offset-gt-sm-25, .layout-margin .offset-gt-sm-25, .offset-gt-sm-25 { margin-left: 25%; } [dir="rtl"] .flex-offset-gt-sm-25, [dir="rtl"] .layout-margin .flex-offset-gt-sm-25, [dir="rtl"] .layout-margin .offset-gt-sm-25, [dir="rtl"] .offset-gt-sm-25 { margin-left: auto; margin-right: 25%; } .flex-offset-gt-sm-30, .layout-margin .flex-offset-gt-sm-30, .layout-margin .offset-gt-sm-30, .offset-gt-sm-30 { margin-left: 30%; } [dir="rtl"] .flex-offset-gt-sm-30, [dir="rtl"] .layout-margin .flex-offset-gt-sm-30, [dir="rtl"] .layout-margin .offset-gt-sm-30, [dir="rtl"] .offset-gt-sm-30 { margin-left: auto; margin-right: 30%; } .flex-offset-gt-sm-35, .layout-margin .flex-offset-gt-sm-35, .layout-margin .offset-gt-sm-35, .offset-gt-sm-35 { margin-left: 35%; } [dir="rtl"] .flex-offset-gt-sm-35, [dir="rtl"] .layout-margin .flex-offset-gt-sm-35, [dir="rtl"] .layout-margin .offset-gt-sm-35, [dir="rtl"] .offset-gt-sm-35 { margin-left: auto; margin-right: 35%; } .flex-offset-gt-sm-40, .layout-margin .flex-offset-gt-sm-40, .layout-margin .offset-gt-sm-40, .offset-gt-sm-40 { margin-left: 40%; } [dir="rtl"] .flex-offset-gt-sm-40, [dir="rtl"] .layout-margin .flex-offset-gt-sm-40, [dir="rtl"] .layout-margin .offset-gt-sm-40, [dir="rtl"] .offset-gt-sm-40 { margin-left: auto; margin-right: 40%; } .flex-offset-gt-sm-45, .layout-margin .flex-offset-gt-sm-45, .layout-margin .offset-gt-sm-45, .offset-gt-sm-45 { margin-left: 45%; } [dir="rtl"] .flex-offset-gt-sm-45, [dir="rtl"] .layout-margin .flex-offset-gt-sm-45, [dir="rtl"] .layout-margin .offset-gt-sm-45, [dir="rtl"] .offset-gt-sm-45 { margin-left: auto; margin-right: 45%; } .flex-offset-gt-sm-50, .layout-margin .flex-offset-gt-sm-50, .layout-margin .offset-gt-sm-50, .offset-gt-sm-50 { margin-left: 50%; } [dir="rtl"] .flex-offset-gt-sm-50, [dir="rtl"] .layout-margin .flex-offset-gt-sm-50, [dir="rtl"] .layout-margin .offset-gt-sm-50, [dir="rtl"] .offset-gt-sm-50 { margin-left: auto; margin-right: 50%; } .flex-offset-gt-sm-55, .layout-margin .flex-offset-gt-sm-55, .layout-margin .offset-gt-sm-55, .offset-gt-sm-55 { margin-left: 55%; } [dir="rtl"] .flex-offset-gt-sm-55, [dir="rtl"] .layout-margin .flex-offset-gt-sm-55, [dir="rtl"] .layout-margin .offset-gt-sm-55, [dir="rtl"] .offset-gt-sm-55 { margin-left: auto; margin-right: 55%; } .flex-offset-gt-sm-60, .layout-margin .flex-offset-gt-sm-60, .layout-margin .offset-gt-sm-60, .offset-gt-sm-60 { margin-left: 60%; } [dir="rtl"] .flex-offset-gt-sm-60, [dir="rtl"] .layout-margin .flex-offset-gt-sm-60, [dir="rtl"] .layout-margin .offset-gt-sm-60, [dir="rtl"] .offset-gt-sm-60 { margin-left: auto; margin-right: 60%; } .flex-offset-gt-sm-65, .layout-margin .flex-offset-gt-sm-65, .layout-margin .offset-gt-sm-65, .offset-gt-sm-65 { margin-left: 65%; } [dir="rtl"] .flex-offset-gt-sm-65, [dir="rtl"] .layout-margin .flex-offset-gt-sm-65, [dir="rtl"] .layout-margin .offset-gt-sm-65, [dir="rtl"] .offset-gt-sm-65 { margin-left: auto; margin-right: 65%; } .flex-offset-gt-sm-70, .layout-margin .flex-offset-gt-sm-70, .layout-margin .offset-gt-sm-70, .offset-gt-sm-70 { margin-left: 70%; } [dir="rtl"] .flex-offset-gt-sm-70, [dir="rtl"] .layout-margin .flex-offset-gt-sm-70, [dir="rtl"] .layout-margin .offset-gt-sm-70, [dir="rtl"] .offset-gt-sm-70 { margin-left: auto; margin-right: 70%; } .flex-offset-gt-sm-75, .layout-margin .flex-offset-gt-sm-75, .layout-margin .offset-gt-sm-75, .offset-gt-sm-75 { margin-left: 75%; } [dir="rtl"] .flex-offset-gt-sm-75, [dir="rtl"] .layout-margin .flex-offset-gt-sm-75, [dir="rtl"] .layout-margin .offset-gt-sm-75, [dir="rtl"] .offset-gt-sm-75 { margin-left: auto; margin-right: 75%; } .flex-offset-gt-sm-80, .layout-margin .flex-offset-gt-sm-80, .layout-margin .offset-gt-sm-80, .offset-gt-sm-80 { margin-left: 80%; } [dir="rtl"] .flex-offset-gt-sm-80, [dir="rtl"] .layout-margin .flex-offset-gt-sm-80, [dir="rtl"] .layout-margin .offset-gt-sm-80, [dir="rtl"] .offset-gt-sm-80 { margin-left: auto; margin-right: 80%; } .flex-offset-gt-sm-85, .layout-margin .flex-offset-gt-sm-85, .layout-margin .offset-gt-sm-85, .offset-gt-sm-85 { margin-left: 85%; } [dir="rtl"] .flex-offset-gt-sm-85, [dir="rtl"] .layout-margin .flex-offset-gt-sm-85, [dir="rtl"] .layout-margin .offset-gt-sm-85, [dir="rtl"] .offset-gt-sm-85 { margin-left: auto; margin-right: 85%; } .flex-offset-gt-sm-90, .layout-margin .flex-offset-gt-sm-90, .layout-margin .offset-gt-sm-90, .offset-gt-sm-90 { margin-left: 90%; } [dir="rtl"] .flex-offset-gt-sm-90, [dir="rtl"] .layout-margin .flex-offset-gt-sm-90, [dir="rtl"] .layout-margin .offset-gt-sm-90, [dir="rtl"] .offset-gt-sm-90 { margin-left: auto; margin-right: 90%; } .flex-offset-gt-sm-95, .layout-margin .flex-offset-gt-sm-95, .layout-margin .offset-gt-sm-95, .offset-gt-sm-95 { margin-left: 95%; } [dir="rtl"] .flex-offset-gt-sm-95, [dir="rtl"] .layout-margin .flex-offset-gt-sm-95, [dir="rtl"] .layout-margin .offset-gt-sm-95, [dir="rtl"] .offset-gt-sm-95 { margin-left: auto; margin-right: 95%; } .flex-offset-gt-sm-33, .layout-margin .flex-offset-gt-sm-33, .layout-margin .offset-gt-sm-33, .offset-gt-sm-33 { margin-left: 33.3333%; } .flex-offset-gt-sm-66, .layout-margin .flex-offset-gt-sm-66, .layout-margin .offset-gt-sm-66, .offset-gt-sm-66 { margin-left: 66.6667%; } [dir="rtl"] .flex-offset-gt-sm-66, [dir="rtl"] .layout-margin .flex-offset-gt-sm-66, [dir="rtl"] .layout-margin .offset-gt-sm-66, [dir="rtl"] .offset-gt-sm-66 { margin-left: auto; margin-right: 66.6667%; } .layout-align-gt-sm, .layout-align-gt-sm-start-stretch { place-content: stretch flex-start; align-items: stretch; } .layout-align-gt-sm-start, .layout-align-gt-sm-start-center, .layout-align-gt-sm-start-end, .layout-align-gt-sm-start-start, .layout-align-gt-sm-start-stretch { justify-content: flex-start; } .layout-align-gt-sm-center, .layout-align-gt-sm-center-center, .layout-align-gt-sm-center-end, .layout-align-gt-sm-center-start, .layout-align-gt-sm-center-stretch { justify-content: center; } .layout-align-gt-sm-end, .layout-align-gt-sm-end-center, .layout-align-gt-sm-end-end, .layout-align-gt-sm-end-start, .layout-align-gt-sm-end-stretch { justify-content: flex-end; } .layout-align-gt-sm-space-around, .layout-align-gt-sm-space-around-center, .layout-align-gt-sm-space-around-end, .layout-align-gt-sm-space-around-start, .layout-align-gt-sm-space-around-stretch { justify-content: space-around; } .layout-align-gt-sm-space-between, .layout-align-gt-sm-space-between-center, .layout-align-gt-sm-space-between-end, .layout-align-gt-sm-space-between-start, .layout-align-gt-sm-space-between-stretch { justify-content: space-between; } .layout-align-gt-sm-center-start, .layout-align-gt-sm-end-start, .layout-align-gt-sm-space-around-start, .layout-align-gt-sm-space-between-start, .layout-align-gt-sm-start-start { align-items: flex-start; align-content: flex-start; } .layout-align-gt-sm-center-center, .layout-align-gt-sm-end-center, .layout-align-gt-sm-space-around-center, .layout-align-gt-sm-space-between-center, .layout-align-gt-sm-start-center { align-items: center; align-content: center; max-width: 100%; } .layout-align-gt-sm-center-center > *, .layout-align-gt-sm-end-center > *, .layout-align-gt-sm-space-around-center > *, .layout-align-gt-sm-space-between-center > *, .layout-align-gt-sm-start-center > * { max-width: 100%; box-sizing: border-box; } .layout-align-gt-sm-center-end, .layout-align-gt-sm-end-end, .layout-align-gt-sm-space-around-end, .layout-align-gt-sm-space-between-end, .layout-align-gt-sm-start-end { align-items: flex-end; align-content: flex-end; } .layout-align-gt-sm-center-stretch, .layout-align-gt-sm-end-stretch, .layout-align-gt-sm-space-around-stretch, .layout-align-gt-sm-space-between-stretch, .layout-align-gt-sm-start-stretch { align-items: stretch; align-content: stretch; } .flex-gt-sm { flex: 1 1 0%; box-sizing: border-box; } .flex-gt-sm-grow { flex: 1 1 100%; box-sizing: border-box; } .flex-gt-sm-initial { flex: 0 1 auto; box-sizing: border-box; } .flex-gt-sm-auto { flex: 1 1 auto; box-sizing: border-box; } .flex-gt-sm-none { flex: 0 0 auto; box-sizing: border-box; } .flex-gt-sm-noshrink { flex: 1 0 auto; box-sizing: border-box; } .flex-gt-sm-nogrow { flex: 0 1 auto; box-sizing: border-box; } .flex-gt-sm-0, .layout-row > .flex-gt-sm-0 { flex: 1 1 100%; max-width: 0px; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-gt-sm-0 { min-width: 0px; } .layout-column > .flex-gt-sm-0 { flex: 1 1 100%; max-width: 100%; max-height: 0%; box-sizing: border-box; } .layout-gt-sm-row > .flex-gt-sm-0 { flex: 1 1 100%; max-width: 0px; max-height: 100%; box-sizing: border-box; min-width: 0px; } .layout-gt-sm-column > .flex-gt-sm-0 { flex: 1 1 100%; max-width: 100%; max-height: 0%; box-sizing: border-box; min-height: 0px; } .flex-gt-sm-5, .layout-row > .flex-gt-sm-5 { flex: 1 1 100%; max-width: 5%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-sm-5 { flex: 1 1 100%; max-width: 100%; max-height: 5%; box-sizing: border-box; } .layout-gt-sm-row > .flex-gt-sm-5 { flex: 1 1 100%; max-width: 5%; max-height: 100%; box-sizing: border-box; } .layout-gt-sm-column > .flex-gt-sm-5 { flex: 1 1 100%; max-width: 100%; max-height: 5%; box-sizing: border-box; } .flex-gt-sm-10, .layout-row > .flex-gt-sm-10 { flex: 1 1 100%; max-width: 10%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-sm-10 { flex: 1 1 100%; max-width: 100%; max-height: 10%; box-sizing: border-box; } .layout-gt-sm-row > .flex-gt-sm-10 { flex: 1 1 100%; max-width: 10%; max-height: 100%; box-sizing: border-box; } .layout-gt-sm-column > .flex-gt-sm-10 { flex: 1 1 100%; max-width: 100%; max-height: 10%; box-sizing: border-box; } .flex-gt-sm-15, .layout-row > .flex-gt-sm-15 { flex: 1 1 100%; max-width: 15%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-sm-15 { flex: 1 1 100%; max-width: 100%; max-height: 15%; box-sizing: border-box; } .layout-gt-sm-row > .flex-gt-sm-15 { flex: 1 1 100%; max-width: 15%; max-height: 100%; box-sizing: border-box; } .layout-gt-sm-column > .flex-gt-sm-15 { flex: 1 1 100%; max-width: 100%; max-height: 15%; box-sizing: border-box; } .flex-gt-sm-20, .layout-row > .flex-gt-sm-20 { flex: 1 1 100%; max-width: 20%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-sm-20 { flex: 1 1 100%; max-width: 100%; max-height: 20%; box-sizing: border-box; } .layout-gt-sm-row > .flex-gt-sm-20 { flex: 1 1 100%; max-width: 20%; max-height: 100%; box-sizing: border-box; } .layout-gt-sm-column > .flex-gt-sm-20 { flex: 1 1 100%; max-width: 100%; max-height: 20%; box-sizing: border-box; } .flex-gt-sm-25, .layout-row > .flex-gt-sm-25 { flex: 1 1 100%; max-width: 25%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-sm-25 { flex: 1 1 100%; max-width: 100%; max-height: 25%; box-sizing: border-box; } .layout-gt-sm-row > .flex-gt-sm-25 { flex: 1 1 100%; max-width: 25%; max-height: 100%; box-sizing: border-box; } .layout-gt-sm-column > .flex-gt-sm-25 { flex: 1 1 100%; max-width: 100%; max-height: 25%; box-sizing: border-box; } .flex-gt-sm-30, .layout-row > .flex-gt-sm-30 { flex: 1 1 100%; max-width: 30%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-sm-30 { flex: 1 1 100%; max-width: 100%; max-height: 30%; box-sizing: border-box; } .layout-gt-sm-row > .flex-gt-sm-30 { flex: 1 1 100%; max-width: 30%; max-height: 100%; box-sizing: border-box; } .layout-gt-sm-column > .flex-gt-sm-30 { flex: 1 1 100%; max-width: 100%; max-height: 30%; box-sizing: border-box; } .flex-gt-sm-35, .layout-row > .flex-gt-sm-35 { flex: 1 1 100%; max-width: 35%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-sm-35 { flex: 1 1 100%; max-width: 100%; max-height: 35%; box-sizing: border-box; } .layout-gt-sm-row > .flex-gt-sm-35 { flex: 1 1 100%; max-width: 35%; max-height: 100%; box-sizing: border-box; } .layout-gt-sm-column > .flex-gt-sm-35 { flex: 1 1 100%; max-width: 100%; max-height: 35%; box-sizing: border-box; } .flex-gt-sm-40, .layout-row > .flex-gt-sm-40 { flex: 1 1 100%; max-width: 40%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-sm-40 { flex: 1 1 100%; max-width: 100%; max-height: 40%; box-sizing: border-box; } .layout-gt-sm-row > .flex-gt-sm-40 { flex: 1 1 100%; max-width: 40%; max-height: 100%; box-sizing: border-box; } .layout-gt-sm-column > .flex-gt-sm-40 { flex: 1 1 100%; max-width: 100%; max-height: 40%; box-sizing: border-box; } .flex-gt-sm-45, .layout-row > .flex-gt-sm-45 { flex: 1 1 100%; max-width: 45%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-sm-45 { flex: 1 1 100%; max-width: 100%; max-height: 45%; box-sizing: border-box; } .layout-gt-sm-row > .flex-gt-sm-45 { flex: 1 1 100%; max-width: 45%; max-height: 100%; box-sizing: border-box; } .layout-gt-sm-column > .flex-gt-sm-45 { flex: 1 1 100%; max-width: 100%; max-height: 45%; box-sizing: border-box; } .flex-gt-sm-50, .layout-row > .flex-gt-sm-50 { flex: 1 1 100%; max-width: 50%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-sm-50 { flex: 1 1 100%; max-width: 100%; max-height: 50%; box-sizing: border-box; } .layout-gt-sm-row > .flex-gt-sm-50 { flex: 1 1 100%; max-width: 50%; max-height: 100%; box-sizing: border-box; } .layout-gt-sm-column > .flex-gt-sm-50 { flex: 1 1 100%; max-width: 100%; max-height: 50%; box-sizing: border-box; } .flex-gt-sm-55, .layout-row > .flex-gt-sm-55 { flex: 1 1 100%; max-width: 55%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-sm-55 { flex: 1 1 100%; max-width: 100%; max-height: 55%; box-sizing: border-box; } .layout-gt-sm-row > .flex-gt-sm-55 { flex: 1 1 100%; max-width: 55%; max-height: 100%; box-sizing: border-box; } .layout-gt-sm-column > .flex-gt-sm-55 { flex: 1 1 100%; max-width: 100%; max-height: 55%; box-sizing: border-box; } .flex-gt-sm-60, .layout-row > .flex-gt-sm-60 { flex: 1 1 100%; max-width: 60%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-sm-60 { flex: 1 1 100%; max-width: 100%; max-height: 60%; box-sizing: border-box; } .layout-gt-sm-row > .flex-gt-sm-60 { flex: 1 1 100%; max-width: 60%; max-height: 100%; box-sizing: border-box; } .layout-gt-sm-column > .flex-gt-sm-60 { flex: 1 1 100%; max-width: 100%; max-height: 60%; box-sizing: border-box; } .flex-gt-sm-65, .layout-row > .flex-gt-sm-65 { flex: 1 1 100%; max-width: 65%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-sm-65 { flex: 1 1 100%; max-width: 100%; max-height: 65%; box-sizing: border-box; } .layout-gt-sm-row > .flex-gt-sm-65 { flex: 1 1 100%; max-width: 65%; max-height: 100%; box-sizing: border-box; } .layout-gt-sm-column > .flex-gt-sm-65 { flex: 1 1 100%; max-width: 100%; max-height: 65%; box-sizing: border-box; } .flex-gt-sm-70, .layout-row > .flex-gt-sm-70 { flex: 1 1 100%; max-width: 70%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-sm-70 { flex: 1 1 100%; max-width: 100%; max-height: 70%; box-sizing: border-box; } .layout-gt-sm-row > .flex-gt-sm-70 { flex: 1 1 100%; max-width: 70%; max-height: 100%; box-sizing: border-box; } .layout-gt-sm-column > .flex-gt-sm-70 { flex: 1 1 100%; max-width: 100%; max-height: 70%; box-sizing: border-box; } .flex-gt-sm-75, .layout-row > .flex-gt-sm-75 { flex: 1 1 100%; max-width: 75%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-sm-75 { flex: 1 1 100%; max-width: 100%; max-height: 75%; box-sizing: border-box; } .layout-gt-sm-row > .flex-gt-sm-75 { flex: 1 1 100%; max-width: 75%; max-height: 100%; box-sizing: border-box; } .layout-gt-sm-column > .flex-gt-sm-75 { flex: 1 1 100%; max-width: 100%; max-height: 75%; box-sizing: border-box; } .flex-gt-sm-80, .layout-row > .flex-gt-sm-80 { flex: 1 1 100%; max-width: 80%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-sm-80 { flex: 1 1 100%; max-width: 100%; max-height: 80%; box-sizing: border-box; } .layout-gt-sm-row > .flex-gt-sm-80 { flex: 1 1 100%; max-width: 80%; max-height: 100%; box-sizing: border-box; } .layout-gt-sm-column > .flex-gt-sm-80 { flex: 1 1 100%; max-width: 100%; max-height: 80%; box-sizing: border-box; } .flex-gt-sm-85, .layout-row > .flex-gt-sm-85 { flex: 1 1 100%; max-width: 85%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-sm-85 { flex: 1 1 100%; max-width: 100%; max-height: 85%; box-sizing: border-box; } .layout-gt-sm-row > .flex-gt-sm-85 { flex: 1 1 100%; max-width: 85%; max-height: 100%; box-sizing: border-box; } .layout-gt-sm-column > .flex-gt-sm-85 { flex: 1 1 100%; max-width: 100%; max-height: 85%; box-sizing: border-box; } .flex-gt-sm-90, .layout-row > .flex-gt-sm-90 { flex: 1 1 100%; max-width: 90%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-sm-90 { flex: 1 1 100%; max-width: 100%; max-height: 90%; box-sizing: border-box; } .layout-gt-sm-row > .flex-gt-sm-90 { flex: 1 1 100%; max-width: 90%; max-height: 100%; box-sizing: border-box; } .layout-gt-sm-column > .flex-gt-sm-90 { flex: 1 1 100%; max-width: 100%; max-height: 90%; box-sizing: border-box; } .flex-gt-sm-95, .layout-row > .flex-gt-sm-95 { flex: 1 1 100%; max-width: 95%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-sm-95 { flex: 1 1 100%; max-width: 100%; max-height: 95%; box-sizing: border-box; } .layout-gt-sm-row > .flex-gt-sm-95 { flex: 1 1 100%; max-width: 95%; max-height: 100%; box-sizing: border-box; } .layout-gt-sm-column > .flex-gt-sm-95 { flex: 1 1 100%; max-width: 100%; max-height: 95%; box-sizing: border-box; } .flex-gt-sm-100, .layout-column > .flex-gt-sm-100, .layout-gt-sm-column > .flex-gt-sm-100, .layout-gt-sm-row > .flex-gt-sm-100, .layout-row > .flex-gt-sm-100 { flex: 1 1 100%; max-width: 100%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-gt-sm-33 { flex: 1 1 33.33%; max-width: 33.33%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-gt-sm-66 { flex: 1 1 66.66%; max-width: 66.66%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-sm-33 { flex: 1 1 33.33%; max-width: 100%; max-height: 33.33%; box-sizing: border-box; } .layout-column > .flex-gt-sm-66 { flex: 1 1 66.66%; max-width: 100%; max-height: 66.66%; box-sizing: border-box; } .layout-gt-sm-row > .flex-gt-sm-33 { flex: 1 1 100%; max-width: 33.33%; max-height: 100%; box-sizing: border-box; } .layout-gt-sm-row > .flex-gt-sm-66 { flex: 1 1 100%; max-width: 66.66%; max-height: 100%; box-sizing: border-box; } .layout-gt-sm-row > .flex { min-width: 0px; } .layout-gt-sm-column > .flex-gt-sm-33 { flex: 1 1 100%; max-width: 100%; max-height: 33.33%; box-sizing: border-box; } .layout-gt-sm-column > .flex-gt-sm-66 { flex: 1 1 100%; max-width: 100%; max-height: 66.66%; box-sizing: border-box; } .layout-gt-sm-column > .flex { min-height: 0px; } .layout-gt-sm, .layout-gt-sm-column, .layout-gt-sm-row { box-sizing: border-box; display: flex; } .layout-gt-sm-column { flex-direction: column; } .layout-gt-sm-row { flex-direction: row; }} @media (min-width: 960px) and (max-width: 1279px) { .hide-gt-sm:not(.show-gt-xs):not(.show-gt-sm):not(.show-md):not(.show), .hide-gt-xs:not(.show-gt-xs):not(.show-gt-sm):not(.show-md):not(.show), .hide-md:not(.show-md):not(.show-gt-sm):not(.show-gt-xs):not(.show), .hide:not(.show-gt-xs):not(.show-gt-sm):not(.show-md):not(.show) { display: none; } .flex-order-md--20 { order: -20; } .flex-order-md--19 { order: -19; } .flex-order-md--18 { order: -18; } .flex-order-md--17 { order: -17; } .flex-order-md--16 { order: -16; } .flex-order-md--15 { order: -15; } .flex-order-md--14 { order: -14; } .flex-order-md--13 { order: -13; } .flex-order-md--12 { order: -12; } .flex-order-md--11 { order: -11; } .flex-order-md--10 { order: -10; } .flex-order-md--9 { order: -9; } .flex-order-md--8 { order: -8; } .flex-order-md--7 { order: -7; } .flex-order-md--6 { order: -6; } .flex-order-md--5 { order: -5; } .flex-order-md--4 { order: -4; } .flex-order-md--3 { order: -3; } .flex-order-md--2 { order: -2; } .flex-order-md--1 { order: -1; } .flex-order-md-0 { order: 0; } .flex-order-md-1 { order: 1; } .flex-order-md-2 { order: 2; } .flex-order-md-3 { order: 3; } .flex-order-md-4 { order: 4; } .flex-order-md-5 { order: 5; } .flex-order-md-6 { order: 6; } .flex-order-md-7 { order: 7; } .flex-order-md-8 { order: 8; } .flex-order-md-9 { order: 9; } .flex-order-md-10 { order: 10; } .flex-order-md-11 { order: 11; } .flex-order-md-12 { order: 12; } .flex-order-md-13 { order: 13; } .flex-order-md-14 { order: 14; } .flex-order-md-15 { order: 15; } .flex-order-md-16 { order: 16; } .flex-order-md-17 { order: 17; } .flex-order-md-18 { order: 18; } .flex-order-md-19 { order: 19; } .flex-order-md-20 { order: 20; } .flex-offset-md-0, .layout-margin .flex-offset-md-0, .layout-margin .offset-md-0, .offset-md-0 { margin-left: 0px; } [dir="rtl"] .flex-offset-md-0, [dir="rtl"] .layout-margin .flex-offset-md-0, [dir="rtl"] .layout-margin .offset-md-0, [dir="rtl"] .offset-md-0 { margin-left: auto; margin-right: 0px; } .flex-offset-md-5, .layout-margin .flex-offset-md-5, .layout-margin .offset-md-5, .offset-md-5 { margin-left: 5%; } [dir="rtl"] .flex-offset-md-5, [dir="rtl"] .layout-margin .flex-offset-md-5, [dir="rtl"] .layout-margin .offset-md-5, [dir="rtl"] .offset-md-5 { margin-left: auto; margin-right: 5%; } .flex-offset-md-10, .layout-margin .flex-offset-md-10, .layout-margin .offset-md-10, .offset-md-10 { margin-left: 10%; } [dir="rtl"] .flex-offset-md-10, [dir="rtl"] .layout-margin .flex-offset-md-10, [dir="rtl"] .layout-margin .offset-md-10, [dir="rtl"] .offset-md-10 { margin-left: auto; margin-right: 10%; } .flex-offset-md-15, .layout-margin .flex-offset-md-15, .layout-margin .offset-md-15, .offset-md-15 { margin-left: 15%; } [dir="rtl"] .flex-offset-md-15, [dir="rtl"] .layout-margin .flex-offset-md-15, [dir="rtl"] .layout-margin .offset-md-15, [dir="rtl"] .offset-md-15 { margin-left: auto; margin-right: 15%; } .flex-offset-md-20, .layout-margin .flex-offset-md-20, .layout-margin .offset-md-20, .offset-md-20 { margin-left: 20%; } [dir="rtl"] .flex-offset-md-20, [dir="rtl"] .layout-margin .flex-offset-md-20, [dir="rtl"] .layout-margin .offset-md-20, [dir="rtl"] .offset-md-20 { margin-left: auto; margin-right: 20%; } .flex-offset-md-25, .layout-margin .flex-offset-md-25, .layout-margin .offset-md-25, .offset-md-25 { margin-left: 25%; } [dir="rtl"] .flex-offset-md-25, [dir="rtl"] .layout-margin .flex-offset-md-25, [dir="rtl"] .layout-margin .offset-md-25, [dir="rtl"] .offset-md-25 { margin-left: auto; margin-right: 25%; } .flex-offset-md-30, .layout-margin .flex-offset-md-30, .layout-margin .offset-md-30, .offset-md-30 { margin-left: 30%; } [dir="rtl"] .flex-offset-md-30, [dir="rtl"] .layout-margin .flex-offset-md-30, [dir="rtl"] .layout-margin .offset-md-30, [dir="rtl"] .offset-md-30 { margin-left: auto; margin-right: 30%; } .flex-offset-md-35, .layout-margin .flex-offset-md-35, .layout-margin .offset-md-35, .offset-md-35 { margin-left: 35%; } [dir="rtl"] .flex-offset-md-35, [dir="rtl"] .layout-margin .flex-offset-md-35, [dir="rtl"] .layout-margin .offset-md-35, [dir="rtl"] .offset-md-35 { margin-left: auto; margin-right: 35%; } .flex-offset-md-40, .layout-margin .flex-offset-md-40, .layout-margin .offset-md-40, .offset-md-40 { margin-left: 40%; } [dir="rtl"] .flex-offset-md-40, [dir="rtl"] .layout-margin .flex-offset-md-40, [dir="rtl"] .layout-margin .offset-md-40, [dir="rtl"] .offset-md-40 { margin-left: auto; margin-right: 40%; } .flex-offset-md-45, .layout-margin .flex-offset-md-45, .layout-margin .offset-md-45, .offset-md-45 { margin-left: 45%; } [dir="rtl"] .flex-offset-md-45, [dir="rtl"] .layout-margin .flex-offset-md-45, [dir="rtl"] .layout-margin .offset-md-45, [dir="rtl"] .offset-md-45 { margin-left: auto; margin-right: 45%; } .flex-offset-md-50, .layout-margin .flex-offset-md-50, .layout-margin .offset-md-50, .offset-md-50 { margin-left: 50%; } [dir="rtl"] .flex-offset-md-50, [dir="rtl"] .layout-margin .flex-offset-md-50, [dir="rtl"] .layout-margin .offset-md-50, [dir="rtl"] .offset-md-50 { margin-left: auto; margin-right: 50%; } .flex-offset-md-55, .layout-margin .flex-offset-md-55, .layout-margin .offset-md-55, .offset-md-55 { margin-left: 55%; } [dir="rtl"] .flex-offset-md-55, [dir="rtl"] .layout-margin .flex-offset-md-55, [dir="rtl"] .layout-margin .offset-md-55, [dir="rtl"] .offset-md-55 { margin-left: auto; margin-right: 55%; } .flex-offset-md-60, .layout-margin .flex-offset-md-60, .layout-margin .offset-md-60, .offset-md-60 { margin-left: 60%; } [dir="rtl"] .flex-offset-md-60, [dir="rtl"] .layout-margin .flex-offset-md-60, [dir="rtl"] .layout-margin .offset-md-60, [dir="rtl"] .offset-md-60 { margin-left: auto; margin-right: 60%; } .flex-offset-md-65, .layout-margin .flex-offset-md-65, .layout-margin .offset-md-65, .offset-md-65 { margin-left: 65%; } [dir="rtl"] .flex-offset-md-65, [dir="rtl"] .layout-margin .flex-offset-md-65, [dir="rtl"] .layout-margin .offset-md-65, [dir="rtl"] .offset-md-65 { margin-left: auto; margin-right: 65%; } .flex-offset-md-70, .layout-margin .flex-offset-md-70, .layout-margin .offset-md-70, .offset-md-70 { margin-left: 70%; } [dir="rtl"] .flex-offset-md-70, [dir="rtl"] .layout-margin .flex-offset-md-70, [dir="rtl"] .layout-margin .offset-md-70, [dir="rtl"] .offset-md-70 { margin-left: auto; margin-right: 70%; } .flex-offset-md-75, .layout-margin .flex-offset-md-75, .layout-margin .offset-md-75, .offset-md-75 { margin-left: 75%; } [dir="rtl"] .flex-offset-md-75, [dir="rtl"] .layout-margin .flex-offset-md-75, [dir="rtl"] .layout-margin .offset-md-75, [dir="rtl"] .offset-md-75 { margin-left: auto; margin-right: 75%; } .flex-offset-md-80, .layout-margin .flex-offset-md-80, .layout-margin .offset-md-80, .offset-md-80 { margin-left: 80%; } [dir="rtl"] .flex-offset-md-80, [dir="rtl"] .layout-margin .flex-offset-md-80, [dir="rtl"] .layout-margin .offset-md-80, [dir="rtl"] .offset-md-80 { margin-left: auto; margin-right: 80%; } .flex-offset-md-85, .layout-margin .flex-offset-md-85, .layout-margin .offset-md-85, .offset-md-85 { margin-left: 85%; } [dir="rtl"] .flex-offset-md-85, [dir="rtl"] .layout-margin .flex-offset-md-85, [dir="rtl"] .layout-margin .offset-md-85, [dir="rtl"] .offset-md-85 { margin-left: auto; margin-right: 85%; } .flex-offset-md-90, .layout-margin .flex-offset-md-90, .layout-margin .offset-md-90, .offset-md-90 { margin-left: 90%; } [dir="rtl"] .flex-offset-md-90, [dir="rtl"] .layout-margin .flex-offset-md-90, [dir="rtl"] .layout-margin .offset-md-90, [dir="rtl"] .offset-md-90 { margin-left: auto; margin-right: 90%; } .flex-offset-md-95, .layout-margin .flex-offset-md-95, .layout-margin .offset-md-95, .offset-md-95 { margin-left: 95%; } [dir="rtl"] .flex-offset-md-95, [dir="rtl"] .layout-margin .flex-offset-md-95, [dir="rtl"] .layout-margin .offset-md-95, [dir="rtl"] .offset-md-95 { margin-left: auto; margin-right: 95%; } .flex-offset-md-33, .layout-margin .flex-offset-md-33, .layout-margin .offset-md-33, .offset-md-33 { margin-left: 33.3333%; } .flex-offset-md-66, .layout-margin .flex-offset-md-66, .layout-margin .offset-md-66, .offset-md-66 { margin-left: 66.6667%; } [dir="rtl"] .flex-offset-md-66, [dir="rtl"] .layout-margin .flex-offset-md-66, [dir="rtl"] .layout-margin .offset-md-66, [dir="rtl"] .offset-md-66 { margin-left: auto; margin-right: 66.6667%; } .layout-align-md, .layout-align-md-start-stretch { place-content: stretch flex-start; align-items: stretch; } .layout-align-md-start, .layout-align-md-start-center, .layout-align-md-start-end, .layout-align-md-start-start, .layout-align-md-start-stretch { justify-content: flex-start; } .layout-align-md-center, .layout-align-md-center-center, .layout-align-md-center-end, .layout-align-md-center-start, .layout-align-md-center-stretch { justify-content: center; } .layout-align-md-end, .layout-align-md-end-center, .layout-align-md-end-end, .layout-align-md-end-start, .layout-align-md-end-stretch { justify-content: flex-end; } .layout-align-md-space-around, .layout-align-md-space-around-center, .layout-align-md-space-around-end, .layout-align-md-space-around-start, .layout-align-md-space-around-stretch { justify-content: space-around; } .layout-align-md-space-between, .layout-align-md-space-between-center, .layout-align-md-space-between-end, .layout-align-md-space-between-start, .layout-align-md-space-between-stretch { justify-content: space-between; } .layout-align-md-center-start, .layout-align-md-end-start, .layout-align-md-space-around-start, .layout-align-md-space-between-start, .layout-align-md-start-start { align-items: flex-start; align-content: flex-start; } .layout-align-md-center-center, .layout-align-md-end-center, .layout-align-md-space-around-center, .layout-align-md-space-between-center, .layout-align-md-start-center { align-items: center; align-content: center; max-width: 100%; } .layout-align-md-center-center > *, .layout-align-md-end-center > *, .layout-align-md-space-around-center > *, .layout-align-md-space-between-center > *, .layout-align-md-start-center > * { max-width: 100%; box-sizing: border-box; } .layout-align-md-center-end, .layout-align-md-end-end, .layout-align-md-space-around-end, .layout-align-md-space-between-end, .layout-align-md-start-end { align-items: flex-end; align-content: flex-end; } .layout-align-md-center-stretch, .layout-align-md-end-stretch, .layout-align-md-space-around-stretch, .layout-align-md-space-between-stretch, .layout-align-md-start-stretch { align-items: stretch; align-content: stretch; } .flex-md { flex: 1 1 0%; box-sizing: border-box; } .flex-md-grow { flex: 1 1 100%; box-sizing: border-box; } .flex-md-initial { flex: 0 1 auto; box-sizing: border-box; } .flex-md-auto { flex: 1 1 auto; box-sizing: border-box; } .flex-md-none { flex: 0 0 auto; box-sizing: border-box; } .flex-md-noshrink { flex: 1 0 auto; box-sizing: border-box; } .flex-md-nogrow { flex: 0 1 auto; box-sizing: border-box; } .flex-md-0, .layout-row > .flex-md-0 { flex: 1 1 100%; max-width: 0px; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-md-0 { min-width: 0px; } .layout-column > .flex-md-0 { flex: 1 1 100%; max-width: 100%; max-height: 0%; box-sizing: border-box; } .layout-md-row > .flex-md-0 { flex: 1 1 100%; max-width: 0px; max-height: 100%; box-sizing: border-box; min-width: 0px; } .layout-md-column > .flex-md-0 { flex: 1 1 100%; max-width: 100%; max-height: 0%; box-sizing: border-box; min-height: 0px; } .flex-md-5, .layout-row > .flex-md-5 { flex: 1 1 100%; max-width: 5%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-md-5 { flex: 1 1 100%; max-width: 100%; max-height: 5%; box-sizing: border-box; } .layout-md-row > .flex-md-5 { flex: 1 1 100%; max-width: 5%; max-height: 100%; box-sizing: border-box; } .layout-md-column > .flex-md-5 { flex: 1 1 100%; max-width: 100%; max-height: 5%; box-sizing: border-box; } .flex-md-10, .layout-row > .flex-md-10 { flex: 1 1 100%; max-width: 10%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-md-10 { flex: 1 1 100%; max-width: 100%; max-height: 10%; box-sizing: border-box; } .layout-md-row > .flex-md-10 { flex: 1 1 100%; max-width: 10%; max-height: 100%; box-sizing: border-box; } .layout-md-column > .flex-md-10 { flex: 1 1 100%; max-width: 100%; max-height: 10%; box-sizing: border-box; } .flex-md-15, .layout-row > .flex-md-15 { flex: 1 1 100%; max-width: 15%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-md-15 { flex: 1 1 100%; max-width: 100%; max-height: 15%; box-sizing: border-box; } .layout-md-row > .flex-md-15 { flex: 1 1 100%; max-width: 15%; max-height: 100%; box-sizing: border-box; } .layout-md-column > .flex-md-15 { flex: 1 1 100%; max-width: 100%; max-height: 15%; box-sizing: border-box; } .flex-md-20, .layout-row > .flex-md-20 { flex: 1 1 100%; max-width: 20%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-md-20 { flex: 1 1 100%; max-width: 100%; max-height: 20%; box-sizing: border-box; } .layout-md-row > .flex-md-20 { flex: 1 1 100%; max-width: 20%; max-height: 100%; box-sizing: border-box; } .layout-md-column > .flex-md-20 { flex: 1 1 100%; max-width: 100%; max-height: 20%; box-sizing: border-box; } .flex-md-25, .layout-row > .flex-md-25 { flex: 1 1 100%; max-width: 25%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-md-25 { flex: 1 1 100%; max-width: 100%; max-height: 25%; box-sizing: border-box; } .layout-md-row > .flex-md-25 { flex: 1 1 100%; max-width: 25%; max-height: 100%; box-sizing: border-box; } .layout-md-column > .flex-md-25 { flex: 1 1 100%; max-width: 100%; max-height: 25%; box-sizing: border-box; } .flex-md-30, .layout-row > .flex-md-30 { flex: 1 1 100%; max-width: 30%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-md-30 { flex: 1 1 100%; max-width: 100%; max-height: 30%; box-sizing: border-box; } .layout-md-row > .flex-md-30 { flex: 1 1 100%; max-width: 30%; max-height: 100%; box-sizing: border-box; } .layout-md-column > .flex-md-30 { flex: 1 1 100%; max-width: 100%; max-height: 30%; box-sizing: border-box; } .flex-md-35, .layout-row > .flex-md-35 { flex: 1 1 100%; max-width: 35%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-md-35 { flex: 1 1 100%; max-width: 100%; max-height: 35%; box-sizing: border-box; } .layout-md-row > .flex-md-35 { flex: 1 1 100%; max-width: 35%; max-height: 100%; box-sizing: border-box; } .layout-md-column > .flex-md-35 { flex: 1 1 100%; max-width: 100%; max-height: 35%; box-sizing: border-box; } .flex-md-40, .layout-row > .flex-md-40 { flex: 1 1 100%; max-width: 40%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-md-40 { flex: 1 1 100%; max-width: 100%; max-height: 40%; box-sizing: border-box; } .layout-md-row > .flex-md-40 { flex: 1 1 100%; max-width: 40%; max-height: 100%; box-sizing: border-box; } .layout-md-column > .flex-md-40 { flex: 1 1 100%; max-width: 100%; max-height: 40%; box-sizing: border-box; } .flex-md-45, .layout-row > .flex-md-45 { flex: 1 1 100%; max-width: 45%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-md-45 { flex: 1 1 100%; max-width: 100%; max-height: 45%; box-sizing: border-box; } .layout-md-row > .flex-md-45 { flex: 1 1 100%; max-width: 45%; max-height: 100%; box-sizing: border-box; } .layout-md-column > .flex-md-45 { flex: 1 1 100%; max-width: 100%; max-height: 45%; box-sizing: border-box; } .flex-md-50, .layout-row > .flex-md-50 { flex: 1 1 100%; max-width: 50%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-md-50 { flex: 1 1 100%; max-width: 100%; max-height: 50%; box-sizing: border-box; } .layout-md-row > .flex-md-50 { flex: 1 1 100%; max-width: 50%; max-height: 100%; box-sizing: border-box; } .layout-md-column > .flex-md-50 { flex: 1 1 100%; max-width: 100%; max-height: 50%; box-sizing: border-box; } .flex-md-55, .layout-row > .flex-md-55 { flex: 1 1 100%; max-width: 55%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-md-55 { flex: 1 1 100%; max-width: 100%; max-height: 55%; box-sizing: border-box; } .layout-md-row > .flex-md-55 { flex: 1 1 100%; max-width: 55%; max-height: 100%; box-sizing: border-box; } .layout-md-column > .flex-md-55 { flex: 1 1 100%; max-width: 100%; max-height: 55%; box-sizing: border-box; } .flex-md-60, .layout-row > .flex-md-60 { flex: 1 1 100%; max-width: 60%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-md-60 { flex: 1 1 100%; max-width: 100%; max-height: 60%; box-sizing: border-box; } .layout-md-row > .flex-md-60 { flex: 1 1 100%; max-width: 60%; max-height: 100%; box-sizing: border-box; } .layout-md-column > .flex-md-60 { flex: 1 1 100%; max-width: 100%; max-height: 60%; box-sizing: border-box; } .flex-md-65, .layout-row > .flex-md-65 { flex: 1 1 100%; max-width: 65%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-md-65 { flex: 1 1 100%; max-width: 100%; max-height: 65%; box-sizing: border-box; } .layout-md-row > .flex-md-65 { flex: 1 1 100%; max-width: 65%; max-height: 100%; box-sizing: border-box; } .layout-md-column > .flex-md-65 { flex: 1 1 100%; max-width: 100%; max-height: 65%; box-sizing: border-box; } .flex-md-70, .layout-row > .flex-md-70 { flex: 1 1 100%; max-width: 70%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-md-70 { flex: 1 1 100%; max-width: 100%; max-height: 70%; box-sizing: border-box; } .layout-md-row > .flex-md-70 { flex: 1 1 100%; max-width: 70%; max-height: 100%; box-sizing: border-box; } .layout-md-column > .flex-md-70 { flex: 1 1 100%; max-width: 100%; max-height: 70%; box-sizing: border-box; } .flex-md-75, .layout-row > .flex-md-75 { flex: 1 1 100%; max-width: 75%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-md-75 { flex: 1 1 100%; max-width: 100%; max-height: 75%; box-sizing: border-box; } .layout-md-row > .flex-md-75 { flex: 1 1 100%; max-width: 75%; max-height: 100%; box-sizing: border-box; } .layout-md-column > .flex-md-75 { flex: 1 1 100%; max-width: 100%; max-height: 75%; box-sizing: border-box; } .flex-md-80, .layout-row > .flex-md-80 { flex: 1 1 100%; max-width: 80%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-md-80 { flex: 1 1 100%; max-width: 100%; max-height: 80%; box-sizing: border-box; } .layout-md-row > .flex-md-80 { flex: 1 1 100%; max-width: 80%; max-height: 100%; box-sizing: border-box; } .layout-md-column > .flex-md-80 { flex: 1 1 100%; max-width: 100%; max-height: 80%; box-sizing: border-box; } .flex-md-85, .layout-row > .flex-md-85 { flex: 1 1 100%; max-width: 85%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-md-85 { flex: 1 1 100%; max-width: 100%; max-height: 85%; box-sizing: border-box; } .layout-md-row > .flex-md-85 { flex: 1 1 100%; max-width: 85%; max-height: 100%; box-sizing: border-box; } .layout-md-column > .flex-md-85 { flex: 1 1 100%; max-width: 100%; max-height: 85%; box-sizing: border-box; } .flex-md-90, .layout-row > .flex-md-90 { flex: 1 1 100%; max-width: 90%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-md-90 { flex: 1 1 100%; max-width: 100%; max-height: 90%; box-sizing: border-box; } .layout-md-row > .flex-md-90 { flex: 1 1 100%; max-width: 90%; max-height: 100%; box-sizing: border-box; } .layout-md-column > .flex-md-90 { flex: 1 1 100%; max-width: 100%; max-height: 90%; box-sizing: border-box; } .flex-md-95, .layout-row > .flex-md-95 { flex: 1 1 100%; max-width: 95%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-md-95 { flex: 1 1 100%; max-width: 100%; max-height: 95%; box-sizing: border-box; } .layout-md-row > .flex-md-95 { flex: 1 1 100%; max-width: 95%; max-height: 100%; box-sizing: border-box; } .layout-md-column > .flex-md-95 { max-height: 95%; } .flex-md-100, .layout-md-column > .flex-md-95 { flex: 1 1 100%; max-width: 100%; box-sizing: border-box; } .flex-md-100 { max-height: 100%; } .layout-column > .flex-md-100, .layout-md-column > .flex-md-100, .layout-md-row > .flex-md-100, .layout-row > .flex-md-100 { flex: 1 1 100%; max-width: 100%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-md-33 { flex: 1 1 33.33%; max-width: 33.33%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-md-66 { flex: 1 1 66.66%; max-width: 66.66%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-md-33 { flex: 1 1 33.33%; max-width: 100%; max-height: 33.33%; box-sizing: border-box; } .layout-column > .flex-md-66 { flex: 1 1 66.66%; max-width: 100%; max-height: 66.66%; box-sizing: border-box; } .layout-md-row > .flex-md-33 { flex: 1 1 100%; max-width: 33.33%; max-height: 100%; box-sizing: border-box; } .layout-md-row > .flex-md-66 { flex: 1 1 100%; max-width: 66.66%; max-height: 100%; box-sizing: border-box; } .layout-md-row > .flex { min-width: 0px; } .layout-md-column > .flex-md-33 { flex: 1 1 100%; max-width: 100%; max-height: 33.33%; box-sizing: border-box; } .layout-md-column > .flex-md-66 { flex: 1 1 100%; max-width: 100%; max-height: 66.66%; box-sizing: border-box; } .layout-md-column > .flex { min-height: 0px; } .layout-md, .layout-md-column, .layout-md-row { box-sizing: border-box; display: flex; } .layout-md-column { flex-direction: column; } .layout-md-row { flex-direction: row; }} @media (min-width: 1280px) { .flex-order-gt-md--20 { order: -20; } .flex-order-gt-md--19 { order: -19; } .flex-order-gt-md--18 { order: -18; } .flex-order-gt-md--17 { order: -17; } .flex-order-gt-md--16 { order: -16; } .flex-order-gt-md--15 { order: -15; } .flex-order-gt-md--14 { order: -14; } .flex-order-gt-md--13 { order: -13; } .flex-order-gt-md--12 { order: -12; } .flex-order-gt-md--11 { order: -11; } .flex-order-gt-md--10 { order: -10; } .flex-order-gt-md--9 { order: -9; } .flex-order-gt-md--8 { order: -8; } .flex-order-gt-md--7 { order: -7; } .flex-order-gt-md--6 { order: -6; } .flex-order-gt-md--5 { order: -5; } .flex-order-gt-md--4 { order: -4; } .flex-order-gt-md--3 { order: -3; } .flex-order-gt-md--2 { order: -2; } .flex-order-gt-md--1 { order: -1; } .flex-order-gt-md-0 { order: 0; } .flex-order-gt-md-1 { order: 1; } .flex-order-gt-md-2 { order: 2; } .flex-order-gt-md-3 { order: 3; } .flex-order-gt-md-4 { order: 4; } .flex-order-gt-md-5 { order: 5; } .flex-order-gt-md-6 { order: 6; } .flex-order-gt-md-7 { order: 7; } .flex-order-gt-md-8 { order: 8; } .flex-order-gt-md-9 { order: 9; } .flex-order-gt-md-10 { order: 10; } .flex-order-gt-md-11 { order: 11; } .flex-order-gt-md-12 { order: 12; } .flex-order-gt-md-13 { order: 13; } .flex-order-gt-md-14 { order: 14; } .flex-order-gt-md-15 { order: 15; } .flex-order-gt-md-16 { order: 16; } .flex-order-gt-md-17 { order: 17; } .flex-order-gt-md-18 { order: 18; } .flex-order-gt-md-19 { order: 19; } .flex-order-gt-md-20 { order: 20; } .flex-offset-gt-md-0, .layout-margin .flex-offset-gt-md-0, .layout-margin .offset-gt-md-0, .offset-gt-md-0 { margin-left: 0px; } [dir="rtl"] .flex-offset-gt-md-0, [dir="rtl"] .layout-margin .flex-offset-gt-md-0, [dir="rtl"] .layout-margin .offset-gt-md-0, [dir="rtl"] .offset-gt-md-0 { margin-left: auto; margin-right: 0px; } .flex-offset-gt-md-5, .layout-margin .flex-offset-gt-md-5, .layout-margin .offset-gt-md-5, .offset-gt-md-5 { margin-left: 5%; } [dir="rtl"] .flex-offset-gt-md-5, [dir="rtl"] .layout-margin .flex-offset-gt-md-5, [dir="rtl"] .layout-margin .offset-gt-md-5, [dir="rtl"] .offset-gt-md-5 { margin-left: auto; margin-right: 5%; } .flex-offset-gt-md-10, .layout-margin .flex-offset-gt-md-10, .layout-margin .offset-gt-md-10, .offset-gt-md-10 { margin-left: 10%; } [dir="rtl"] .flex-offset-gt-md-10, [dir="rtl"] .layout-margin .flex-offset-gt-md-10, [dir="rtl"] .layout-margin .offset-gt-md-10, [dir="rtl"] .offset-gt-md-10 { margin-left: auto; margin-right: 10%; } .flex-offset-gt-md-15, .layout-margin .flex-offset-gt-md-15, .layout-margin .offset-gt-md-15, .offset-gt-md-15 { margin-left: 15%; } [dir="rtl"] .flex-offset-gt-md-15, [dir="rtl"] .layout-margin .flex-offset-gt-md-15, [dir="rtl"] .layout-margin .offset-gt-md-15, [dir="rtl"] .offset-gt-md-15 { margin-left: auto; margin-right: 15%; } .flex-offset-gt-md-20, .layout-margin .flex-offset-gt-md-20, .layout-margin .offset-gt-md-20, .offset-gt-md-20 { margin-left: 20%; } [dir="rtl"] .flex-offset-gt-md-20, [dir="rtl"] .layout-margin .flex-offset-gt-md-20, [dir="rtl"] .layout-margin .offset-gt-md-20, [dir="rtl"] .offset-gt-md-20 { margin-left: auto; margin-right: 20%; } .flex-offset-gt-md-25, .layout-margin .flex-offset-gt-md-25, .layout-margin .offset-gt-md-25, .offset-gt-md-25 { margin-left: 25%; } [dir="rtl"] .flex-offset-gt-md-25, [dir="rtl"] .layout-margin .flex-offset-gt-md-25, [dir="rtl"] .layout-margin .offset-gt-md-25, [dir="rtl"] .offset-gt-md-25 { margin-left: auto; margin-right: 25%; } .flex-offset-gt-md-30, .layout-margin .flex-offset-gt-md-30, .layout-margin .offset-gt-md-30, .offset-gt-md-30 { margin-left: 30%; } [dir="rtl"] .flex-offset-gt-md-30, [dir="rtl"] .layout-margin .flex-offset-gt-md-30, [dir="rtl"] .layout-margin .offset-gt-md-30, [dir="rtl"] .offset-gt-md-30 { margin-left: auto; margin-right: 30%; } .flex-offset-gt-md-35, .layout-margin .flex-offset-gt-md-35, .layout-margin .offset-gt-md-35, .offset-gt-md-35 { margin-left: 35%; } [dir="rtl"] .flex-offset-gt-md-35, [dir="rtl"] .layout-margin .flex-offset-gt-md-35, [dir="rtl"] .layout-margin .offset-gt-md-35, [dir="rtl"] .offset-gt-md-35 { margin-left: auto; margin-right: 35%; } .flex-offset-gt-md-40, .layout-margin .flex-offset-gt-md-40, .layout-margin .offset-gt-md-40, .offset-gt-md-40 { margin-left: 40%; } [dir="rtl"] .flex-offset-gt-md-40, [dir="rtl"] .layout-margin .flex-offset-gt-md-40, [dir="rtl"] .layout-margin .offset-gt-md-40, [dir="rtl"] .offset-gt-md-40 { margin-left: auto; margin-right: 40%; } .flex-offset-gt-md-45, .layout-margin .flex-offset-gt-md-45, .layout-margin .offset-gt-md-45, .offset-gt-md-45 { margin-left: 45%; } [dir="rtl"] .flex-offset-gt-md-45, [dir="rtl"] .layout-margin .flex-offset-gt-md-45, [dir="rtl"] .layout-margin .offset-gt-md-45, [dir="rtl"] .offset-gt-md-45 { margin-left: auto; margin-right: 45%; } .flex-offset-gt-md-50, .layout-margin .flex-offset-gt-md-50, .layout-margin .offset-gt-md-50, .offset-gt-md-50 { margin-left: 50%; } [dir="rtl"] .flex-offset-gt-md-50, [dir="rtl"] .layout-margin .flex-offset-gt-md-50, [dir="rtl"] .layout-margin .offset-gt-md-50, [dir="rtl"] .offset-gt-md-50 { margin-left: auto; margin-right: 50%; } .flex-offset-gt-md-55, .layout-margin .flex-offset-gt-md-55, .layout-margin .offset-gt-md-55, .offset-gt-md-55 { margin-left: 55%; } [dir="rtl"] .flex-offset-gt-md-55, [dir="rtl"] .layout-margin .flex-offset-gt-md-55, [dir="rtl"] .layout-margin .offset-gt-md-55, [dir="rtl"] .offset-gt-md-55 { margin-left: auto; margin-right: 55%; } .flex-offset-gt-md-60, .layout-margin .flex-offset-gt-md-60, .layout-margin .offset-gt-md-60, .offset-gt-md-60 { margin-left: 60%; } [dir="rtl"] .flex-offset-gt-md-60, [dir="rtl"] .layout-margin .flex-offset-gt-md-60, [dir="rtl"] .layout-margin .offset-gt-md-60, [dir="rtl"] .offset-gt-md-60 { margin-left: auto; margin-right: 60%; } .flex-offset-gt-md-65, .layout-margin .flex-offset-gt-md-65, .layout-margin .offset-gt-md-65, .offset-gt-md-65 { margin-left: 65%; } [dir="rtl"] .flex-offset-gt-md-65, [dir="rtl"] .layout-margin .flex-offset-gt-md-65, [dir="rtl"] .layout-margin .offset-gt-md-65, [dir="rtl"] .offset-gt-md-65 { margin-left: auto; margin-right: 65%; } .flex-offset-gt-md-70, .layout-margin .flex-offset-gt-md-70, .layout-margin .offset-gt-md-70, .offset-gt-md-70 { margin-left: 70%; } [dir="rtl"] .flex-offset-gt-md-70, [dir="rtl"] .layout-margin .flex-offset-gt-md-70, [dir="rtl"] .layout-margin .offset-gt-md-70, [dir="rtl"] .offset-gt-md-70 { margin-left: auto; margin-right: 70%; } .flex-offset-gt-md-75, .layout-margin .flex-offset-gt-md-75, .layout-margin .offset-gt-md-75, .offset-gt-md-75 { margin-left: 75%; } [dir="rtl"] .flex-offset-gt-md-75, [dir="rtl"] .layout-margin .flex-offset-gt-md-75, [dir="rtl"] .layout-margin .offset-gt-md-75, [dir="rtl"] .offset-gt-md-75 { margin-left: auto; margin-right: 75%; } .flex-offset-gt-md-80, .layout-margin .flex-offset-gt-md-80, .layout-margin .offset-gt-md-80, .offset-gt-md-80 { margin-left: 80%; } [dir="rtl"] .flex-offset-gt-md-80, [dir="rtl"] .layout-margin .flex-offset-gt-md-80, [dir="rtl"] .layout-margin .offset-gt-md-80, [dir="rtl"] .offset-gt-md-80 { margin-left: auto; margin-right: 80%; } .flex-offset-gt-md-85, .layout-margin .flex-offset-gt-md-85, .layout-margin .offset-gt-md-85, .offset-gt-md-85 { margin-left: 85%; } [dir="rtl"] .flex-offset-gt-md-85, [dir="rtl"] .layout-margin .flex-offset-gt-md-85, [dir="rtl"] .layout-margin .offset-gt-md-85, [dir="rtl"] .offset-gt-md-85 { margin-left: auto; margin-right: 85%; } .flex-offset-gt-md-90, .layout-margin .flex-offset-gt-md-90, .layout-margin .offset-gt-md-90, .offset-gt-md-90 { margin-left: 90%; } [dir="rtl"] .flex-offset-gt-md-90, [dir="rtl"] .layout-margin .flex-offset-gt-md-90, [dir="rtl"] .layout-margin .offset-gt-md-90, [dir="rtl"] .offset-gt-md-90 { margin-left: auto; margin-right: 90%; } .flex-offset-gt-md-95, .layout-margin .flex-offset-gt-md-95, .layout-margin .offset-gt-md-95, .offset-gt-md-95 { margin-left: 95%; } [dir="rtl"] .flex-offset-gt-md-95, [dir="rtl"] .layout-margin .flex-offset-gt-md-95, [dir="rtl"] .layout-margin .offset-gt-md-95, [dir="rtl"] .offset-gt-md-95 { margin-left: auto; margin-right: 95%; } .flex-offset-gt-md-33, .layout-margin .flex-offset-gt-md-33, .layout-margin .offset-gt-md-33, .offset-gt-md-33 { margin-left: 33.3333%; } .flex-offset-gt-md-66, .layout-margin .flex-offset-gt-md-66, .layout-margin .offset-gt-md-66, .offset-gt-md-66 { margin-left: 66.6667%; } [dir="rtl"] .flex-offset-gt-md-66, [dir="rtl"] .layout-margin .flex-offset-gt-md-66, [dir="rtl"] .layout-margin .offset-gt-md-66, [dir="rtl"] .offset-gt-md-66 { margin-left: auto; margin-right: 66.6667%; } .layout-align-gt-md, .layout-align-gt-md-start-stretch { place-content: stretch flex-start; align-items: stretch; } .layout-align-gt-md-start, .layout-align-gt-md-start-center, .layout-align-gt-md-start-end, .layout-align-gt-md-start-start, .layout-align-gt-md-start-stretch { justify-content: flex-start; } .layout-align-gt-md-center, .layout-align-gt-md-center-center, .layout-align-gt-md-center-end, .layout-align-gt-md-center-start, .layout-align-gt-md-center-stretch { justify-content: center; } .layout-align-gt-md-end, .layout-align-gt-md-end-center, .layout-align-gt-md-end-end, .layout-align-gt-md-end-start, .layout-align-gt-md-end-stretch { justify-content: flex-end; } .layout-align-gt-md-space-around, .layout-align-gt-md-space-around-center, .layout-align-gt-md-space-around-end, .layout-align-gt-md-space-around-start, .layout-align-gt-md-space-around-stretch { justify-content: space-around; } .layout-align-gt-md-space-between, .layout-align-gt-md-space-between-center, .layout-align-gt-md-space-between-end, .layout-align-gt-md-space-between-start, .layout-align-gt-md-space-between-stretch { justify-content: space-between; } .layout-align-gt-md-center-start, .layout-align-gt-md-end-start, .layout-align-gt-md-space-around-start, .layout-align-gt-md-space-between-start, .layout-align-gt-md-start-start { align-items: flex-start; align-content: flex-start; } .layout-align-gt-md-center-center, .layout-align-gt-md-end-center, .layout-align-gt-md-space-around-center, .layout-align-gt-md-space-between-center, .layout-align-gt-md-start-center { align-items: center; align-content: center; max-width: 100%; } .layout-align-gt-md-center-center > *, .layout-align-gt-md-end-center > *, .layout-align-gt-md-space-around-center > *, .layout-align-gt-md-space-between-center > *, .layout-align-gt-md-start-center > * { max-width: 100%; box-sizing: border-box; } .layout-align-gt-md-center-end, .layout-align-gt-md-end-end, .layout-align-gt-md-space-around-end, .layout-align-gt-md-space-between-end, .layout-align-gt-md-start-end { align-items: flex-end; align-content: flex-end; } .layout-align-gt-md-center-stretch, .layout-align-gt-md-end-stretch, .layout-align-gt-md-space-around-stretch, .layout-align-gt-md-space-between-stretch, .layout-align-gt-md-start-stretch { align-items: stretch; align-content: stretch; } .flex-gt-md { flex: 1 1 0%; box-sizing: border-box; } .flex-gt-md-grow { flex: 1 1 100%; box-sizing: border-box; } .flex-gt-md-initial { flex: 0 1 auto; box-sizing: border-box; } .flex-gt-md-auto { flex: 1 1 auto; box-sizing: border-box; } .flex-gt-md-none { flex: 0 0 auto; box-sizing: border-box; } .flex-gt-md-noshrink { flex: 1 0 auto; box-sizing: border-box; } .flex-gt-md-nogrow { flex: 0 1 auto; box-sizing: border-box; } .flex-gt-md-0, .layout-row > .flex-gt-md-0 { flex: 1 1 100%; max-width: 0px; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-gt-md-0 { min-width: 0px; } .layout-column > .flex-gt-md-0 { flex: 1 1 100%; max-width: 100%; max-height: 0%; box-sizing: border-box; } .layout-gt-md-row > .flex-gt-md-0 { flex: 1 1 100%; max-width: 0px; max-height: 100%; box-sizing: border-box; min-width: 0px; } .layout-gt-md-column > .flex-gt-md-0 { flex: 1 1 100%; max-width: 100%; max-height: 0%; box-sizing: border-box; min-height: 0px; } .flex-gt-md-5, .layout-row > .flex-gt-md-5 { flex: 1 1 100%; max-width: 5%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-md-5 { flex: 1 1 100%; max-width: 100%; max-height: 5%; box-sizing: border-box; } .layout-gt-md-row > .flex-gt-md-5 { flex: 1 1 100%; max-width: 5%; max-height: 100%; box-sizing: border-box; } .layout-gt-md-column > .flex-gt-md-5 { flex: 1 1 100%; max-width: 100%; max-height: 5%; box-sizing: border-box; } .flex-gt-md-10, .layout-row > .flex-gt-md-10 { flex: 1 1 100%; max-width: 10%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-md-10 { flex: 1 1 100%; max-width: 100%; max-height: 10%; box-sizing: border-box; } .layout-gt-md-row > .flex-gt-md-10 { flex: 1 1 100%; max-width: 10%; max-height: 100%; box-sizing: border-box; } .layout-gt-md-column > .flex-gt-md-10 { flex: 1 1 100%; max-width: 100%; max-height: 10%; box-sizing: border-box; } .flex-gt-md-15, .layout-row > .flex-gt-md-15 { flex: 1 1 100%; max-width: 15%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-md-15 { flex: 1 1 100%; max-width: 100%; max-height: 15%; box-sizing: border-box; } .layout-gt-md-row > .flex-gt-md-15 { flex: 1 1 100%; max-width: 15%; max-height: 100%; box-sizing: border-box; } .layout-gt-md-column > .flex-gt-md-15 { flex: 1 1 100%; max-width: 100%; max-height: 15%; box-sizing: border-box; } .flex-gt-md-20, .layout-row > .flex-gt-md-20 { flex: 1 1 100%; max-width: 20%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-md-20 { flex: 1 1 100%; max-width: 100%; max-height: 20%; box-sizing: border-box; } .layout-gt-md-row > .flex-gt-md-20 { flex: 1 1 100%; max-width: 20%; max-height: 100%; box-sizing: border-box; } .layout-gt-md-column > .flex-gt-md-20 { flex: 1 1 100%; max-width: 100%; max-height: 20%; box-sizing: border-box; } .flex-gt-md-25, .layout-row > .flex-gt-md-25 { flex: 1 1 100%; max-width: 25%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-md-25 { flex: 1 1 100%; max-width: 100%; max-height: 25%; box-sizing: border-box; } .layout-gt-md-row > .flex-gt-md-25 { flex: 1 1 100%; max-width: 25%; max-height: 100%; box-sizing: border-box; } .layout-gt-md-column > .flex-gt-md-25 { flex: 1 1 100%; max-width: 100%; max-height: 25%; box-sizing: border-box; } .flex-gt-md-30, .layout-row > .flex-gt-md-30 { flex: 1 1 100%; max-width: 30%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-md-30 { flex: 1 1 100%; max-width: 100%; max-height: 30%; box-sizing: border-box; } .layout-gt-md-row > .flex-gt-md-30 { flex: 1 1 100%; max-width: 30%; max-height: 100%; box-sizing: border-box; } .layout-gt-md-column > .flex-gt-md-30 { flex: 1 1 100%; max-width: 100%; max-height: 30%; box-sizing: border-box; } .flex-gt-md-35, .layout-row > .flex-gt-md-35 { flex: 1 1 100%; max-width: 35%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-md-35 { flex: 1 1 100%; max-width: 100%; max-height: 35%; box-sizing: border-box; } .layout-gt-md-row > .flex-gt-md-35 { flex: 1 1 100%; max-width: 35%; max-height: 100%; box-sizing: border-box; } .layout-gt-md-column > .flex-gt-md-35 { flex: 1 1 100%; max-width: 100%; max-height: 35%; box-sizing: border-box; } .flex-gt-md-40, .layout-row > .flex-gt-md-40 { flex: 1 1 100%; max-width: 40%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-md-40 { flex: 1 1 100%; max-width: 100%; max-height: 40%; box-sizing: border-box; } .layout-gt-md-row > .flex-gt-md-40 { flex: 1 1 100%; max-width: 40%; max-height: 100%; box-sizing: border-box; } .layout-gt-md-column > .flex-gt-md-40 { flex: 1 1 100%; max-width: 100%; max-height: 40%; box-sizing: border-box; } .flex-gt-md-45, .layout-row > .flex-gt-md-45 { flex: 1 1 100%; max-width: 45%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-md-45 { flex: 1 1 100%; max-width: 100%; max-height: 45%; box-sizing: border-box; } .layout-gt-md-row > .flex-gt-md-45 { flex: 1 1 100%; max-width: 45%; max-height: 100%; box-sizing: border-box; } .layout-gt-md-column > .flex-gt-md-45 { flex: 1 1 100%; max-width: 100%; max-height: 45%; box-sizing: border-box; } .flex-gt-md-50, .layout-row > .flex-gt-md-50 { flex: 1 1 100%; max-width: 50%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-md-50 { flex: 1 1 100%; max-width: 100%; max-height: 50%; box-sizing: border-box; } .layout-gt-md-row > .flex-gt-md-50 { flex: 1 1 100%; max-width: 50%; max-height: 100%; box-sizing: border-box; } .layout-gt-md-column > .flex-gt-md-50 { flex: 1 1 100%; max-width: 100%; max-height: 50%; box-sizing: border-box; } .flex-gt-md-55, .layout-row > .flex-gt-md-55 { flex: 1 1 100%; max-width: 55%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-md-55 { flex: 1 1 100%; max-width: 100%; max-height: 55%; box-sizing: border-box; } .layout-gt-md-row > .flex-gt-md-55 { flex: 1 1 100%; max-width: 55%; max-height: 100%; box-sizing: border-box; } .layout-gt-md-column > .flex-gt-md-55 { flex: 1 1 100%; max-width: 100%; max-height: 55%; box-sizing: border-box; } .flex-gt-md-60, .layout-row > .flex-gt-md-60 { flex: 1 1 100%; max-width: 60%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-md-60 { flex: 1 1 100%; max-width: 100%; max-height: 60%; box-sizing: border-box; } .layout-gt-md-row > .flex-gt-md-60 { flex: 1 1 100%; max-width: 60%; max-height: 100%; box-sizing: border-box; } .layout-gt-md-column > .flex-gt-md-60 { flex: 1 1 100%; max-width: 100%; max-height: 60%; box-sizing: border-box; } .flex-gt-md-65, .layout-row > .flex-gt-md-65 { flex: 1 1 100%; max-width: 65%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-md-65 { flex: 1 1 100%; max-width: 100%; max-height: 65%; box-sizing: border-box; } .layout-gt-md-row > .flex-gt-md-65 { flex: 1 1 100%; max-width: 65%; max-height: 100%; box-sizing: border-box; } .layout-gt-md-column > .flex-gt-md-65 { flex: 1 1 100%; max-width: 100%; max-height: 65%; box-sizing: border-box; } .flex-gt-md-70, .layout-row > .flex-gt-md-70 { flex: 1 1 100%; max-width: 70%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-md-70 { flex: 1 1 100%; max-width: 100%; max-height: 70%; box-sizing: border-box; } .layout-gt-md-row > .flex-gt-md-70 { flex: 1 1 100%; max-width: 70%; max-height: 100%; box-sizing: border-box; } .layout-gt-md-column > .flex-gt-md-70 { flex: 1 1 100%; max-width: 100%; max-height: 70%; box-sizing: border-box; } .flex-gt-md-75, .layout-row > .flex-gt-md-75 { flex: 1 1 100%; max-width: 75%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-md-75 { flex: 1 1 100%; max-width: 100%; max-height: 75%; box-sizing: border-box; } .layout-gt-md-row > .flex-gt-md-75 { flex: 1 1 100%; max-width: 75%; max-height: 100%; box-sizing: border-box; } .layout-gt-md-column > .flex-gt-md-75 { flex: 1 1 100%; max-width: 100%; max-height: 75%; box-sizing: border-box; } .flex-gt-md-80, .layout-row > .flex-gt-md-80 { flex: 1 1 100%; max-width: 80%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-md-80 { flex: 1 1 100%; max-width: 100%; max-height: 80%; box-sizing: border-box; } .layout-gt-md-row > .flex-gt-md-80 { flex: 1 1 100%; max-width: 80%; max-height: 100%; box-sizing: border-box; } .layout-gt-md-column > .flex-gt-md-80 { flex: 1 1 100%; max-width: 100%; max-height: 80%; box-sizing: border-box; } .flex-gt-md-85, .layout-row > .flex-gt-md-85 { flex: 1 1 100%; max-width: 85%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-md-85 { flex: 1 1 100%; max-width: 100%; max-height: 85%; box-sizing: border-box; } .layout-gt-md-row > .flex-gt-md-85 { flex: 1 1 100%; max-width: 85%; max-height: 100%; box-sizing: border-box; } .layout-gt-md-column > .flex-gt-md-85 { flex: 1 1 100%; max-width: 100%; max-height: 85%; box-sizing: border-box; } .flex-gt-md-90, .layout-row > .flex-gt-md-90 { flex: 1 1 100%; max-width: 90%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-md-90 { flex: 1 1 100%; max-width: 100%; max-height: 90%; box-sizing: border-box; } .layout-gt-md-row > .flex-gt-md-90 { flex: 1 1 100%; max-width: 90%; max-height: 100%; box-sizing: border-box; } .layout-gt-md-column > .flex-gt-md-90 { flex: 1 1 100%; max-width: 100%; max-height: 90%; box-sizing: border-box; } .flex-gt-md-95, .layout-row > .flex-gt-md-95 { flex: 1 1 100%; max-width: 95%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-md-95 { flex: 1 1 100%; max-width: 100%; max-height: 95%; box-sizing: border-box; } .layout-gt-md-row > .flex-gt-md-95 { flex: 1 1 100%; max-width: 95%; max-height: 100%; box-sizing: border-box; } .layout-gt-md-column > .flex-gt-md-95 { flex: 1 1 100%; max-width: 100%; max-height: 95%; box-sizing: border-box; } .flex-gt-md-100, .layout-column > .flex-gt-md-100, .layout-gt-md-column > .flex-gt-md-100, .layout-gt-md-row > .flex-gt-md-100, .layout-row > .flex-gt-md-100 { flex: 1 1 100%; max-width: 100%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-gt-md-33 { flex: 1 1 33.33%; max-width: 33.33%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-gt-md-66 { flex: 1 1 66.66%; max-width: 66.66%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-md-33 { flex: 1 1 33.33%; max-width: 100%; max-height: 33.33%; box-sizing: border-box; } .layout-column > .flex-gt-md-66 { flex: 1 1 66.66%; max-width: 100%; max-height: 66.66%; box-sizing: border-box; } .layout-gt-md-row > .flex-gt-md-33 { flex: 1 1 100%; max-width: 33.33%; max-height: 100%; box-sizing: border-box; } .layout-gt-md-row > .flex-gt-md-66 { flex: 1 1 100%; max-width: 66.66%; max-height: 100%; box-sizing: border-box; } .layout-gt-md-row > .flex { min-width: 0px; } .layout-gt-md-column > .flex-gt-md-33 { flex: 1 1 100%; max-width: 100%; max-height: 33.33%; box-sizing: border-box; } .layout-gt-md-column > .flex-gt-md-66 { flex: 1 1 100%; max-width: 100%; max-height: 66.66%; box-sizing: border-box; } .layout-gt-md-column > .flex { min-height: 0px; } .layout-gt-md, .layout-gt-md-column, .layout-gt-md-row { box-sizing: border-box; display: flex; } .layout-gt-md-column { flex-direction: column; } .layout-gt-md-row { flex-direction: row; }} @media (min-width: 1280px) and (max-width: 1919px) { .hide-gt-md:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-lg):not(.show), .hide-gt-sm:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-lg):not(.show), .hide-gt-xs:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-lg):not(.show), .hide-lg:not(.show-lg):not(.show-gt-md):not(.show-gt-sm):not(.show-gt-xs):not(.show), .hide:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-lg):not(.show) { display: none; } .flex-order-lg--20 { order: -20; } .flex-order-lg--19 { order: -19; } .flex-order-lg--18 { order: -18; } .flex-order-lg--17 { order: -17; } .flex-order-lg--16 { order: -16; } .flex-order-lg--15 { order: -15; } .flex-order-lg--14 { order: -14; } .flex-order-lg--13 { order: -13; } .flex-order-lg--12 { order: -12; } .flex-order-lg--11 { order: -11; } .flex-order-lg--10 { order: -10; } .flex-order-lg--9 { order: -9; } .flex-order-lg--8 { order: -8; } .flex-order-lg--7 { order: -7; } .flex-order-lg--6 { order: -6; } .flex-order-lg--5 { order: -5; } .flex-order-lg--4 { order: -4; } .flex-order-lg--3 { order: -3; } .flex-order-lg--2 { order: -2; } .flex-order-lg--1 { order: -1; } .flex-order-lg-0 { order: 0; } .flex-order-lg-1 { order: 1; } .flex-order-lg-2 { order: 2; } .flex-order-lg-3 { order: 3; } .flex-order-lg-4 { order: 4; } .flex-order-lg-5 { order: 5; } .flex-order-lg-6 { order: 6; } .flex-order-lg-7 { order: 7; } .flex-order-lg-8 { order: 8; } .flex-order-lg-9 { order: 9; } .flex-order-lg-10 { order: 10; } .flex-order-lg-11 { order: 11; } .flex-order-lg-12 { order: 12; } .flex-order-lg-13 { order: 13; } .flex-order-lg-14 { order: 14; } .flex-order-lg-15 { order: 15; } .flex-order-lg-16 { order: 16; } .flex-order-lg-17 { order: 17; } .flex-order-lg-18 { order: 18; } .flex-order-lg-19 { order: 19; } .flex-order-lg-20 { order: 20; } .flex-offset-lg-0, .layout-margin .flex-offset-lg-0, .layout-margin .offset-lg-0, .offset-lg-0 { margin-left: 0px; } [dir="rtl"] .flex-offset-lg-0, [dir="rtl"] .layout-margin .flex-offset-lg-0, [dir="rtl"] .layout-margin .offset-lg-0, [dir="rtl"] .offset-lg-0 { margin-left: auto; margin-right: 0px; } .flex-offset-lg-5, .layout-margin .flex-offset-lg-5, .layout-margin .offset-lg-5, .offset-lg-5 { margin-left: 5%; } [dir="rtl"] .flex-offset-lg-5, [dir="rtl"] .layout-margin .flex-offset-lg-5, [dir="rtl"] .layout-margin .offset-lg-5, [dir="rtl"] .offset-lg-5 { margin-left: auto; margin-right: 5%; } .flex-offset-lg-10, .layout-margin .flex-offset-lg-10, .layout-margin .offset-lg-10, .offset-lg-10 { margin-left: 10%; } [dir="rtl"] .flex-offset-lg-10, [dir="rtl"] .layout-margin .flex-offset-lg-10, [dir="rtl"] .layout-margin .offset-lg-10, [dir="rtl"] .offset-lg-10 { margin-left: auto; margin-right: 10%; } .flex-offset-lg-15, .layout-margin .flex-offset-lg-15, .layout-margin .offset-lg-15, .offset-lg-15 { margin-left: 15%; } [dir="rtl"] .flex-offset-lg-15, [dir="rtl"] .layout-margin .flex-offset-lg-15, [dir="rtl"] .layout-margin .offset-lg-15, [dir="rtl"] .offset-lg-15 { margin-left: auto; margin-right: 15%; } .flex-offset-lg-20, .layout-margin .flex-offset-lg-20, .layout-margin .offset-lg-20, .offset-lg-20 { margin-left: 20%; } [dir="rtl"] .flex-offset-lg-20, [dir="rtl"] .layout-margin .flex-offset-lg-20, [dir="rtl"] .layout-margin .offset-lg-20, [dir="rtl"] .offset-lg-20 { margin-left: auto; margin-right: 20%; } .flex-offset-lg-25, .layout-margin .flex-offset-lg-25, .layout-margin .offset-lg-25, .offset-lg-25 { margin-left: 25%; } [dir="rtl"] .flex-offset-lg-25, [dir="rtl"] .layout-margin .flex-offset-lg-25, [dir="rtl"] .layout-margin .offset-lg-25, [dir="rtl"] .offset-lg-25 { margin-left: auto; margin-right: 25%; } .flex-offset-lg-30, .layout-margin .flex-offset-lg-30, .layout-margin .offset-lg-30, .offset-lg-30 { margin-left: 30%; } [dir="rtl"] .flex-offset-lg-30, [dir="rtl"] .layout-margin .flex-offset-lg-30, [dir="rtl"] .layout-margin .offset-lg-30, [dir="rtl"] .offset-lg-30 { margin-left: auto; margin-right: 30%; } .flex-offset-lg-35, .layout-margin .flex-offset-lg-35, .layout-margin .offset-lg-35, .offset-lg-35 { margin-left: 35%; } [dir="rtl"] .flex-offset-lg-35, [dir="rtl"] .layout-margin .flex-offset-lg-35, [dir="rtl"] .layout-margin .offset-lg-35, [dir="rtl"] .offset-lg-35 { margin-left: auto; margin-right: 35%; } .flex-offset-lg-40, .layout-margin .flex-offset-lg-40, .layout-margin .offset-lg-40, .offset-lg-40 { margin-left: 40%; } [dir="rtl"] .flex-offset-lg-40, [dir="rtl"] .layout-margin .flex-offset-lg-40, [dir="rtl"] .layout-margin .offset-lg-40, [dir="rtl"] .offset-lg-40 { margin-left: auto; margin-right: 40%; } .flex-offset-lg-45, .layout-margin .flex-offset-lg-45, .layout-margin .offset-lg-45, .offset-lg-45 { margin-left: 45%; } [dir="rtl"] .flex-offset-lg-45, [dir="rtl"] .layout-margin .flex-offset-lg-45, [dir="rtl"] .layout-margin .offset-lg-45, [dir="rtl"] .offset-lg-45 { margin-left: auto; margin-right: 45%; } .flex-offset-lg-50, .layout-margin .flex-offset-lg-50, .layout-margin .offset-lg-50, .offset-lg-50 { margin-left: 50%; } [dir="rtl"] .flex-offset-lg-50, [dir="rtl"] .layout-margin .flex-offset-lg-50, [dir="rtl"] .layout-margin .offset-lg-50, [dir="rtl"] .offset-lg-50 { margin-left: auto; margin-right: 50%; } .flex-offset-lg-55, .layout-margin .flex-offset-lg-55, .layout-margin .offset-lg-55, .offset-lg-55 { margin-left: 55%; } [dir="rtl"] .flex-offset-lg-55, [dir="rtl"] .layout-margin .flex-offset-lg-55, [dir="rtl"] .layout-margin .offset-lg-55, [dir="rtl"] .offset-lg-55 { margin-left: auto; margin-right: 55%; } .flex-offset-lg-60, .layout-margin .flex-offset-lg-60, .layout-margin .offset-lg-60, .offset-lg-60 { margin-left: 60%; } [dir="rtl"] .flex-offset-lg-60, [dir="rtl"] .layout-margin .flex-offset-lg-60, [dir="rtl"] .layout-margin .offset-lg-60, [dir="rtl"] .offset-lg-60 { margin-left: auto; margin-right: 60%; } .flex-offset-lg-65, .layout-margin .flex-offset-lg-65, .layout-margin .offset-lg-65, .offset-lg-65 { margin-left: 65%; } [dir="rtl"] .flex-offset-lg-65, [dir="rtl"] .layout-margin .flex-offset-lg-65, [dir="rtl"] .layout-margin .offset-lg-65, [dir="rtl"] .offset-lg-65 { margin-left: auto; margin-right: 65%; } .flex-offset-lg-70, .layout-margin .flex-offset-lg-70, .layout-margin .offset-lg-70, .offset-lg-70 { margin-left: 70%; } [dir="rtl"] .flex-offset-lg-70, [dir="rtl"] .layout-margin .flex-offset-lg-70, [dir="rtl"] .layout-margin .offset-lg-70, [dir="rtl"] .offset-lg-70 { margin-left: auto; margin-right: 70%; } .flex-offset-lg-75, .layout-margin .flex-offset-lg-75, .layout-margin .offset-lg-75, .offset-lg-75 { margin-left: 75%; } [dir="rtl"] .flex-offset-lg-75, [dir="rtl"] .layout-margin .flex-offset-lg-75, [dir="rtl"] .layout-margin .offset-lg-75, [dir="rtl"] .offset-lg-75 { margin-left: auto; margin-right: 75%; } .flex-offset-lg-80, .layout-margin .flex-offset-lg-80, .layout-margin .offset-lg-80, .offset-lg-80 { margin-left: 80%; } [dir="rtl"] .flex-offset-lg-80, [dir="rtl"] .layout-margin .flex-offset-lg-80, [dir="rtl"] .layout-margin .offset-lg-80, [dir="rtl"] .offset-lg-80 { margin-left: auto; margin-right: 80%; } .flex-offset-lg-85, .layout-margin .flex-offset-lg-85, .layout-margin .offset-lg-85, .offset-lg-85 { margin-left: 85%; } [dir="rtl"] .flex-offset-lg-85, [dir="rtl"] .layout-margin .flex-offset-lg-85, [dir="rtl"] .layout-margin .offset-lg-85, [dir="rtl"] .offset-lg-85 { margin-left: auto; margin-right: 85%; } .flex-offset-lg-90, .layout-margin .flex-offset-lg-90, .layout-margin .offset-lg-90, .offset-lg-90 { margin-left: 90%; } [dir="rtl"] .flex-offset-lg-90, [dir="rtl"] .layout-margin .flex-offset-lg-90, [dir="rtl"] .layout-margin .offset-lg-90, [dir="rtl"] .offset-lg-90 { margin-left: auto; margin-right: 90%; } .flex-offset-lg-95, .layout-margin .flex-offset-lg-95, .layout-margin .offset-lg-95, .offset-lg-95 { margin-left: 95%; } [dir="rtl"] .flex-offset-lg-95, [dir="rtl"] .layout-margin .flex-offset-lg-95, [dir="rtl"] .layout-margin .offset-lg-95, [dir="rtl"] .offset-lg-95 { margin-left: auto; margin-right: 95%; } .flex-offset-lg-33, .layout-margin .flex-offset-lg-33, .layout-margin .offset-lg-33, .offset-lg-33 { margin-left: 33.3333%; } .flex-offset-lg-66, .layout-margin .flex-offset-lg-66, .layout-margin .offset-lg-66, .offset-lg-66 { margin-left: 66.6667%; } [dir="rtl"] .flex-offset-lg-66, [dir="rtl"] .layout-margin .flex-offset-lg-66, [dir="rtl"] .layout-margin .offset-lg-66, [dir="rtl"] .offset-lg-66 { margin-left: auto; margin-right: 66.6667%; } .layout-align-lg, .layout-align-lg-start-stretch { place-content: stretch flex-start; align-items: stretch; } .layout-align-lg-start, .layout-align-lg-start-center, .layout-align-lg-start-end, .layout-align-lg-start-start, .layout-align-lg-start-stretch { justify-content: flex-start; } .layout-align-lg-center, .layout-align-lg-center-center, .layout-align-lg-center-end, .layout-align-lg-center-start, .layout-align-lg-center-stretch { justify-content: center; } .layout-align-lg-end, .layout-align-lg-end-center, .layout-align-lg-end-end, .layout-align-lg-end-start, .layout-align-lg-end-stretch { justify-content: flex-end; } .layout-align-lg-space-around, .layout-align-lg-space-around-center, .layout-align-lg-space-around-end, .layout-align-lg-space-around-start, .layout-align-lg-space-around-stretch { justify-content: space-around; } .layout-align-lg-space-between, .layout-align-lg-space-between-center, .layout-align-lg-space-between-end, .layout-align-lg-space-between-start, .layout-align-lg-space-between-stretch { justify-content: space-between; } .layout-align-lg-center-start, .layout-align-lg-end-start, .layout-align-lg-space-around-start, .layout-align-lg-space-between-start, .layout-align-lg-start-start { align-items: flex-start; align-content: flex-start; } .layout-align-lg-center-center, .layout-align-lg-end-center, .layout-align-lg-space-around-center, .layout-align-lg-space-between-center, .layout-align-lg-start-center { align-items: center; align-content: center; max-width: 100%; } .layout-align-lg-center-center > *, .layout-align-lg-end-center > *, .layout-align-lg-space-around-center > *, .layout-align-lg-space-between-center > *, .layout-align-lg-start-center > * { max-width: 100%; box-sizing: border-box; } .layout-align-lg-center-end, .layout-align-lg-end-end, .layout-align-lg-space-around-end, .layout-align-lg-space-between-end, .layout-align-lg-start-end { align-items: flex-end; align-content: flex-end; } .layout-align-lg-center-stretch, .layout-align-lg-end-stretch, .layout-align-lg-space-around-stretch, .layout-align-lg-space-between-stretch, .layout-align-lg-start-stretch { align-items: stretch; align-content: stretch; } .flex-lg { flex: 1 1 0%; box-sizing: border-box; } .flex-lg-grow { flex: 1 1 100%; box-sizing: border-box; } .flex-lg-initial { flex: 0 1 auto; box-sizing: border-box; } .flex-lg-auto { flex: 1 1 auto; box-sizing: border-box; } .flex-lg-none { flex: 0 0 auto; box-sizing: border-box; } .flex-lg-noshrink { flex: 1 0 auto; box-sizing: border-box; } .flex-lg-nogrow { flex: 0 1 auto; box-sizing: border-box; } .flex-lg-0, .layout-row > .flex-lg-0 { flex: 1 1 100%; max-width: 0px; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-lg-0 { min-width: 0px; } .layout-column > .flex-lg-0 { flex: 1 1 100%; max-width: 100%; max-height: 0%; box-sizing: border-box; } .layout-lg-row > .flex-lg-0 { flex: 1 1 100%; max-width: 0px; max-height: 100%; box-sizing: border-box; min-width: 0px; } .layout-lg-column > .flex-lg-0 { flex: 1 1 100%; max-width: 100%; max-height: 0%; box-sizing: border-box; min-height: 0px; } .flex-lg-5, .layout-row > .flex-lg-5 { flex: 1 1 100%; max-width: 5%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-lg-5 { flex: 1 1 100%; max-width: 100%; max-height: 5%; box-sizing: border-box; } .layout-lg-row > .flex-lg-5 { flex: 1 1 100%; max-width: 5%; max-height: 100%; box-sizing: border-box; } .layout-lg-column > .flex-lg-5 { flex: 1 1 100%; max-width: 100%; max-height: 5%; box-sizing: border-box; } .flex-lg-10, .layout-row > .flex-lg-10 { flex: 1 1 100%; max-width: 10%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-lg-10 { flex: 1 1 100%; max-width: 100%; max-height: 10%; box-sizing: border-box; } .layout-lg-row > .flex-lg-10 { flex: 1 1 100%; max-width: 10%; max-height: 100%; box-sizing: border-box; } .layout-lg-column > .flex-lg-10 { flex: 1 1 100%; max-width: 100%; max-height: 10%; box-sizing: border-box; } .flex-lg-15, .layout-row > .flex-lg-15 { flex: 1 1 100%; max-width: 15%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-lg-15 { flex: 1 1 100%; max-width: 100%; max-height: 15%; box-sizing: border-box; } .layout-lg-row > .flex-lg-15 { flex: 1 1 100%; max-width: 15%; max-height: 100%; box-sizing: border-box; } .layout-lg-column > .flex-lg-15 { flex: 1 1 100%; max-width: 100%; max-height: 15%; box-sizing: border-box; } .flex-lg-20, .layout-row > .flex-lg-20 { flex: 1 1 100%; max-width: 20%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-lg-20 { flex: 1 1 100%; max-width: 100%; max-height: 20%; box-sizing: border-box; } .layout-lg-row > .flex-lg-20 { flex: 1 1 100%; max-width: 20%; max-height: 100%; box-sizing: border-box; } .layout-lg-column > .flex-lg-20 { flex: 1 1 100%; max-width: 100%; max-height: 20%; box-sizing: border-box; } .flex-lg-25, .layout-row > .flex-lg-25 { flex: 1 1 100%; max-width: 25%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-lg-25 { flex: 1 1 100%; max-width: 100%; max-height: 25%; box-sizing: border-box; } .layout-lg-row > .flex-lg-25 { flex: 1 1 100%; max-width: 25%; max-height: 100%; box-sizing: border-box; } .layout-lg-column > .flex-lg-25 { flex: 1 1 100%; max-width: 100%; max-height: 25%; box-sizing: border-box; } .flex-lg-30, .layout-row > .flex-lg-30 { flex: 1 1 100%; max-width: 30%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-lg-30 { flex: 1 1 100%; max-width: 100%; max-height: 30%; box-sizing: border-box; } .layout-lg-row > .flex-lg-30 { flex: 1 1 100%; max-width: 30%; max-height: 100%; box-sizing: border-box; } .layout-lg-column > .flex-lg-30 { flex: 1 1 100%; max-width: 100%; max-height: 30%; box-sizing: border-box; } .flex-lg-35, .layout-row > .flex-lg-35 { flex: 1 1 100%; max-width: 35%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-lg-35 { flex: 1 1 100%; max-width: 100%; max-height: 35%; box-sizing: border-box; } .layout-lg-row > .flex-lg-35 { flex: 1 1 100%; max-width: 35%; max-height: 100%; box-sizing: border-box; } .layout-lg-column > .flex-lg-35 { flex: 1 1 100%; max-width: 100%; max-height: 35%; box-sizing: border-box; } .flex-lg-40, .layout-row > .flex-lg-40 { flex: 1 1 100%; max-width: 40%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-lg-40 { flex: 1 1 100%; max-width: 100%; max-height: 40%; box-sizing: border-box; } .layout-lg-row > .flex-lg-40 { flex: 1 1 100%; max-width: 40%; max-height: 100%; box-sizing: border-box; } .layout-lg-column > .flex-lg-40 { flex: 1 1 100%; max-width: 100%; max-height: 40%; box-sizing: border-box; } .flex-lg-45, .layout-row > .flex-lg-45 { flex: 1 1 100%; max-width: 45%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-lg-45 { flex: 1 1 100%; max-width: 100%; max-height: 45%; box-sizing: border-box; } .layout-lg-row > .flex-lg-45 { flex: 1 1 100%; max-width: 45%; max-height: 100%; box-sizing: border-box; } .layout-lg-column > .flex-lg-45 { flex: 1 1 100%; max-width: 100%; max-height: 45%; box-sizing: border-box; } .flex-lg-50, .layout-row > .flex-lg-50 { flex: 1 1 100%; max-width: 50%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-lg-50 { flex: 1 1 100%; max-width: 100%; max-height: 50%; box-sizing: border-box; } .layout-lg-row > .flex-lg-50 { flex: 1 1 100%; max-width: 50%; max-height: 100%; box-sizing: border-box; } .layout-lg-column > .flex-lg-50 { flex: 1 1 100%; max-width: 100%; max-height: 50%; box-sizing: border-box; } .flex-lg-55, .layout-row > .flex-lg-55 { flex: 1 1 100%; max-width: 55%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-lg-55 { flex: 1 1 100%; max-width: 100%; max-height: 55%; box-sizing: border-box; } .layout-lg-row > .flex-lg-55 { flex: 1 1 100%; max-width: 55%; max-height: 100%; box-sizing: border-box; } .layout-lg-column > .flex-lg-55 { flex: 1 1 100%; max-width: 100%; max-height: 55%; box-sizing: border-box; } .flex-lg-60, .layout-row > .flex-lg-60 { flex: 1 1 100%; max-width: 60%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-lg-60 { flex: 1 1 100%; max-width: 100%; max-height: 60%; box-sizing: border-box; } .layout-lg-row > .flex-lg-60 { flex: 1 1 100%; max-width: 60%; max-height: 100%; box-sizing: border-box; } .layout-lg-column > .flex-lg-60 { flex: 1 1 100%; max-width: 100%; max-height: 60%; box-sizing: border-box; } .flex-lg-65, .layout-row > .flex-lg-65 { flex: 1 1 100%; max-width: 65%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-lg-65 { flex: 1 1 100%; max-width: 100%; max-height: 65%; box-sizing: border-box; } .layout-lg-row > .flex-lg-65 { flex: 1 1 100%; max-width: 65%; max-height: 100%; box-sizing: border-box; } .layout-lg-column > .flex-lg-65 { flex: 1 1 100%; max-width: 100%; max-height: 65%; box-sizing: border-box; } .flex-lg-70, .layout-row > .flex-lg-70 { flex: 1 1 100%; max-width: 70%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-lg-70 { flex: 1 1 100%; max-width: 100%; max-height: 70%; box-sizing: border-box; } .layout-lg-row > .flex-lg-70 { flex: 1 1 100%; max-width: 70%; max-height: 100%; box-sizing: border-box; } .layout-lg-column > .flex-lg-70 { flex: 1 1 100%; max-width: 100%; max-height: 70%; box-sizing: border-box; } .flex-lg-75, .layout-row > .flex-lg-75 { flex: 1 1 100%; max-width: 75%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-lg-75 { flex: 1 1 100%; max-width: 100%; max-height: 75%; box-sizing: border-box; } .layout-lg-row > .flex-lg-75 { flex: 1 1 100%; max-width: 75%; max-height: 100%; box-sizing: border-box; } .layout-lg-column > .flex-lg-75 { flex: 1 1 100%; max-width: 100%; max-height: 75%; box-sizing: border-box; } .flex-lg-80, .layout-row > .flex-lg-80 { flex: 1 1 100%; max-width: 80%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-lg-80 { flex: 1 1 100%; max-width: 100%; max-height: 80%; box-sizing: border-box; } .layout-lg-row > .flex-lg-80 { flex: 1 1 100%; max-width: 80%; max-height: 100%; box-sizing: border-box; } .layout-lg-column > .flex-lg-80 { flex: 1 1 100%; max-width: 100%; max-height: 80%; box-sizing: border-box; } .flex-lg-85, .layout-row > .flex-lg-85 { flex: 1 1 100%; max-width: 85%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-lg-85 { flex: 1 1 100%; max-width: 100%; max-height: 85%; box-sizing: border-box; } .layout-lg-row > .flex-lg-85 { flex: 1 1 100%; max-width: 85%; max-height: 100%; box-sizing: border-box; } .layout-lg-column > .flex-lg-85 { flex: 1 1 100%; max-width: 100%; max-height: 85%; box-sizing: border-box; } .flex-lg-90, .layout-row > .flex-lg-90 { flex: 1 1 100%; max-width: 90%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-lg-90 { flex: 1 1 100%; max-width: 100%; max-height: 90%; box-sizing: border-box; } .layout-lg-row > .flex-lg-90 { flex: 1 1 100%; max-width: 90%; max-height: 100%; box-sizing: border-box; } .layout-lg-column > .flex-lg-90 { flex: 1 1 100%; max-width: 100%; max-height: 90%; box-sizing: border-box; } .flex-lg-95, .layout-row > .flex-lg-95 { flex: 1 1 100%; max-width: 95%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-lg-95 { flex: 1 1 100%; max-width: 100%; max-height: 95%; box-sizing: border-box; } .layout-lg-row > .flex-lg-95 { flex: 1 1 100%; max-width: 95%; max-height: 100%; box-sizing: border-box; } .layout-lg-column > .flex-lg-95 { max-height: 95%; } .flex-lg-100, .layout-lg-column > .flex-lg-95 { flex: 1 1 100%; max-width: 100%; box-sizing: border-box; } .flex-lg-100 { max-height: 100%; } .layout-column > .flex-lg-100, .layout-lg-column > .flex-lg-100, .layout-lg-row > .flex-lg-100, .layout-row > .flex-lg-100 { flex: 1 1 100%; max-width: 100%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-lg-33 { flex: 1 1 33.33%; max-width: 33.33%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-lg-66 { flex: 1 1 66.66%; max-width: 66.66%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-lg-33 { flex: 1 1 33.33%; max-width: 100%; max-height: 33.33%; box-sizing: border-box; } .layout-column > .flex-lg-66 { flex: 1 1 66.66%; max-width: 100%; max-height: 66.66%; box-sizing: border-box; } .layout-lg-row > .flex-lg-33 { flex: 1 1 100%; max-width: 33.33%; max-height: 100%; box-sizing: border-box; } .layout-lg-row > .flex-lg-66 { flex: 1 1 100%; max-width: 66.66%; max-height: 100%; box-sizing: border-box; } .layout-lg-row > .flex { min-width: 0px; } .layout-lg-column > .flex-lg-33 { flex: 1 1 100%; max-width: 100%; max-height: 33.33%; box-sizing: border-box; } .layout-lg-column > .flex-lg-66 { flex: 1 1 100%; max-width: 100%; max-height: 66.66%; box-sizing: border-box; } .layout-lg-column > .flex { min-height: 0px; } .layout-lg, .layout-lg-column, .layout-lg-row { box-sizing: border-box; display: flex; } .layout-lg-column { flex-direction: column; } .layout-lg-row { flex-direction: row; }} @media (min-width: 1920px) { .flex-order-gt-lg--20 { order: -20; } .flex-order-gt-lg--19 { order: -19; } .flex-order-gt-lg--18 { order: -18; } .flex-order-gt-lg--17 { order: -17; } .flex-order-gt-lg--16 { order: -16; } .flex-order-gt-lg--15 { order: -15; } .flex-order-gt-lg--14 { order: -14; } .flex-order-gt-lg--13 { order: -13; } .flex-order-gt-lg--12 { order: -12; } .flex-order-gt-lg--11 { order: -11; } .flex-order-gt-lg--10 { order: -10; } .flex-order-gt-lg--9 { order: -9; } .flex-order-gt-lg--8 { order: -8; } .flex-order-gt-lg--7 { order: -7; } .flex-order-gt-lg--6 { order: -6; } .flex-order-gt-lg--5 { order: -5; } .flex-order-gt-lg--4 { order: -4; } .flex-order-gt-lg--3 { order: -3; } .flex-order-gt-lg--2 { order: -2; } .flex-order-gt-lg--1 { order: -1; } .flex-order-gt-lg-0 { order: 0; } .flex-order-gt-lg-1 { order: 1; } .flex-order-gt-lg-2 { order: 2; } .flex-order-gt-lg-3 { order: 3; } .flex-order-gt-lg-4 { order: 4; } .flex-order-gt-lg-5 { order: 5; } .flex-order-gt-lg-6 { order: 6; } .flex-order-gt-lg-7 { order: 7; } .flex-order-gt-lg-8 { order: 8; } .flex-order-gt-lg-9 { order: 9; } .flex-order-gt-lg-10 { order: 10; } .flex-order-gt-lg-11 { order: 11; } .flex-order-gt-lg-12 { order: 12; } .flex-order-gt-lg-13 { order: 13; } .flex-order-gt-lg-14 { order: 14; } .flex-order-gt-lg-15 { order: 15; } .flex-order-gt-lg-16 { order: 16; } .flex-order-gt-lg-17 { order: 17; } .flex-order-gt-lg-18 { order: 18; } .flex-order-gt-lg-19 { order: 19; } .flex-order-gt-lg-20 { order: 20; } .flex-offset-gt-lg-0, .layout-margin .flex-offset-gt-lg-0, .layout-margin .offset-gt-lg-0, .offset-gt-lg-0 { margin-left: 0px; } [dir="rtl"] .flex-offset-gt-lg-0, [dir="rtl"] .layout-margin .flex-offset-gt-lg-0, [dir="rtl"] .layout-margin .offset-gt-lg-0, [dir="rtl"] .offset-gt-lg-0 { margin-left: auto; margin-right: 0px; } .flex-offset-gt-lg-5, .layout-margin .flex-offset-gt-lg-5, .layout-margin .offset-gt-lg-5, .offset-gt-lg-5 { margin-left: 5%; } [dir="rtl"] .flex-offset-gt-lg-5, [dir="rtl"] .layout-margin .flex-offset-gt-lg-5, [dir="rtl"] .layout-margin .offset-gt-lg-5, [dir="rtl"] .offset-gt-lg-5 { margin-left: auto; margin-right: 5%; } .flex-offset-gt-lg-10, .layout-margin .flex-offset-gt-lg-10, .layout-margin .offset-gt-lg-10, .offset-gt-lg-10 { margin-left: 10%; } [dir="rtl"] .flex-offset-gt-lg-10, [dir="rtl"] .layout-margin .flex-offset-gt-lg-10, [dir="rtl"] .layout-margin .offset-gt-lg-10, [dir="rtl"] .offset-gt-lg-10 { margin-left: auto; margin-right: 10%; } .flex-offset-gt-lg-15, .layout-margin .flex-offset-gt-lg-15, .layout-margin .offset-gt-lg-15, .offset-gt-lg-15 { margin-left: 15%; } [dir="rtl"] .flex-offset-gt-lg-15, [dir="rtl"] .layout-margin .flex-offset-gt-lg-15, [dir="rtl"] .layout-margin .offset-gt-lg-15, [dir="rtl"] .offset-gt-lg-15 { margin-left: auto; margin-right: 15%; } .flex-offset-gt-lg-20, .layout-margin .flex-offset-gt-lg-20, .layout-margin .offset-gt-lg-20, .offset-gt-lg-20 { margin-left: 20%; } [dir="rtl"] .flex-offset-gt-lg-20, [dir="rtl"] .layout-margin .flex-offset-gt-lg-20, [dir="rtl"] .layout-margin .offset-gt-lg-20, [dir="rtl"] .offset-gt-lg-20 { margin-left: auto; margin-right: 20%; } .flex-offset-gt-lg-25, .layout-margin .flex-offset-gt-lg-25, .layout-margin .offset-gt-lg-25, .offset-gt-lg-25 { margin-left: 25%; } [dir="rtl"] .flex-offset-gt-lg-25, [dir="rtl"] .layout-margin .flex-offset-gt-lg-25, [dir="rtl"] .layout-margin .offset-gt-lg-25, [dir="rtl"] .offset-gt-lg-25 { margin-left: auto; margin-right: 25%; } .flex-offset-gt-lg-30, .layout-margin .flex-offset-gt-lg-30, .layout-margin .offset-gt-lg-30, .offset-gt-lg-30 { margin-left: 30%; } [dir="rtl"] .flex-offset-gt-lg-30, [dir="rtl"] .layout-margin .flex-offset-gt-lg-30, [dir="rtl"] .layout-margin .offset-gt-lg-30, [dir="rtl"] .offset-gt-lg-30 { margin-left: auto; margin-right: 30%; } .flex-offset-gt-lg-35, .layout-margin .flex-offset-gt-lg-35, .layout-margin .offset-gt-lg-35, .offset-gt-lg-35 { margin-left: 35%; } [dir="rtl"] .flex-offset-gt-lg-35, [dir="rtl"] .layout-margin .flex-offset-gt-lg-35, [dir="rtl"] .layout-margin .offset-gt-lg-35, [dir="rtl"] .offset-gt-lg-35 { margin-left: auto; margin-right: 35%; } .flex-offset-gt-lg-40, .layout-margin .flex-offset-gt-lg-40, .layout-margin .offset-gt-lg-40, .offset-gt-lg-40 { margin-left: 40%; } [dir="rtl"] .flex-offset-gt-lg-40, [dir="rtl"] .layout-margin .flex-offset-gt-lg-40, [dir="rtl"] .layout-margin .offset-gt-lg-40, [dir="rtl"] .offset-gt-lg-40 { margin-left: auto; margin-right: 40%; } .flex-offset-gt-lg-45, .layout-margin .flex-offset-gt-lg-45, .layout-margin .offset-gt-lg-45, .offset-gt-lg-45 { margin-left: 45%; } [dir="rtl"] .flex-offset-gt-lg-45, [dir="rtl"] .layout-margin .flex-offset-gt-lg-45, [dir="rtl"] .layout-margin .offset-gt-lg-45, [dir="rtl"] .offset-gt-lg-45 { margin-left: auto; margin-right: 45%; } .flex-offset-gt-lg-50, .layout-margin .flex-offset-gt-lg-50, .layout-margin .offset-gt-lg-50, .offset-gt-lg-50 { margin-left: 50%; } [dir="rtl"] .flex-offset-gt-lg-50, [dir="rtl"] .layout-margin .flex-offset-gt-lg-50, [dir="rtl"] .layout-margin .offset-gt-lg-50, [dir="rtl"] .offset-gt-lg-50 { margin-left: auto; margin-right: 50%; } .flex-offset-gt-lg-55, .layout-margin .flex-offset-gt-lg-55, .layout-margin .offset-gt-lg-55, .offset-gt-lg-55 { margin-left: 55%; } [dir="rtl"] .flex-offset-gt-lg-55, [dir="rtl"] .layout-margin .flex-offset-gt-lg-55, [dir="rtl"] .layout-margin .offset-gt-lg-55, [dir="rtl"] .offset-gt-lg-55 { margin-left: auto; margin-right: 55%; } .flex-offset-gt-lg-60, .layout-margin .flex-offset-gt-lg-60, .layout-margin .offset-gt-lg-60, .offset-gt-lg-60 { margin-left: 60%; } [dir="rtl"] .flex-offset-gt-lg-60, [dir="rtl"] .layout-margin .flex-offset-gt-lg-60, [dir="rtl"] .layout-margin .offset-gt-lg-60, [dir="rtl"] .offset-gt-lg-60 { margin-left: auto; margin-right: 60%; } .flex-offset-gt-lg-65, .layout-margin .flex-offset-gt-lg-65, .layout-margin .offset-gt-lg-65, .offset-gt-lg-65 { margin-left: 65%; } [dir="rtl"] .flex-offset-gt-lg-65, [dir="rtl"] .layout-margin .flex-offset-gt-lg-65, [dir="rtl"] .layout-margin .offset-gt-lg-65, [dir="rtl"] .offset-gt-lg-65 { margin-left: auto; margin-right: 65%; } .flex-offset-gt-lg-70, .layout-margin .flex-offset-gt-lg-70, .layout-margin .offset-gt-lg-70, .offset-gt-lg-70 { margin-left: 70%; } [dir="rtl"] .flex-offset-gt-lg-70, [dir="rtl"] .layout-margin .flex-offset-gt-lg-70, [dir="rtl"] .layout-margin .offset-gt-lg-70, [dir="rtl"] .offset-gt-lg-70 { margin-left: auto; margin-right: 70%; } .flex-offset-gt-lg-75, .layout-margin .flex-offset-gt-lg-75, .layout-margin .offset-gt-lg-75, .offset-gt-lg-75 { margin-left: 75%; } [dir="rtl"] .flex-offset-gt-lg-75, [dir="rtl"] .layout-margin .flex-offset-gt-lg-75, [dir="rtl"] .layout-margin .offset-gt-lg-75, [dir="rtl"] .offset-gt-lg-75 { margin-left: auto; margin-right: 75%; } .flex-offset-gt-lg-80, .layout-margin .flex-offset-gt-lg-80, .layout-margin .offset-gt-lg-80, .offset-gt-lg-80 { margin-left: 80%; } [dir="rtl"] .flex-offset-gt-lg-80, [dir="rtl"] .layout-margin .flex-offset-gt-lg-80, [dir="rtl"] .layout-margin .offset-gt-lg-80, [dir="rtl"] .offset-gt-lg-80 { margin-left: auto; margin-right: 80%; } .flex-offset-gt-lg-85, .layout-margin .flex-offset-gt-lg-85, .layout-margin .offset-gt-lg-85, .offset-gt-lg-85 { margin-left: 85%; } [dir="rtl"] .flex-offset-gt-lg-85, [dir="rtl"] .layout-margin .flex-offset-gt-lg-85, [dir="rtl"] .layout-margin .offset-gt-lg-85, [dir="rtl"] .offset-gt-lg-85 { margin-left: auto; margin-right: 85%; } .flex-offset-gt-lg-90, .layout-margin .flex-offset-gt-lg-90, .layout-margin .offset-gt-lg-90, .offset-gt-lg-90 { margin-left: 90%; } [dir="rtl"] .flex-offset-gt-lg-90, [dir="rtl"] .layout-margin .flex-offset-gt-lg-90, [dir="rtl"] .layout-margin .offset-gt-lg-90, [dir="rtl"] .offset-gt-lg-90 { margin-left: auto; margin-right: 90%; } .flex-offset-gt-lg-95, .layout-margin .flex-offset-gt-lg-95, .layout-margin .offset-gt-lg-95, .offset-gt-lg-95 { margin-left: 95%; } [dir="rtl"] .flex-offset-gt-lg-95, [dir="rtl"] .layout-margin .flex-offset-gt-lg-95, [dir="rtl"] .layout-margin .offset-gt-lg-95, [dir="rtl"] .offset-gt-lg-95 { margin-left: auto; margin-right: 95%; } .flex-offset-gt-lg-33, .layout-margin .flex-offset-gt-lg-33, .layout-margin .offset-gt-lg-33, .offset-gt-lg-33 { margin-left: 33.3333%; } .flex-offset-gt-lg-66, .layout-margin .flex-offset-gt-lg-66, .layout-margin .offset-gt-lg-66, .offset-gt-lg-66 { margin-left: 66.6667%; } [dir="rtl"] .flex-offset-gt-lg-66, [dir="rtl"] .layout-margin .flex-offset-gt-lg-66, [dir="rtl"] .layout-margin .offset-gt-lg-66, [dir="rtl"] .offset-gt-lg-66 { margin-left: auto; margin-right: 66.6667%; } .layout-align-gt-lg, .layout-align-gt-lg-start-stretch { place-content: stretch flex-start; align-items: stretch; } .layout-align-gt-lg-start, .layout-align-gt-lg-start-center, .layout-align-gt-lg-start-end, .layout-align-gt-lg-start-start, .layout-align-gt-lg-start-stretch { justify-content: flex-start; } .layout-align-gt-lg-center, .layout-align-gt-lg-center-center, .layout-align-gt-lg-center-end, .layout-align-gt-lg-center-start, .layout-align-gt-lg-center-stretch { justify-content: center; } .layout-align-gt-lg-end, .layout-align-gt-lg-end-center, .layout-align-gt-lg-end-end, .layout-align-gt-lg-end-start, .layout-align-gt-lg-end-stretch { justify-content: flex-end; } .layout-align-gt-lg-space-around, .layout-align-gt-lg-space-around-center, .layout-align-gt-lg-space-around-end, .layout-align-gt-lg-space-around-start, .layout-align-gt-lg-space-around-stretch { justify-content: space-around; } .layout-align-gt-lg-space-between, .layout-align-gt-lg-space-between-center, .layout-align-gt-lg-space-between-end, .layout-align-gt-lg-space-between-start, .layout-align-gt-lg-space-between-stretch { justify-content: space-between; } .layout-align-gt-lg-center-start, .layout-align-gt-lg-end-start, .layout-align-gt-lg-space-around-start, .layout-align-gt-lg-space-between-start, .layout-align-gt-lg-start-start { align-items: flex-start; align-content: flex-start; } .layout-align-gt-lg-center-center, .layout-align-gt-lg-end-center, .layout-align-gt-lg-space-around-center, .layout-align-gt-lg-space-between-center, .layout-align-gt-lg-start-center { align-items: center; align-content: center; max-width: 100%; } .layout-align-gt-lg-center-center > *, .layout-align-gt-lg-end-center > *, .layout-align-gt-lg-space-around-center > *, .layout-align-gt-lg-space-between-center > *, .layout-align-gt-lg-start-center > * { max-width: 100%; box-sizing: border-box; } .layout-align-gt-lg-center-end, .layout-align-gt-lg-end-end, .layout-align-gt-lg-space-around-end, .layout-align-gt-lg-space-between-end, .layout-align-gt-lg-start-end { align-items: flex-end; align-content: flex-end; } .layout-align-gt-lg-center-stretch, .layout-align-gt-lg-end-stretch, .layout-align-gt-lg-space-around-stretch, .layout-align-gt-lg-space-between-stretch, .layout-align-gt-lg-start-stretch { align-items: stretch; align-content: stretch; } .flex-gt-lg { flex: 1 1 0%; box-sizing: border-box; } .flex-gt-lg-grow { flex: 1 1 100%; box-sizing: border-box; } .flex-gt-lg-initial { flex: 0 1 auto; box-sizing: border-box; } .flex-gt-lg-auto { flex: 1 1 auto; box-sizing: border-box; } .flex-gt-lg-none { flex: 0 0 auto; box-sizing: border-box; } .flex-gt-lg-noshrink { flex: 1 0 auto; box-sizing: border-box; } .flex-gt-lg-nogrow { flex: 0 1 auto; box-sizing: border-box; } .flex-gt-lg-0, .layout-row > .flex-gt-lg-0 { flex: 1 1 100%; max-width: 0px; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-gt-lg-0 { min-width: 0px; } .layout-column > .flex-gt-lg-0 { flex: 1 1 100%; max-width: 100%; max-height: 0%; box-sizing: border-box; } .layout-gt-lg-row > .flex-gt-lg-0 { flex: 1 1 100%; max-width: 0px; max-height: 100%; box-sizing: border-box; min-width: 0px; } .layout-gt-lg-column > .flex-gt-lg-0 { flex: 1 1 100%; max-width: 100%; max-height: 0%; box-sizing: border-box; min-height: 0px; } .flex-gt-lg-5, .layout-row > .flex-gt-lg-5 { flex: 1 1 100%; max-width: 5%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-lg-5 { flex: 1 1 100%; max-width: 100%; max-height: 5%; box-sizing: border-box; } .layout-gt-lg-row > .flex-gt-lg-5 { flex: 1 1 100%; max-width: 5%; max-height: 100%; box-sizing: border-box; } .layout-gt-lg-column > .flex-gt-lg-5 { flex: 1 1 100%; max-width: 100%; max-height: 5%; box-sizing: border-box; } .flex-gt-lg-10, .layout-row > .flex-gt-lg-10 { flex: 1 1 100%; max-width: 10%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-lg-10 { flex: 1 1 100%; max-width: 100%; max-height: 10%; box-sizing: border-box; } .layout-gt-lg-row > .flex-gt-lg-10 { flex: 1 1 100%; max-width: 10%; max-height: 100%; box-sizing: border-box; } .layout-gt-lg-column > .flex-gt-lg-10 { flex: 1 1 100%; max-width: 100%; max-height: 10%; box-sizing: border-box; } .flex-gt-lg-15, .layout-row > .flex-gt-lg-15 { flex: 1 1 100%; max-width: 15%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-lg-15 { flex: 1 1 100%; max-width: 100%; max-height: 15%; box-sizing: border-box; } .layout-gt-lg-row > .flex-gt-lg-15 { flex: 1 1 100%; max-width: 15%; max-height: 100%; box-sizing: border-box; } .layout-gt-lg-column > .flex-gt-lg-15 { flex: 1 1 100%; max-width: 100%; max-height: 15%; box-sizing: border-box; } .flex-gt-lg-20, .layout-row > .flex-gt-lg-20 { flex: 1 1 100%; max-width: 20%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-lg-20 { flex: 1 1 100%; max-width: 100%; max-height: 20%; box-sizing: border-box; } .layout-gt-lg-row > .flex-gt-lg-20 { flex: 1 1 100%; max-width: 20%; max-height: 100%; box-sizing: border-box; } .layout-gt-lg-column > .flex-gt-lg-20 { flex: 1 1 100%; max-width: 100%; max-height: 20%; box-sizing: border-box; } .flex-gt-lg-25, .layout-row > .flex-gt-lg-25 { flex: 1 1 100%; max-width: 25%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-lg-25 { flex: 1 1 100%; max-width: 100%; max-height: 25%; box-sizing: border-box; } .layout-gt-lg-row > .flex-gt-lg-25 { flex: 1 1 100%; max-width: 25%; max-height: 100%; box-sizing: border-box; } .layout-gt-lg-column > .flex-gt-lg-25 { flex: 1 1 100%; max-width: 100%; max-height: 25%; box-sizing: border-box; } .flex-gt-lg-30, .layout-row > .flex-gt-lg-30 { flex: 1 1 100%; max-width: 30%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-lg-30 { flex: 1 1 100%; max-width: 100%; max-height: 30%; box-sizing: border-box; } .layout-gt-lg-row > .flex-gt-lg-30 { flex: 1 1 100%; max-width: 30%; max-height: 100%; box-sizing: border-box; } .layout-gt-lg-column > .flex-gt-lg-30 { flex: 1 1 100%; max-width: 100%; max-height: 30%; box-sizing: border-box; } .flex-gt-lg-35, .layout-row > .flex-gt-lg-35 { flex: 1 1 100%; max-width: 35%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-lg-35 { flex: 1 1 100%; max-width: 100%; max-height: 35%; box-sizing: border-box; } .layout-gt-lg-row > .flex-gt-lg-35 { flex: 1 1 100%; max-width: 35%; max-height: 100%; box-sizing: border-box; } .layout-gt-lg-column > .flex-gt-lg-35 { flex: 1 1 100%; max-width: 100%; max-height: 35%; box-sizing: border-box; } .flex-gt-lg-40, .layout-row > .flex-gt-lg-40 { flex: 1 1 100%; max-width: 40%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-lg-40 { flex: 1 1 100%; max-width: 100%; max-height: 40%; box-sizing: border-box; } .layout-gt-lg-row > .flex-gt-lg-40 { flex: 1 1 100%; max-width: 40%; max-height: 100%; box-sizing: border-box; } .layout-gt-lg-column > .flex-gt-lg-40 { flex: 1 1 100%; max-width: 100%; max-height: 40%; box-sizing: border-box; } .flex-gt-lg-45, .layout-row > .flex-gt-lg-45 { flex: 1 1 100%; max-width: 45%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-lg-45 { flex: 1 1 100%; max-width: 100%; max-height: 45%; box-sizing: border-box; } .layout-gt-lg-row > .flex-gt-lg-45 { flex: 1 1 100%; max-width: 45%; max-height: 100%; box-sizing: border-box; } .layout-gt-lg-column > .flex-gt-lg-45 { flex: 1 1 100%; max-width: 100%; max-height: 45%; box-sizing: border-box; } .flex-gt-lg-50, .layout-row > .flex-gt-lg-50 { flex: 1 1 100%; max-width: 50%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-lg-50 { flex: 1 1 100%; max-width: 100%; max-height: 50%; box-sizing: border-box; } .layout-gt-lg-row > .flex-gt-lg-50 { flex: 1 1 100%; max-width: 50%; max-height: 100%; box-sizing: border-box; } .layout-gt-lg-column > .flex-gt-lg-50 { flex: 1 1 100%; max-width: 100%; max-height: 50%; box-sizing: border-box; } .flex-gt-lg-55, .layout-row > .flex-gt-lg-55 { flex: 1 1 100%; max-width: 55%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-lg-55 { flex: 1 1 100%; max-width: 100%; max-height: 55%; box-sizing: border-box; } .layout-gt-lg-row > .flex-gt-lg-55 { flex: 1 1 100%; max-width: 55%; max-height: 100%; box-sizing: border-box; } .layout-gt-lg-column > .flex-gt-lg-55 { flex: 1 1 100%; max-width: 100%; max-height: 55%; box-sizing: border-box; } .flex-gt-lg-60, .layout-row > .flex-gt-lg-60 { flex: 1 1 100%; max-width: 60%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-lg-60 { flex: 1 1 100%; max-width: 100%; max-height: 60%; box-sizing: border-box; } .layout-gt-lg-row > .flex-gt-lg-60 { flex: 1 1 100%; max-width: 60%; max-height: 100%; box-sizing: border-box; } .layout-gt-lg-column > .flex-gt-lg-60 { flex: 1 1 100%; max-width: 100%; max-height: 60%; box-sizing: border-box; } .flex-gt-lg-65, .layout-row > .flex-gt-lg-65 { flex: 1 1 100%; max-width: 65%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-lg-65 { flex: 1 1 100%; max-width: 100%; max-height: 65%; box-sizing: border-box; } .layout-gt-lg-row > .flex-gt-lg-65 { flex: 1 1 100%; max-width: 65%; max-height: 100%; box-sizing: border-box; } .layout-gt-lg-column > .flex-gt-lg-65 { flex: 1 1 100%; max-width: 100%; max-height: 65%; box-sizing: border-box; } .flex-gt-lg-70, .layout-row > .flex-gt-lg-70 { flex: 1 1 100%; max-width: 70%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-lg-70 { flex: 1 1 100%; max-width: 100%; max-height: 70%; box-sizing: border-box; } .layout-gt-lg-row > .flex-gt-lg-70 { flex: 1 1 100%; max-width: 70%; max-height: 100%; box-sizing: border-box; } .layout-gt-lg-column > .flex-gt-lg-70 { flex: 1 1 100%; max-width: 100%; max-height: 70%; box-sizing: border-box; } .flex-gt-lg-75, .layout-row > .flex-gt-lg-75 { flex: 1 1 100%; max-width: 75%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-lg-75 { flex: 1 1 100%; max-width: 100%; max-height: 75%; box-sizing: border-box; } .layout-gt-lg-row > .flex-gt-lg-75 { flex: 1 1 100%; max-width: 75%; max-height: 100%; box-sizing: border-box; } .layout-gt-lg-column > .flex-gt-lg-75 { flex: 1 1 100%; max-width: 100%; max-height: 75%; box-sizing: border-box; } .flex-gt-lg-80, .layout-row > .flex-gt-lg-80 { flex: 1 1 100%; max-width: 80%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-lg-80 { flex: 1 1 100%; max-width: 100%; max-height: 80%; box-sizing: border-box; } .layout-gt-lg-row > .flex-gt-lg-80 { flex: 1 1 100%; max-width: 80%; max-height: 100%; box-sizing: border-box; } .layout-gt-lg-column > .flex-gt-lg-80 { flex: 1 1 100%; max-width: 100%; max-height: 80%; box-sizing: border-box; } .flex-gt-lg-85, .layout-row > .flex-gt-lg-85 { flex: 1 1 100%; max-width: 85%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-lg-85 { flex: 1 1 100%; max-width: 100%; max-height: 85%; box-sizing: border-box; } .layout-gt-lg-row > .flex-gt-lg-85 { flex: 1 1 100%; max-width: 85%; max-height: 100%; box-sizing: border-box; } .layout-gt-lg-column > .flex-gt-lg-85 { flex: 1 1 100%; max-width: 100%; max-height: 85%; box-sizing: border-box; } .flex-gt-lg-90, .layout-row > .flex-gt-lg-90 { flex: 1 1 100%; max-width: 90%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-lg-90 { flex: 1 1 100%; max-width: 100%; max-height: 90%; box-sizing: border-box; } .layout-gt-lg-row > .flex-gt-lg-90 { flex: 1 1 100%; max-width: 90%; max-height: 100%; box-sizing: border-box; } .layout-gt-lg-column > .flex-gt-lg-90 { flex: 1 1 100%; max-width: 100%; max-height: 90%; box-sizing: border-box; } .flex-gt-lg-95, .layout-row > .flex-gt-lg-95 { flex: 1 1 100%; max-width: 95%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-lg-95 { flex: 1 1 100%; max-width: 100%; max-height: 95%; box-sizing: border-box; } .layout-gt-lg-row > .flex-gt-lg-95 { flex: 1 1 100%; max-width: 95%; max-height: 100%; box-sizing: border-box; } .layout-gt-lg-column > .flex-gt-lg-95 { flex: 1 1 100%; max-width: 100%; max-height: 95%; box-sizing: border-box; } .flex-gt-lg-100, .layout-column > .flex-gt-lg-100, .layout-gt-lg-column > .flex-gt-lg-100, .layout-gt-lg-row > .flex-gt-lg-100, .layout-row > .flex-gt-lg-100 { flex: 1 1 100%; max-width: 100%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-gt-lg-33 { flex: 1 1 33.33%; max-width: 33.33%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-gt-lg-66 { flex: 1 1 66.66%; max-width: 66.66%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-gt-lg-33 { flex: 1 1 33.33%; max-width: 100%; max-height: 33.33%; box-sizing: border-box; } .layout-column > .flex-gt-lg-66 { flex: 1 1 66.66%; max-width: 100%; max-height: 66.66%; box-sizing: border-box; } .layout-gt-lg-row > .flex-gt-lg-33 { flex: 1 1 100%; max-width: 33.33%; max-height: 100%; box-sizing: border-box; } .layout-gt-lg-row > .flex-gt-lg-66 { flex: 1 1 100%; max-width: 66.66%; max-height: 100%; box-sizing: border-box; } .layout-gt-lg-row > .flex { min-width: 0px; } .layout-gt-lg-column > .flex-gt-lg-33 { flex: 1 1 100%; max-width: 100%; max-height: 33.33%; box-sizing: border-box; } .layout-gt-lg-column > .flex-gt-lg-66 { flex: 1 1 100%; max-width: 100%; max-height: 66.66%; box-sizing: border-box; } .layout-gt-lg-column > .flex { min-height: 0px; } .layout-gt-lg, .layout-gt-lg-column, .layout-gt-lg-row { box-sizing: border-box; display: flex; } .layout-gt-lg-column { flex-direction: column; } .layout-gt-lg-row { flex-direction: row; } .flex-order-xl--20 { order: -20; } .flex-order-xl--19 { order: -19; } .flex-order-xl--18 { order: -18; } .flex-order-xl--17 { order: -17; } .flex-order-xl--16 { order: -16; } .flex-order-xl--15 { order: -15; } .flex-order-xl--14 { order: -14; } .flex-order-xl--13 { order: -13; } .flex-order-xl--12 { order: -12; } .flex-order-xl--11 { order: -11; } .flex-order-xl--10 { order: -10; } .flex-order-xl--9 { order: -9; } .flex-order-xl--8 { order: -8; } .flex-order-xl--7 { order: -7; } .flex-order-xl--6 { order: -6; } .flex-order-xl--5 { order: -5; } .flex-order-xl--4 { order: -4; } .flex-order-xl--3 { order: -3; } .flex-order-xl--2 { order: -2; } .flex-order-xl--1 { order: -1; } .flex-order-xl-0 { order: 0; } .flex-order-xl-1 { order: 1; } .flex-order-xl-2 { order: 2; } .flex-order-xl-3 { order: 3; } .flex-order-xl-4 { order: 4; } .flex-order-xl-5 { order: 5; } .flex-order-xl-6 { order: 6; } .flex-order-xl-7 { order: 7; } .flex-order-xl-8 { order: 8; } .flex-order-xl-9 { order: 9; } .flex-order-xl-10 { order: 10; } .flex-order-xl-11 { order: 11; } .flex-order-xl-12 { order: 12; } .flex-order-xl-13 { order: 13; } .flex-order-xl-14 { order: 14; } .flex-order-xl-15 { order: 15; } .flex-order-xl-16 { order: 16; } .flex-order-xl-17 { order: 17; } .flex-order-xl-18 { order: 18; } .flex-order-xl-19 { order: 19; } .flex-order-xl-20 { order: 20; } .flex-offset-xl-0, .layout-margin .flex-offset-xl-0, .layout-margin .offset-xl-0, .offset-xl-0 { margin-left: 0px; } [dir="rtl"] .flex-offset-xl-0, [dir="rtl"] .layout-margin .flex-offset-xl-0, [dir="rtl"] .layout-margin .offset-xl-0, [dir="rtl"] .offset-xl-0 { margin-left: auto; margin-right: 0px; } .flex-offset-xl-5, .layout-margin .flex-offset-xl-5, .layout-margin .offset-xl-5, .offset-xl-5 { margin-left: 5%; } [dir="rtl"] .flex-offset-xl-5, [dir="rtl"] .layout-margin .flex-offset-xl-5, [dir="rtl"] .layout-margin .offset-xl-5, [dir="rtl"] .offset-xl-5 { margin-left: auto; margin-right: 5%; } .flex-offset-xl-10, .layout-margin .flex-offset-xl-10, .layout-margin .offset-xl-10, .offset-xl-10 { margin-left: 10%; } [dir="rtl"] .flex-offset-xl-10, [dir="rtl"] .layout-margin .flex-offset-xl-10, [dir="rtl"] .layout-margin .offset-xl-10, [dir="rtl"] .offset-xl-10 { margin-left: auto; margin-right: 10%; } .flex-offset-xl-15, .layout-margin .flex-offset-xl-15, .layout-margin .offset-xl-15, .offset-xl-15 { margin-left: 15%; } [dir="rtl"] .flex-offset-xl-15, [dir="rtl"] .layout-margin .flex-offset-xl-15, [dir="rtl"] .layout-margin .offset-xl-15, [dir="rtl"] .offset-xl-15 { margin-left: auto; margin-right: 15%; } .flex-offset-xl-20, .layout-margin .flex-offset-xl-20, .layout-margin .offset-xl-20, .offset-xl-20 { margin-left: 20%; } [dir="rtl"] .flex-offset-xl-20, [dir="rtl"] .layout-margin .flex-offset-xl-20, [dir="rtl"] .layout-margin .offset-xl-20, [dir="rtl"] .offset-xl-20 { margin-left: auto; margin-right: 20%; } .flex-offset-xl-25, .layout-margin .flex-offset-xl-25, .layout-margin .offset-xl-25, .offset-xl-25 { margin-left: 25%; } [dir="rtl"] .flex-offset-xl-25, [dir="rtl"] .layout-margin .flex-offset-xl-25, [dir="rtl"] .layout-margin .offset-xl-25, [dir="rtl"] .offset-xl-25 { margin-left: auto; margin-right: 25%; } .flex-offset-xl-30, .layout-margin .flex-offset-xl-30, .layout-margin .offset-xl-30, .offset-xl-30 { margin-left: 30%; } [dir="rtl"] .flex-offset-xl-30, [dir="rtl"] .layout-margin .flex-offset-xl-30, [dir="rtl"] .layout-margin .offset-xl-30, [dir="rtl"] .offset-xl-30 { margin-left: auto; margin-right: 30%; } .flex-offset-xl-35, .layout-margin .flex-offset-xl-35, .layout-margin .offset-xl-35, .offset-xl-35 { margin-left: 35%; } [dir="rtl"] .flex-offset-xl-35, [dir="rtl"] .layout-margin .flex-offset-xl-35, [dir="rtl"] .layout-margin .offset-xl-35, [dir="rtl"] .offset-xl-35 { margin-left: auto; margin-right: 35%; } .flex-offset-xl-40, .layout-margin .flex-offset-xl-40, .layout-margin .offset-xl-40, .offset-xl-40 { margin-left: 40%; } [dir="rtl"] .flex-offset-xl-40, [dir="rtl"] .layout-margin .flex-offset-xl-40, [dir="rtl"] .layout-margin .offset-xl-40, [dir="rtl"] .offset-xl-40 { margin-left: auto; margin-right: 40%; } .flex-offset-xl-45, .layout-margin .flex-offset-xl-45, .layout-margin .offset-xl-45, .offset-xl-45 { margin-left: 45%; } [dir="rtl"] .flex-offset-xl-45, [dir="rtl"] .layout-margin .flex-offset-xl-45, [dir="rtl"] .layout-margin .offset-xl-45, [dir="rtl"] .offset-xl-45 { margin-left: auto; margin-right: 45%; } .flex-offset-xl-50, .layout-margin .flex-offset-xl-50, .layout-margin .offset-xl-50, .offset-xl-50 { margin-left: 50%; } [dir="rtl"] .flex-offset-xl-50, [dir="rtl"] .layout-margin .flex-offset-xl-50, [dir="rtl"] .layout-margin .offset-xl-50, [dir="rtl"] .offset-xl-50 { margin-left: auto; margin-right: 50%; } .flex-offset-xl-55, .layout-margin .flex-offset-xl-55, .layout-margin .offset-xl-55, .offset-xl-55 { margin-left: 55%; } [dir="rtl"] .flex-offset-xl-55, [dir="rtl"] .layout-margin .flex-offset-xl-55, [dir="rtl"] .layout-margin .offset-xl-55, [dir="rtl"] .offset-xl-55 { margin-left: auto; margin-right: 55%; } .flex-offset-xl-60, .layout-margin .flex-offset-xl-60, .layout-margin .offset-xl-60, .offset-xl-60 { margin-left: 60%; } [dir="rtl"] .flex-offset-xl-60, [dir="rtl"] .layout-margin .flex-offset-xl-60, [dir="rtl"] .layout-margin .offset-xl-60, [dir="rtl"] .offset-xl-60 { margin-left: auto; margin-right: 60%; } .flex-offset-xl-65, .layout-margin .flex-offset-xl-65, .layout-margin .offset-xl-65, .offset-xl-65 { margin-left: 65%; } [dir="rtl"] .flex-offset-xl-65, [dir="rtl"] .layout-margin .flex-offset-xl-65, [dir="rtl"] .layout-margin .offset-xl-65, [dir="rtl"] .offset-xl-65 { margin-left: auto; margin-right: 65%; } .flex-offset-xl-70, .layout-margin .flex-offset-xl-70, .layout-margin .offset-xl-70, .offset-xl-70 { margin-left: 70%; } [dir="rtl"] .flex-offset-xl-70, [dir="rtl"] .layout-margin .flex-offset-xl-70, [dir="rtl"] .layout-margin .offset-xl-70, [dir="rtl"] .offset-xl-70 { margin-left: auto; margin-right: 70%; } .flex-offset-xl-75, .layout-margin .flex-offset-xl-75, .layout-margin .offset-xl-75, .offset-xl-75 { margin-left: 75%; } [dir="rtl"] .flex-offset-xl-75, [dir="rtl"] .layout-margin .flex-offset-xl-75, [dir="rtl"] .layout-margin .offset-xl-75, [dir="rtl"] .offset-xl-75 { margin-left: auto; margin-right: 75%; } .flex-offset-xl-80, .layout-margin .flex-offset-xl-80, .layout-margin .offset-xl-80, .offset-xl-80 { margin-left: 80%; } [dir="rtl"] .flex-offset-xl-80, [dir="rtl"] .layout-margin .flex-offset-xl-80, [dir="rtl"] .layout-margin .offset-xl-80, [dir="rtl"] .offset-xl-80 { margin-left: auto; margin-right: 80%; } .flex-offset-xl-85, .layout-margin .flex-offset-xl-85, .layout-margin .offset-xl-85, .offset-xl-85 { margin-left: 85%; } [dir="rtl"] .flex-offset-xl-85, [dir="rtl"] .layout-margin .flex-offset-xl-85, [dir="rtl"] .layout-margin .offset-xl-85, [dir="rtl"] .offset-xl-85 { margin-left: auto; margin-right: 85%; } .flex-offset-xl-90, .layout-margin .flex-offset-xl-90, .layout-margin .offset-xl-90, .offset-xl-90 { margin-left: 90%; } [dir="rtl"] .flex-offset-xl-90, [dir="rtl"] .layout-margin .flex-offset-xl-90, [dir="rtl"] .layout-margin .offset-xl-90, [dir="rtl"] .offset-xl-90 { margin-left: auto; margin-right: 90%; } .flex-offset-xl-95, .layout-margin .flex-offset-xl-95, .layout-margin .offset-xl-95, .offset-xl-95 { margin-left: 95%; } [dir="rtl"] .flex-offset-xl-95, [dir="rtl"] .layout-margin .flex-offset-xl-95, [dir="rtl"] .layout-margin .offset-xl-95, [dir="rtl"] .offset-xl-95 { margin-left: auto; margin-right: 95%; } .flex-offset-xl-33, .layout-margin .flex-offset-xl-33, .layout-margin .offset-xl-33, .offset-xl-33 { margin-left: 33.3333%; } .flex-offset-xl-66, .layout-margin .flex-offset-xl-66, .layout-margin .offset-xl-66, .offset-xl-66 { margin-left: 66.6667%; } [dir="rtl"] .flex-offset-xl-66, [dir="rtl"] .layout-margin .flex-offset-xl-66, [dir="rtl"] .layout-margin .offset-xl-66, [dir="rtl"] .offset-xl-66 { margin-left: auto; margin-right: 66.6667%; } .layout-align-xl, .layout-align-xl-start-stretch { place-content: stretch flex-start; align-items: stretch; } .layout-align-xl-start, .layout-align-xl-start-center, .layout-align-xl-start-end, .layout-align-xl-start-start, .layout-align-xl-start-stretch { justify-content: flex-start; } .layout-align-xl-center, .layout-align-xl-center-center, .layout-align-xl-center-end, .layout-align-xl-center-start, .layout-align-xl-center-stretch { justify-content: center; } .layout-align-xl-end, .layout-align-xl-end-center, .layout-align-xl-end-end, .layout-align-xl-end-start, .layout-align-xl-end-stretch { justify-content: flex-end; } .layout-align-xl-space-around, .layout-align-xl-space-around-center, .layout-align-xl-space-around-end, .layout-align-xl-space-around-start, .layout-align-xl-space-around-stretch { justify-content: space-around; } .layout-align-xl-space-between, .layout-align-xl-space-between-center, .layout-align-xl-space-between-end, .layout-align-xl-space-between-start, .layout-align-xl-space-between-stretch { justify-content: space-between; } .layout-align-xl-center-start, .layout-align-xl-end-start, .layout-align-xl-space-around-start, .layout-align-xl-space-between-start, .layout-align-xl-start-start { align-items: flex-start; align-content: flex-start; } .layout-align-xl-center-center, .layout-align-xl-end-center, .layout-align-xl-space-around-center, .layout-align-xl-space-between-center, .layout-align-xl-start-center { align-items: center; align-content: center; max-width: 100%; } .layout-align-xl-center-center > *, .layout-align-xl-end-center > *, .layout-align-xl-space-around-center > *, .layout-align-xl-space-between-center > *, .layout-align-xl-start-center > * { max-width: 100%; box-sizing: border-box; } .layout-align-xl-center-end, .layout-align-xl-end-end, .layout-align-xl-space-around-end, .layout-align-xl-space-between-end, .layout-align-xl-start-end { align-items: flex-end; align-content: flex-end; } .layout-align-xl-center-stretch, .layout-align-xl-end-stretch, .layout-align-xl-space-around-stretch, .layout-align-xl-space-between-stretch, .layout-align-xl-start-stretch { align-items: stretch; align-content: stretch; } .flex-xl { flex: 1 1 0%; box-sizing: border-box; } .flex-xl-grow { flex: 1 1 100%; box-sizing: border-box; } .flex-xl-initial { flex: 0 1 auto; box-sizing: border-box; } .flex-xl-auto { flex: 1 1 auto; box-sizing: border-box; } .flex-xl-none { flex: 0 0 auto; box-sizing: border-box; } .flex-xl-noshrink { flex: 1 0 auto; box-sizing: border-box; } .flex-xl-nogrow { flex: 0 1 auto; box-sizing: border-box; } .flex-xl-0, .layout-row > .flex-xl-0 { flex: 1 1 100%; max-width: 0px; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-xl-0 { min-width: 0px; } .layout-column > .flex-xl-0 { flex: 1 1 100%; max-width: 100%; max-height: 0%; box-sizing: border-box; } .layout-xl-row > .flex-xl-0 { flex: 1 1 100%; max-width: 0px; max-height: 100%; box-sizing: border-box; min-width: 0px; } .layout-xl-column > .flex-xl-0 { flex: 1 1 100%; max-width: 100%; max-height: 0%; box-sizing: border-box; min-height: 0px; } .flex-xl-5, .layout-row > .flex-xl-5 { flex: 1 1 100%; max-width: 5%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-xl-5 { flex: 1 1 100%; max-width: 100%; max-height: 5%; box-sizing: border-box; } .layout-xl-row > .flex-xl-5 { flex: 1 1 100%; max-width: 5%; max-height: 100%; box-sizing: border-box; } .layout-xl-column > .flex-xl-5 { flex: 1 1 100%; max-width: 100%; max-height: 5%; box-sizing: border-box; } .flex-xl-10, .layout-row > .flex-xl-10 { flex: 1 1 100%; max-width: 10%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-xl-10 { flex: 1 1 100%; max-width: 100%; max-height: 10%; box-sizing: border-box; } .layout-xl-row > .flex-xl-10 { flex: 1 1 100%; max-width: 10%; max-height: 100%; box-sizing: border-box; } .layout-xl-column > .flex-xl-10 { flex: 1 1 100%; max-width: 100%; max-height: 10%; box-sizing: border-box; } .flex-xl-15, .layout-row > .flex-xl-15 { flex: 1 1 100%; max-width: 15%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-xl-15 { flex: 1 1 100%; max-width: 100%; max-height: 15%; box-sizing: border-box; } .layout-xl-row > .flex-xl-15 { flex: 1 1 100%; max-width: 15%; max-height: 100%; box-sizing: border-box; } .layout-xl-column > .flex-xl-15 { flex: 1 1 100%; max-width: 100%; max-height: 15%; box-sizing: border-box; } .flex-xl-20, .layout-row > .flex-xl-20 { flex: 1 1 100%; max-width: 20%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-xl-20 { flex: 1 1 100%; max-width: 100%; max-height: 20%; box-sizing: border-box; } .layout-xl-row > .flex-xl-20 { flex: 1 1 100%; max-width: 20%; max-height: 100%; box-sizing: border-box; } .layout-xl-column > .flex-xl-20 { flex: 1 1 100%; max-width: 100%; max-height: 20%; box-sizing: border-box; } .flex-xl-25, .layout-row > .flex-xl-25 { flex: 1 1 100%; max-width: 25%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-xl-25 { flex: 1 1 100%; max-width: 100%; max-height: 25%; box-sizing: border-box; } .layout-xl-row > .flex-xl-25 { flex: 1 1 100%; max-width: 25%; max-height: 100%; box-sizing: border-box; } .layout-xl-column > .flex-xl-25 { flex: 1 1 100%; max-width: 100%; max-height: 25%; box-sizing: border-box; } .flex-xl-30, .layout-row > .flex-xl-30 { flex: 1 1 100%; max-width: 30%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-xl-30 { flex: 1 1 100%; max-width: 100%; max-height: 30%; box-sizing: border-box; } .layout-xl-row > .flex-xl-30 { flex: 1 1 100%; max-width: 30%; max-height: 100%; box-sizing: border-box; } .layout-xl-column > .flex-xl-30 { flex: 1 1 100%; max-width: 100%; max-height: 30%; box-sizing: border-box; } .flex-xl-35, .layout-row > .flex-xl-35 { flex: 1 1 100%; max-width: 35%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-xl-35 { flex: 1 1 100%; max-width: 100%; max-height: 35%; box-sizing: border-box; } .layout-xl-row > .flex-xl-35 { flex: 1 1 100%; max-width: 35%; max-height: 100%; box-sizing: border-box; } .layout-xl-column > .flex-xl-35 { flex: 1 1 100%; max-width: 100%; max-height: 35%; box-sizing: border-box; } .flex-xl-40, .layout-row > .flex-xl-40 { flex: 1 1 100%; max-width: 40%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-xl-40 { flex: 1 1 100%; max-width: 100%; max-height: 40%; box-sizing: border-box; } .layout-xl-row > .flex-xl-40 { flex: 1 1 100%; max-width: 40%; max-height: 100%; box-sizing: border-box; } .layout-xl-column > .flex-xl-40 { flex: 1 1 100%; max-width: 100%; max-height: 40%; box-sizing: border-box; } .flex-xl-45, .layout-row > .flex-xl-45 { flex: 1 1 100%; max-width: 45%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-xl-45 { flex: 1 1 100%; max-width: 100%; max-height: 45%; box-sizing: border-box; } .layout-xl-row > .flex-xl-45 { flex: 1 1 100%; max-width: 45%; max-height: 100%; box-sizing: border-box; } .layout-xl-column > .flex-xl-45 { flex: 1 1 100%; max-width: 100%; max-height: 45%; box-sizing: border-box; } .flex-xl-50, .layout-row > .flex-xl-50 { flex: 1 1 100%; max-width: 50%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-xl-50 { flex: 1 1 100%; max-width: 100%; max-height: 50%; box-sizing: border-box; } .layout-xl-row > .flex-xl-50 { flex: 1 1 100%; max-width: 50%; max-height: 100%; box-sizing: border-box; } .layout-xl-column > .flex-xl-50 { flex: 1 1 100%; max-width: 100%; max-height: 50%; box-sizing: border-box; } .flex-xl-55, .layout-row > .flex-xl-55 { flex: 1 1 100%; max-width: 55%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-xl-55 { flex: 1 1 100%; max-width: 100%; max-height: 55%; box-sizing: border-box; } .layout-xl-row > .flex-xl-55 { flex: 1 1 100%; max-width: 55%; max-height: 100%; box-sizing: border-box; } .layout-xl-column > .flex-xl-55 { flex: 1 1 100%; max-width: 100%; max-height: 55%; box-sizing: border-box; } .flex-xl-60, .layout-row > .flex-xl-60 { flex: 1 1 100%; max-width: 60%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-xl-60 { flex: 1 1 100%; max-width: 100%; max-height: 60%; box-sizing: border-box; } .layout-xl-row > .flex-xl-60 { flex: 1 1 100%; max-width: 60%; max-height: 100%; box-sizing: border-box; } .layout-xl-column > .flex-xl-60 { flex: 1 1 100%; max-width: 100%; max-height: 60%; box-sizing: border-box; } .flex-xl-65, .layout-row > .flex-xl-65 { flex: 1 1 100%; max-width: 65%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-xl-65 { flex: 1 1 100%; max-width: 100%; max-height: 65%; box-sizing: border-box; } .layout-xl-row > .flex-xl-65 { flex: 1 1 100%; max-width: 65%; max-height: 100%; box-sizing: border-box; } .layout-xl-column > .flex-xl-65 { flex: 1 1 100%; max-width: 100%; max-height: 65%; box-sizing: border-box; } .flex-xl-70, .layout-row > .flex-xl-70 { flex: 1 1 100%; max-width: 70%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-xl-70 { flex: 1 1 100%; max-width: 100%; max-height: 70%; box-sizing: border-box; } .layout-xl-row > .flex-xl-70 { flex: 1 1 100%; max-width: 70%; max-height: 100%; box-sizing: border-box; } .layout-xl-column > .flex-xl-70 { flex: 1 1 100%; max-width: 100%; max-height: 70%; box-sizing: border-box; } .flex-xl-75, .layout-row > .flex-xl-75 { flex: 1 1 100%; max-width: 75%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-xl-75 { flex: 1 1 100%; max-width: 100%; max-height: 75%; box-sizing: border-box; } .layout-xl-row > .flex-xl-75 { flex: 1 1 100%; max-width: 75%; max-height: 100%; box-sizing: border-box; } .layout-xl-column > .flex-xl-75 { flex: 1 1 100%; max-width: 100%; max-height: 75%; box-sizing: border-box; } .flex-xl-80, .layout-row > .flex-xl-80 { flex: 1 1 100%; max-width: 80%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-xl-80 { flex: 1 1 100%; max-width: 100%; max-height: 80%; box-sizing: border-box; } .layout-xl-row > .flex-xl-80 { flex: 1 1 100%; max-width: 80%; max-height: 100%; box-sizing: border-box; } .layout-xl-column > .flex-xl-80 { flex: 1 1 100%; max-width: 100%; max-height: 80%; box-sizing: border-box; } .flex-xl-85, .layout-row > .flex-xl-85 { flex: 1 1 100%; max-width: 85%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-xl-85 { flex: 1 1 100%; max-width: 100%; max-height: 85%; box-sizing: border-box; } .layout-xl-row > .flex-xl-85 { flex: 1 1 100%; max-width: 85%; max-height: 100%; box-sizing: border-box; } .layout-xl-column > .flex-xl-85 { flex: 1 1 100%; max-width: 100%; max-height: 85%; box-sizing: border-box; } .flex-xl-90, .layout-row > .flex-xl-90 { flex: 1 1 100%; max-width: 90%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-xl-90 { flex: 1 1 100%; max-width: 100%; max-height: 90%; box-sizing: border-box; } .layout-xl-row > .flex-xl-90 { flex: 1 1 100%; max-width: 90%; max-height: 100%; box-sizing: border-box; } .layout-xl-column > .flex-xl-90 { flex: 1 1 100%; max-width: 100%; max-height: 90%; box-sizing: border-box; } .flex-xl-95, .layout-row > .flex-xl-95 { flex: 1 1 100%; max-width: 95%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-xl-95 { flex: 1 1 100%; max-width: 100%; max-height: 95%; box-sizing: border-box; } .layout-xl-row > .flex-xl-95 { flex: 1 1 100%; max-width: 95%; max-height: 100%; box-sizing: border-box; } .layout-xl-column > .flex-xl-95 { max-height: 95%; } .flex-xl-100, .layout-xl-column > .flex-xl-95 { flex: 1 1 100%; max-width: 100%; box-sizing: border-box; } .flex-xl-100 { max-height: 100%; } .layout-column > .flex-xl-100, .layout-row > .flex-xl-100, .layout-xl-column > .flex-xl-100, .layout-xl-row > .flex-xl-100 { flex: 1 1 100%; max-width: 100%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-xl-33 { flex: 1 1 33.33%; max-width: 33.33%; max-height: 100%; box-sizing: border-box; } .layout-row > .flex-xl-66 { flex: 1 1 66.66%; max-width: 66.66%; max-height: 100%; box-sizing: border-box; } .layout-column > .flex-xl-33 { flex: 1 1 33.33%; max-width: 100%; max-height: 33.33%; box-sizing: border-box; } .layout-column > .flex-xl-66 { flex: 1 1 66.66%; max-width: 100%; max-height: 66.66%; box-sizing: border-box; } .layout-xl-row > .flex-xl-33 { flex: 1 1 100%; max-width: 33.33%; max-height: 100%; box-sizing: border-box; } .layout-xl-row > .flex-xl-66 { flex: 1 1 100%; max-width: 66.66%; max-height: 100%; box-sizing: border-box; } .layout-xl-row > .flex { min-width: 0px; } .layout-xl-column > .flex-xl-33 { flex: 1 1 100%; max-width: 100%; max-height: 33.33%; box-sizing: border-box; } .layout-xl-column > .flex-xl-66 { flex: 1 1 100%; max-width: 100%; max-height: 66.66%; box-sizing: border-box; } .layout-xl-column > .flex { min-height: 0px; } .layout-xl, .layout-xl-column, .layout-xl-row { box-sizing: border-box; display: flex; } .layout-xl-column { flex-direction: column; } .layout-xl-row { flex-direction: row; } .hide-gt-lg:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-gt-lg):not(.show-xl):not(.show), .hide-gt-md:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-gt-lg):not(.show-xl):not(.show), .hide-gt-sm:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-gt-lg):not(.show-xl):not(.show), .hide-gt-xs:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-gt-lg):not(.show-xl):not(.show), .hide-xl:not(.show-xl):not(.show-gt-lg):not(.show-gt-md):not(.show-gt-sm):not(.show-gt-xs):not(.show), .hide:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-gt-lg):not(.show-xl):not(.show) { display: none; }} @media print { .hide-print:not(.show-print):not(.show) { display: none !important; }} md-backdrop.md-edit-dialog-backdrop { z-index: 80; } md-edit-dialog { display: flex; flex-direction: column; position: fixed; z-index: 81; background-color: rgb(249, 249, 249); border-radius: 2px; cursor: default; } md-edit-dialog > .md-content { padding: 16px 24px 0px; } md-edit-dialog > .md-content .md-title { color: rgba(0, 0, 0, 0.87); margin-bottom: 8px; } md-edit-dialog > .md-content md-input-container { margin: 0px; font-size: 13px; } md-edit-dialog > .md-content md-input-container input { float: none; } md-edit-dialog > .md-content md-input-container .md-errors-spacer { min-height: auto; min-width: auto; color: rgba(0, 0, 0, 0.54); } md-edit-dialog > .md-content md-input-container .md-errors-spacer .md-char-counter { padding: 5px 2px 5px 0px; } md-edit-dialog > .md-content md-input-container [ng-message] { padding: 5px 0px 5px 2px; } md-edit-dialog > .md-actions { margin: 0px 16px 8px; } md-edit-dialog > .md-actions .md-button { margin: 0px; min-width: initial; } md-edit-dialog > .md-actions .md-button + .md-button { margin-left: 8px; } .md-table-pagination { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap-reverse; box-sizing: border-box; padding: 0px 24px; font-size: 12px; color: rgba(0, 0, 0, 0.54); border-top: 1px solid rgba(0, 0, 0, 0.12); } .md-table-pagination md-select { justify-content: flex-end; min-width: 64px; } .md-table-pagination md-select:not([disabled]):focus .md-select-value { color: rgba(0, 0, 0, 0.54); } .md-table-pagination md-select .md-select-value { flex: 0 0 auto; } .md-table-pagination md-select .md-select-value span.md-select-icon { justify-content: center; text-align: center; margin-right: -6px !important; } .md-table-pagination md-select .md-select-value span.md-select-icon::after { top: initial; transform: scaleY(0.5) scaleX(1); } .md-table-pagination > * { display: flex; align-items: center; height: 56px; } .md-table-pagination > .buttons:not(:first-child), .md-table-pagination > .limit-select:not(:first-child) { margin-left: 32px; } .md-table-pagination > .buttons { margin-right: -16px; } .md-table-pagination > .buttons > .md-button.md-icon-button { margin: 0px; } .md-table-pagination > .buttons > .label + .md-button.md-icon-button { margin-left: 20px; } md-select.md-table-select { margin: 0px; } md-select.md-table-select > .md-select-value { padding: 0px; min-width: 0px; min-height: 24px; border-bottom: 0px !important; } md-select.md-table-select > .md-select-value > span { display: block; height: auto; transform: none !important; } md-select.md-table-select > .md-select-value > span > .md-text { display: inherit; height: inherit; transform: inherit; } md-select.md-table-select > .md-select-value > span.md-select-icon { display: flex; align-items: center; height: 24px; margin: 0px; } md-select.md-table-select > .md-select-value > span.md-select-icon::after { top: initial; } .md-select-menu-container.md-pagination-select, .md-select-menu-container.md-table-select { margin-left: -2px; border-radius: 2px; } .md-select-menu-container.md-pagination-select md-content, .md-select-menu-container.md-pagination-select md-select-menu, .md-select-menu-container.md-table-select md-content, .md-select-menu-container.md-table-select md-select-menu { border-radius: inherit; } .md-select-menu-container.md-pagination-select md-content, .md-select-menu-container.md-table-select md-content { padding: 0px; } .md-select-menu-container.md-table-select .md-text { font-size: 13px; } .md-select-menu-container.md-pagination-select .md-text { font-size: 12px; } md-toolbar.md-table-toolbar { box-shadow: none; } md-toolbar.md-table-toolbar.md-default-theme:not(.md-menu-toolbar).md-default, md-toolbar.md-table-toolbar:not(.md-menu-toolbar).md-default { background-color: rgb(255, 255, 255); color: rgba(0, 0, 0, 0.87); } md-toolbar.md-table-toolbar.md-default-theme:not(.md-menu-toolbar).md-default .md-button, md-toolbar.md-table-toolbar:not(.md-menu-toolbar).md-default .md-button { color: rgba(0, 0, 0, 0.87); } @media only screen and (max-width: 959px) and (min-width: 0) and (orientation: landscape) { md-toolbar.md-table-toolbar .md-toolbar-tools { height: 64px; max-height: initial; }} md-toolbar.md-table-toolbar .md-toolbar-tools { padding: 0px 24px; } md-toolbar.md-table-toolbar .md-toolbar-tools md-icon { color: rgba(0, 0, 0, 0.54); } md-toolbar.md-table-toolbar .md-toolbar-tools > .md-button.md-icon-button { margin: 0px; } md-toolbar.md-table-toolbar .md-toolbar-tools > .md-button.md-icon-button:first-child { margin-left: -12px; } md-toolbar.md-table-toolbar .md-toolbar-tools > .md-button.md-icon-button:last-child { margin-right: -12px; } md-card > md-table-container:first-child, md-card > md-toolbar.md-table-toolbar:first-child { border-top-left-radius: 2px; border-top-right-radius: 2px; } md-card > md-table-container:last-child, md-card > md-toolbar.md-table-toolbar:last-child { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } md-table-container { display: block; max-width: 100%; overflow-x: auto; } table.md-table { width: 100%; border-spacing: 0px; overflow: hidden; } table.md-table thead.md-head > tr.md-row { height: 56px; } table.md-table tbody.md-body > tr.md-row, table.md-table tfoot.md-foot > tr.md-row { height: 48px; } table.md-table thead.md-head + .md-table-progress md-progress-linear { top: -3px; } table.md-table .md-table-progress th { padding: 0px; } table.md-table .md-table-progress th md-progress-linear { height: 0px; transition: opacity 1s ease 0s; } table.md-table .md-table-progress th md-progress-linear.ng-hide { opacity: 0; } table.md-table .md-table-progress th md-progress-linear > .md-container { height: 3px; top: 0px; transition: none 0s ease 0s; } table.md-table .md-table-progress th md-progress-linear > .md-container > .md-bar { height: 3px; } table.md-table th.md-column { color: rgba(0, 0, 0, 0.54); font-size: 12px; font-weight: 700; white-space: nowrap; } table.md-table th.md-column.md-sort { cursor: pointer; } table.md-table th.md-column md-icon { height: 16px; width: 16px; font-size: 16px !important; line-height: 16px !important; } table.md-table th.md-column md-icon.md-sort-icon { color: rgba(0, 0, 0, 0.26); opacity: 0; transition: transform 0.25s ease 0s, opacity 0.25s ease 0s; } table.md-table th.md-column md-icon.md-sort-icon.md-asc { transform: rotate(0deg); } table.md-table th.md-column md-icon.md-sort-icon.md-desc { transform: rotate(180deg); } table.md-table th.md-column md-icon:not(:first-child) { margin-left: 8px; } table.md-table th.md-column md-icon:not(:last-child) { margin-right: 8px; } table.md-table th.md-column.md-active, table.md-table th.md-column.md-active md-icon { color: rgba(0, 0, 0, 0.87); } table.md-table th.md-column.md-active md-icon.md-sort-icon, table.md-table th.md-column:hover md-icon.md-sort-icon { opacity: 1; } table.md-table tr.md-row[data-ng-repeat].ng-leave, table.md-table tr.md-row[ng-repeat].ng-leave, table.md-table tr.md-row[ng\:repeat].ng-leave, table.md-table tr.md-row[x-ng-repeat].ng-leave { display: none; } table.md-table.md-row-select tbody.md-body > tr.md-row { transition: background-color 0.2s ease 0s; } table.md-table.md-row-select tbody.md-body > tr.md-row:not([disabled]):hover { background-color: rgb(238, 238, 238) !important; } table.md-table.md-row-select tbody.md-body > tr.md-row.md-selected { background-color: rgb(245, 245, 245); } table.md-table.md-row-select td.md-cell:first-child, table.md-table.md-row-select th.md-column:first-child { width: 20px; padding: 0px 0px 0px 24px; } table.md-table.md-row-select td.md-cell:nth-child(2), table.md-table.md-row-select th.md-column:nth-child(2) { padding: 0px 24px; } table.md-table.md-row-select td.md-cell:nth-child(n+3):nth-last-child(n+2), table.md-table.md-row-select th.md-column:nth-child(n+3):nth-last-child(n+2) { padding: 0px 56px 0px 0px; } table.md-table:not(.md-row-select) td.md-cell:first-child, table.md-table:not(.md-row-select) th.md-column:first-child { padding: 0px 24px; } table.md-table:not(.md-row-select) td.md-cell:nth-child(n+2):nth-last-child(n+2), table.md-table:not(.md-row-select) th.md-column:nth-child(n+2):nth-last-child(n+2) { padding: 0px 56px 0px 0px; } table.md-table td.md-cell, table.md-table th.md-column { vertical-align: middle; text-align: left; } table.md-table td.md-cell > *, table.md-table th.md-column > * { vertical-align: middle; } table.md-table td.md-cell:last-child, table.md-table th.md-column:last-child { padding: 0px 24px 0px 0px; } table.md-table td.md-cell.md-clickable, table.md-table th.md-column.md-clickable { cursor: pointer; } table.md-table td.md-cell.md-clickable:focus, table.md-table th.md-column.md-clickable:focus { outline: 0px; } table.md-table td.md-cell.md-numeric, table.md-table th.md-column.md-numeric { text-align: right; } table.md-table td.md-cell md-checkbox, table.md-table th.md-column md-checkbox { margin: 0px; width: 20px; } table.md-table td.md-cell { color: rgba(0, 0, 0, 0.87); font-size: 13px; border-top: 1px solid rgba(0, 0, 0, 0.12); } table.md-table td.md-cell.md-numeric md-select { justify-content: flex-end; } table.md-table td.md-cell.md-numeric md-select .md-select-value { flex: 0 0 auto; } table.md-table td.md-cell.md-placeholder { color: rgba(0, 0, 0, 0.26); } table.md-table td.md-cell md-select > .md-select-value > span.md-select-icon { justify-content: flex-end; color: rgba(0, 0, 0, 0.54); width: 18px; text-align: right; } table.md-table td.md-cell md-select > .md-select-value > span.md-select-icon::after { transform: scaleY(0.4) scaleX(0.8); } html { box-sizing: border-box; } *, ::before, ::after { box-sizing: inherit; } .container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container { max-width: 540px; }} @media (min-width: 768px) { .container { max-width: 720px; }} @media (min-width: 992px) { .container { max-width: 960px; }} @media (min-width: 1240px) { .container { max-width: 1090px; }} @media (min-width: 1367px) { .container { max-width: 1210px; }} .container-fluid { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .no-gutters { margin-right: 0px; margin-left: 0px; } .no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0px; padding-left: 0px; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col { flex-basis: 0px; -webkit-box-flex: 1; flex-grow: 1; max-width: 100%; } .col-auto { -webkit-box-flex: 0; flex: 0 0 auto; width: auto; max-width: none; } .col-1 { -webkit-box-flex: 0; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-2 { -webkit-box-flex: 0; flex: 0 0 16.6667%; max-width: 16.6667%; } .col-3 { -webkit-box-flex: 0; flex: 0 0 25%; max-width: 25%; } .col-4 { -webkit-box-flex: 0; flex: 0 0 33.3333%; max-width: 33.3333%; } .col-5 { -webkit-box-flex: 0; flex: 0 0 41.6667%; max-width: 41.6667%; } .col-6 { -webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%; } .col-7 { -webkit-box-flex: 0; flex: 0 0 58.3333%; max-width: 58.3333%; } .col-8 { -webkit-box-flex: 0; flex: 0 0 66.6667%; max-width: 66.6667%; } .col-9 { -webkit-box-flex: 0; flex: 0 0 75%; max-width: 75%; } .col-10 { -webkit-box-flex: 0; flex: 0 0 83.3333%; max-width: 83.3333%; } .col-11 { -webkit-box-flex: 0; flex: 0 0 91.6667%; max-width: 91.6667%; } .col-12 { -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; } .order-first { order: -1; } .order-last { -webkit-box-ordinal-group: 14; order: 13; } .order-0 { -webkit-box-ordinal-group: 1; order: 0; } .order-1 { -webkit-box-ordinal-group: 2; order: 1; } .order-2 { -webkit-box-ordinal-group: 3; order: 2; } .order-3 { -webkit-box-ordinal-group: 4; order: 3; } .order-4 { -webkit-box-ordinal-group: 5; order: 4; } .order-5 { -webkit-box-ordinal-group: 6; order: 5; } .order-6 { -webkit-box-ordinal-group: 7; order: 6; } .order-7 { -webkit-box-ordinal-group: 8; order: 7; } .order-8 { -webkit-box-ordinal-group: 9; order: 8; } .order-9 { -webkit-box-ordinal-group: 10; order: 9; } .order-10 { -webkit-box-ordinal-group: 11; order: 10; } .order-11 { -webkit-box-ordinal-group: 12; order: 11; } .order-12 { -webkit-box-ordinal-group: 13; order: 12; } .offset-1 { margin-left: 8.33333%; } .offset-2 { margin-left: 16.6667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.3333%; } .offset-5 { margin-left: 41.6667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.3333%; } .offset-8 { margin-left: 66.6667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.3333%; } .offset-11 { margin-left: 91.6667%; } @media (min-width: 576px) { .col-sm { flex-basis: 0px; -webkit-box-flex: 1; flex-grow: 1; max-width: 100%; } .col-sm-auto { -webkit-box-flex: 0; flex: 0 0 auto; width: auto; max-width: none; } .col-sm-1 { -webkit-box-flex: 0; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-sm-2 { -webkit-box-flex: 0; flex: 0 0 16.6667%; max-width: 16.6667%; } .col-sm-3 { -webkit-box-flex: 0; flex: 0 0 25%; max-width: 25%; } .col-sm-4 { -webkit-box-flex: 0; flex: 0 0 33.3333%; max-width: 33.3333%; } .col-sm-5 { -webkit-box-flex: 0; flex: 0 0 41.6667%; max-width: 41.6667%; } .col-sm-6 { -webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%; } .col-sm-7 { -webkit-box-flex: 0; flex: 0 0 58.3333%; max-width: 58.3333%; } .col-sm-8 { -webkit-box-flex: 0; flex: 0 0 66.6667%; max-width: 66.6667%; } .col-sm-9 { -webkit-box-flex: 0; flex: 0 0 75%; max-width: 75%; } .col-sm-10 { -webkit-box-flex: 0; flex: 0 0 83.3333%; max-width: 83.3333%; } .col-sm-11 { -webkit-box-flex: 0; flex: 0 0 91.6667%; max-width: 91.6667%; } .col-sm-12 { -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; } .order-sm-first { order: -1; } .order-sm-last { -webkit-box-ordinal-group: 14; order: 13; } .order-sm-0 { -webkit-box-ordinal-group: 1; order: 0; } .order-sm-1 { -webkit-box-ordinal-group: 2; order: 1; } .order-sm-2 { -webkit-box-ordinal-group: 3; order: 2; } .order-sm-3 { -webkit-box-ordinal-group: 4; order: 3; } .order-sm-4 { -webkit-box-ordinal-group: 5; order: 4; } .order-sm-5 { -webkit-box-ordinal-group: 6; order: 5; } .order-sm-6 { -webkit-box-ordinal-group: 7; order: 6; } .order-sm-7 { -webkit-box-ordinal-group: 8; order: 7; } .order-sm-8 { -webkit-box-ordinal-group: 9; order: 8; } .order-sm-9 { -webkit-box-ordinal-group: 10; order: 9; } .order-sm-10 { -webkit-box-ordinal-group: 11; order: 10; } .order-sm-11 { -webkit-box-ordinal-group: 12; order: 11; } .order-sm-12 { -webkit-box-ordinal-group: 13; order: 12; } .offset-sm-0 { margin-left: 0px; } .offset-sm-1 { margin-left: 8.33333%; } .offset-sm-2 { margin-left: 16.6667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.3333%; } .offset-sm-5 { margin-left: 41.6667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.3333%; } .offset-sm-8 { margin-left: 66.6667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.3333%; } .offset-sm-11 { margin-left: 91.6667%; }} @media (min-width: 768px) { .col-md { flex-basis: 0px; -webkit-box-flex: 1; flex-grow: 1; max-width: 100%; } .col-md-auto { -webkit-box-flex: 0; flex: 0 0 auto; width: auto; max-width: none; } .col-md-1 { -webkit-box-flex: 0; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-md-2 { -webkit-box-flex: 0; flex: 0 0 16.6667%; max-width: 16.6667%; } .col-md-3 { -webkit-box-flex: 0; flex: 0 0 25%; max-width: 25%; } .col-md-4 { -webkit-box-flex: 0; flex: 0 0 33.3333%; max-width: 33.3333%; } .col-md-5 { -webkit-box-flex: 0; flex: 0 0 41.6667%; max-width: 41.6667%; } .col-md-6 { -webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%; } .col-md-7 { -webkit-box-flex: 0; flex: 0 0 58.3333%; max-width: 58.3333%; } .col-md-8 { -webkit-box-flex: 0; flex: 0 0 66.6667%; max-width: 66.6667%; } .col-md-9 { -webkit-box-flex: 0; flex: 0 0 75%; max-width: 75%; } .col-md-10 { -webkit-box-flex: 0; flex: 0 0 83.3333%; max-width: 83.3333%; } .col-md-11 { -webkit-box-flex: 0; flex: 0 0 91.6667%; max-width: 91.6667%; } .col-md-12 { -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; } .order-md-first { order: -1; } .order-md-last { -webkit-box-ordinal-group: 14; order: 13; } .order-md-0 { -webkit-box-ordinal-group: 1; order: 0; } .order-md-1 { -webkit-box-ordinal-group: 2; order: 1; } .order-md-2 { -webkit-box-ordinal-group: 3; order: 2; } .order-md-3 { -webkit-box-ordinal-group: 4; order: 3; } .order-md-4 { -webkit-box-ordinal-group: 5; order: 4; } .order-md-5 { -webkit-box-ordinal-group: 6; order: 5; } .order-md-6 { -webkit-box-ordinal-group: 7; order: 6; } .order-md-7 { -webkit-box-ordinal-group: 8; order: 7; } .order-md-8 { -webkit-box-ordinal-group: 9; order: 8; } .order-md-9 { -webkit-box-ordinal-group: 10; order: 9; } .order-md-10 { -webkit-box-ordinal-group: 11; order: 10; } .order-md-11 { -webkit-box-ordinal-group: 12; order: 11; } .order-md-12 { -webkit-box-ordinal-group: 13; order: 12; } .offset-md-0 { margin-left: 0px; } .offset-md-1 { margin-left: 8.33333%; } .offset-md-2 { margin-left: 16.6667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.3333%; } .offset-md-5 { margin-left: 41.6667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.3333%; } .offset-md-8 { margin-left: 66.6667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.3333%; } .offset-md-11 { margin-left: 91.6667%; }} @media (min-width: 992px) { .col-lg { flex-basis: 0px; -webkit-box-flex: 1; flex-grow: 1; max-width: 100%; } .col-lg-auto { -webkit-box-flex: 0; flex: 0 0 auto; width: auto; max-width: none; } .col-lg-1 { -webkit-box-flex: 0; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-lg-2 { -webkit-box-flex: 0; flex: 0 0 16.6667%; max-width: 16.6667%; } .col-lg-3 { -webkit-box-flex: 0; flex: 0 0 25%; max-width: 25%; } .col-lg-4 { -webkit-box-flex: 0; flex: 0 0 33.3333%; max-width: 33.3333%; } .col-lg-5 { -webkit-box-flex: 0; flex: 0 0 41.6667%; max-width: 41.6667%; } .col-lg-6 { -webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%; } .col-lg-7 { -webkit-box-flex: 0; flex: 0 0 58.3333%; max-width: 58.3333%; } .col-lg-8 { -webkit-box-flex: 0; flex: 0 0 66.6667%; max-width: 66.6667%; } .col-lg-9 { -webkit-box-flex: 0; flex: 0 0 75%; max-width: 75%; } .col-lg-10 { -webkit-box-flex: 0; flex: 0 0 83.3333%; max-width: 83.3333%; } .col-lg-11 { -webkit-box-flex: 0; flex: 0 0 91.6667%; max-width: 91.6667%; } .col-lg-12 { -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; } .order-lg-first { order: -1; } .order-lg-last { -webkit-box-ordinal-group: 14; order: 13; } .order-lg-0 { -webkit-box-ordinal-group: 1; order: 0; } .order-lg-1 { -webkit-box-ordinal-group: 2; order: 1; } .order-lg-2 { -webkit-box-ordinal-group: 3; order: 2; } .order-lg-3 { -webkit-box-ordinal-group: 4; order: 3; } .order-lg-4 { -webkit-box-ordinal-group: 5; order: 4; } .order-lg-5 { -webkit-box-ordinal-group: 6; order: 5; } .order-lg-6 { -webkit-box-ordinal-group: 7; order: 6; } .order-lg-7 { -webkit-box-ordinal-group: 8; order: 7; } .order-lg-8 { -webkit-box-ordinal-group: 9; order: 8; } .order-lg-9 { -webkit-box-ordinal-group: 10; order: 9; } .order-lg-10 { -webkit-box-ordinal-group: 11; order: 10; } .order-lg-11 { -webkit-box-ordinal-group: 12; order: 11; } .order-lg-12 { -webkit-box-ordinal-group: 13; order: 12; } .offset-lg-0 { margin-left: 0px; } .offset-lg-1 { margin-left: 8.33333%; } .offset-lg-2 { margin-left: 16.6667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.3333%; } .offset-lg-5 { margin-left: 41.6667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.3333%; } .offset-lg-8 { margin-left: 66.6667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.3333%; } .offset-lg-11 { margin-left: 91.6667%; }} @media (min-width: 1200px) { .col-xl { flex-basis: 0px; -webkit-box-flex: 1; flex-grow: 1; max-width: 100%; } .col-xl-auto { -webkit-box-flex: 0; flex: 0 0 auto; width: auto; max-width: none; } .col-xl-1 { -webkit-box-flex: 0; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-xl-2 { -webkit-box-flex: 0; flex: 0 0 16.6667%; max-width: 16.6667%; } .col-xl-3 { -webkit-box-flex: 0; flex: 0 0 25%; max-width: 25%; } .col-xl-4 { -webkit-box-flex: 0; flex: 0 0 33.3333%; max-width: 33.3333%; } .col-xl-5 { -webkit-box-flex: 0; flex: 0 0 41.6667%; max-width: 41.6667%; } .col-xl-6 { -webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%; } .col-xl-7 { -webkit-box-flex: 0; flex: 0 0 58.3333%; max-width: 58.3333%; } .col-xl-8 { -webkit-box-flex: 0; flex: 0 0 66.6667%; max-width: 66.6667%; } .col-xl-9 { -webkit-box-flex: 0; flex: 0 0 75%; max-width: 75%; } .col-xl-10 { -webkit-box-flex: 0; flex: 0 0 83.3333%; max-width: 83.3333%; } .col-xl-11 { -webkit-box-flex: 0; flex: 0 0 91.6667%; max-width: 91.6667%; } .col-xl-12 { -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; } .order-xl-first { order: -1; } .order-xl-last { -webkit-box-ordinal-group: 14; order: 13; } .order-xl-0 { -webkit-box-ordinal-group: 1; order: 0; } .order-xl-1 { -webkit-box-ordinal-group: 2; order: 1; } .order-xl-2 { -webkit-box-ordinal-group: 3; order: 2; } .order-xl-3 { -webkit-box-ordinal-group: 4; order: 3; } .order-xl-4 { -webkit-box-ordinal-group: 5; order: 4; } .order-xl-5 { -webkit-box-ordinal-group: 6; order: 5; } .order-xl-6 { -webkit-box-ordinal-group: 7; order: 6; } .order-xl-7 { -webkit-box-ordinal-group: 8; order: 7; } .order-xl-8 { -webkit-box-ordinal-group: 9; order: 8; } .order-xl-9 { -webkit-box-ordinal-group: 10; order: 9; } .order-xl-10 { -webkit-box-ordinal-group: 11; order: 10; } .order-xl-11 { -webkit-box-ordinal-group: 12; order: 11; } .order-xl-12 { -webkit-box-ordinal-group: 13; order: 12; } .offset-xl-0 { margin-left: 0px; } .offset-xl-1 { margin-left: 8.33333%; } .offset-xl-2 { margin-left: 16.6667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.3333%; } .offset-xl-5 { margin-left: 41.6667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.3333%; } .offset-xl-8 { margin-left: 66.6667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.3333%; } .offset-xl-11 { margin-left: 91.6667%; }} .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: flex !important; } .d-inline-flex { display: inline-flex !important; } @media (min-width: 576px) { .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: flex !important; } .d-sm-inline-flex { display: inline-flex !important; }} @media (min-width: 768px) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: flex !important; } .d-md-inline-flex { display: inline-flex !important; }} @media (min-width: 992px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: flex !important; } .d-lg-inline-flex { display: inline-flex !important; }} @media (min-width: 1200px) { .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: flex !important; } .d-xl-inline-flex { display: inline-flex !important; }} @media print { .d-print-none { display: none !important; } .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: flex !important; } .d-print-inline-flex { display: inline-flex !important; }} .flex-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; flex-direction: row !important; } .flex-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; flex-direction: column !important; } .flex-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; flex-direction: row-reverse !important; } .flex-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; flex-direction: column-reverse !important; } .flex-wrap { flex-wrap: wrap !important; } .flex-nowrap { flex-wrap: nowrap !important; } .flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-start { -webkit-box-pack: start !important; justify-content: flex-start !important; } .justify-content-end { -webkit-box-pack: end !important; justify-content: flex-end !important; } .justify-content-center { -webkit-box-pack: center !important; justify-content: center !important; } .justify-content-between { -webkit-box-pack: justify !important; justify-content: space-between !important; } .justify-content-around { justify-content: space-around !important; } .align-items-start { -webkit-box-align: start !important; align-items: flex-start !important; } .align-items-end { -webkit-box-align: end !important; align-items: flex-end !important; } .align-items-center { -webkit-box-align: center !important; align-items: center !important; } .align-items-baseline { -webkit-box-align: baseline !important; align-items: baseline !important; } .align-items-stretch { -webkit-box-align: stretch !important; align-items: stretch !important; } .align-content-start { align-content: flex-start !important; } .align-content-end { align-content: flex-end !important; } .align-content-center { align-content: center !important; } .align-content-between { align-content: space-between !important; } .align-content-around { align-content: space-around !important; } .align-content-stretch { align-content: stretch !important; } .align-self-auto { align-self: auto !important; } .align-self-start { align-self: flex-start !important; } .align-self-end { align-self: flex-end !important; } .align-self-center { align-self: center !important; } .align-self-baseline { align-self: baseline !important; } .align-self-stretch { align-self: stretch !important; } @media (min-width: 576px) { .flex-sm-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; flex-direction: row !important; } .flex-sm-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; flex-direction: column !important; } .flex-sm-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; flex-direction: row-reverse !important; } .flex-sm-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; flex-direction: column-reverse !important; } .flex-sm-wrap { flex-wrap: wrap !important; } .flex-sm-nowrap { flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-sm-start { -webkit-box-pack: start !important; justify-content: flex-start !important; } .justify-content-sm-end { -webkit-box-pack: end !important; justify-content: flex-end !important; } .justify-content-sm-center { -webkit-box-pack: center !important; justify-content: center !important; } .justify-content-sm-between { -webkit-box-pack: justify !important; justify-content: space-between !important; } .justify-content-sm-around { justify-content: space-around !important; } .align-items-sm-start { -webkit-box-align: start !important; align-items: flex-start !important; } .align-items-sm-end { -webkit-box-align: end !important; align-items: flex-end !important; } .align-items-sm-center { -webkit-box-align: center !important; align-items: center !important; } .align-items-sm-baseline { -webkit-box-align: baseline !important; align-items: baseline !important; } .align-items-sm-stretch { -webkit-box-align: stretch !important; align-items: stretch !important; } .align-content-sm-start { align-content: flex-start !important; } .align-content-sm-end { align-content: flex-end !important; } .align-content-sm-center { align-content: center !important; } .align-content-sm-between { align-content: space-between !important; } .align-content-sm-around { align-content: space-around !important; } .align-content-sm-stretch { align-content: stretch !important; } .align-self-sm-auto { align-self: auto !important; } .align-self-sm-start { align-self: flex-start !important; } .align-self-sm-end { align-self: flex-end !important; } .align-self-sm-center { align-self: center !important; } .align-self-sm-baseline { align-self: baseline !important; } .align-self-sm-stretch { align-self: stretch !important; }} @media (min-width: 768px) { .flex-md-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; flex-direction: row !important; } .flex-md-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; flex-direction: column !important; } .flex-md-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; flex-direction: row-reverse !important; } .flex-md-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; flex-direction: column-reverse !important; } .flex-md-wrap { flex-wrap: wrap !important; } .flex-md-nowrap { flex-wrap: nowrap !important; } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-md-start { -webkit-box-pack: start !important; justify-content: flex-start !important; } .justify-content-md-end { -webkit-box-pack: end !important; justify-content: flex-end !important; } .justify-content-md-center { -webkit-box-pack: center !important; justify-content: center !important; } .justify-content-md-between { -webkit-box-pack: justify !important; justify-content: space-between !important; } .justify-content-md-around { justify-content: space-around !important; } .align-items-md-start { -webkit-box-align: start !important; align-items: flex-start !important; } .align-items-md-end { -webkit-box-align: end !important; align-items: flex-end !important; } .align-items-md-center { -webkit-box-align: center !important; align-items: center !important; } .align-items-md-baseline { -webkit-box-align: baseline !important; align-items: baseline !important; } .align-items-md-stretch { -webkit-box-align: stretch !important; align-items: stretch !important; } .align-content-md-start { align-content: flex-start !important; } .align-content-md-end { align-content: flex-end !important; } .align-content-md-center { align-content: center !important; } .align-content-md-between { align-content: space-between !important; } .align-content-md-around { align-content: space-around !important; } .align-content-md-stretch { align-content: stretch !important; } .align-self-md-auto { align-self: auto !important; } .align-self-md-start { align-self: flex-start !important; } .align-self-md-end { align-self: flex-end !important; } .align-self-md-center { align-self: center !important; } .align-self-md-baseline { align-self: baseline !important; } .align-self-md-stretch { align-self: stretch !important; }} @media (min-width: 992px) { .flex-lg-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; flex-direction: row !important; } .flex-lg-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; flex-direction: column !important; } .flex-lg-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; flex-direction: row-reverse !important; } .flex-lg-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; flex-direction: column-reverse !important; } .flex-lg-wrap { flex-wrap: wrap !important; } .flex-lg-nowrap { flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-lg-start { -webkit-box-pack: start !important; justify-content: flex-start !important; } .justify-content-lg-end { -webkit-box-pack: end !important; justify-content: flex-end !important; } .justify-content-lg-center { -webkit-box-pack: center !important; justify-content: center !important; } .justify-content-lg-between { -webkit-box-pack: justify !important; justify-content: space-between !important; } .justify-content-lg-around { justify-content: space-around !important; } .align-items-lg-start { -webkit-box-align: start !important; align-items: flex-start !important; } .align-items-lg-end { -webkit-box-align: end !important; align-items: flex-end !important; } .align-items-lg-center { -webkit-box-align: center !important; align-items: center !important; } .align-items-lg-baseline { -webkit-box-align: baseline !important; align-items: baseline !important; } .align-items-lg-stretch { -webkit-box-align: stretch !important; align-items: stretch !important; } .align-content-lg-start { align-content: flex-start !important; } .align-content-lg-end { align-content: flex-end !important; } .align-content-lg-center { align-content: center !important; } .align-content-lg-between { align-content: space-between !important; } .align-content-lg-around { align-content: space-around !important; } .align-content-lg-stretch { align-content: stretch !important; } .align-self-lg-auto { align-self: auto !important; } .align-self-lg-start { align-self: flex-start !important; } .align-self-lg-end { align-self: flex-end !important; } .align-self-lg-center { align-self: center !important; } .align-self-lg-baseline { align-self: baseline !important; } .align-self-lg-stretch { align-self: stretch !important; }} @media (min-width: 1200px) { .flex-xl-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; flex-direction: row !important; } .flex-xl-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; flex-direction: column !important; } .flex-xl-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; flex-direction: row-reverse !important; } .flex-xl-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; flex-direction: column-reverse !important; } .flex-xl-wrap { flex-wrap: wrap !important; } .flex-xl-nowrap { flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-xl-start { -webkit-box-pack: start !important; justify-content: flex-start !important; } .justify-content-xl-end { -webkit-box-pack: end !important; justify-content: flex-end !important; } .justify-content-xl-center { -webkit-box-pack: center !important; justify-content: center !important; } .justify-content-xl-between { -webkit-box-pack: justify !important; justify-content: space-between !important; } .justify-content-xl-around { justify-content: space-around !important; } .align-items-xl-start { -webkit-box-align: start !important; align-items: flex-start !important; } .align-items-xl-end { -webkit-box-align: end !important; align-items: flex-end !important; } .align-items-xl-center { -webkit-box-align: center !important; align-items: center !important; } .align-items-xl-baseline { -webkit-box-align: baseline !important; align-items: baseline !important; } .align-items-xl-stretch { -webkit-box-align: stretch !important; align-items: stretch !important; } .align-content-xl-start { align-content: flex-start !important; } .align-content-xl-end { align-content: flex-end !important; } .align-content-xl-center { align-content: center !important; } .align-content-xl-between { align-content: space-between !important; } .align-content-xl-around { align-content: space-around !important; } .align-content-xl-stretch { align-content: stretch !important; } .align-self-xl-auto { align-self: auto !important; } .align-self-xl-start { align-self: flex-start !important; } .align-self-xl-end { align-self: flex-end !important; } .align-self-xl-center { align-self: center !important; } .align-self-xl-baseline { align-self: baseline !important; } .align-self-xl-stretch { align-self: stretch !important; }} *, ::before, ::after { box-sizing: border-box; } body { margin: 0px; padding: 0px; text-align: left; background-color: rgb(255, 255, 255); } html { font-family: sans-serif; line-height: 1.15; text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; } article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; } [tabindex="-1"]:focus { outline: 0px !important; } hr { box-sizing: content-box; height: 0px; overflow: visible; } h1, h2, h3, h4, h5, h6 { margin-top: 0px; margin-bottom: 0.5rem; } p { margin-top: 0px; margin-bottom: 1rem; } abbr[title], abbr[data-original-title] { text-decoration: underline dotted; cursor: help; border-bottom: 0px; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul, dl { margin-top: 0px; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0px; } dt { font-weight: 700; } dd { margin-bottom: 0.5rem; margin-left: 0px; } blockquote { margin: 0px 0px 1rem; } dfn { font-style: italic; } b, strong { font-weight: bolder; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } a { color: rgb(0, 123, 255); text-decoration: none; background-color: transparent; } a:hover { color: rgb(0, 86, 179); text-decoration: underline; } a:not([href]):not([tabindex]) { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):focus { outline: 0px; } pre, code, kbd, samp { font-family: monospace, monospace; font-size: 1em; } pre { margin-top: 0px; margin-bottom: 1rem; overflow: auto; } figure { margin: 0px 0px 1rem; } img { vertical-align: middle; border-style: none; } svg:not(:root) { overflow: hidden; } table { border-collapse: collapse; } caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: rgb(108, 117, 125); text-align: left; caption-side: bottom; } th { text-align: inherit; } label { display: inline-block; margin-bottom: 0.5rem; } button { border-radius: 0px; } button:focus { outline: -webkit-focus-ring-color auto 5px; } input, button, select, optgroup, textarea { margin: 0px; font-family: inherit; font-size: inherit; line-height: inherit; } button, input { overflow: visible; } button, select { text-transform: none; } button, html [type="button"], [type="reset"], [type="submit"] { appearance: button; } input[type="radio"], input[type="checkbox"] { box-sizing: border-box; padding: 0px; } input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { appearance: listbox; } textarea { overflow: auto; resize: vertical; } fieldset { min-width: 0px; padding: 0px; margin: 0px; border: 0px; } legend { display: block; width: 100%; max-width: 100%; padding: 0px; margin-bottom: 0.5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; } progress { vertical-align: baseline; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { outline-offset: -2px; appearance: none; } [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { appearance: none; } ::-webkit-file-upload-button { font: inherit; appearance: button; } output { display: inline-block; } summary { display: list-item; cursor: pointer; } template { display: none; } [hidden] { display: none !important; } .clearfix::before, .clearfix::after, .dl-horizontal dd::before, .dl-horizontal dd::after, .container::before, .container::after, .container-fluid::before, .container-fluid::after, .row::before, .row::after { content: " "; display: flex; } .clearfix::after, .dl-horizontal dd::after, .container::after, .container-fluid::after, .row::after { clear: both; } @import url("icons.css"); @import url("https://fonts.googleapis.com/css?family=Nunito:300,400,600,700,800&amp;subset=latin-ext"); input, input[type="text"], input[type="password"], input[type="email"], input[type="number"], textarea, select { height: 48px; line-height: 48px; padding: 0px 20px; outline: none; font-size: 16px; color: gray; margin: 0px 0px 16px; max-width: 100%; width: 100%; box-sizing: border-box; display: block; background-color: rgb(255, 255, 255); font-weight: 500; opacity: 1; border-radius: 4px; border: none; box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 4px 0px; } select { padding: 15px 18px; cursor: pointer; } .custom-war-r { margin: 0px !important; } .custom-war-r b { color: rgb(51, 51, 51) !important; } input { transition: all 0.1s ease-in-out 0s; } input:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="number"]:focus, textarea:focus { color: gray; opacity: 1; border: none; box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 4px 0px; transition: box-shadow 0.2s ease 0s !important; } input:-webkit-autofill:focus, input:-webkit-autofill { box-shadow: rgb(255, 255, 255) 0px 0px 0px 30px inset !important; -webkit-text-fill-color: gray !important; } input.with-border, input[type="text"].with-border, input[type="password"].with-border, input[type="email"].with-border, input[type="number"].with-border, textarea.with-border, select.with-border { border: 1px solid rgb(224, 224, 224); box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 4px 0px; } input.with-border:focus, input[type="text"].with-border:focus, input[type="password"].with-border:focus, input[type="email"].with-border:focus, input[type="number"].with-border:focus, textarea.with-border:focus { border: 1px solid rgb(224, 224, 224); box-shadow: rgba(0, 0, 0, 0.08) 0px 1px 4px 0px; } input[type="submit"] { border: none; padding: 11px 18px; width: auto; } input[type="checkbox"] { display: inline; } input[type="radio"] { width: 15px; height: 15px; cursor: pointer; box-shadow: none; } ::placeholder { color: gray; opacity: 1; } textarea { height: auto; line-height: 27px; padding: 20px; min-height: 130px; min-width: 100%; transition: none 0s ease 0s !important; } label, legend { display: block; font-size: 16px; font-weight: 400; margin-bottom: 8px; } label span, legend span { font-weight: 400; font-size: 14px; color: rgb(68, 68, 68); } fieldset { padding: 0px; border: none; } button { border: none; margin: 0px; padding: 0px; width: auto; overflow: visible; background: 0px 0px; color: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: inherit; font-family: inherit; font-optical-sizing: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; line-height: normal; cursor: pointer; } a { color: rgb(102, 103, 107); transition: all 0.3s ease 0s; } a, button { outline: none !important; } a:focus, a:hover { text-decoration: none; color: rgb(51, 51, 51); } img { max-width: 100%; } #logo { display: inline-block; border-right: 1px solid rgb(224, 224, 224); height: 100%; vertical-align: top; padding-right: 35px; margin-right: 20px; } #logo img { height: 42px; width: auto; top: 50%; position: relative; transform: translate3d(0px, -50%, 0px); } #header { position: relative; z-index: 999; padding: 0px; box-shadow: rgba(0, 0, 0, 0.12) 0px 0px 18px 0px; font-size: 16px; height: 50px; background-color: rgb(255, 255, 255); } #header .container, #header .right-side, #header .left-side { height: 100%; } header.fullwidth .container { max-width: 100%; margin: 0px; padding: 0px 35px; } #header .container { position: relative; } #header .left-side { float: left; width: 100%; display: inline-block; position: relative; flex: 1 1 0%; } #header .right-side { float: right; text-align: right; width: auto; display: inline-block; position: absolute; right: 25px; background-color: rgb(255, 255, 255); flex: 1 1 0%; } .full-width #header .left-side { float: left; width: 100%; display: inline-block; position: relative; } .full-width #header .right-side { float: right; text-align: right; width: auto; display: inline-block; position: absolute; right: 25px; background-color: rgb(255, 255, 255); } .header-widget { display: inline-block; height: 100%; border-left: 1px solid rgb(224, 224, 224); padding: 0px 30px; text-align: left; float: left; } .fullwidth .header-widget:last-of-type { padding-right: 5px; float: right; border-right: none; } .header-widget:last-of-type { padding-right: 0px; margin-right: -5px; } .fullwidth .header-widget:last-of-type { padding-right: 5px; margin-right: 0px; } .header-notifications-content .notification-avatar { height: 42px; width: 42px; max-width: 42px; display: inline-block; border-radius: 50%; overflow: hidden; } .header-widget .log-in-button { padding: 10px 0px; position: relative; top: 50%; transform: translateY(-50%); transition: all 0.3s ease 0s; color: rgb(102, 102, 102); display: block; margin: 0px -3px; } .header-widget .log-in-button i { font-size: 18px; line-height: 0; position: relative; top: 2px; margin-right: 4px; margin-left: -1px; color: rgb(119, 119, 119); transition: all 0.3s ease 0s; } .header-widget .log-in-button:hover, .header-widget .log-in-button:hover i { color: rgb(102, 103, 107); } .transparent-header .header-widget .log-in-button, .transparent-header .header-widget .log-in-button i { color: rgb(255, 255, 255); } @media (max-width: 768px) { .header-widget .log-in-button span { display: none; } .header-widget .log-in-button i { font-size: 20px; top: 3px; } .header-widget .log-in-button i, .header-widget .log-in-button i:hover { color: rgb(85, 85, 85); } .header-widget .log-in-button { background-color: rgb(240, 240, 240); border-radius: 4px; height: 46px; width: 46px; text-align: center; } .transparent-header .header-widget .log-in-button i, .transparent-header .header-widget .log-in-button { background-color: rgb(255, 255, 255); color: rgb(51, 51, 51); }} .header-notifications { height: 100%; display: inline-block; padding-right: 15px; position: relative; } .header-notifications:last-child { margin-right: -15px; } .header-notifications-trigger, .header-notifications-trigger a { font-size: 22px; color: rgb(51, 51, 51); position: relative; top: 55%; transform: translate3d(0px, -50%, 0px); } @media screen and (-ms-high-contrast:active), screen and (-ms-high-contrast:none) { .header-notifications-trigger, .header-notifications-trigger a { height: 40px; } .header-notifications.user-menu { top: -8px; }} .header-notifications-trigger span { display: inline-block; top: -15px; margin-left: -10px; font-weight: 700; height: 19px; width: 19px; line-height: 19px; text-align: center; color: rgb(255, 255, 255); font-size: 11px; background-color: rgb(102, 103, 107); border-radius: 50%; position: relative; } .header-notifications-dropdown { width: 360px; border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.12) 0px 2px 12px 0px; background-color: rgb(255, 255, 255); padding: 0px; position: absolute; top: calc(100% - 10px); right: -15px; text-align: left; z-index: 100; transform: scale(0.95); opacity: 0; visibility: hidden; transition: all 0.3s ease 0s; pointer-events: none; } .header-notifications.active .header-notifications-dropdown { transform: scale(1); opacity: 1; visibility: visible; pointer-events: all; } .header-notifications-dropdown::before { content: ""; position: absolute; right: 43px; top: -6px; width: 0px; height: 0px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid rgb(215, 215, 215); } .header-notifications-headline { padding: 18px 25px 17px; line-height: 24px; border-bottom: 1px solid rgb(230, 230, 230); } .header-notifications-headline h4, .header-notifications-headline span { display: inline-block; } button.mark-as-read { float: right; position: relative; border-radius: 4px; height: 32px; width: 32px; text-align: center; line-height: 36px; top: -4px; right: -8px; color: rgb(136, 136, 136); transition: all 0.25s ease 0s; } button.mark-as-read:hover { background-color: rgb(242, 242, 242); color: rgb(136, 136, 136); } .header-notifications-content { display: block; width: 100%; } .header-notifications-scroll { display: block; overflow: hidden; height: auto; } .header-notifications-content ul { padding: 0px; margin: 0px; list-style: none; } .header-notifications-content ul li { border-bottom: 1px solid rgb(230, 230, 230); transition: all 0.25s ease 0s; } .header-notifications-content ul li:hover { background-color: rgb(250, 250, 250); } .header-notifications-content ul li:hover .notification-icon { background-color: rgb(238, 238, 238); } .header-notifications-content ul li:last-child { border-bottom: none; } .header-notifications-content ul li a { color: rgb(102, 102, 102); position: relative; padding: 22px 25px; display: block; } .header-notifications-content p { margin: 0px; padding: 0px; } .header-notifications-content ul li a { display: flex; flex-wrap: wrap; align-items: center; } .header-notifications-content .notification-icon, .header-notifications-content .notification-text { flex: 1 1 0%; } .header-notifications-content .notification-icon i { position: relative; } .notification-icon, .header-notifications-content .notification-icon { font-size: 24px; height: 40px; width: 40px; max-width: 40px; display: inline-block; background-color: rgb(242, 242, 242); border-radius: 4px; line-height: 42px; text-align: center; color: rgb(160, 160, 160); transition: all 0.25s ease 0s; position: relative; } .notification-icon .icon-material-outline-autorenew { font-size: 22px; } .notification-icon .icon-material-outline-gavel { font-size: 19px; top: -2px; left: 1px; } .header-notifications-content .notification-avatar { height: 42px; width: 42px; max-width: 42px; display: inline-block; border-radius: 50%; overflow: visible; align-self: flex-start; } .header-notifications-content .notification-avatar img { width: 100%; image-rendering: -webkit-optimize-contrast; border-radius: 50%; } .notification-text, .header-notifications-content .notification-text { padding-left: 20px; padding-right: 5px; display: inline-block; line-height: 23px; font-size: 14.7px; } .header-notifications-content .notification-msg-text { display: inline-block; line-height: 23px; font-size: 14.7px; margin: 4px 0px; } .notification-text strong, .header-notifications-content .notification-text strong { font-weight: 600; color: rgb(51, 51, 51); } .notification-text span.color, .header-notifications-content .notification-text span.color { color: rgb(102, 103, 107); display: inline-block; } .notification-text span.color { display: block; } a.header-notifications-button { border-radius: 0px 0px 4px 4px; font-weight: 600; color: rgb(255, 255, 255); font-size: 14.7px; padding: 12px 16px; background-color: rgb(102, 103, 107); width: 100%; display: block; text-align: center; transition: all 0.3s ease 0s; } a.header-notifications-button i { font-size: 22px; line-height: 0; top: 4px; position: relative; max-width: 0px; display: inline-block; margin-left: 7px; } .user-menu { padding: 0px; } .header-notifications.user-menu { margin: 0px -5px; } .user-menu .header-notifications-trigger, .user-menu .header-notifications-trigger a { top: 50%; } .user-menu .header-notifications-dropdown { top: calc(100% - 8px); width: 290px; right: -10px; } .user-menu .header-notifications-dropdown::before { right: 23px; } .notification-avatar { position: relative; } .status-icon, .notification-avatar::after, .user-avatar::after { position: absolute; content: ""; height: 12px; width: 12px; background-color: silver; bottom: 0px; right: 0px; display: block; border: 2px solid rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 3px; border-radius: 50%; } .notification-avatar::after { width: 11px; height: 11px; } .status-icon.status-online, .status-online::after { background-color: rgb(56, 182, 83); } .status-icon.status-offline, .status-offline::after { background-color: silver; } .user-avatar { display: inline-block; border-radius: 50%; width: 42px; height: 42px; position: relative; } .user-avatar img { width: 100%; display: inline-block; border-radius: 50%; image-rendering: -webkit-optimize-contrast; } ul.user-menu-small-nav { list-style: none; margin: 0px; padding: 20px 25px; } ul.user-menu-small-nav li { margin: 0px; padding: 0px; } ul.user-menu-small-nav li a { display: block; padding: 2px 0px; font-size: 16px; color: rgb(102, 102, 102); transition: all 0.3s ease 0s; } ul.user-menu-small-nav li a i { font-size: 16px; position: relative; top: 1px; margin-right: 2px; color: rgb(102, 102, 102); -webkit-font-smoothing: antialiased; transition: all 0.3s ease 0s; } ul.user-menu-small-nav li a:hover, ul.user-menu-small-nav li a:hover i { color: rgb(102, 103, 107); } .user-status { padding: 25px; border-bottom: 1px solid rgb(230, 230, 230); } .user-details { display: flex; } .user-name { font-weight: 500; color: rgb(51, 51, 51); line-height: 20px; padding: 2px 0px 0px 15px; } .user-details span { display: block; font-size: 14.7px; color: rgb(136, 136, 136); font-weight: 500; } .status-switch { background-color: rgb(238, 238, 238); width: 100%; display: block; border-radius: 4px; height: 36px; padding: 0px; position: relative; zoom: 1; margin-top: 20px; } .status-switch::before, .status-switch::after { content: " "; display: table; } .status-switch label { float: left; width: 50%; position: relative; z-index: 2; line-height: 36px; cursor: pointer; color: rgb(136, 136, 136); font-size: 14.7px; text-align: center; transition: all 0.3s ease 0s; margin: 0px; } .status-switch span.status-indicator { position: relative; z-index: 1; top: 0px; left: 0px; width: 50%; height: 100%; display: block; border-radius: 4px 0px 0px 4px; background-color: rgb(56, 182, 83); box-shadow: rgba(56, 182, 83, 0.3) 0px 0px 5px 1px; transition: all 0.4s cubic-bezier(0.3, -0.41, 0.19, 1.3) 0s, background-color 0.2s linear 0s; } .status-switch span.right { left: 50%; border-radius: 0px 4px 4px 0px; background-color: rgb(51, 51, 51); box-shadow: none; color: rgb(255, 255, 255); } .status-switch label.current-status { color: rgb(255, 255, 255); } #navigation { position: relative; display: inline-block; margin-top: 10px; } #navigation ul { list-style: none; position: relative; float: left; margin: 0px; padding: 0px; } #navigation ul a { display: block; text-decoration: none; padding: 5px 0px; } #navigation ul li { position: relative; float: left; margin: 0px; padding: 0px; } #navigation ul li ul { opacity: 0; visibility: hidden; position: absolute; top: 100%; left: 9px; padding: 0px; z-index: 99999; } #navigation ul ul li { float: none; } #navigation ul ul ul { top: 0px; left: 100%; margin: 0px 0px 0px 15px; } #navigation ul ul { margin: 0px; } #navigation ul ul ul { pointer-events: none; } #navigation ul ul li:hover > ul { pointer-events: all; } #navigation ul ul::before { content: ""; position: absolute; left: 0px; top: -10px; background: transparent; width: 100%; height: 10px; } #navigation ul ul ul::after { content: ""; position: absolute; width: 15px; height: 100%; left: -15px; top: 0px; opacity: 0; } #navigation ul li:hover > ul { opacity: 1; visibility: visible; pointer-events: all; } #navigation ul li a::after, #navigation ul ul li a::after { font-family: material-icons; content: "&#59668;"; font-size: 16px; transition: all 0.2s ease 0s; opacity: 1; line-height: 17px; width: 17px; height: 17px; background-color: rgb(240, 240, 240); color: rgb(168, 168, 168); display: inline-block; border-radius: 3px; margin-left: 7px; text-indent: 0px; top: 1px; position: relative; } #navigation ul ul.dropdown-nav ul.dropdown-nav li:hover a::after, #navigation ul ul.dropdown-nav li:hover a::after, #navigation ul li:hover a::after { color: rgb(102, 103, 107); background: rgba(102, 103, 107, 0.13); opacity: 0.8; } #navigation ul ul.dropdown-nav ul.dropdown-nav li a::after { background-color: rgb(240, 240, 240); color: rgb(168, 168, 168); opacity: 1; } #navigation ul ul.dropdown-nav ul.dropdown-nav li:hover a::after, #navigation ul ul.dropdown-nav li:hover a::after { background-color: rgb(102, 103, 107); opacity: 1; color: rgb(255, 255, 255) !important; } #navigation ul ul.dropdown-nav ul.dropdown-nav li a::after, #navigation ul ul.dropdown-nav li a::after { content: "&#59671;"; position: absolute; left: auto; right: 20px; top: 6px; background-color: rgba(255, 255, 255, 0.1); color: rgb(187, 187, 187); opacity: 1; } #navigation ul li a.current { color: rgb(102, 103, 107); } #navigation ul li a.current::after { color: rgb(102, 103, 107); background: rgba(102, 103, 107, 0.13); opacity: 0.8; } #navigation ul li a:only-child::after, #navigation ul ul li a:only-child::after { content: ""; display: none; } #navigation ul ul li:hover a::after { opacity: 1; transform: translateX(0px); } #navigation ul li { transition: all 0.25s ease 0s; margin: 0px 5px; border-radius: 4px; } #navigation ul li a, #navigation ul ul li a { color: rgb(102, 102, 102); cursor: pointer; } #navigation ul a { line-height: 23px; padding: 7px 9px; border-right: 4px; } #navigation ul li:hover a { color: rgb(102, 103, 107); } #navigation ul ul { background-color: rgb(48, 48, 48); box-shadow: rgba(0, 0, 0, 0.12) 0px 2px 12px 0px; border-radius: 4px; } #navigation ul ul li { border-radius: 4px; } #navigation ul ul li:last-child { border-bottom: none; } #navigation ul li:hover ul a, #navigation ul ul a { padding: 4px 40px 4px 15px !important; line-height: 22px !important; } #navigation ul li:hover ul a:only-child, #navigation ul a:only-child { padding: 4px 15px !important; } #navigation ul ul::after { content: ""; position: absolute; left: 25px; top: -5px; width: 0px; height: 0px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid rgb(48, 48, 48); } body #navigation ul ul { padding: 14px 0px; box-sizing: border-box; margin-top: 12px; } body #navigation ul ul ul { margin-top: 0px; } #navigation ul ul::before { content: "."; position: absolute; width: 100%; height: 12px; top: -12px; opacity: 0; } #navigation ul ul ul::before { width: calc(100% + 15px); left: -15px; } #navigation ul ul li { width: 208px; } #navigation ul ul li:hover { border-radius: 0px; } #navigation ul ul li:first-child { border-radius: 4px 4px 0px 0px; } #navigation ul ul li:last-child { border-radius: 0px 0px 4px 4px; } #navigation ul ul { opacity: 0; visibility: hidden; transition: all 0.25s ease 0s; transform: translate3d(0px, 15px, 0px); } #navigation ul ul ul { transform: translate3d(15px, 0px, 0px); } #navigation ul li ul { z-index: 10; } #navigation ul li:hover ul { z-index: 20; } #navigation ul li:hover > ul { opacity: 1; visibility: visible; transform: translate3d(0px, 0px, 0px); } #navigation ul ul li { margin: 0px; padding: 0px 6px; border-radius: 0px; font-size: 15.7px; } #navigation ul ul.dropdown-nav ul.dropdown-nav ul.dropdown-nav li a, #navigation ul ul.dropdown-nav ul.dropdown-nav li a, #navigation ul ul.dropdown-nav li a { transition: all 0.3s ease 0s; color: rgb(170, 170, 170); } #navigation ul ul.dropdown-nav ul.dropdown-nav ul.dropdown-nav li:hover a, #navigation ul ul.dropdown-nav ul.dropdown-nav li:hover a, #navigation ul ul.dropdown-nav li:hover a { color: rgb(255, 255, 255); } .mega-menu { opacity: 0; visibility: hidden; transition: all 0.25s ease 0s; position: absolute; box-shadow: rgba(0, 0, 0, 0.12) 0px 0px 10px 0px; border-radius: 4px; display: flex; top: 100%; left: 0px; padding: 20px 0px; box-sizing: border-box; font-size: 14px; margin-top: -10px; background-color: rgb(255, 255, 255); width: 200px; z-index: 99; transform: translate3d(-42%, 24px, 0px); } .mega-menu::before { content: ""; position: absolute; top: -12px; left: 0px; display: block; width: 100%; height: 12px; opacity: 0; } #navigation ul li .mega-menu ul { opacity: 0; visibility: hidden; transform: translate3d(0px, 0px, 0px); position: relative; display: inline-block; flex: 1 1 0%; padding: 0px; margin: 0px; box-shadow: none; border-radius: 0px; top: auto; left: auto; background-color: transparent; } #navigation ul li:hover .mega-menu { opacity: 1; visibility: visible; transform: translate3d(-42%, 12px, 0px); } #navigation ul li:hover .mega-menu ul { opacity: 1; visibility: visible; } #navigation .mega-menu ul, #navigation .mega-menu ul li { width: 100%; } .mega-menu.two-columns { width: 429px; } .mega-menu.three-columns { width: 643px; } .mega-menu.four-columns { width: 857px; } #navigation ul .mega-menu ul a { color: rgb(187, 187, 187); display: block; margin-left: 0px; transition: all 0.2s ease-in-out 0s; padding: 0px !important; } #navigation ul li:hover .mega-menu ul a, #navigation ul .mega-menu ul a { padding: 6px 0px !important; line-height: 22px !important; transform: translate3d(0px, 0px, 0px) !important; } #navigation .mega-menu ul li { padding: 0px 30px; } #navigation ul li a i { font-size: 14px; position: relative; top: 0px; padding-right: 5px; } .mega-menu-section { display: inline-block; float: left; width: 214px; padding: 0px; border-right: 1px solid rgb(233, 233, 233); } .mega-menu .mega-menu-section:last-child { border: none; } .mega-menu-headline { color: rgb(34, 34, 34); font-weight: 600; display: block; letter-spacing: 0px; font-size: 14px; line-height: 21px; opacity: 1 !important; padding: 8px 30px !important; } .mobile-styles .mm-listview { margin: 0px -20px !important; } .mobile-styles .mm-listview .mega-menu-headline { color: rgb(255, 255, 255); padding: 15px 20px !important; background: rgb(34, 34, 34) !important; } .mobile-styles .mm-listview li a i { padding-right: 5px; } .mobile-styles.mm-panel::before { height: 10px !important; } #header-container.cloned { position: fixed; top: 0px; width: 100%; z-index: 999; } #header-container.cloned { background-color: rgb(255, 255, 255); } #header-container .sticky-logo { display: none; } #header-container.cloned .default-logo { display: none; } #header-container.cloned .sticky-logo { display: inline-block; } #header-container.cloned.unsticky { opacity: 1; visibility: hidden; pointer-events: none; transform: translate(0px, -100%) scale(1); transition: all 0.3s ease 0s; } #header-container.cloned.sticky { opacity: 1; visibility: visible; transform: translate(0px, 0px) scale(1); transition: all 0.3s ease 0s; } #header-container.transparent-header { position: absolute; width: 100%; } .transparent-header-spacer { height: 82px; } .transparent-header #header { background-color: transparent; box-shadow: none; border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .transparent-header #header .right-side { background-color: transparent; } .transparent-header #logo, .transparent-header #header .right-side .header-widget { border-color: rgba(255, 255, 255, 0.2); } .transparent-header #header .right-side .header-widget:first-of-type { border-right-color: transparent; } .transparent-header #header .right-side .header-widget:last-of-type { border-color: rgba(255, 255, 255, 0.2); } body .transparent-header #navigation > ul li a, .transparent-header .header-notifications-trigger, .transparent-header .header-notifications-trigger a { color: rgb(255, 255, 255); } body .transparent-header #navigation > ul ul li a { color: rgb(170, 170, 170); } .transparent-header .header-notifications-dropdown::before { border-bottom-color: rgb(255, 255, 255); } .transparent-header .mmenu-trigger { background-color: rgb(255, 255, 255); } .transparent-header #navigation > ul li a::after { background-color: rgba(255, 255, 255, 0.15); color: rgba(255, 255, 255, 0.8); opacity: 1; transition: all 0.3s ease 0s; } .transparent-header #navigation > ul li:hover ul li:hover a::after, .transparent-header #navigation > ul li:hover a::after, .transparent-header #navigation > ul li a.current::after { color: rgb(255, 255, 255); background: rgb(102, 103, 107); } .transparent-header #navigation > ul li:hover ul a::after, .transparent-header #navigation > ul ul li a::after { background-color: rgba(255, 255, 255, 0.1); color: rgb(187, 187, 187); } .mm-hidden { display: none !important; } .mm-wrapper { overflow-x: hidden; position: relative; } .mm-menu { box-sizing: border-box; background: inherit; display: block; padding: 0px; margin: 0px; position: absolute; inset: 0px; z-index: 0; } .mm-panels, .mm-panels > .mm-panel { background: inherit; border-color: inherit; box-sizing: border-box; margin: 0px; position: absolute; inset: 0px; z-index: 0; } .mm-panels { overflow: hidden; } .mm-panel { transform: translate3d(100%, 0px, 0px); transition: transform 0.4s ease 0s, -webkit-transform 0.4s ease 0s; transform-origin: left top; } .mm-panel.mm-opened { transform: translate3d(0px, 0px, 0px); } .mm-panel.mm-subopened { transform: translate3d(-30%, 0px, 0px); } .mm-panel.mm-highest { z-index: 1; } .mm-panel.mm-noanimation { transition: none 0s ease 0s !important; } .mm-panel.mm-noanimation.mm-subopened { transform: translate3d(0px, 0px, 0px); } .mm-panels > .mm-panel { overflow: hidden auto; padding: 0px 20px; } .mm-panels > .mm-panel.mm-hasnavbar { padding-top: 40px; } .mm-panels > .mm-panel:not(.mm-hidden) { display: block; } .mm-panels > .mm-panel::after, .mm-panels > .mm-panel::before { content: ""; display: block; height: 20px; } .mm-vertical .mm-panel { transform: none !important; } .mm-listview .mm-vertical .mm-panel, .mm-vertical .mm-listview .mm-panel { display: none; padding: 10px 0px 10px 10px; } .mm-listview .mm-vertical .mm-panel .mm-listview > li:last-child::after, .mm-vertical .mm-listview .mm-panel .mm-listview > li:last-child::after { border-color: transparent; } .mm-vertical li.mm-opened > .mm-panel, li.mm-vertical.mm-opened > .mm-panel { display: block; } .mm-listview > li.mm-vertical > .mm-next, .mm-vertical .mm-listview > li > .mm-next { box-sizing: border-box; height: 40px; bottom: auto; } .mm-listview > li.mm-vertical.mm-opened > .mm-next::after, .mm-vertical .mm-listview > li.mm-opened > .mm-next::after { transform: rotate(225deg); right: 19px; } .mm-btn { box-sizing: border-box; width: 40px; height: 50px; position: absolute; top: 0px; z-index: 1; } .mm-clear::after, .mm-clear::before, .mm-close::after, .mm-close::before { content: ""; border: 2px solid transparent; display: block; width: 5px; height: 5px; margin: auto; position: absolute; top: 0px; bottom: 0px; transform: rotate(-45deg); } .mm-clear::before, .mm-close::before { border-right: none; border-bottom: none; right: 18px; } .mm-clear::after, .mm-close::after { border-left: none; border-top: none; right: 25px; } .mm-next::after, .mm-prev::before { content: ""; border-top: 2px solid transparent; border-left: 2px solid transparent; display: block; width: 8px; height: 8px; margin: auto; position: absolute; top: 0px; bottom: 0px; } .mm-prev::before { transform: rotate(-45deg); left: 23px; right: auto; } .mm-next::after { transform: rotate(135deg); right: 23px; left: auto; } .mm-navbar { border-bottom-width: 1px; border-bottom-style: solid; border-color: inherit; text-align: center; line-height: 30px; height: 50px; padding: 0px 40px; margin: 0px; position: absolute; top: 0px; left: 0px; right: 0px; } .mm-navbar > * { display: block; padding: 10px 0px; } .mm-navbar a, .mm-navbar a:hover { text-decoration: none; } .mm-navbar .mm-title { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .mm-navbar .mm-btn:first-child { left: 0px; } .mm-navbar .mm-btn:last-child { text-align: right; right: 0px; } .mm-panel .mm-navbar { display: none; } .mm-panel.mm-hasnavbar .mm-navbar { display: block; background-color: rgb(38, 38, 38); } .mm-listview, .mm-listview > li { list-style: none; display: block; padding: 0px; margin: 0px; } .mm-listview { font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 14px; line-height: 20px; } .mm-listview a, .mm-listview a:hover { text-decoration: none; } .mm-listview > li { position: relative; } .mm-listview > li, .mm-listview > li .mm-next, .mm-listview > li .mm-next::before, .mm-listview > li::after { border-color: inherit; } .mm-listview > li { border-bottom: 1px solid rgb(64, 64, 64); } .mm-listview > li > a, .mm-listview > li > span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: inherit; display: block; padding: 14px 10px 14px 20px; margin: 0px; } .mm-listview > li:not(.mm-divider)::after { content: ""; border-bottom-width: 1px; border-bottom-style: solid; position: absolute; left: 0px; right: 0px; bottom: 0px; display: none; } .mm-listview > li:not(.mm-divider)::after { left: 20px; } .mm-listview .mm-next { background: transparent; width: 50px; padding: 0px; position: absolute; right: 0px; top: 0px; bottom: 0px; z-index: 2; } .mm-listview .mm-next::before { content: ""; border-left-width: 1px; border-left-style: solid; display: block; position: absolute; top: 0px; bottom: 0px; left: 0px; } .mm-listview .mm-next + a, .mm-listview .mm-next + span { margin-right: 50px; } .mm-listview .mm-next.mm-fullsubopen { width: 100%; } .mm-listview .mm-next.mm-fullsubopen::before { border-left: none; } .mm-listview .mm-next.mm-fullsubopen + a, .mm-listview .mm-next.mm-fullsubopen + span { padding-right: 50px; margin-right: 0px; } .mm-panels > .mm-panel > .mm-listview { margin: 20px -20px; } .mm-panels > .mm-panel > .mm-listview:first-child, .mm-panels > .mm-panel > .mm-navbar + .mm-listview { margin-top: -10px; } .mm-menu { background: rgb(42, 42, 42); border-color: rgba(255, 255, 255, 0.1); color: rgb(255, 255, 255); } .mm-menu .mm-navbar a, .mm-menu .mm-navbar > * { color: rgb(255, 255, 255); font-weight: 600; font-size: 16px; } .mm-menu .mm-btn::after, .mm-menu .mm-btn::before { border-color: rgba(255, 255, 255, 0.8); } .mm-menu .mm-listview { border-color: rgb(42, 42, 42); } .mm-menu .mm-listview > li .mm-next::after { border-color: rgba(255, 255, 255, 0.8); } .mm-menu .mm-listview > li a:not(.mm-next) { -webkit-tap-highlight-color: rgba(255, 255, 255, 0.5); } .mm-menu .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu .mm-listview > li.mm-selected > span { background: rgba(255, 255, 255, 0.05); } .mm-menu .mm-listview > li { transition: all 0.2s ease 0s; } .mm-menu .mm-listview > li:hover { background: rgba(255, 255, 255, 0.03); } .mm-menu .mm-listview > li.mm-opened.mm-vertical > .mm-panel, .mm-menu .mm-listview > li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-vertical .mm-listview > li.mm-opened > .mm-panel, .mm-menu.mm-vertical .mm-listview > li.mm-opened > a.mm-next { background: rgba(0, 0, 0, 0.05); } .mm-menu .mm-divider { background: rgba(0, 0, 0, 0.05); } .mm-page { box-sizing: border-box; position: relative; } .mm-slideout { transition: transform 0.4s ease 0s, -webkit-transform 0.4s ease 0s; z-index: 1; } html.mm-opened { overflow-x: hidden; position: relative; } html.mm-blocking { overflow: hidden; } html.mm-blocking body { overflow: hidden; } html.mm-background .mm-page { background: inherit; } #mm-blocker { background: transparent; display: none; width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; z-index: 2; } html.mm-blocking #mm-blocker { display: block; } .mm-menu.mm-offcanvas { z-index: 0; display: none; position: fixed; } .mm-menu.mm-offcanvas.mm-opened { display: block; } .mm-menu.mm-offcanvas.mm-no-csstransforms.mm-opened { z-index: 10; } .mm-menu.mm-offcanvas { width: 80%; min-width: 140px; max-width: 440px; } html.mm-opening .mm-menu.mm-opened ~ .mm-slideout { transform: translate3d(80%, 0px, 0px); } @media (max-width: 175px) { html.mm-opening .mm-menu.mm-opened ~ .mm-slideout { transform: translate3d(140px, 0px, 0px); }} @media (min-width: 550px) { html.mm-opening .mm-menu.mm-opened ~ .mm-slideout { transform: translate3d(440px, 0px, 0px); }} .mm-sronly { border: 0px !important; clip: rect(1px, 1px, 1px, 1px) !important; clip-path: inset(50%) !important; white-space: nowrap !important; width: 1px !important; height: 1px !important; padding: 0px !important; overflow: hidden !important; position: absolute !important; } em.mm-counter { font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 14px; font-style: normal; text-indent: 0px; line-height: 20px; display: block; margin-top: -10px; position: absolute; right: 45px; top: 50%; } em.mm-counter + a.mm-next { width: 90px; } em.mm-counter + a.mm-next + a, em.mm-counter + a.mm-next + span { margin-right: 90px; } em.mm-counter + a.mm-fullsubopen { padding-left: 0px; } em.mm-counter + a.mm-fullsubopen + a, em.mm-counter + a.mm-fullsubopen + span { padding-right: 90px; } .mm-listview em.mm-counter + .mm-next.mm-fullsubopen + a, .mm-listview em.mm-counter + .mm-next.mm-fullsubopen + span { padding-right: 90px; } .mm-vertical > .mm-counter { top: 12px; margin-top: 0px; } .mm-vertical.mm-spacer > .mm-counter { margin-top: 40px; } .mm-nosubresults > .mm-counter { display: none; } .mm-menu em.mm-counter { background-color: rgba(0, 0, 0, 0.3); height: 20px; width: 20px; text-align: center; border-radius: 50%; color: rgb(255, 255, 255); line-height: 21px; font-size: 10px; font-weight: 600; } .mm-menu em.mm-counter { background-color: rgb(102, 103, 107); } .mmenu-trigger { height: 46px; width: 46px; display: none; position: relative; margin: 0px; background-color: rgb(238, 238, 238); border-radius: 4px; cursor: pointer; } .hamburger { padding: 0px; top: 16px; left: 12px; transform: scale(0.67); position: relative; display: inline-block; cursor: pointer; transition-property: opacity, filter; transition-duration: 0.15s; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0px; margin: 0px; overflow: visible; } .hamburger-box { position: relative; } .hamburger-inner { display: block; top: 50%; margin-top: -2px; } .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width: 33px; height: 4px; background-color: rgb(85, 85, 85); border-radius: 4px; position: absolute; transition-property: transform; transition-duration: 0.15s; transition-timing-function: ease; } .hamburger-inner::before, .hamburger-inner::after { content: ""; display: block; } .hamburger-inner::before { top: -10px; } .hamburger-inner::after { bottom: -10px; } .hamburger--collapse .hamburger-inner { top: auto; bottom: 0px; transition-duration: 0.13s; transition-delay: 0.13s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--collapse .hamburger-inner::after { top: -20px; transition: top 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s, opacity 0.1s linear 0s; } .hamburger--collapse .hamburger-inner::before { transition: top 0.12s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s, transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s; } .hamburger--collapse.is-active .hamburger-inner { transform: translate3d(0px, -10px, 0px) rotate(-45deg); transition-delay: 0.22s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--collapse.is-active .hamburger-inner::after { top: 0px; opacity: 0; transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333) 0s, opacity 0.1s linear 0.22s; } .hamburger--collapse.is-active .hamburger-inner::before { top: 0px; transform: rotate(-90deg); transition: top 0.1s cubic-bezier(0.33333, 0, 0.66667, 0.33333) 0.16s, transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s; } .mmenu-trigger { display: none; } @media (max-width: 1099px) { #responsive { display: none; } .mmenu-trigger { display: inline-block !important; } #header { height: 60px; } #logo { border: none; } #logo img { border: none; max-width: 100px; height: auto; } header.fullwidth .container { padding: 0px 20px; } .header-widget { float: left; } .fullwidth .header-widget:last-of-type, .header-widget:last-of-type { padding-right: 25px; float: left; } #header .right-side { position: absolute; width: auto; background-color: rgb(255, 255, 255); text-align: left; } .mmenu-trigger { margin: 0px -5px 0px 23px; top: 6px; float: right; } #header .right-side .header-widget { border-right: 1px solid rgb(224, 224, 224); margin-right: -1px; } .header-widget { padding: 0px 25px; } .header-notifications:first-child { margin-right: -5px; } #header-container.cloned { display: none; }} @media (max-width: 768px) { .header-notifications { position: initial; } .header-notifications-dropdown::before { display: none; } .user-menu .header-notifications-dropdown, .header-notifications-dropdown { width: calc(-45px + 100vw); right: -10px; top: calc(100% + 15px); }} @media (max-width: 480px) { .hide-on-mobile { display: none; }} #footer { background-color: rgb(48, 48, 48); color: silver; } #footer p { line-height: 26px; } .footer-top-section { border-bottom: 1px solid rgb(72, 72, 72); } .footer-top-section .footer-logo img { max-height: 46px; } .footer-rows-container { display: block; height: 96px; position: relative; z-index: 100; } .footer-row { display: inline-block; padding: 0px 40px; border-right: 1px solid rgb(72, 72, 72); border-left: 1px solid rgb(72, 72, 72); float: left; height: 100%; } .footer-row-inner { position: relative; top: 50%; transform: translateY(-50%); } .footer-row-inner.footer-logo { transform: translateY(0px); top: 50%; position: relative; height: 46px; } .footer-row-inner.footer-logo img { position: relative; top: 50%; } .footer-row:first-child { padding-left: 0px; border-left: none; } .footer-row:last-child { padding-right: 0px; border: none; } .footer-rows-right .footer-row:first-child { padding-left: 40px; border-left: 1px solid rgb(72, 72, 72); } .footer-rows-right { float: right; height: 100%; } .language-switcher.bootstrap-select.btn-group .dropdown-menu.inner { width: 100%; } .language-switcher.bootstrap-select::before { display: none; } .language-switcher.bootstrap-select .dropdown-menu { padding-top: 15px; top: calc(100% + 15px); width: 160px; left: auto; right: 0px; } .language-switcher.bootstrap-select .dropdown-menu::before { position: absolute; top: -5px; content: ""; right: 20px; width: 0px; height: 0px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid rgb(255, 255, 255); } .language-switcher.bootstrap-select.btn-group button { height: 44px; padding-right: 35px; padding-left: 18px; color: rgb(255, 255, 255); background-color: rgb(68, 68, 68); transition: all 0.3s ease 0s; box-shadow: none; } .language-switcher.bootstrap-select.btn-group .dropdown-toggle .filter-option { height: 44px; line-height: 44px; } .language-switcher.bootstrap-select.btn-group button:hover { background-color: rgb(255, 255, 255); color: rgb(51, 51, 51); } .language-switcher.bootstrap-select.btn-group.open button, .language-switcher.bootstrap-select.btn-group button:hover { background-color: rgb(102, 103, 107); color: rgb(255, 255, 255); } .language-switcher.bootstrap-select.btn-group button .caret { transition: all 0.3s ease 0s; } .language-switcher.bootstrap-select.btn-group.open button .caret, .language-switcher.bootstrap-select.btn-group button:hover .caret { border-top-color: rgb(255, 255, 255); } .language-switcher.bootstrap-select.btn-group .dropdown-toggle .caret { right: 18px; } .footer-social-links { list-style: none; margin: 3px -10px 0px; padding: 0px; } .footer-social-links li { display: inline-block; padding: 0px; margin: 0px; float: left; } .footer-social-links li a { font-size: 20px; padding: 0px 10px; color: rgb(255, 255, 255); display: inline-block; transition: all 0.3s ease 0s; opacity: 0.5; transform: translate3d(0px, -0.5px, 0px); } .footer-social-links li a:hover { opacity: 1; } .footer-middle-section { padding: 60px 0px; position: relative; z-index: 10; } #footer h3, #footer h2, .footer-links h3 { font-size: 18px; color: rgb(255, 255, 255); margin: 0px 0px 15px; padding: 0px; display: block; } #footer h3 i { position: relative; margin-right: 5px; top: 2px; font-size: 20px; font-weight: 400 !important; } .footer-links ul { list-style: none; text-align: left; margin: 0px; padding: 0px; } .footer-links ul li { margin-bottom: 0px; display: block; } .footer-links ul li:first-child a { padding-top: 0px; } .footer-links ul li:last-child a { padding-bottom: 0px; } .footer-links ul li a { color: silver; display: block; line-height: 25px; position: relative; z-index: 100; padding: 4px 0px; } .footer-links ul li a span { display: inline-block; position: relative; } .footer-links ul li a:hover { color: rgb(255, 255, 255); } .footer-links ul li a span::before { content: ""; position: absolute; left: 0px; bottom: 0px; background-color: rgb(102, 103, 107); height: 2px; display: block; transition: all 0.25s ease 0s, opacity 0.2s ease 0s; z-index: -1; border-radius: 3px; opacity: 0.5; width: 0px; } .footer-links ul li a:hover span::before { width: 100%; opacity: 1; } .newsletter { display: flex; margin-top: 20px; } .newsletter input, .newsletter button { display: flex; flex-wrap: wrap; align-items: flex-start; } .newsletter input { background: rgb(38, 38, 38); box-shadow: none; margin-bottom: 0px; } .newsletter input:focus { box-shadow: none; } .newsletter button { background-color: rgb(102, 103, 107); border-radius: 4px; height: 48px; min-width: 48px; max-width: 48px; text-align: center; line-height: 48px; font-size: 18px; color: rgb(255, 255, 255); margin-left: 10px; transition: all 0.3s ease 0s; } .newsletter button:hover { background-color: rgb(255, 255, 255); color: rgb(51, 51, 51); } .newsletter button i { width: 100%; line-height: 48px; } .footer-bottom-section { padding: 25px 0px; border-top: 1px solid rgb(72, 72, 72); text-align: center; } .footer-bottom-section strong { color: rgb(255, 255, 255); font-weight: 500; } @media (max-width: 992px) { #footer h3 { margin-top: 45px; } .footer-middle-section { padding-top: 0px; padding-bottom: 45px; }} @media (max-width: 768px) { .content-left-offset { padding-left: 15px; } .content-right-offset { padding-left: 15px; } .footer-rows-container { height: auto; padding: 20px 0px 40px; } .footer-rows-left, .footer-rows-right { float: none; height: auto; } .footer-row-inner.footer-logo img { top: 0px; } .footer-row-inner { position: relative; top: 0px; transform: translateY(0px); } .footer-row-inner.footer-logo { top: 0px; position: relative; height: 46px; } #footer .footer-row { float: none; padding: 20px 0px 0px; display: block; width: 100%; border: none; } .footer-rows-container .footer-rows-left, .footer-rows-container .footer-rows-right { display: block; }} .pagination { margin: 0px; text-align: center; } .pagination-next-prev { position: relative; top: -66px; } .pagination ul { margin: 0px; padding: 0px; } .pagination ul li { display: inline-block; margin: 0px; padding: 0px; } .pagination ul li a, .pagination-next-prev ul li a { padding: 10px 0px; border-bottom: none; display: inline-block; color: rgb(51, 51, 51); background-color: transparent; font-weight: 700; margin: 0px; line-height: 22px; transition: all 200ms ease-in-out 0s; font-size: 14px; float: left; } .pagination ul li a { border-radius: 4px; width: 44px; height: 44px; padding: 0px; line-height: 44px; } .pagination ul li a i { line-height: 44px; font-size: 24px; } .pagination ul li.blank { color: rgb(160, 160, 160); padding: 0px 6px; } .section.gray .pagination .pagination-arrow a:hover, .pagination ul li a.current-page, .pagination ul li a:hover { background-color: rgb(51, 51, 51); color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 8px; } .pagination ul li a.current-page { background-color: rgb(102, 103, 107); color: rgb(255, 255, 255); box-shadow: rgba(102, 103, 107, 0.25) 0px 2px 8px; } .pagination .pagination-arrow a { background-color: rgb(240, 240, 240); } .section.gray .pagination .pagination-arrow a { background-color: rgb(234, 234, 234); } .sidebar-container { margin-bottom: 60px; } .full-page-container .sidebar-container { margin-bottom: 0px; } .sidebar-widget input { margin-bottom: 0px; } .sidebar-widget { padding: 0px 5px 10px; border-bottom: 1px dotted rgb(218, 218, 218); display: block; } .sidebar-widget:nth-child(2n) { background-color: rgb(247, 247, 247); } .sidebar-widget h3 { font-size: 18px; margin-bottom: 5px; } .notify-box { display: block; width: 100%; background-color: rgb(242, 242, 242); border-radius: 4px; padding: 15px 25px; position: relative; line-height: 28px; min-height: 59px; } .notify-box label { margin-bottom: 0px; cursor: pointer; } .notify-box .switch-button { margin-right: 10px; } .sort-by .bootstrap-select { position: relative; right: 0px; top: 0px; } .sort-by .dropdown-menu { box-shadow: rgba(0, 0, 0, 0.14) 0px 0px 4px 0px; } .sort-by .bootstrap-select.btn-group button { flex: 1 1 0%; position: relative; right: 0px; top: 4px; font-weight: 600; margin-left: 10px; width: auto; padding: 0px 12px 0px 0px; background-color: transparent; box-shadow: none; height: 20px; color: rgb(51, 51, 51); } .sort-by .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { width: auto; } .sort-by .bootstrap-select.btn-group .dropdown-toggle .caret { right: 0px; } .sort-by .bootstrap-select .dropdown-menu { padding-top: 15px; top: 40px; right: 0px; left: auto; position: absolute; flex: 1 1 0%; min-width: 160px !important; } .sort-by .bootstrap-select.open::before { display: none; } .sort-by { display: flex; flex-wrap: wrap; align-items: flex-start; position: relative; float: right; } @media (max-width: 768px) { .notify-box { margin-bottom: 90px; } .notify-box .sort-by { position: absolute; margin-top: 35px; left: 0px; } .notify-box .sort-by .bootstrap-select .dropdown-menu { left: 0px; right: auto; }} #titlebar { background-color: rgb(248, 248, 248); position: relative; padding: 70px 0px; margin-bottom: 65px; } #titlebar.gradient { background: linear-gradient(rgba(0, 0, 0, 0.03) 0%, rgba(255, 255, 255, 0)); padding-bottom: 0px; } #titlebar.white { background: rgb(255, 255, 255); padding-bottom: 0px; } #titlebar.transparent { background: 0px 0px; } #titlebar span a, #titlebar span { font-size: 20px; color: rgb(136, 136, 136); margin-bottom: 3px; margin-top: 3px; display: block; } #titlebar #breadcrumbs span { font-size: 14px; } #titlebar h1, #titlebar h2 { font-size: 30px; line-height: 40px; margin: 1px 0px 3px; } #breadcrumbs { position: absolute; right: 15px; display: inline-block; font-size: 14.7px; top: 50%; transform: translateY(-51%); border-radius: 4px; font-weight: 600; color: rgb(51, 51, 51); background-color: rgb(240, 240, 240); } #breadcrumbs ul { margin: 0px; padding: 12px 22px; line-height: 23px; } #breadcrumbs ul li a { transition: all 0.2s ease-in-out 0s; color: rgb(102, 102, 102); font-weight: 500; } #breadcrumbs ul li a:hover { color: rgb(102, 103, 107); } #breadcrumbs ul li { display: inline-block; list-style: none; margin: 0px 0px 0px 7px; } #breadcrumbs ul li:first-child::before { display: none; } #breadcrumbs ul li:first-child { margin-left: 0px; } #breadcrumbs ul li::before { content: ""; display: inline-block; height: 0px; width: 0px; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid rgb(170, 170, 170); font-size: 14px; margin-right: 12px; } #breadcrumbs ul li.home-icon a { opacity: 1; font-size: 24px; top: 4px; position: relative; line-height: 0; padding: 0px; display: inline-block; } #breadcrumbs ul li.home-icon i { line-height: 0; } #breadcrumbs.dark { color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 10px; background-color: rgb(51, 51, 51); } #breadcrumbs.dark ul li a, #breadcrumbs.dark ul li a:hover { color: rgb(255, 255, 255); } #breadcrumbs.dark ul li::before { border-left: 4px solid rgba(255, 255, 255, 0.3); } #breadcrumbs.white { color: rgb(51, 51, 51); box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 10px; background-color: rgb(255, 255, 255); } #breadcrumbs.white ul li a { color: rgb(102, 102, 102); } #breadcrumbs.white ul li a:hover { color: rgb(102, 103, 107); } #breadcrumbs.white ul li::before { border-left: 4px solid rgba(0, 0, 0, 0.3); } .single-page-header #breadcrumbs { position: relative; top: 0px; left: 0px; transform: none; margin-left: auto; } @media (max-width: 992px) { .single-page-header #breadcrumbs { margin: 30px 0px 20px; }} .single-page-header { padding: 2px 2px 4px; position: relative; } .single-page-header .container { z-index: 100; position: relative; } .single-page-header::after { content: ""; position: absolute; height: 100%; width: 100%; display: block; top: 0px; left: 0px; z-index: 15; background: linear-gradient(to right, rgb(247, 247, 247) 50%, rgba(247, 247, 247, 0.8) 70%, rgba(247, 247, 247, 0.8) 90%); } .single-page-header::before { content: ""; position: absolute; height: 100%; width: 100%; display: block; top: 0px; left: 0px; z-index: 15; background: linear-gradient(rgba(247, 247, 247, 0.56) 0%, rgb(230, 230, 230) 100%); } .single-page-header::after { z-index: 5; background-color: rgb(247, 247, 247); } .single-page-header .background-image-container { background-size: cover; background-repeat: no-repeat; background-position: 100% 50%; position: absolute; top: 0px; height: 100%; width: 50%; left: 50%; z-index: 10; } .single-page-header .single-page-header-inner { display: flex; } .single-page-header .left-side, .single-page-header .right-side { flex: 1 1 0%; display: flex; align-items: center; } .single-page-header .left-side { padding-right: 30px; } .single-page-header .right-side { max-width: 35%; } @media (min-width: 1365px) { .single-page-header .right-side { max-width: 30%; }} .single-page-header .header-image a { display: flex; height: 100%; } .single-page-header .header-image { height: 140px; flex: 0 0 140px; margin-right: 35px; background: rgb(255, 255, 255); border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 12px; display: flex; padding: 0px 20px; } @media screen and (-ms-high-contrast:active), screen and (-ms-high-contrast:none) { .single-page-header .header-image { max-width: 140px; }} .single-page-header.freelancer-header .header-image { background: rgb(255, 255, 255); border-radius: 50%; box-shadow: none; display: flex; padding: 0px; overflow: hidden; height: 130px; flex: 0 0 130px; width: 130px; } .single-page-header .header-image img { align-self: center; transform: translate3d(0px, 0px, 0px); } @media (-ms-high-contrast:none) { .single-page-header .header-image img { width: 100%; }} .single-page-header .header-details { flex: 1 1 0%; } .single-page-header .header-details h3 { color: rgb(51, 51, 51); font-size: 26px; margin: 3px 0px 12px; padding: 0px; line-height: 36px; position: relative; display: inline-block; } .single-page-header .header-details h3 span { color: gray; display: block; font-size: 20px; font-weight: 300; margin-top: -3px; } .single-page-header .header-details h5 { font-size: 16px; font-weight: 600; color: rgb(51, 51, 51); } .single-page-header .header-details h5 { font-size: 16px; font-weight: 600; color: rgb(51, 51, 51); } .single-page-header .header-details ul { padding: 0px; margin: 0px 0px -7px; list-style: none; line-height: 24px; } .single-page-header .header-details li { display: inline-block; margin-right: 20px; margin-bottom: 12px; } .single-page-header .header-details li:last-child { margin-right: 0px; } .single-page-header .header-details li a { color: rgb(102, 102, 102); } .single-page-header .header-details li a:hover { color: rgb(102, 103, 107); } .single-page-header .header-details li i { font-size: 20px; position: relative; top: 2px; margin-right: 2px; } .single-page-header .header-details li .verified-badge { transform: scale(0.85); position: relative; top: 2px; } .single-page-header .header-details li .verified-txt { color: rgb(41, 152, 64); } .single-page-header .header-details li .star-rating { position: relative; top: 6px; } .single-page-header .header-details ul li img.flag { height: 16px; border-radius: 3px; position: relative; top: -1px; display: inline-block; box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 3px; margin-right: 5px; cursor: default; } .single-page-header .salary-box { border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.08) 0px 3px 8px; background-color: rgb(255, 255, 255); display: inline-block; padding: 20px 25px; margin-left: auto; } .salary-box .salary-type { color: rgb(136, 136, 136); line-height: 20px; margin: 3px 0px 8px; } .salary-box .salary-amount { color: rgb(51, 51, 51); font-size: 28px; line-height: 36px; font-weight: 300; } @media (max-width: 1366px) { .single-page-header.freelancer-header .header-image { height: 130px; flex: 0 0 130px; width: 130px; }} @media (max-width: 1240px) { .single-page-header .header-details h3 { font-size: 26px; } .single-page-header { padding: 55px 0px; } .salary-box .salary-amount { font-size: 26px; line-height: 32px; } .single-page-header .header-image { height: 120px; flex: 0 0 120px; } .single-page-header.freelancer-header .header-image { height: 120px; flex: 0 0 120px; width: 120px; }} @media (max-width: 992px) { .single-page-header .single-page-header-inner { display: flex; flex-direction: column; } .single-page-header .left-side { padding-right: 0px; } .single-page-header .header-details h3 { font-size: 24px; } .single-page-header { padding: 35px 0px; } .single-page-header .salary-amount { font-size: 22px; line-height: 24px; } .single-page-header .salary-box { padding: 0px; margin-top: 15px; margin-bottom: 20px; background-color: transparent; box-shadow: none; } .salary-box .salary-type { font-weight: 600; color: rgb(51, 51, 51); } .single-page-header .left-side, .single-page-header .right-side, .single-page-header-inner { display: block; max-width: 100%; } .single-page-header .header-image { height: 70px; width: auto; padding: 15px 20px; margin: 15px 0px; display: inline-block; } .single-page-header .header-image img { height: 100%; } .single-page-header .header-details h5 { border-top: 1px solid rgb(224, 224, 224); padding-top: 25px; } .single-page-header.freelancer-header .header-image { height: 70px; flex: 0 0 70px; width: 70px; margin-bottom: -70px; } .single-page-header.freelancer-header .header-details h3 { margin-left: 90px; }} @media (max-width: 768px) { .single-page-header::after, .single-page-header::before { background: rgb(247, 247, 247); } .single-page-header.freelancer-header .header-image { height: 70px; flex: 0 0 70px; width: 70px; margin-bottom: -70px; } .single-page-header.freelancer-header .header-details h3 { margin-left: 90px; }} .blog-post { display: flex; background: rgb(255, 255, 255); margin-bottom: 35px; box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 12px; border-radius: 4px; overflow: hidden; transition: all 0.3s ease 0s; } .blog-post:hover { box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 18px; transform: translateY(-5px); } .blog-post-thumbnail { flex: 0 0 auto; max-width: none; max-height: 100%; overflow: hidden; position: relative; width: 260px; } .blog-post-thumbnail-inner { height: 100%; width: 100%; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 12px; transition: all 0.3s ease 0s; } .blog-post-thumbnail-inner img { height: 100%; width: 100%; object-fit: cover; position: absolute; top: 0px; left: 0px; } .blog-post-thumbnail-inner .blog-item-tag { bottom: 20px; left: 20px; top: auto; margin: 0px; } .blog-post-content { flex: 1 1 0%; padding: 35px; } .blog-post-content h3, .blog-post-content h3 a { font-size: 22px; line-height: 33px; color: rgb(51, 51, 51); margin-bottom: 15px; display: block; } .blog-post-content h3 a:hover { color: rgb(102, 103, 107); } a.blog-post-info, .blog-post-info, .blog-post-date { font-size: 14px; color: rgb(136, 136, 136); margin-bottom: 10px; display: inline-block; background-color: rgb(240, 240, 240); border-radius: 4px; line-height: 20px; padding: 4px 10px; margin-right: 3px; transition: all 0.3s ease 0s; } a.blog-post-info:hover { color: rgb(255, 255, 255); background-color: rgb(102, 103, 107); } .blog-post-content p { padding: 0px; margin: 0px; display: block; color: gray; } .blog-post-content a.button i.icon-feather-arrow-right { font-size: 20px; top: 4px; left: -1px; position: relative; margin: 0px -5px; } .blog-post-info-list { display: block; } blockquote { padding: 10px 20px; margin: 0px 20px; font-size: 17px; line-height: 30px; color: rgb(136, 136, 136); border-left: 5px solid rgb(238, 238, 238); } .blog-post.single-post { flex-direction: column; } .blog-post.single-post:hover { transform: none; } .blog-post.single-post .blog-post-thumbnail { width: 100%; height: 380px; } .blog-post.single-post p { margin-bottom: 20px; } #posts-nav { padding: 0px; list-style: none; width: 100%; position: relative; margin: 0px; display: inline-block; min-height: 60px; } #posts-nav li span { font-size: 14px; color: rgb(136, 136, 136); margin-bottom: 10px; display: inline-block; background-color: rgb(240, 240, 240); border-radius: 4px; line-height: 20px; padding: 4px 10px; margin-right: 3px; transition: all 0.3s ease 0s; } #posts-nav li a:hover span { background-color: rgb(102, 103, 107); color: rgb(255, 255, 255); } #posts-nav li { position: absolute; font-size: 18px; font-weight: 500; width: 50%; } #posts-nav li strong { display: block; font-weight: 500; } #posts-nav li a { transition: transform 0.3s ease 0s, color 0.3s ease 0s; color: rgb(51, 51, 51); display: inline-block; line-height: 28px; } #posts-nav li a:hover { color: rgb(102, 103, 107); } #posts-nav li.next-post { right: 0px; text-align: right; } #posts-nav li.prev-post { left: 0px; } #posts-nav li.next-post a { padding-right: 50px; } #posts-nav li.prev-post a { padding-left: 50px; } #posts-nav li.prev-post a::before, #posts-nav li.next-post a::before { font-family: feather-icons; font-size: 30px; position: absolute; color: inherit; top: 50%; transform: translate3d(0px, -50%, 0px); transition: transform 0.3s ease 0s; } #posts-nav li.next-post a::before { right: 0px; content: "&#59696;"; } #posts-nav li.prev-post a::before { left: 0px; content: "&#59695;"; } #posts-nav li.next-post a:hover::before { transform: translate3d(5px, -50%, 0px); } #posts-nav li.prev-post a:hover::before { transform: translate3d(-5px, -50%, 0px); } .comments { margin: -10px 0px 0px; } .comments h4 { margin-bottom: 25px; font-size: 20px; font-weight: 500; color: rgb(51, 51, 51); } .comments h4 span { display: inline-block; font-size: inherit; } .comment { font-size: 20px; } .comments .button { margin: 0px 0px 10px; padding: 7px 15px; } .comments.reviews .button { margin: 0px; } .comments ul { padding-left: 0px; } .comments ul li { display: block; } .comments ul li, .comments ul li ul li, .comments ul li ul li ul li, .comments ul li ul li ul li { margin: 50px 0px 0px; } .comments ul li ul { margin: 0px 0px 0px 100px; } .comment-content p { margin: 3px 0px 0px; line-height: 26px; } .comment-content { color: rgb(102, 102, 102); padding: 0px 0px 0px 100px; } .comments ul li ul { border-left: 1px solid rgb(224, 224, 224); padding-left: 35px; } .comments ul li ul li::before { content: ""; width: 15px; height: 1px; background-color: rgb(224, 224, 224); display: inline-block; position: absolute; top: 30px; left: -35px; } .comments ul li { position: relative; } .comment-content strong { padding-right: 5px; color: rgb(102, 102, 102); } .comment-content span { color: rgb(136, 136, 136); } body .comment-content p { padding: 5px 0px; } .comments-amount { color: rgb(136, 136, 136); font-weight: 500; } .avatar { display: inline-block; float: left; padding: 0px 17px 0px 0px; position: absolute; left: 0px; top: -5px; } .avatar img { max-width: 70px; border-radius: 50%; } .comment-by { width: 100%; padding-bottom: 8px; padding-top: 5px; font-weight: 500; color: rgb(51, 51, 51); } .comment-by h5 { margin: 0px 0px 7px; } .comment-by a.reply { transition: all 0.3s ease 0s; } .comment-by a.reply { display: inline; background-color: rgb(240, 240, 240); padding: 5px 16px; line-height: 22px; font-size: 14px; color: rgb(102, 102, 102); font-weight: 500; position: absolute; right: 0px; top: 15px; border-radius: 4px; } .comment-by a.reply i { font-size: 12px; margin-right: 1px; } .comment-by a.reply:hover { background-color: rgb(102, 103, 107); color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 9px; } .comment-by span.date { color: rgb(136, 136, 136); font-weight: 500; margin: 0px; float: none; display: block; text-align: left; } @media (max-width: 768px) { .comments ul li ul { margin: 0px; } .avatar { top: 3px; } .comment-content { color: rgb(102, 102, 102); padding: 0px 0px 0px 70px; } .avatar img { max-width: 50px; border-radius: 50%; top: 5px; } .comment-by a.reply { position: relative; margin: 10px 0px 0px; top: 0px; display: inline-block; } .blog-post { flex-direction: column; } .blog-post-thumbnail { width: 100%; height: 220px; } #posts-nav li { position: relative; width: 100%; } #posts-nav li a { padding: 0px !important; } #posts-nav li a::before { display: none; } #posts-nav li.next-post { text-align: left; margin-bottom: 30px; }} .widget-tabs { padding: 0px; list-style: none; margin-top: 25px; display: block; } .widget-content { box-shadow: rgba(0, 0, 0, 0.07) 0px 3px 9px; border-radius: 4px; background-color: rgb(255, 255, 255); position: relative; width: 100%; overflow: hidden; } .widget-content::before { content: ""; width: 100%; height: 100%; display: block; position: absolute; top: 0px; left: 0px; z-index: 10; background: rgb(255, 255, 255); opacity: 1; transition: all 0.35s ease-in-out 0s; } .widget-content img { display: block; object-fit: cover; position: absolute; width: 100%; height: 100%; z-index: 9; opacity: 1; transition: all 0.35s ease 0s; border-radius: 5.5px; } .widget-text h5 { font-size: 16px; font-weight: 600; line-height: 24px; margin: 0px 0px 3px; color: rgb(51, 51, 51); transition: all 0.35s ease 0s; } .widget-text span { font-size: 14px; color: rgb(136, 136, 136); display: inline-block; background-color: rgb(240, 240, 240); border-radius: 4px; line-height: 20px; padding: 4px 10px; margin-top: 3px; transition: all 0.35s ease 0s; } .widget-text { display: block; position: relative; z-index: 20; padding: 30px; } .widget-tabs .widget-content { display: table; } .widget-tabs .widget-content .widget-text { display: table-cell; vertical-align: middle; } .widget-tabs li { margin-top: 20px; } .widget-content:hover::before, .widget-content.active::before { opacity: 0.6; background: rgb(51, 51, 51); } .widget-content:hover img, .widget-content.active img { opacity: 1; } .widget-content:hover h5, .widget-content.active h5 { color: rgb(255, 255, 255); } .widget-content:hover span, .widget-content.active span { background: rgba(255, 255, 255, 0.25); color: rgb(255, 255, 255); } .blog-compact-item-container { display: block; height: 100%; width: 100%; border-radius: 4px; background: 0px 0px; transform: translate3d(0px, 0px, 0px); transition: transform 0.4s ease 0s; margin-bottom: 30px; } .blog-compact-item-container:hover { transform: translateY(-10px); } .blog-compact-item { background: 50% center / cover no-repeat rgb(204, 204, 204); box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 10px; border-radius: 4px; display: block; position: relative; height: 460px; z-index: 100; cursor: pointer; transition: all 0.4s ease 0s; } @media (max-width: 1366px) { .blog-compact-item { height: 420px; }} .blog-compact-item img { object-fit: cover; height: 100%; width: 100%; border-radius: 4px; } .blog-compact-item::before { content: ""; top: 0px; position: absolute; height: 100%; width: 100%; z-index: 9; border-radius: 4px; background: linear-gradient(to top, rgba(51, 51, 51, 0.8) 0%, rgba(51, 51, 51, 0.7) 35%, rgba(51, 51, 51, 0.3) 60%, rgba(51, 51, 51, 0.3) 100%); transition: all 0.4s ease 0s; } .blog-compact-item-content { position: absolute; bottom: 32px; left: 0px; padding: 0px 34px; width: 100%; z-index: 50; box-sizing: border-box; } .blog-compact-item-content h3 { color: rgb(255, 255, 255); font-size: 20px; padding: 5px 0px; font-weight: 500; margin: 2px 0px 0px; line-height: 30px; } .blog-compact-item-content span { font-size: 16px; font-weight: 300; display: inline-block; color: rgba(255, 255, 255, 0.7); } .blog-compact-item-content p { font-size: 16px; font-weight: 300; display: inline-block; color: rgba(255, 255, 255, 0.8); margin: 7px 0px 0px; } span.blog-item-tag { font-size: 14px; color: rgb(51, 51, 51); background-color: rgb(255, 255, 255); border-radius: 4px; padding: 5px 12px; line-height: 20px; font-weight: 400; margin-bottom: 9px; position: absolute; top: 30px; left: 32px; z-index: 110; transition: all 0.4s ease 0s; } .blog-post-tags { list-style: none; padding: 0px; margin: 0px; color: rgb(255, 255, 255); font-size: 14px; font-weight: 400; opacity: 0.9; } .blog-post-tags li { display: inline-block; margin-right: 5px; } .blog-post-tags li i { margin-right: 3px; font-weight: 400; display: inline-block; } .contact-location-info { display: flex; place-content: center; background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.03) 0px 4px 14px; } .contact-location-info .contact-address, .contact-location-info #single-job-map-container { flex: 1 1 0%; } .contact-location-info #single-job-map-container #singleListingMap { border-radius: 0px 4px 4px 0px; } .contact-location-info .contact-address { border-width: 1px 0px 1px 1px; border-top-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(224, 224, 224); border-bottom-color: rgb(224, 224, 224); border-left-color: rgb(224, 224, 224); border-image: initial; border-right-style: initial; border-right-color: initial; border-radius: 4px 0px 0px 4px; } .contact-location-info .contact-address { display: flex; } .contact-location-info .contact-address > ul { align-self: center; padding: 40px; margin: 0px; list-style: none; font-size: 18px; color: gray; } .contact-location-info .contact-address ul li { padding: 2px 0px; } .contact-location-info .freelancer-socials { margin-top: 10px; margin-left: -8px; transform: scale(0.9); } .contact-address-headline { color: rgb(51, 51, 51); font-weight: 600; } .contact-address-headline::after { content: ""; height: 2px; width: 25px; background-color: rgb(102, 103, 107); position: relative; display: block; margin: 15px 0px; border-radius: 3px; } @media (max-width: 768px) { .contact-location-info { flex-direction: column; } .contact-location-info .contact-address { border-top: 1px solid rgb(224, 224, 224); border-right: 1px solid rgb(224, 224, 224); border-left: 1px solid rgb(224, 224, 224); border-image: initial; border-bottom: none; border-radius: 4px 4px 0px 0px; } .contact-location-info #single-job-map-container #singleListingMap { border-radius: 0px 0px 4px 4px; }} #contact div input { margin-bottom: 22px; } .single-page-section { margin-bottom: 55px; display: block; } .single-page-section p:last-of-type { padding-bottom: 0px; margin-bottom: 0px; } .single-page-section h3 { margin-bottom: 20px; font-size: 20px; } .single-page-section .job-listing h3.job-listing-title { margin-bottom: 0px; } .full-page-container { display: flex; width: 100%; flex-wrap: wrap; } .full-page-sidebar { flex: 0 0 360px; background-color: rgb(250, 250, 250); position: relative; } .full-page-sidebar .full-page-sidebar-inner { overflow: auto; height: 100%; } .full-page-sidebar .sidebar-container { padding: 20px; } .full-page-sidebar .simplebar-scrollbar { width: 5px; } .full-page-sidebar .sidebar-widget:last-of-type { margin-bottom: 80px; } .full-page-content-container { flex: 1 1 0%; background-color: rgb(255, 255, 255); padding: 0px; overflow: auto; } .full-page-content-inner { padding: 40px 40px 0px; } .full-page-content-inner .grid-layout { width: calc(100% + 30px); } .full-page-content-inner .grid-layout .job-listing { margin: 0px 30px 30px 0px; width: calc(33.3333% - 30px); } .sidebar-search-button-container { position: absolute; width: calc(100%); bottom: 0px; padding: 30px; z-index: 100; background-color: rgb(222, 222, 222); } .sidebar-search-button-container button { width: calc(100% + 15px); line-height: 46px; height: 46px; transition: all 0.3s ease 0s; box-shadow: rgba(102, 103, 107, 0.1) 0px 4px 12px; } .sidebar-search-button-container button:hover { box-shadow: rgba(102, 103, 107, 0.25) 0px 4px 12px; transform: translateY(-2px); } .small-footer { border-top: 1px solid rgb(224, 224, 224); position: relative; padding: 25px 40px; display: flex; } .small-footer strong { color: rgb(51, 51, 51); } .small-footer-copyrights { flex: 2 1 0%; } .small-footer .footer-social-links { transform: none; flex: 1 1 0%; text-align: right; float: right; display: inline-block; margin: 0px -5px 0px 0px; position: relative; top: 2px; } .small-footer .footer-social-links li { color: rgb(51, 51, 51); transform: none; float: none; margin: 0px -3px; } .small-footer .footer-social-links li a { color: rgb(51, 51, 51); transform: none; } .full-page-map-container { flex: 1 1 auto; position: relative; background-color: rgb(229, 227, 223); } .full-page-map-container #map { position: relative; z-index: 30; } .full-page-container.with-map .full-page-content-container { flex: 0 0 50vw; } .full-page-sidebar.hidden-sidebar { visibility: hidden; transition: all 0.4s ease 0s; position: relative; opacity: 0; max-width: 0px; } .full-page-container.with-map .full-page-sidebar .full-page-sidebar-inner { width: 360px; } .full-page-sidebar.hidden-sidebar.enabled-sidebar { visibility: visible; opacity: 1; max-width: 360px; } .enable-filters-button { position: relative; left: 48px; top: 0px; z-index: 100; background-color: rgb(255, 255, 255); color: rgb(51, 51, 51); border-radius: 0px 4px 4px 0px; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; height: 48px; line-height: 48px; padding: 0px; transition: all 0.3s ease 0s; min-width: 126px; text-align: center; } .enable-filters-button span { position: relative; padding: 0px 15px; background-color: rgb(102, 103, 107); color: rgb(255, 255, 255); width: 100%; z-index: 100; border-radius: 0px 4px 4px 0px; transition: all 0.3s ease 0s; } .filter-button-container { position: absolute; left: 40px; top: 20px; width: calc(100% - 40px); overflow-x: hidden; padding: 20px 0px; } .filter-button-tooltip { position: absolute; left: 15px; z-index: 100; border-radius: 4px; width: auto; animation: 2s ease 0s infinite normal none running tooltip-bounce; margin-left: 15px; white-space: nowrap; opacity: 0; overflow: visible; transition: opacity 0.3s ease 0s; pointer-events: none; padding: 0px 20px; background-color: rgb(255, 255, 255); color: rgb(85, 85, 85); box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 8px; font-size: 15.7px; line-height: 48px; top: 20px; } .filter-button-tooltip.tooltip-visible { opacity: 1; } .filter-button-tooltip::before { position: absolute; width: 0px; height: 0px; top: calc(50% - 3px); content: ""; left: -3px; box-sizing: border-box; border-width: 5px; border-style: solid; border-image: initial; border-color: transparent transparent rgb(255, 255, 255) rgb(255, 255, 255); transform-origin: 0px 0px; transform: rotate(45deg) translateY(-50%); box-shadow: rgba(0, 0, 0, 0.04) -2px 2px 2px 0px; } @keyframes tooltip-bounce { 0%, 20%, 50%, 80%, 100% { transform: translateX(0px); } 40% { transform: translateX(14px); } 60% { transform: translateX(7px); }} .enable-filters-button:hover i, .enable-filters-button.active i, .enable-filters-button:hover span, .enable-filters-button.active span { background-color: rgb(51, 51, 51); } .enable-filters-button:hover i::after, .enable-filters-button:hover i::before, .enable-filters-button.active i::after, .enable-filters-button.active i::before { background-color: rgba(0, 0, 0, 0.25); } .enable-filters-button i { position: absolute; z-index: 90; left: -48px; height: 100%; font-size: 20px; background-color: rgb(102, 103, 107); color: rgb(255, 255, 255); line-height: 48px; text-align: center; width: 48px; border-radius: 4px 0px 0px 4px; font-style: normal; font-family: feather-icons; transition: all 0.3s ease 0s; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; } .enable-filters-button i::after, .enable-filters-button i::before { position: absolute; left: 0px; right: 0px; transition: all 0.3s ease 0s; border-radius: 4px 0px 0px 4px; background-color: rgba(0, 0, 0, 0.1); } .enable-filters-button i::after { content: "&#59857;"; opacity: 1; } .enable-filters-button.active i::after { opacity: 0; } .enable-filters-button i::before { content: "&#59906;"; opacity: 0; } .enable-filters-button.active i::before { opacity: 1; } .enable-filters-button span.show-text, .enable-filters-button.active span.hide-text { display: inline-block; } .enable-filters-button.active span.show-text, .enable-filters-button span.hide-text { display: none; } .location-field-on-map { position: absolute; top: 40px; right: 40px; width: 280px; max-width: 40%; z-index: 100; } .location-field-on-map input { box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px !important; } @media (max-width: 3860px) { .full-page-content-inner .grid-layout .job-listing { width: calc(25% - 30px); } .full-page-container.with-map .full-page-content-inner .grid-layout .job-listing { width: calc(33.3333% - 30px); }} @media (max-width: 2560px) { .full-page-content-inner .grid-layout .job-listing { width: calc(25% - 30px); } .full-page-container.with-map .full-page-content-inner .grid-layout .job-listing { width: calc(50% - 30px); }} @media (max-width: 1920px) { .full-page-content-inner .grid-layout .job-listing { width: calc(33.3333% - 30px); } .full-page-container.with-map .full-page-sidebar { flex: 0 0 340px; } .full-page-container.with-map .full-page-sidebar .full-page-sidebar-inner { width: 340px; } .full-page-container.with-map .full-page-content-inner .grid-layout .job-listing { width: calc(50% - 30px); }} @media (max-width: 1600px) { .full-page-content-inner .grid-layout .job-listing { width: calc(50% - 30px); } .full-page-sidebar { flex: 0 0 340px; } .full-page-container.with-map .full-page-sidebar { flex: 0 0 320px; } .full-page-container.with-map .full-page-sidebar .full-page-sidebar-inner { width: 320px; } .full-page-container.with-map .full-page-content-inner .grid-layout .job-listing { width: calc(100% - 30px); } .full-page-container.with-map .full-page-content-container { flex: 0 0 55vw; }} @media (max-width: 1365px) { .location-field-on-map { left: 0px; right: auto; width: calc(100% - 80px); max-width: calc(100% - 80px); margin: 0px 40px; } .full-page-container .notify-box { margin-bottom: 0px; } .full-page-container .notify-box .sort-by { position: absolute; margin-top: 40px; left: 0px; } .full-page-container .notify-box .sort-by .bootstrap-select .dropdown-menu { left: 0px; right: auto; }} @media (max-width: 1099px) { .full-page-content-inner .grid-layout .job-listing { width: calc(100% - 30px); } .full-page-sidebar { flex: 0 0 340px; } .full-page-map-container { order: -1; width: 100%; height: 400px; position: absolute; top: 0px; } .full-page-container.with-map { padding-top: 400px; width: 100%; position: relative; height: auto !important; } .full-page-container.with-map .full-page-sidebar { max-width: 100%; visibility: visible; opacity: 1; } .filter-button-container { display: none; } .full-page-container.with-map .full-page-sidebar .full-page-sidebar-inner { position: relative; width: 100%; } .full-page-container.with-map .full-page-content-container { flex: 1 1 0%; } .full-page-container, .full-page-sidebar-inner, .full-page-content-container, .full-page-container .full-page-sidebar { height: auto !important; } .full-page-container .simplebar-track { display: none; }} @media (max-width: 992px) { .location-field-on-map { width: calc(100% - 50px); max-width: calc(100% - 50px); margin: 0px 25px; top: 25px; } .sidebar-search-button-container, .full-page-sidebar .sidebar-container, .full-page-content-inner { padding: 35px; } .full-page-content-inner { padding-bottom: 0px; } .full-page-content-inner .grid-layout .job-listing { width: calc(100% - 30px); } .full-page-sidebar { flex: 0 0 320px; } .full-page-sidebar-inner, .full-page-content-container, .full-page-container .full-page-sidebar { height: auto !important; }} @media (max-width: 768px) { .location-field-on-map { width: calc(100% - 30px); max-width: calc(100% - 30px); margin: 0px 15px; } .sidebar-search-button-container, .full-page-sidebar .sidebar-container, .full-page-content-inner { padding: 40px 15px; } .full-page-content-inner { padding-bottom: 0px; } .full-page-content-inner .grid-layout .job-listing { width: calc(100% - 30px); } .full-page-sidebar { flex: 1 1 0%; width: 100%; } .full-page-container { display: block; width: 100%; flex-wrap: wrap; height: auto; } .small-footer { display: block; text-align: center; } .small-footer .footer-social-links { float: none; left: -10px; margin-top: 10px; }} .job-listing { display: block; border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.12) 0px 2px 12px; margin-bottom: 35px; background-color: rgb(255, 255, 255); transition: all 0.3s ease 0s; position: relative; } .job-listing:hover { box-shadow: rgba(0, 0, 0, 0.14) 0px 2px 18px; transform: translateY(-4px); } .job-listing-details { display: flex; flex-wrap: wrap; align-items: flex-start; padding: 35px 35px 32px; } .job-listing .job-listing-company-logo { flex: 1 1 0%; max-width: 55px; margin-right: 25px; position: relative; top: 3px; } .job-listing .job-listing-company-logo img { border-radius: 4px; transform: translate3d(0px, 0px, 0px); } .job-listing .job-listing-description { flex: 1 1 0%; padding-top: 3px; } .job-listing .job-listing-description p { margin: 15px 0px 0px; padding: 0px; color: rgb(102, 102, 102); } .job-listing h4.job-listing-company { font-size: 16px; color: gray; } .job-listing h3.job-listing-title { font-size: 20px; color: rgb(51, 51, 51); line-height: 30px; } .job-listing .job-listing-footer { background-color: rgb(249, 249, 249); padding: 20px 35px; border-radius: 0px 0px 4px 4px; position: relative; } .job-listing .job-listing-footer ul { list-style: none; padding: 0px; margin: 0px; } .job-listing .job-listing-footer ul li { display: inline-block; margin-right: 14px; color: rgb(119, 119, 119); } .job-listing .job-listing-footer ul li:last-child { margin-right: 0px; } .job-listing .job-listing-footer ul li i.icon-material-outline-location-on { margin-right: 0px; } .job-listing .job-listing-footer ul li i { position: relative; top: 1px; margin-right: 3px; color: rgb(119, 119, 119); } @media (max-width: 768px) { .job-listing .job-listing-company-logo { display: none; } .job-listing .job-listing-title { padding-right: 10%; }} .compact-list-layout { background-color: rgb(255, 255, 255); border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.12) 0px 2px 12px; } .compact-list-layout .job-listing { box-shadow: none; margin-bottom: 0px; padding: 30px 80px 30px 35px; border-radius: 0px; } .compact-list-layout .job-listing:last-of-type { border-radius: 0px 0px 3px 3px; overflow: hidden; } .compact-list-layout .job-listing:first-of-type { border-radius: 3px 3px 0px 0px; overflow: hidden; } .compact-list-layout .job-listing h3 { font-size: 18px; line-height: 28px; } .compact-list-layout .job-listing:nth-child(2n) { background-color: rgb(250, 250, 250); } .compact-list-layout .job-listing::before { content: ""; position: absolute; top: 0px; left: 0px; width: 3px; height: 100%; display: block; background: rgb(102, 103, 107); transition: all 0.3s ease 0s; opacity: 0; } .compact-list-layout .job-listing:hover::before { opacity: 1; } .compact-list-layout .job-listing:hover { transform: none; } .compact-list-layout .job-listing .job-listing-footer { background-color: transparent; padding: 0px; margin-top: 3px; } .compact-list-layout .job-listing-details { display: flex; flex-wrap: wrap; align-items: center; padding: 0px; top: 0px; } .compact-list-layout .job-listing .job-listing-company-logo { max-width: 50px; margin-right: 30px; top: 0px; } .compact-list-layout .job-listing .verified-badge { transform: scale(0.85) translate(8px, 8px); } .compact-list-layout .job-listing h3 .verified-badge { transform: scale(0.85) translate(0px, 0px); font-weight: 500; top: 1px; } .compact-list-layout .job-listing h3 .verified-badge::before { top: -1px; } .compact-list-layout .job-listing span.bookmark-icon { top: 50%; transform: translateY(-51%); } .compact-list-layout .job-listing.with-apply-button { position: relative; padding-right: 35px; } .list-apply-button { right: 0px; padding: 10px 20px; line-height: 24px; position: relative; font-size: 16px; font-weight: 500; display: inline-block; transition: all 0.3s ease 0s; border-radius: 4px; background: rgb(240, 240, 240); color: rgb(102, 102, 102); text-align: center; } .job-listing.with-apply-button:hover .list-apply-button { background-color: rgb(102, 103, 107); color: rgb(255, 255, 255); box-shadow: rgba(102, 103, 107, 0.15) 0px 4px 12px; } .boxed-list .compact-list-layout { box-shadow: none; margin-top: 0px; } .boxed-list .compact-list-layout .job-listing:hover { border-left: none; } .boxed-list .compact-list-layout .job-listing:first-of-type { border-radius: 0px; } @media (max-width: 768px) { .list-apply-button { flex: 1 1 auto; width: 100%; margin-top: 15px; }} .grid-layout { display: flex; flex-wrap: wrap; width: calc(100% + 30px); } .grid-layout .job-listing { display: flex; justify-content: center; margin: 0px 30px 30px 0px; width: calc(50% - 30px); flex-direction: column; } .grid-layout .job-listing-details { flex-grow: 1; display: flex; flex-wrap: wrap; align-items: center; padding: 10px 40px 10px 30px; } @media screen and (-ms-high-contrast:active), screen and (-ms-high-contrast:none) { .tasks-list-container.tasks-grid-layout .task-listing .task-listing-details, .grid-layout .job-listing-details { flex-basis: 100px; } .tasks-list-container.tasks-grid-layout .task-listing-bid { flex-basis: 100px; }} .grid-layout .job-listing-footer { flex-grow: 0; padding: 20px 30px; } .grid-layout .job-listing h3.job-listing-title { font-size: 18px; line-height: 28px; } .grid-layout .job-listing-footer .bookmark-icon { top: 0px; right: 25px; transform: translateY(-50%) scale(0.96); } .grid-layout .job-listing .job-listing-company-logo { max-width: 56px; margin-right: 24px; top: 1px; flex: 0 0 56px; } @media (max-width: 768px) { .full-page-content-inner .grid-layout .job-listing, .grid-layout .job-listing { margin: 0px 0px 30px; width: 100%; } .grid-layout, .full-page-content-inner .grid-layout { width: 100%; } .full-page-content-container .simplebar-content { overflow-x: hidden !important; } .full-page-container.with-map .full-page-content-inner .grid-layout .job-listing { width: 100%; }} .task-listing { border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.12) 0px 2px 12px; margin-bottom: 30px; background-color: rgb(255, 255, 255); transition: all 0.3s ease 0s; position: relative; display: flex; justify-content: center; } .task-listing:hover { box-shadow: rgba(0, 0, 0, 0.14) 0px 2px 18px; transform: translateY(-4px); } .task-listing-details { padding: 6px 6px 6px 15px; flex: 1 1 0%; } .task-listing .task-listing-description { flex: 1 1 0%; align-items: center; justify-content: center; } .task-listing .task-listing-description p { margin: 0px; padding: 0px; color: rgb(51, 51, 51); line-height: 18px; } .task-listing h3.task-listing-title a, .task-listing h3.task-listing-title { font-size: 20px; color: rgb(51, 51, 51); line-height: 25px; font-weight: 500; padding-top: 2px; transition: all 0.3s ease 0s; } .task-listing .task-icons { list-style: none; padding: 0px; line-height: 18px; margin: 0px; } .task-listing .task-icons li { display: inline-block; padding: 0px; margin: 0px 10px 0px 0px; color: rgb(6, 89, 19); } .task-listing .task-icons i { color: rgb(144, 144, 144); font-size: 18px; position: relative; top: 1px; } .task-listing .task-icons i.icon-material-outline-desktop-windows { font-size: 19px; top: 2px; } .task-listing-bid { flex: 0 0 240px; background-color: rgb(248, 248, 248); position: relative; display: flex; align-items: center; justify-content: center; } .task-listing-bid-inner { width: 100%; padding: 35px; } .task-listing-bid-inner .button { display: block; text-align: center; box-shadow: rgba(102, 103, 107, 0.15) 0px 4px 12px; width: 100%; } .task-listing-bid-inner .button:hover { box-shadow: rgba(102, 103, 107, 0.25) 0px 4px 12px; } .task-listing-bid .task-offers { margin-bottom: 15px; } .task-listing-bid .task-offers strong { display: block; color: rgb(51, 51, 51); font-weight: 600; line-height: 24px; } .task-listing-bid .task-offers span { display: block; color: rgb(136, 136, 136); line-height: 24px; } .task-tags { display: block; margin: 5px 0px 3px; } .task-tags span { transition: all 0.3s ease 0s; font-size: 14.7px; border-radius: 4px; background-color: rgba(102, 103, 107, 0.07); color: rgb(102, 103, 107); display: inline-block; padding: 6px 15px; margin: 2px 0px; line-height: 24px; } .compact-list .task-listing { border-radius: 0px; margin-bottom: 0px; box-shadow: none; } .compact-list .task-listing:hover { transform: translateY(0px); } .tasks-list-container.compact-list { } .tasks-list-container.compact-list .task-listing { align-items: center; justify-content: center; } .tasks-list-container.compact-list .task-listing:nth-child(2n) { background-color: rgb(236, 239, 248); } .tasks-list-container.compact-list .task-listing-bid { background-color: transparent; } .tasks-list-container.compact-list .task-listing:hover::before { opacity: 1; } .tasks-list-container.compact-list .task-listing::before { content: ""; position: absolute; top: 0px; left: 0px; width: 3px; height: 100%; display: block; background: rgb(102, 103, 107); transition: all 0.3s ease 0s; opacity: 0; } .tasks-list-container.compact-list .task-listing:last-of-type { border-radius: 0px 0px 3px 3px; overflow: hidden; } .tasks-list-container.compact-list .task-listing:first-of-type { border-radius: 3px 3px 0px 0px; overflow: hidden; } .tasks-list-container.compact-list .task-listing .task-listing-details { padding-right: 0px; } .section .task-listing-details, .section .task-listing-bid-inner { padding: 27px 35px; } @media (max-width: 1200px) { .task-listing-bid { flex: 0 0 220px; }} @media (min-width: 481px) and (max-width: 768px) { .task-listing-bid { flex: 1 1 0%; padding: 10px 0px; } .task-listing { flex-direction: column; } .task-listing-bid-inner { display: flex; margin: 20px 0px 0px; } .tasks-grid-layout .task-listing-bid-inner { margin: 0px; } .task-listing-bid-inner .task-offers { flex: 1 1 0%; } .task-listing-bid-inner .button { height: 100%; width: 30%; } .tasks-list-container.compact-list .task-listing .task-listing-details { padding-right: 35px; padding-bottom: 0px; } .tasks-list-container.compact-list .task-listing .task-listing-bid { padding-bottom: 25px; } .task-listing-bid-inner { width: 100%; padding: 0px 35px; }} @media (max-width: 768px) { .section .task-listing-details { padding: 25px 30px; } .section .task-listing-bid-inner { padding: 0px 30px; }} @media (max-width: 480px) { .task-listing-bid { flex: 1 1 0%; padding: 30px 0px; } .task-listing { flex-direction: column; } .task-listing-bid-inner .task-offers { flex: 1 1 0%; } .task-listing-bid-inner .button { height: 100%; width: 100%; } .tasks-list-container.compact-list .task-listing .task-listing-details { padding-right: 35px; padding-bottom: 0px; } .tasks-list-container.compact-list .task-listing .task-listing-bid { padding-bottom: 35px; } .task-listing-bid-inner { width: 100%; padding: 0px 35px; }} .tasks-list-container.tasks-grid-layout { display: flex; flex-wrap: wrap; width: calc(100% + 30px); } .tasks-list-container.tasks-grid-layout .task-listing { display: flex; justify-content: center; margin: 0px 30px 30px 0px; width: calc(50% - 30px); flex-direction: column; } .tasks-list-container.tasks-grid-layout .task-listing-bid { flex: 1 1 0%; padding: 0px; display: block; } .tasks-list-container.tasks-grid-layout .task-listing { flex-direction: column; } .tasks-list-container.tasks-grid-layout .task-listing-bid-inner { display: flex; align-items: center; padding: 18px 32px; } .tasks-list-container.tasks-grid-layout .task-listing-bid-inner .task-offers { flex: 1 1 0%; position: relative; top: 5px; } .tasks-list-container.tasks-grid-layout .task-listing-bid-inner .button { height: 100%; width: 45%; } .tasks-list-container.tasks-grid-layout .task-listing .task-listing-details { display: flex; align-items: center; padding: 28px 32px; } @media (max-width: 1240px) { .tasks-list-container.tasks-grid-layout .task-listing-bid-inner { display: block; } .tasks-list-container.tasks-grid-layout .task-listing-bid { padding: 20px 35px 30px; } .tasks-list-container.tasks-grid-layout .task-listing-bid-inner { padding: 0px; } .tasks-list-container.tasks-grid-layout .task-listing { flex-direction: column; } .tasks-list-container.tasks-grid-layout .task-listing-bid-inner .task-offers { flex: 1 1 0%; } .tasks-list-container.tasks-grid-layout .task-listing-bid-inner .button { height: 100%; width: 100%; }} @media (max-width: 768px) { .tasks-list-container.tasks-grid-layout { width: 100%; } .tasks-list-container.tasks-grid-layout .task-listing { margin: 0px 0px 30px; width: 100%; } .tasks-list-container.compact-list .task-listing-bid, .tasks-list-container.compact-list .task-listing-details { width: 100%; }} @media (max-width: 3860px) { .full-page-content-inner .tasks-grid-layout .task-listing { width: calc(25% - 30px); }} @media (max-width: 2560px) { .full-page-content-inner .tasks-grid-layout .task-listing { width: calc(33.3333% - 30px); }} @media (max-width: 1600px) { .full-page-content-inner .tasks-grid-layout .task-listing { width: calc(50% - 30px); }} @media (max-width: 1099px) { .full-page-content-inner .tasks-grid-layout .task-listing { width: calc(100% - 30px); }} @media (max-width: 992px) { .full-page-content-inner .tasks-grid-layout .task-listing { width: calc(100%); }} .freelancers-container { display: flex; flex-wrap: wrap; width: calc(100% + 30px); } .freelancer { display: flex; flex-direction: column; justify-content: center; margin: 0px 30px 30px 0px; width: calc(50% - 30px); border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.12) 0px 2px 12px; background-color: rgb(255, 255, 255); transition: all 0.3s ease 0s; position: relative; cursor: default; } .freelancer:hover { box-shadow: rgba(0, 0, 0, 0.14) 0px 2px 18px; transform: translateY(-4px); } .freelancer .bookmark-icon { cursor: pointer; } .freelancer-overview { text-align: center; padding: 38px 20px; flex-grow: 1; display: flex; flex-wrap: wrap; align-items: center; } .freelancer-overview-inner { flex: 1 1 0%; } .freelancer-overview .freelancer-avatar { width: 110px; margin: 0px auto; position: relative; } .freelancer-overview .freelancer-avatar img { width: 100%; border-radius: 50%; cursor: pointer; } .freelancer-overview .freelancer-avatar .verified-badge { position: absolute; bottom: 0px; right: 0px; } .freelancer-name { margin-top: 19px; } .freelancer-rating { margin-top: 5px; margin-bottom: -10px; } .freelancer-name h4, .freelancer-name h4 a { font-size: 18px; font-weight: 600; color: rgb(51, 51, 51); cursor: pointer; } .freelancer-name img.flag { height: 15px; border-radius: 3px; position: relative; top: -1px; display: inline-block; box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 3px; margin-left: 4px; cursor: default; } .freelancer-name span { color: rgb(136, 136, 136); } .freelancer-details { padding: 35px; background-color: rgb(250, 250, 250); flex-grow: 0; } .freelancers-grid-layout .freelancer-details { border-radius: 0px 0px 4px 4px; } .freelancers-grid-layout .freelancer-details a.button { display: block; text-align: center; transition: all 0.3s ease 0s; box-shadow: rgba(102, 103, 107, 0.1) 0px 4px 12px; width: 100% !important; } .freelancer-details a.button:hover { box-shadow: rgba(102, 103, 107, 0.2) 0px 4px 12px; } .freelancer-details-list ul { list-style: none; padding: 0px; margin: 0px 0px 5px; font-size: 14.7px; } .freelancer-details-list ul li { display: inline-block; margin-right: 25px; line-height: 23px; color: gray; margin-bottom: 15px; } .freelancer-details-list ul li:last-child { margin-right: 0px; } .freelancer-details-list ul li strong { display: block; color: rgb(51, 51, 51); } .freelancer-details-list ul li strong i { position: relative; top: 1px; margin-right: -1px; margin-left: -2px; } .freelancer-detail-item { display: inline-block; margin: 2px 10px 5px 0px; } .freelancer-detail-item a, .freelancer-detail-item { color: rgb(136, 136, 136); } .freelancer-detail-item a:hover { color: rgb(102, 103, 107); } .freelancer-detail-item i { position: relative; top: 2px; margin-right: 3px; } @media (max-width: 1366px) { .freelances-grid-layout .freelancer-overview .freelancer-avatar { width: 100px; }} @media (max-width: 768px) { .freelances-grid-layout.freelancers-container { width: 100%; } .freelances-grid-layout .freelancer { margin: 0px 0px 30px; width: 100%; } .freelancers-container.freelancers-grid-layout { width: 100%; } .freelancers-container.freelancers-grid-layout .freelancer { width: 100%; margin-right: 0px; }} @media (max-width: 2560px) { .full-page-container .freelancer { width: calc(25% - 30px); }} @media (max-width: 1920px) { .full-page-container .freelancer { width: calc(33.3333% - 30px); }} @media (max-width: 1366px) { .full-page-container .freelancer { width: calc(50% - 30px); }} @media (max-width: 1099px) { .full-page-container .freelancers-container { width: 100%; } .full-page-container .freelancer { width: 100%; margin-right: 0px; }} .freelancers-container.freelancers-list-layout { width: 100%; } .freelancers-list-layout .freelancer { margin: 0px 0px 30px; width: 100%; flex-direction: row; justify-content: center; } .freelancers-list-layout .freelancer-overview { text-align: left; padding: 45px 40px; flex-grow: 1; display: flex; flex-wrap: wrap; align-items: center; } .freelancers-list-layout .freelancer-overview-inner { flex: 1 1 0%; display: flex; align-items: center; } .freelancers-list-layout .freelancer-details { padding: 45px 40px 45px 0px; background-color: transparent; flex: 0 0 360px; } .freelancers-list-layout .freelancer-overview .freelancer-avatar { width: 100px; margin: 0px; } .freelancers-list-layout .freelancer-overview .freelancer-name { text-align: left; margin: 0px 0px 0px 30px; } .freelancers-list-layout .freelancer-details a.button { display: block; text-align: center; min-width: 50%; max-width: 100%; transition: all 0.3s ease 0s; float: right; box-shadow: rgba(102, 103, 107, 0.15) 0px 4px 12px; width: auto !important; } .freelancers-list-layout .freelancer-details a.button:hover { box-shadow: rgba(102, 103, 107, 0.25) 0px 4px 12px; } .freelancers-list-layout .bookmark-icon { display: none; } .freelancers-list-layout .freelancer-details-list ul { float: right; display: block; } .freelancers-list-layout .freelancer-details-list ul li { margin-left: 25px; margin-right: 0px; float: right; } .compact-list.freelancers-list-layout .freelancer { border-radius: 0px; margin-bottom: 0px; box-shadow: none; } .compact-list.freelancers-list-layout .freelancer:hover { transform: translateY(0px); } .compact-list.freelancers-list-layout { background-color: rgb(255, 255, 255); border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.12) 0px 2px 12px; } .compact-list.freelancers-list-layout .freelancer:nth-child(2n) { background-color: rgb(250, 250, 250); } .compact-list.freelancers-list-layout .freelancer:hover::before { opacity: 1; } .compact-list.freelancers-list-layout .freelancer::before { content: ""; position: absolute; top: 0px; left: 0px; width: 3px; height: 100%; display: block; background: rgb(102, 103, 107); transition: all 0.3s ease 0s; opacity: 0; } .compact-list.freelancers-list-layout .freelancer:last-of-type { border-radius: 0px 0px 3px 3px; overflow: hidden; } .compact-list.freelancers-list-layout .freelancer:first-of-type { border-radius: 3px 3px 0px 0px; overflow: hidden; } @media (max-width: 1366px) { .freelancers-list-layout .freelancer-overview .freelancer-avatar { width: 100px; }} @media (max-width: 1240px) { .freelancers-list-layout .freelancer { flex-direction: column; } .freelancers-list-layout .freelancer-details { flex: 1 1 0%; padding: 35px 40px; background-color: rgb(250, 250, 250); } .freelancers-list-layout .freelancer-details-list ul { float: left; } .freelancers-list-layout .freelancer-details-list ul li { margin-left: 0px; margin-right: 25px; float: left; } .freelancers-list-layout .freelancer-details a.button { float: none; width: 100% !important; } .freelancers-list-layout .freelancer-overview .freelancer-avatar { width: 90px; } .compact-list.freelancers-list-layout .freelancer-details { background-color: transparent; padding-top: 0px; }} @media (max-width: 768px) { .freelancers-list-layout .freelancer-overview, .freelancers-list-layout .freelancer-details { padding: 30px; } .freelancers-list-layout .freelancer-overview .freelancer-avatar { width: 80px; } .freelancers-list-layout .star-rating::before { display: block; float: none; text-align: center; max-width: 40px; margin-bottom: 4px; }} .letters-list { width: 100%; text-align: center; background-color: rgb(244, 244, 244); border-radius: 4px; padding: 20px; } .letters-list a { display: inline-block; font-size: 18px; color: rgb(51, 51, 51); height: 40px; width: 40px; line-height: 40px; background-color: transparent; border-radius: 4px; transition: all 0.3s ease 0s; margin: 0px -2px; } .letters-list a.current { margin-right: 0px; color: rgb(255, 255, 255); font-weight: 600; background-color: rgb(102, 103, 107); box-shadow: rgba(102, 103, 107, 0.25) 0px 2px 8px; } .letters-list a:hover { color: rgb(255, 255, 255); background-color: rgb(51, 51, 51); font-weight: 600; box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 8px; } .companies-list { display: flex; flex-wrap: wrap; margin-top: 30px; width: calc(100% + 30px); } .companies-list .company { width: calc(33.3% - 30px); margin: 0px 30px 30px 0px; flex-grow: 1; text-align: center; padding: 50px 0px; background-color: rgb(255, 255, 255); border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 10px; transition: all 0.3s ease 0s; } .companies-list .company:hover { transform: translateY(-3px); } @media (min-width: 993px) { .companies-list .company:nth-child(3n) { border-right: none; } .companies-list .company:nth-last-child(-n+3) { border-bottom: none; }} .companies-list .company img { max-width: 120px; max-height: 60px; display: inline-block; margin: 0px; transform: translate3d(0px, 0px, 0px); } .companies-list .company .company-logo { height: 60px; display: flex; align-items: center; justify-content: center; margin-bottom: 30px; } .companies-list .company h4 { color: rgb(51, 51, 51); font-size: 18px; font-weight: 600; transition: all 0.3s ease 0s; display: block; } .companies-list .company span { color: rgb(136, 136, 136); } .companies-list .company .star-rating { margin-top: 5px; } .not-rated, .company-not-rated { border-radius: 4px; background-color: rgb(240, 240, 240); color: rgb(136, 136, 136); font-size: 14px; line-height: 15px; font-weight: 600; padding: 7px 9px; display: inline-block; margin-top: 8px; text-align: center; } @media (max-width: 1366px) { .letters-list a { font-size: 16px; height: 36px; width: 36px; line-height: 36px; margin: 0px -1px; }} @media (max-width: 992px) { .companies-list .company { width: calc(50% - 30px); }} @media (max-width: 768px) { .companies-list .company { width: 100%; }} button { vertical-align: middle; } span.button, button.button, input[type="button"], input[type="submit"], a.button { background-color: rgb(102, 103, 107); top: 0px; padding: 10px 20px; line-height: 24px; color: rgb(255, 255, 255); position: relative; font-size: 16px; font-weight: 500; display: inline-block; transition: all 0.2s ease-in-out 0s; cursor: pointer; overflow: hidden; border: none; border-radius: 4px; box-shadow: rgba(102, 103, 107, 0.15) 0px 4px 12px; } .button i[class^="icon-material"], button.button i[class^="icon-material"], input[type="button"] i[class^="icon-material"], input[type="submit"] i[class^="icon-material"], a.button i[class^="icon-material"] { font-size: 18px; height: 0px; width: 18px; line-height: 0; top: 2px; position: relative; display: inline-block; margin-left: 3px; } .button i[class^="icon-feather"], button.button i[class^="icon-feather"], input[type="button"] i[class^="icon-feather"], input[type="submit"] i[class^="icon-feather"], a.button i[class^="icon-feather"] { font-size: 16px; height: 0px; width: 16px; line-height: 0; top: 2px; position: relative; display: inline-block; margin-left: 3px; } button.button.dark, input[type="button"].dark, input[type="submit"].dark, a.button.dark { background-color: rgb(51, 51, 51); color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; } button.button.gray, input[type="button"].gray, input[type="submit"].gray, a.button.gray { background-color: rgb(234, 234, 234); color: rgb(102, 102, 102); box-shadow: none; } button.button.gray:hover, input[type="button"].gray:hover, input[type="submit"].gray:hover, a.button.gray:hover { background-color: rgb(224, 224, 224); } body .button i.icon-material-outline-arrow-right-alt { font-size: 22px; top: 4px; } .button.full-width { max-width: 100%; width: 100%; text-align: center; display: block; } .button.big { font-size: 18px; padding: 13px 22px; } body .button.big i { font-size: 22px; top: 3px; position: relative; } .button.button-slide-out span { transform: translateY(0px); opacity: 1; transition: all 0.3s ease 0s; } .button.button-slide-out:hover span { transform: translateY(-10px); opacity: 0; display: inline-block; transition: all 0.3s ease 0s; } .button.button-slide-out i { transform: translateY(calc(-50% + 10px)); opacity: 0; display: inline-block; transition: all 0.3s ease 0s; position: absolute; left: 0px; right: 0px; font-size: 18px; top: 50%; height: 20px; } .button.button-slide-out:hover i { transform: translateY(calc(-50% + 0px)); opacity: 1; } .move-on-hover { box-shadow: rgba(102, 103, 107, 0.1) 0px 4px 12px; transform: translateY(0px); transition: all 0.3s ease 0s; } .move-on-hover:hover { box-shadow: rgba(102, 103, 107, 0.2) 0px 4px 12px; transform: translateY(-2px); } .centered-button { text-align: center; display: block; } .centered-button .button { margin: 0px auto; } span.bookmark-icon { font-size: 20px; position: absolute; z-index: 101; right: 35px; top: 35px; cursor: pointer; background-color: rgb(238, 238, 238); color: silver; display: block; height: 39px; width: 39px; border-radius: 50%; transition: all 0.4s ease 0s; line-height: 27px; } .bookmark-icon.bookmarked { animation: 0.3s ease 0s 1 normal none running bookmarked-shadow; } @keyframes bookmarked-shadow { 0% { box-shadow: rgba(254, 179, 66, 0.8) 0px 0px 0px 0px; } 100% { box-shadow: transparent 0px 0px 0px 10px; }} .bookmark-icon::before { transition: transform 0.4s cubic-bezier(0.8, -0.41, 0.19, 2.5) 0s; font-family: material-icons; position: absolute; right: 0px; left: 0px; text-align: center; top: 6px; content: "&#59784;"; } .bookmark-icon:hover { background-color: rgb(51, 51, 51); color: rgb(255, 255, 255); } .bookmark-icon.bookmarked { background-color: rgb(254, 179, 66); color: rgb(255, 255, 255); } .bookmark-icon.bookmarked::before { animation: 0.5s ease 0s 1 normal none running bookmark-icon; } @keyframes bookmark-icon { 0% { transform: scale(0.8); } 50% { transform: scale(1.2); } 100% { transform: scale(1); }} .bookmark-button { background-color: rgb(64, 64, 64); display: inline-block; position: relative; height: 44px; width: 100%; line-height: 44px; color: rgb(255, 255, 255); padding: 0px 15px 0px 59px; border-radius: 4px; transition: all 0.4s ease 0s; cursor: pointer; box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 12px; } .bookmark-button .bookmark-icon, .bookmark-button:hover .bookmark-icon { background-color: rgba(255, 255, 255, 0.05); } .bookmark-button .bookmark-icon { position: absolute; left: 0px; right: auto; top: auto; height: 44px; width: 44px; border-radius: 4px 0px 0px 4px; pointer-events: none; transition: all 0.4s ease 0s; animation: auto ease 0s 1 normal none running none; } .bookmark-button .bookmark-icon::before { top: 8px; color: rgb(255, 255, 255); transition: all 0.4s ease 0s; font-size: 18px; } .bookmark-button.bookmarked { background-color: rgb(254, 179, 66); color: rgb(255, 255, 255); box-shadow: rgba(254, 179, 66, 0.2) 0px 3px 12px; } .bookmark-button.bookmarked .bookmark-icon::before, .bookmark-button:hover .bookmark-icon::before { color: rgb(255, 255, 255); } .bookmark-button.bookmarked .bookmark-icon, .bookmark-button.bookmarked:hover .bookmark-icon { background-color: rgba(255, 255, 255, 0.16); } .bookmark-button.bookmarked .bookmarked-text, .bookmark-button .bookmark-text { display: block; } .bookmark-button.bookmarked .bookmark-text, .bookmark-button .bookmarked-text { display: none; } .button-sliding-icon { text-align: center; } .button-sliding-icon i { opacity: 0; max-width: 0px; transition: all 0.25s ease 0s; display: inline-block; transform: translateX(-20px); } .button-sliding-icon:hover i { max-width: 20px; opacity: 1; transform: translateX(0px); } .button.button-sliding-icon { padding-left: 20px; padding-right: 10px; } .button.button-sliding-icon:hover { padding-right: 20px; } .button.button-sliding-icon i { padding-right: 5px; } .button.button-sliding-icon:hover i { max-width: 20px; opacity: 1; transform: translateX(0px); } .list-3, .list-2, .list-1 { padding: 3px 0px 0px; font-size: 16px; } .list-3 li, .list-2 li, .list-1 li { list-style: none; margin: 10px 0px 10px 20px; line-height: 27px; position: relative; } .list-3 li:first-child, .list-2 li:first-child, .list-1 li:first-child { margin-top: 0px; } .list-4 li::before, .list-3 li::before, .list-2 li::before, .list-1 li::before { margin: 0px 0px 0px -20px; position: relative; color: rgb(102, 103, 107); float: left; display: block; } .list-1.gray li::before { color: rgb(119, 119, 119); } .list-2 li, .list-2 li { margin-left: 28px; } .list-3 li::before, .list-2 li::before { font-family: material-icons; content: "&#59688;"; font-size: 18px; font-weight: 600; position: relative; top: -2px; margin-left: -28px; } .list-3 li::before { content: "&#59666;"; font-family: feather-icons; font-weight: 500; font-size: 18px; } .list-1 li::before { content: ""; height: 6px; width: 6px; background-color: rgb(102, 103, 107); border-radius: 2px; position: relative; top: 9px; } .numbered ol { counter-reset: li 0; list-style: none; padding: 0px; margin-left: 18px; display: inline-block; font-size: 16px; } .numbered ol li { display: inline-block; padding: 6px 0px; width: 100%; } .numbered ol > li::before { content: counter(li); counter-increment: li 1; line-height: 35px; width: 36px; height: 36px; display: inline-block; border: 1px solid rgb(51, 51, 51); border-radius: 50%; text-align: center; margin: 0px; font-weight: 500; color: rgb(51, 51, 51); position: relative; float: left; left: -18px; font-size: 15px; transform: translateY(-10%); } .numbered.color ol > li::before { border: 1px solid rgb(102, 103, 107); color: rgb(102, 103, 107); } .numbered.color.filled ol > li::before { border: 1px solid rgb(102, 103, 107); color: rgb(255, 255, 255); background-color: rgb(102, 103, 107); } mark { background-color: rgb(252, 248, 227); color: rgb(138, 128, 62); padding: 1px 5px; } mark.color { background-color: rgb(102, 103, 107); border-radius: 4px; color: rgb(255, 255, 255); } #result .success, .notification { line-height: 24px; margin-bottom: 15px; position: relative; padding: 20px 50px 20px 26px; border-radius: 3px; } .notification p { margin: 0px; font-size: 15px; } #result .success, .notification.success { background-color: rgb(235, 246, 224); } #result .success, .notification.success, .notification.success a, .notification.success strong { color: rgb(95, 144, 37); } .notification.error { background-color: rgb(255, 233, 233); } .notification.error, .notification.error a, .notification.error strong { color: rgb(222, 89, 89); } .notification.warning { background-color: rgb(251, 250, 221); } .notification.warning, .notification.warning a, .notification.warning strong { color: rgb(143, 135, 46); } .notification.notice h4 { font-size: 19px; margin: 3px 0px 15px; } .notification.notice h4, .notification.notice, .notification.notice a, .notification.notice strong { color: rgb(49, 132, 174); } .notification.notice { background-color: rgb(233, 247, 254); } .notification.notice.large { padding: 32px 36px; } .notification strong { font-weight: 700; } .notification a { text-decoration: underline; } body .notification strong { border: none; } .notification.success .close, .notification.error .close, .notification.warning .close, .notification.notice .close { padding: 0px 9px; position: absolute; right: 0px; top: 22px; display: block; height: 8px; width: 8px; cursor: pointer; } .notification.notice p span i { font-weight: 500; } .notification a.button { float: right; color: rgb(255, 255, 255); margin-top: 3px; } .notification.notice a.button { background-color: rgb(56, 143, 197); } .notification.warning a.button { background-color: rgb(223, 190, 81); } .notification.error a.button { background-color: rgb(211, 76, 76); } .notification.success a.button { background-color: rgb(121, 186, 56); } .notification.closeable a.close::before { content: "&#59906;"; font-family: feather-icons; position: absolute; right: 25px; top: 0px; cursor: pointer; font-weight: 600; } table.basic-table { width: 100%; border-collapse: separate; border-spacing: 0px; border: none; margin-bottom: 15px; } table.basic-table th { background-color: rgb(102, 103, 107); text-align: left; color: rgb(255, 255, 255); vertical-align: top; font-weight: 500; } table.basic-table th:first-child { border-radius: 4px 0px 0px 4px; } table.basic-table th:last-child { border-radius: 0px 4px 4px 0px; } table.basic-table th, table.basic-table td { padding: 15px 28px; } table.basic-table tr:nth-child(2n+1) { background-color: rgb(244, 244, 244); } table.basic-table { margin-bottom: 0px; } @media screen and (max-width: 600px) { table { border: 0px; } table th { display: none; } table tr { display: block; margin-bottom: 0px; } table td { border-bottom: 1px solid rgb(221, 221, 221); display: block; font-size: 14px; text-align: right; } table td::before { content: attr(data-label); float: left; font-weight: 600; } table td:last-child { border-bottom: 0px; }} .accordion { font-size: 16px; width: 100%; margin: 0px auto; border-radius: 4px; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 16px; } .accordion .accordion { border-radius: 0px; box-shadow: none; } .accordion-header, .accordion-body { background: rgb(255, 255, 255); } .accordion-header { padding: 15px 25px; background: rgb(102, 103, 107); color: rgb(255, 255, 255); cursor: pointer; font-size: 16px; transition: all 0.3s ease 0s; position: relative; box-shadow: rgba(255, 255, 255, 0.15) 0px -1px 0px; } .accordion .accordion .accordion-header { box-shadow: rgba(0, 0, 0, 0.07) 0px -1px 0px; } .accordion-header::before { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgb(255, 255, 255); content: ""; opacity: 0; transition: all 0.3s ease 0s; } .accordion-body__contents p:last-child { margin-bottom: 0px; padding-bottom: 0px; } .accordion-body { background: rgb(255, 255, 255); color: rgb(102, 102, 102); display: none; } .accordion-body__contents { padding: 25px; font-size: 16px; line-height: 28px; } .accordion__item.active:last-child .accordion-header { } .accordion:first-child > .accordion__item > .accordion-header { border-bottom: 1px solid transparent; } .accordion__item > .accordion-header::after { content: "&#59735;"; font-family: Material-Icons; font-size: 19px; float: right; position: relative; top: -1px; transition: all 0.3s ease 0s; transform: rotate(0deg); } .accordion__item.active > .accordion-header::after { transform: rotate(-180deg); } .accordion__item.active .accordion .accordion-header::before { opacity: 0; } .accordion__item .accordion__item .accordion-header { background: rgb(247, 247, 247); color: rgb(102, 102, 102); } .tabs ul { padding: 0px; list-style: none; margin: 0px; } .tabs { position: relative; background: rgb(255, 255, 255); width: 100%; border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 18px; box-sizing: border-box; margin: 0px; overflow: hidden; } .tabs-header { position: relative; background: rgb(102, 103, 107); overflow: hidden; } .tabs-header .tab-hover { position: absolute; bottom: 0px; left: 0px; background: rgb(255, 255, 255); width: auto; height: 100%; transition: all 0.3s ease 0s; opacity: 0.08; z-index: 90; } .tabs-header ul { display: flex; flex-flow: wrap; width: calc(100% - 100px); position: relative; z-index: 100; } .tabs-header li { transition: all 0.3s ease 0s; } .tabs-header a { z-index: 1; display: block; box-sizing: border-box; padding: 15px 25px; color: rgb(255, 255, 255); font-weight: 500; text-decoration: none; } .tabs-nav { position: absolute; top: 0px; right: 0px; display: flex; align-items: center; height: 100%; padding: 0px 15px; color: rgb(255, 255, 255); user-select: none; font-size: 19px; } .tabs-nav i { cursor: pointer; display: inline-block; padding: 0px; height: 30px; width: 30px; line-height: 30px; background-color: rgba(255, 255, 255, 0.1); border-radius: 4px; text-align: center; position: relative; z-index: 101; margin-left: 5px; transition: all 0.3s ease 0s; } .tabs-nav i:hover { background-color: rgba(255, 255, 255, 0.15); } .tabs-content { position: relative; transition: all 0.3s ease 0s; overflow: hidden; } .tabs-content .tab { padding: 25px; } .tabs-content .tab p:last-child { margin-bottom: 0px; padding-bottom: 0px; } .tabs-content::after { content: ""; position: absolute; bottom: -1px; left: 0px; display: block; width: 100%; height: 1px; box-shadow: rgb(255, 255, 255) 0px 0px 20px 10px; } .tabs-content .tab { display: none; } .tabs-content .tab.active { display: block; } @media (max-width: 992px) { .tabs-nav { display: none; } .tabs-header ul { flex-direction: column; width: 100%; } .tab-hover { display: none; } .tabs-header a { box-shadow: rgba(255, 255, 255, 0.15) 0px -1px 0px; } .tabs-header ul li.active a { background-color: rgba(255, 255, 255, 0.07); }} .copy-url { display: flex; } .copy-url input { border-radius: 4px 0px 0px 4px; border-right: 0px; } .copy-url .copy-url-button { min-width: 48px; background-color: rgb(102, 103, 107); color: rgb(255, 255, 255); border-radius: 0px 4px 4px 0px; } .share-buttons { display: block; } .share-buttons-trigger { display: inline-block; height: 44px; width: 44px; line-height: 44px; text-align: center; color: rgb(160, 160, 160); font-size: 18px; background-color: rgb(240, 240, 240); border-radius: 4px; transition: all 0.4s ease 0s; cursor: default; } .share-buttons-trigger i { position: relative; top: 1px; } .share-buttons-content { display: inline-block; position: relative; width: calc(100% - 60px); } .share-buttons-content span { margin-left: 10px; color: rgb(136, 136, 136); cursor: default; padding: 10px 0px; display: inline-block; transition: all 0.4s ease 0s; } .share-buttons-content span strong { color: rgb(102, 103, 107); font-weight: 600; } .share-buttons:hover .share-buttons-content span { opacity: 0; transition: all 0.2s ease 0s; } .share-buttons-icons { position: absolute; left: 5px; top: 0px; padding: 0px; margin: 0px; opacity: 0; transform: translateX(-10px); transition: all 0.4s cubic-bezier(0.5, -0.41, 0.19, 2) 0s; } .share-buttons:hover .share-buttons-icons { opacity: 1; transform: translate(0px); } .share-buttons-icons li { display: inline-block; float: left; } .share-buttons-icons li:first-child a { border-radius: 4px 0px 0px 4px; } .share-buttons-icons li:last-child a { border-radius: 0px 4px 4px 0px; } .share-buttons-icons li a { height: 44px; width: 44px; display: inline-block; line-height: 44px; text-align: center; background-color: rgb(51, 51, 51); color: rgb(255, 255, 255); font-size: 14px; } .share-buttons-icons li a i { position: relative; top: 1px; } .job-listing-company .verified-badge, .job-listing .job-listing-footer ul li .verified-badge { position: relative; display: inline-block; transform: scale(0.7); top: 2px; margin-left: -2px; } .verified-badge { position: relative; height: 25px; width: 25px; display: inline-block; background-color: rgb(56, 182, 83); border-radius: 50%; text-align: center; z-index: 10; font-weight: 500; } .verified-badge::before { content: "&#59691;"; font-family: feather-icons; font-size: 16px; color: rgb(255, 255, 255); position: relative; top: 0px; line-height: 27px; } .job-listing .job-listing-company-logo .verified-badge { position: absolute; bottom: 0px; right: 0px; transform: translate(7px, 7px); } .verified-badge-with-title { position: relative; height: 26px; display: flex; top: -1px; color: rgb(255, 255, 255); font-size: 14px; background-color: rgb(48, 171, 74); text-align: center; z-index: 10; font-weight: 500; border-radius: 4px; padding: 0px 8px 0px 34px; margin: 0px; overflow: hidden; line-height: 27px; } .verified-badge-with-title::before { content: "&#59691;"; font-family: feather-icons; font-size: 16px; color: rgb(255, 255, 255); position: absolute; top: 0px; left: 0px; line-height: 26px; height: 26px; width: 26px; display: inline-block; background-color: rgb(56, 182, 83); } .star-rating { display: inline-block; } .star-rating .star { display: inline-block; margin: 0px; padding: 0px; float: left; position: relative; } .star-rating .star.half::after, .star-rating .star::before { font-family: material-icons; content: "&#59784;"; display: block; color: rgb(254, 190, 66); font-size: 22px; } .star-rating .star.empty::before { color: rgb(221, 221, 221); } .rating::after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0px; } .star-rating .star.half::before { color: rgb(221, 221, 221); } .star-rating .star.half::after { color: rgb(254, 190, 66); position: absolute; top: 0px; width: 50%; display: block; height: 100%; overflow: hidden; } .star-rating::before { content: attr(data-rating); float: left; border-radius: 4px; background-color: rgb(254, 190, 66); color: rgb(255, 255, 255); font-size: 14px; line-height: 15px; font-weight: 700; padding: 5px 7px; position: relative; top: 1px; margin-right: 10px; } .star-rating.no-stars .star { display: none; } .star-rating.no-stars::before { margin-right: 0px; } .leave-rating { height: 24px; float: left; position: relative; } .leave-rating:hover input[type="radio"]:checked ~ label { color: rgb(218, 218, 218); } .leave-rating input[type="radio"] { display: inline-block; width: 1px; position: absolute; opacity: 0; pointer-events: none; height: 100%; margin-left: 50%; left: 0px; top: 0px; transform: translateX(-50%); } .leave-rating input[type="radio"]:checked ~ label { color: rgb(255, 198, 0); } .leave-rating label { font-size: 24px; float: right; letter-spacing: 0px; color: rgb(218, 218, 218); cursor: pointer; transition: all 0.3s ease 0s; } .leave-rating label:hover, .leave-rating label:hover ~ label { color: rgb(255, 198, 0) !important; } .leave-rating-title { display: block; margin: 0px 0px 4px; } .welcome-text .leave-rating-container { text-align: center; margin: 15px auto 0px; left: 50%; width: 100%; display: block; } .welcome-text .leave-rating { position: relative; left: 50%; transform: translateX(-50%) scale(1.2); } .ripple-effect-dark, .ripple-effect { overflow: hidden; position: relative; z-index: 1; } .ripple-effect span.ripple-overlay, .ripple-effect-dark span.ripple-overlay { animation: 0.9s ease 0s 1 normal none running ripple; border-radius: 100%; background: rgb(255, 255, 255); height: 12px; position: absolute; width: 12px; line-height: 12px; opacity: 0.1; pointer-events: none; } .ripple-effect-dark span.ripple-overlay { background: rgb(0, 0, 0); opacity: 0.07; } @keyframes ripple { 0% { transform: scale(4); } 100% { opacity: 0; transform: scale(40); }} .input-with-icon { display: block; position: relative; } .input-with-icon input { padding-right: 45px; } .input-with-icon i { position: absolute; top: 50%; transform: translateY(-50%); right: 15px; font-size: 20px; color: rgb(160, 160, 160); font-style: normal; pointer-events: none; } .input-with-icon i.currency { font-size: 14px; } .input-with-icon-left { position: relative; } .input-with-icon-left input { padding-left: 65px; } .input-with-icon-left i { position: absolute; top: 0px; color: rgb(160, 160, 160); text-align: center; line-height: 48px; width: 48px; height: 48px; font-size: 19px; background-color: rgb(248, 248, 248); border: 1px solid rgb(224, 224, 224); box-sizing: border-box; display: block; border-radius: 4px 0px 0px 4px; } .input-with-icon-left.no-border i { border: none; } .keywords-container { margin-bottom: -15px; } .keywords-list { display: block; float: left; height: 0px; } .keyword { background-color: rgba(102, 103, 107, 0.07); color: rgb(102, 103, 107); display: inline-block; float: left; padding: 0px; border-radius: 4px; cursor: default; margin: 0px 7px 7px 0px; height: 35px; line-height: 35px; box-sizing: border-box; animation: 0.3s ease-in-out 0s 1 normal both running KeywordIn; transition: all 0.4s ease 0s; overflow: hidden; max-width: 100%; font-size: 14.7px; } @keyframes KeywordIn { 0% { opacity: 0; transform: scale(0.9); } 100% { opacity: 1; transform: scale(1); }} .keyword.keyword-removed { max-width: 0px; margin: 0px; overflow: hidden; opacity: 0; animation: 0.4s ease-in-out 0s 1 normal both running KeywordOut; pointer-events: none; } @keyframes KeywordOut { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 0; margin-top: -35px; }} .keyword-text { padding-right: 12px; } .keyword .keyword-remove::before { display: inline-block; cursor: pointer; font-family: feather-icons; content: "&#59906;"; line-height: 20px; position: relative; top: 2px; margin-right: 4px; margin-left: 10px; font-size: 15px; } .keyword-input-container { position: relative; } .keyword-input-container .keyword-input-button { position: absolute; top: 0px; right: 0px; height: 36px; width: 36px; padding: 0px; color: rgb(255, 255, 255); background-color: rgb(102, 103, 107); border-radius: 4px; margin: 6px; font-size: 19px; text-align: center; line-height: 36px; } .keyword-input-container .keyword-input-button i { color: rgb(255, 255, 255); position: relative; top: 2px; } input.keyword-input { margin: 0px 0px 15px; } .tags-container { display: block; } .tags-container input[type="checkbox"] { display: none; } .tags-container input[type="checkbox"] + label { transition: all 0.3s ease 0s; font-size: 14.7px; cursor: pointer; border-radius: 4px; background-color: rgb(238, 238, 238); color: rgb(119, 119, 119); display: inline-block; padding: 6px 15px; margin: 0px; line-height: 24px; } .tags-container input[type="checkbox"] + label:hover { background-color: rgb(232, 232, 232); } .tags-container input[type="checkbox"]:checked + label { background-color: rgb(102, 103, 107); color: rgb(255, 255, 255); transition: all 0.3s ease 0s; } .tags-container input[type="checkbox"] + label::before { font-family: feather-icons; content: "&#59691;"; font-size: 18px; transition: all 0.35s cubic-bezier(0.5, -0.41, 0.19, 2) 0s, max-width 0.3s ease 0s, margin 0.3s ease 0s; max-width: 0px; display: inline-block; position: relative; top: 3px; margin: 0px; opacity: 0; color: rgb(255, 255, 255); line-height: 0; transform: scale(0.5); } .tags-container input[type="checkbox"]:checked + label::before { max-width: 30px; opacity: 1; transform: scale(1); margin: 0px 5px 0px -2px; } .tags-container .tag { display: inline-block; float: left; margin: 0px 7px 7px 0px; overflow: hidden; } .switches-list .switch-container { width: 100%; } .switches-list .switch-container:last-child label { margin-bottom: 0px; } .switch-container { display: inline-block; cursor: pointer; } label.switch { position: relative; } .switches-list .switch-container label { cursor: pointer; position: relative; padding-left: 45px; line-height: 26px; } .switch-button { display: inline-block; width: 34px; height: 20px; cursor: pointer; background-color: rgb(204, 204, 204); border-radius: 50px; transition: all 0.4s ease 0s; margin: 0px 7px 0px 0px; position: absolute; top: 2px; left: 0px; } .notify-box .switch-button { top: 0px; } .notify-box .switch-container { top: 1px; position: relative; } .switch span.switch-text { display: block; padding-left: 48px; font-size: 16px; line-height: 22px; color: rgb(102, 102, 102); } .switch input { display: none; } .switch.interactive-effect input:checked + .switch-button::before { animation: 0.4s ease 0s 1 normal none running switch-shadow-color; } .switch.interactive-effect .switch-button::before { animation: 0.4s ease 0s 1 normal none running switch-shadow; } @keyframes switch-shadow { 0% { box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 0px 0px; } 100% { box-shadow: transparent 0px 0px 0px 10px; }} @keyframes switch-shadow-color { 0% { box-shadow: rgba(102, 103, 107, 0.6) 0px 0px 0px 0px; } 100% { box-shadow: transparent 0px 0px 0px 10px; }} .switch-button::before { position: absolute; content: ""; height: 16px; width: 16px; bottom: 2px; left: 2px; background-color: rgb(255, 255, 255); transition: all 0.4s ease 0s, box-shadow 0.3s ease 0s; border-radius: 50px; } input:checked + .switch-button { background-color: rgb(102, 103, 107); } input:checked + .switch-button::before { transform: translateX(14px); } .radio { display: inline-block; vertical-align: top; } .radio label { margin: 3px 0px; cursor: pointer; position: relative; padding-left: 29px; line-height: 25px; } .radio input[type="radio"] { position: absolute; opacity: 0; } .radio input[type="radio"] + label .radio-label { content: ""; background: rgb(255, 255, 255); border-radius: 100%; border: 2px solid rgb(180, 180, 180); display: inline-block; width: 18px; height: 18px; margin-right: 5px; vertical-align: top; cursor: pointer; text-align: center; transition: all 250ms ease 0s; box-shadow: rgb(255, 255, 255) 0px 0px 0px 8px inset; z-index: 100; position: absolute; top: 2px; left: 0px; } .radio input[type="radio"] + label .radio-label::after { background-color: rgb(102, 103, 107); content: ""; right: 0px; margin: 0px auto; opacity: 1; transition: all 0.3s ease 0s; border-radius: 50%; transform: scale(0); position: absolute; top: 0px; left: 0px; box-sizing: border-box; width: 100%; height: 100%; z-index: 99; } .radio input[type="radio"]:checked + label .radio-label { background-color: rgb(102, 103, 107); border-color: rgb(102, 103, 107); box-shadow: rgb(255, 255, 255) 0px 0px 0px 3px inset; } .radio-label::before { content: ""; position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; border-radius: 50%; background-color: transparent; display: block; } .interactive-effect label .radio-label::before { animation: 0.4s ease 0s 1 normal none running radius-shadow; } @keyframes radius-shadow { 0% { box-shadow: rgba(102, 103, 107, 0.4) 0px 0px 0px 0px; } 100% { box-shadow: transparent 0px 0px 0px 10px; }} .small-label { border-radius: 4px; display: inline-block; background: rgb(224, 245, 215); color: rgb(68, 150, 38); padding: 0px 8px; line-height: 27px; height: 26px; margin-left: 5px; position: relative; top: -1px; } .checkbox { display: inline-block; margin-bottom: 0px; } .checkbox input { padding: 0px; height: initial; width: initial; margin-bottom: 0px; display: none; cursor: pointer; } .checkbox label { position: relative; cursor: pointer; padding-left: 30px; line-height: 25px; } .checkbox label span.checkbox-icon { content: ""; appearance: none; background-color: transparent; border: 2px solid rgb(180, 180, 180); height: 20px; width: 20px; display: inline-block; vertical-align: middle; cursor: pointer; margin-right: 5px; border-radius: 4px; transition: all 0.3s ease 0s; position: absolute; left: 0px; top: 1px; } .checkbox input + label span.checkbox-icon::after { position: absolute; top: 2px; left: 0px; right: 0px; margin: 0px auto; opacity: 0; content: ""; display: block; width: 6px; height: 10px; border-style: solid; border-color: rgb(255, 255, 255); border-image: initial; border-width: 0px 2px 2px 0px; transform: scale(0.5) rotate(45deg); transition: all 0.35s cubic-bezier(0.3, -0.41, 0.19, 2) 0s, opacity 0.3s ease 0s; } .checkbox input:checked + label span.checkbox-icon { border-color: rgb(102, 103, 107); background-color: rgb(102, 103, 107); } .checkbox input:checked + label span.checkbox-icon::after { transform: scale(1) rotate(45deg); opacity: 1; } .uploadButton { display: flex; flex-wrap: wrap; justify-content: flex-start; margin-bottom: 10px; width: 100%; font-style: normal; font-size: 14px; } .uploadButton .uploadButton-input { opacity: 0; position: absolute; overflow: hidden; z-index: -1; pointer-events: none; } .uploadButton .uploadButton-button { display: flex; align-items: center; justify-content: center; box-sizing: border-box; height: 44px; padding: 10px 18px; cursor: pointer; border-radius: 4px; color: rgb(102, 103, 107); background-color: transparent; border: 1px solid rgb(102, 103, 107); flex-direction: row; transition: all 0.3s ease 0s; margin: 0px; outline: none; box-shadow: rgba(102, 103, 107, 0.1) 0px 3px 10px; } .uploadButton .uploadButton-button:hover { background-color: rgb(102, 103, 107); box-shadow: rgba(102, 103, 107, 0.15) 0px 4px 12px; color: rgb(255, 255, 255); } .uploadButton .uploadButton-file-name { display: flex; align-items: center; flex: 1 1 0%; box-sizing: border-box; padding: 0px 10px 0px 18px; min-height: 42px; top: 1px; position: relative; color: rgb(136, 136, 136); background-color: transparent; overflow: hidden; line-height: 22px; } .intro-banner { padding: 105px 0px; position: relative; } .intro-banner.big-padding { padding: 130px 0px; } .intro-banner .container { z-index: 100; position: relative; } .intro-banner::after, .intro-banner::before { content: ""; position: absolute; height: 100%; width: 100%; display: block; top: 0px; left: 0px; z-index: 15; background: linear-gradient(to right, rgb(250, 250, 250) 20%, rgba(250, 250, 250, 0.95) 50%, rgba(250, 250, 250, 0.1) 80%, rgba(250, 250, 250, 0) 100%); } .intro-banner::after { z-index: 5; background-color: rgb(250, 250, 250); } .intro-banner .background-image-container { background-size: cover; background-repeat: no-repeat; background-position: 100% 60%; position: absolute; top: 0px; height: 100%; width: 90%; left: 10%; z-index: 10; overflow: hidden; } .intro-banner.disable-gradient::before { background: rgb(242, 242, 242); opacity: 0.85; } .intro-banner.disable-gradient .background-image-container { left: 0px; width: 100%; } .banner-headline { display: block; max-width: 55%; } .banner-headline h1, .banner-headline h2, .banner-headline h3, .banner-headline h4 { font-size: 28px; font-weight: 300; color: rgb(119, 119, 119); line-height: 42px; } .banner-headline strong { font-weight: 600; color: rgb(51, 51, 51); } .banner-headline strong.color { color: rgb(102, 103, 107); } .banner-headline-alt { margin: -10px 0px 0px; display: block; } .banner-headline-alt h3 { font-size: 40px; font-weight: 600; color: rgb(51, 51, 51); line-height: 50px; } .banner-headline-alt span { font-size: 24px; color: rgb(136, 136, 136); font-weight: 300; line-height: 34px; margin-top: 5px; display: inline-block; } .dark-overlay .banner-headline-alt h3 { color: rgb(255, 255, 255); } .dark-overlay .banner-headline-alt span { color: rgba(255, 255, 255, 0.7); } .intro-banner-search-form { display: flex; width: 100%; background-color: rgb(255, 255, 255); border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.09) 0px 2px 12px; } .video-container { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 10; overflow: hidden; background-size: cover; background-position: 50% center; } .video-container video { top: 50%; transform: translateY(-50%); left: 0px; min-width: 100%; min-height: 100%; width: auto; height: auto; background-size: cover; transition: opacity 1s ease 0s; position: absolute; z-index: 9; } .intro-search-field { padding: 0px; border-right: 1px solid rgb(228, 228, 228); flex: 1 1 0%; align-items: center; display: flex; position: relative; } .intro-search-field .field-title { content: attr(data-field-tiele); position: absolute; top: 0px; left: 0px; background: rgb(102, 103, 107); color: rgb(255, 255, 255); border-radius: 4px; padding: 5px 10px; line-height: 22px; transform: translateY(calc(-100% - 15px)); cursor: default; } .intro-banner-search-form .intro-search-field:nth-last-child(2) { border-right: none; } .intro-search-button { margin: 8px 8px 8px 0px; flex: 0 1 auto; display: flex; align-items: center; } .intro-search-button .button { height: 40px; line-height: 40px; padding: 0px 10px; font-size: 18px; } .intro-banner-search-form input:focus { box-shadow: none; } .intro-banner-search-form input { box-shadow: none; font-size: 18px; margin: 0px; } .intro-banner-search-form input::placeholder { color: rgb(136, 136, 136); } .intro-banner-search-form .input-with-icon { align-self: center; flex: 1 1 0%; } .intro-banner-search-form input { padding: 10px 15px; } .intro-banner-search-form .input-with-icon input { padding: 10px 15px 10px 43px; } .intro-banner-search-form .input-with-icon i { position: absolute; right: auto; left: 10px; top: calc(50% - 1px); font-size: 24px; color: rgb(176, 176, 176); } .intro-search-field.with-autocomplete .pac-container { border: none; padding-top: 0px; z-index: 9; border-radius: 0px 0px 4px 4px; box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 6px; margin-top: 0px; overflow: visible; left: 0px !important; top: 100% !important; width: 100% !important; } .intro-search-field.with-autocomplete .pac-container::before { content: ""; position: absolute; background-color: rgb(255, 255, 255); width: 100%; height: 5px; display: block; top: -5px; left: 0px; } .intro-search-field .bootstrap-select.btn-group button { padding: 0px 15px; box-shadow: none; font-size: 18px; } @media screen and (-ms-high-contrast:active), screen and (-ms-high-contrast:none) { .intro-search-field .field-title { transform: translateY(-100%); margin-top: -15px; } .intro-banner-search-form input { line-height: 20px; } .intro-search-field .bootstrap-select.open .dropdown-menu { top: 55px; }} .intro-stats { list-style: none; padding: 0px; margin: 0px; display: flex; } .intro-stats li { flex: 0 1 auto; margin-right: 35px; padding-right: 35px; border-right: 1px solid rgb(224, 224, 224); } .intro-stats li:last-child { margin-right: 0px; padding-right: 0px; border-right: none; } .intro-stats li span, .intro-stats li strong { display: block; margin: 0px; padding: 0px; } .intro-stats li strong { font-weight: 600; color: rgb(51, 51, 51); font-size: 28px; margin-bottom: 2px; } .intro-stats li span { font-weight: 300; color: rgb(136, 136, 136); font-size: 18px; } .intro-banner.dark-overlay::before { background: rgb(51, 51, 51); opacity: 0.75; } .intro-banner.dark-overlay .background-image-container { left: 0px; width: 100%; background-position: 100% center; } .intro-banner.dark-overlay .intro-stats li span, .intro-banner.dark-overlay .banner-headline strong, .intro-banner.dark-overlay .banner-headline h1, .intro-banner.dark-overlay .banner-headline h2, .intro-banner.dark-overlay .banner-headline h3, .intro-banner.dark-overlay .banner-headline h4 { color: rgba(255, 255, 255, 0.7); } .intro-banner.dark-overlay .intro-stats li strong, .intro-banner.dark-overlay .banner-headline strong { color: rgb(255, 255, 255); } .intro-banner.dark-overlay .intro-banner-search-form { box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 12px; } .intro-banner.dark-overlay .intro-stats li { border-right: 1px solid rgba(255, 255, 255, 0.25); } .intro-banner.dark-overlay .intro-stats li:last-child { border-right: none; } @media (max-width: 1366px) { .banner-headline h1, .banner-headline h2, .banner-headline h3, .banner-headline h4 { font-size: 23px; line-height: 30px; }} @media (max-width: 1240px) { .banner-headline { max-width: 65%; }} @media (max-width: 992px) { .intro-search-field .bootstrap-select.btn-group .dropdown-toggle .filter-option { height: auto; line-height: 20px; } .intro-banner { padding: 20px 0px; } .banner-headline { max-width: 100%; } .banner-headline h1, .banner-headline h2, .banner-headline h3, .banner-headline h4 { font-size: 24px; line-height: 30px; } .intro-banner.dark-overlay .intro-banner-search-form { box-shadow: none; } .intro-banner.big-padding { padding: 70px 0px; } .banner-headline-alt { margin-bottom: 0px; } .banner-headline-alt h3 { font-size: 36px; line-height: 42px; } .banner-headline-alt span { font-size: 22px; line-height: 32px; } .intro-banner::after, .intro-banner::before { background: rgba(250, 250, 250, 0.9); } .intro-banner .background-image-container { background-size: cover; height: 100%; width: 100%; left: 0px; } .intro-banner-search-form .intro-search-field .bootstrap-select.btn-group button, .intro-banner-search-form input { height: 56px; padding: 15px 22px; } .intro-banner-search-form .input-with-icon i { left: 17px; } .intro-banner-search-form .input-with-icon input { padding-left: 50px; } .intro-banner-search-form.margin-top-100, .intro-banner-search-form.margin-top-95, .intro-banner-search-form.margin-top-90, .intro-banner-search-form.margin-top-85 { margin-top: 20px !important; } .intro-banner-search-form { flex-direction: column; background: 0px 0px; box-shadow: none; margin-top: 20px; } .intro-banner-search-form .intro-search-field { padding: 0px; border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.07) 0px 2px 12px; margin-top: 20px; background: rgb(255, 255, 255); } .intro-banner-search-form .intro-search-field.with-label { margin-top: 80px; } .intro-banner-search-form .intro-search-button { margin-top: 30px; } .intro-stats { flex-direction: column; background: rgb(255, 255, 255); padding: 20px; border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 8px; justify-content: center; } .intro-stats li { display: flex; flex-direction: column; margin: 0px 0px 10px; padding: 0px 0px 10px; border-top: none; border-right: none; border-left: none; border-image: initial; border-bottom: 1px solid rgb(238, 238, 238); width: 100%; align-self: center; text-align: center; } .intro-stats li:last-child { margin-bottom: 0px; padding-bottom: 0px; border: none; }} .categories-container { display: flex; flex-wrap: wrap; } .category-box { flex: 0 0 20%; place-content: center; display: flex; flex-direction: column; margin: 0px; text-align: center; padding: 10px; border-radius: 4px; transition: all 0.35s ease 0s; } @media screen and (-ms-high-contrast:active), screen and (-ms-high-contrast:none) { .category-box { max-width: 25%; text-align: center; } .category-box-counter { width: 50px !important; }} .category-box-icon { font-size: 42px; line-height: 32px; color: rgb(102, 103, 107); position: relative; } .category-box-icon i { height: 42px; display: block; transition: all 0.35s ease 0s; margin-bottom: 12px; } .category-box-counter { width: auto; height: 24px; font-size: 14px; line-height: 25px; border-radius: 4px; padding: 0px 8px; color: rgb(144, 144, 144); background: rgba(0, 0, 0, 0.06); font-weight: 600; display: inline-block; margin: 0px auto 18px; transition: all 0.35s ease 0s; } .category-box-content h3 { font-size: 16px; font-weight: 600; color: rgb(51, 51, 51); margin: 0px; padding: 0px; transition: all 0.35s ease 0s; } .category-box-content p { color: rgb(136, 136, 136); margin: 5px 0px 0px; padding: 0px; line-height: 24px; transition: all 0.35s ease 0s; } .category-box:hover { background: rgb(102, 103, 107); box-shadow: rgba(102, 103, 107, 0.2) 0px 4px 12px; color: rgb(255, 255, 255); } .category-box:hover .category-box-content h3, .category-box:hover .category-box-icon { color: rgb(255, 255, 255); } .category-box:hover .category-box-content p { color: rgba(255, 255, 255, 0.7); } .category-box:hover .category-box-counter { background: rgba(0, 0, 0, 0.2); color: rgb(255, 255, 255); } @media (max-width: 1240px) { .category-box { flex: 0 0 20%; }} @media (max-width: 768px) { .category-box { flex: 0 0 33.3%; }} @media (max-width: 480px) { .category-box { flex: 0 0 100%; margin-right: 0px; }} .photo-box { border-radius: 4px; height: 360px; display: block; position: relative; background-size: cover; background-position: 100% center; box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 10px; transition: all 0.4s ease 0s; margin: 0px 0px 25px; } .photo-box::before { content: ""; position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; background: rgb(51, 51, 51); opacity: 0.5; border-radius: 4px; transition: all 0.4s ease 0s; } .photo-box-content { position: absolute; bottom: 30px; left: 30px; } .photo-box-content h3 { color: rgb(255, 255, 255); font-size: 20px; line-height: 28px; } .photo-box-content span { color: rgb(51, 51, 51); background: rgb(255, 255, 255); border-radius: 4px; font-size: 15px; font-weight: 500; padding: 4px 10px; line-height: 20px; margin-top: 8px; display: inline-block; } .photo-box:hover { box-shadow: rgba(102, 103, 107, 0.25) 0px 4px 12px; transform: translateY(-10px); } .photo-box:hover::before { background: rgb(102, 103, 107); opacity: 0.95; } .photo-box.small { height: 160px; margin-bottom: 30px; } .photo-box.small:hover { transform: translateY(-5px); } .photo-box.small .photo-box-content { inset: 50% 0px auto; margin: 0px auto; text-align: center; transform: translateY(-49%); } .photo-box.small .photo-box-content h3 { font-size: 16px; font-weight: 600; } .photo-box.small .photo-box-content span { color: rgb(255, 255, 255); background: rgb(102, 103, 107); font-size: 14px; line-height: 18px; margin-top: 5px; transition: all 0.3s ease 0s; } .photo-box.small:hover .photo-box-content span { color: rgb(255, 255, 255); background: rgba(0, 0, 0, 0.2); } .billing-cycle-radios { display: block; margin: 0px auto; text-align: center; } .billing-cycle-radios.text-align-left { text-align: left; } .billing-cycle-radios .radio { margin-right: 20px; } .billing-cycle-radios .radio:last-child { margin-right: 0px; } .pricing-plans-container { border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 25px; display: flex; } .pricing-plan { flex: 1 1 0%; padding: 35px 17px; position: relative; } .pricing-plan:first-of-type { padding-left: 35px; } .pricing-plan:last-of-type { padding-right: 35px; } .pricing-plan h3 { font-size: 20px; font-weight: 600; } .pricing-plan p { margin: 0px; } .billed-yearly-label { display: none; } .billed-yearly .billed-yearly-label { display: block; } .billed-yearly .billed-monthly-label { display: none; } .pricing-plan-label { background: rgb(246, 246, 246); border-radius: 4px; font-size: 18px; color: rgb(136, 136, 136); text-align: center; line-height: 24px; padding: 15px; margin: 22px 0px; } .pricing-plan-label strong { font-size: 32px; font-weight: 700; color: rgb(51, 51, 51); margin-right: 5px; line-height: 30px; } .recommended .pricing-plan-label { background-color: rgba(102, 103, 107, 0.06); color: rgb(102, 103, 107); } .recommended .pricing-plan-label strong { color: rgb(102, 103, 107); } .pricing-plan-features strong { color: rgb(51, 51, 51); font-weight: 600; margin-bottom: 5px; line-height: 24px; display: inline-block; } .pricing-plan-features ul { padding: 0px; margin: 0px; } .pricing-plan-features ul li { display: block; margin: 0px; padding: 3px 0px; line-height: 24px; } .pricing-plan .button:hover, .pricing-plan.recommended .button { color: rgb(255, 255, 255); background-color: rgb(102, 103, 107); box-shadow: rgba(102, 103, 107, 0.15) 0px 4px 12px; } .pricing-plan .button { color: rgb(102, 103, 107); background-color: rgb(255, 255, 255); border: 1px solid rgb(102, 103, 107); box-shadow: rgba(102, 103, 107, 0.1) 0px 4px 12px; } .pricing-plan .button:hover { box-shadow: rgba(102, 103, 107, 0.15) 0px 4px 12px; } .pricing-plan.recommended { box-shadow: rgba(0, 0, 0, 0.09) 0px 0px 45px; padding: 35px; margin: 0px 15px; } .pricing-plan .recommended-badge { background-color: rgb(102, 103, 107); color: rgb(255, 255, 255); position: absolute; width: 100%; height: 45px; top: -45px; left: 0px; text-align: center; border-radius: 4px 4px 0px 0px; font-weight: 600; line-height: 45px; } @media (max-width: 992px) { .pricing-plans-container { box-shadow: none; display: block; margin-top: -40px; } .pricing-plan { box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 25px; margin-bottom: 40px; flex: 1 1 auto; width: 100%; border-radius: 4px; padding: 35px; } .pricing-plan.recommended { padding: 35px; margin: 0px 0px 40px; } .recommended.pricing-plan { box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 25px; margin-top: 80px; }} .headline-border-top { border-top: 1px solid rgb(224, 224, 224); } .boxed-widget { background-color: rgb(249, 249, 249); padding: 0px; transform: translate3d(0px, 0px, 0px); z-index: 90; position: relative; border-radius: 4px; overflow: hidden; } .boxed-widget-headline { font-size: 20px; padding: 20px 30px; background-color: rgb(240, 240, 240); color: rgb(51, 51, 51); position: relative; border-radius: 4px 4px 0px 0px; } .boxed-widget-headline h3 { font-size: 20px; padding: 0px; margin: 0px; } .boxed-widget-inner { padding: 30px; } .boxed-widget ul { list-style: none; padding: 0px; margin: 0px; } .boxed-widget ul li span { float: right; color: rgb(51, 51, 51); font-weight: 600; } .boxed-widget ul li { color: rgb(102, 102, 102); padding-bottom: 1px; } .boxed-widget.summary li.total-costs { font-size: 18px; border-top: 1px solid rgb(228, 228, 228); padding-top: 18px; margin-top: 18px; } .boxed-widget-footer { border-top: 1px solid rgb(228, 228, 228); width: 100%; padding: 20px 30px; } .boxed-widget-footer .checkbox label { margin-bottom: 0px; } .boxed-widget.summary li.total-costs span { font-weight: 700; color: rgb(102, 103, 107); } .listing-item-container.compact.order-summary-widget .listing-item { border-radius: 4px 4px 0px 0px; cursor: default; height: 240px; } .listing-item-container.compact.order-summary-widget { margin-bottom: 0px; } .listing-item-container.compact.order-summary-widget:hover { transform: none; } .billing-cycle { display: flex; } .billing-cycle .radio { flex: 1 1 0%; margin: 5px 20px 5px 0px; } .billing-cycle .radio label { border-radius: 4px; border: 2px solid rgb(238, 238, 238); padding: 25px; height: 100%; align-self: center; } .billing-cycle .radio:last-of-type { margin-right: 0px; } .billing-cycle .radio input[type="radio"] + label .radio-label { position: relative; top: 2px; margin-right: 7px; } .billing-cycle-details { display: block; padding-left: 30px; } .discounted-price-tag, .regular-price-tag { font-size: 14px; background: rgb(224, 245, 215); color: rgb(68, 150, 38); border-radius: 4px; line-height: 20px; padding: 4px 10px; flex: 1 1 auto; width: auto; transition: all 0.3s ease 0s; margin-top: 6px; margin-right: 5px; display: inline-block; } .line-through { text-decoration: line-through; background-color: rgb(251, 246, 221); color: rgb(161, 141, 41); } @media (max-width: 768px) { .billing-cycle { display: flex; flex-direction: column; } .billing-cycle .radio { margin-right: 0px; }} .payment-logo { height: 24px; position: absolute; right: 19px; top: 18px; image-rendering: -webkit-optimize-contrast; } .payment-logo.paypal { height: 16px; top: 22px; } .payment-tab-trigger > input { position: absolute; visibility: hidden; } .payment-tab-trigger { padding: 0px 20px; } .payment-tab-trigger > label { cursor: pointer; display: block; position: relative; padding: 14px 0px; top: 3px; margin-bottom: 0px; font-weight: 500; } .payment-tab-trigger > label::before { transition: all 0.2s ease 0s; box-sizing: border-box; background-color: rgb(255, 255, 255); border: 2px solid rgb(208, 208, 208); border-radius: 100%; content: ""; display: inline-block; margin-right: 10px; position: relative; top: 3px; width: 18px; height: 18px; } .payment-tab-trigger > label::after { background: rgb(255, 255, 255); border-radius: 100%; content: ""; display: inline-block; position: absolute; left: 5px; top: 22px; width: 8px; height: 8px; transition: all 0.2s ease 0s; transform: scale(0); } .payment-tab-trigger > input:checked ~ label::before { border-color: rgb(102, 103, 107); } .payment-tab-trigger > input:checked ~ label::after { background-color: rgb(102, 103, 107); transform: scale(1); } .payment { border: 2px solid rgb(242, 242, 242); border-radius: 4px; overflow: hidden; } .payment-tab { background: rgb(242, 242, 242); box-sizing: border-box; max-height: 60px; overflow: hidden; position: relative; transition: all 0.3s ease-in-out 0s; width: 100%; } .payment-tab:first-of-type { border-radius: 4px 4px 0px 0px; } .payment-tab:last-of-type { border-radius: 0px 0px 4px 4px; } .payment-tab.payment-tab-active { max-height: 400px; background: rgb(255, 255, 255); } @media (max-width: 991px) { .payment-tab.payment-tab-active { max-height: 800px; }} .payment-tab-content { padding: 0px 20px 20px; background-color: rgb(255, 255, 255); visibility: hidden; opacity: 0; transition: all 0.2s ease-in-out 0s; } .payment-form-row { margin-top: -10px; margin-bottom: 5px; } .payment-tab.payment-tab-active .payment-tab-content { visibility: visible; opacity: 1; } .card-label > input { box-sizing: border-box; display: block; height: 51px; margin: 14px auto 5px; transition: border-color 0.3s ease 0s; width: 100%; background-color: rgb(255, 255, 255); text-decoration: none; box-shadow: none; padding: 15px 0px; border-top: none; border-right: none; border-left: none; border-image: initial; border-bottom: 1px solid rgb(224, 224, 224); border-radius: 0px; } .card-label > input:focus { box-shadow: none; border-bottom: 1px solid rgb(224, 224, 224); padding: 15px 0px; } .card-label > input::placeholder { transition: all 0.2s ease-in-out 0s; transform-origin: left center; } .card-label > input:focus::placeholder { transform: translateY(-18px); } .card-label > label { background-color: rgb(255, 255, 255); margin: 6px auto auto 8px; font-size: 13px; padding: 0px 7px; font-weight: 500; color: rgb(144, 144, 144); display: none; } .payment-tab p { margin: 10px 0px; } .order-confirmation-page { text-align: center; padding-bottom: 120px; padding-top: 0px; } .order-confirmation-page h2 { font-size: 48px; font-weight: 700; letter-spacing: -0.5px; margin-bottom: 25px; display: block; } .order-confirmation-page p { font-size: 20px; color: gray; font-weight: 300; display: block; line-height: 32px; } .order-confirmation-page a.button::before { display: none; } .order-confirmation-page a.button { background-color: rgb(238, 238, 238); color: rgb(96, 96, 96); font-weight: 600; font-size: 18px; box-shadow: none; padding-top: 14px; padding-bottom: 14px; } .order-confirmation-page a.button i { font-size: 24px; } .book-now.button { padding: 9px; margin-bottom: -4px; } .breathing-icon { background-color: rgb(102, 103, 107); width: 120px; height: 120px; line-height: 0; border-radius: 50%; margin: 30px auto 70px; position: relative; z-index: 100; transition: all 0.4s ease 0s; color: rgb(255, 255, 255); font-weight: 500; animation: 3s ease 0s infinite normal none running bicokAnim; box-shadow: rgba(102, 103, 107, 0.07) 0px 0px 0px 15px; font-size: 90px; } .breathing-icon i { color: rgb(255, 255, 255); position: absolute; top: 53%; left: 0px; right: 0px; transform: translateY(-50%); } @keyframes bicokAnim { 0%, 100% { box-shadow: rgba(102, 103, 107, 0.07) 0px 0px 0px 15px; } 50% { box-shadow: rgba(102, 103, 107, 0.12) 0px 0px 0px 28px; }} @media (max-width: 991px) { .order-confirmation-page i { font-size: 100px; } .order-confirmation-page p { font-size: 18px; } .order-confirmation-page h2 { font-size: 30px; }} .icon-box { text-align: center; margin-top: 45px; position: relative; } .icon-box-circle { background-color: rgb(255, 255, 255); width: 50%; height: 60px; z-index: 100; margin: 0px auto 35px; display: inline-block; position: relative; } .icon-box-circle-inner { font-size: 72px; color: rgb(204, 204, 204); position: relative; width: 60px; margin: 0px auto; display: inline-block; } .icon-box-check { background-color: rgb(102, 103, 107); width: 30px; height: 30px; line-height: 32px; font-size: 18px; border-radius: 50%; margin: 0px auto; z-index: 100; transition: all 0.4s ease 0s; color: rgb(255, 255, 255); font-weight: 500; position: absolute; bottom: -3px; right: -10px; animation: 2s ease 0s infinite normal none running checkAnim; box-shadow: rgba(102, 103, 107, 0.1) 0px 0px 0px 5px; } @keyframes checkAnim { 0%, 100% { box-shadow: rgba(102, 103, 107, 0.15) 0px 0px 0px 5px; } 50% { box-shadow: rgba(102, 103, 107, 0.15) 0px 0px 0px 8px; }} .icon-box span { color: rgb(102, 102, 102); text-transform: uppercase; font-size: 14px; font-weight: 500; } .icon-box h4 { margin: 4px 0px; line-height: 26px; } .icon-box h3 { margin: 4px 0px; line-height: 26px; font-size: 22px; font-weight: 500; } .icon-box p { margin: 25px 0px 0px; padding: 0px 10px; color: gray; } .icon-box.with-line::before { content: ""; height: 1px; width: 100%; position: absolute; left: 50%; top: 40px; background: rgb(233, 233, 233); display: block; z-index: 9; } @media (max-width: 992px) { .icon-box.with-line::before { display: none; }} .testimonial-box { background: 0px 0px; border-radius: 6px; padding: 35px 45px 45px; color: rgb(136, 136, 136); position: relative; margin: 70px 0px 0px; box-shadow: none; transition: all 0.4s ease 0s; cursor: grab; text-align: center; transform: scale(0.8); } .testimonial-box::before { content: "&#59720;"; font-family: material-icons; position: absolute; top: -35px; left: 0px; font-size: 80px; transform: translateY(-100%); color: rgb(102, 103, 107); opacity: 0; transition: all 0.3s ease 0s; } .testimonial-carousel .slick-slide { margin: 0px 20px 30px; opacity: 0; transition: all 0.4s ease 0s; pointer-events: all; } .testimonial-carousel .slick-slide.slick-active { opacity: 1; filter: none; pointer-events: all; } .testimonial-carousel .slick-slide.slick-active .testimonial-box { transform: scale(1); } .testimonial-carousel .slick-slide.slick-active .testimonial-box::before { opacity: 1; } .testimonial-carousel .slick-slide.slick-active .testimonial-box { background: rgb(255, 255, 255); color: rgb(102, 102, 102); box-shadow: rgba(0, 0, 0, 0.08) 0px 0px 30px; } .testimonial, .testimonial p { font-size: 18px; font-weight: 300; color: gray; line-height: 32px; } .testimonial-author { display: block; width: 100%; padding: 20px 0px 15px; text-align: center; margin: 0px auto; } .testimonial-avatar { position: absolute; top: 0px; transform: translateY(-50%); margin: 0px auto; left: 0px; right: 0px; } .testimonial-avatar img { width: 70px; display: inline-block; text-align: center; height: auto; border-radius: 50%; margin: 0px auto; } .testimonial-author h4 { display: block; width: 100%; font-size: 18px; padding-top: 0px; color: rgb(51, 51, 51); font-weight: 600; } .testimonial-author span { display: inline-block; border-radius: 4px; font-size: 16px; font-weight: 300; line-height: 23px; padding: 3px 12px; margin: 5px 0px 10px; background-color: rgb(102, 103, 107); color: rgb(255, 255, 255); box-shadow: rgba(102, 103, 107, 0.25) 0px 2px 10px; } .testimonial-box .star-rating { height: 30px; display: inline-block; margin-bottom: -10px; margin-top: 15px; } .testimonial-carousel .slick-next { right: 25%; } .testimonial-carousel .slick-prev { left: 25%; } .testimonial-carousel .slick-next, .testimonial-carousel .slick-prev { margin-top: 35px; } @media (max-width: 1600px) { .testimonial-carousel .slick-next { right: 15%; } .testimonial-carousel .slick-prev { left: 15%; }} @media (max-width: 1240px) { .testimonial-carousel .slick-next { right: 13%; } .testimonial-carousel .slick-prev { left: 13%; }} @media (max-width: 992px) { .testimonial-carousel .slick-next { right: 8%; } .testimonial-carousel .slick-prev { left: 8%; } .testimonial-box { padding: 35px; } .testimonial, .testimonial p { font-size: 16px; line-height: 28px; }} @media (max-width: 768px) { .testimonial-carousel .slick-next { right: 20px; } .testimonial-carousel .slick-prev { left: 20px; } .testimonial-carousel .slick-next, .testimonial-carousel .slick-prev { transform: scale(0.8) translateY(-50%); }} .logo-carousel .carousel-item { display: inline-block; height: 120px; text-align: center; position: relative; } .logo-carousel .carousel-item a { display: inline-block; } .logo-carousel .carousel-item img { max-height: 60%; max-width: 60%; margin: 0px auto; left: 0px; right: 0px; position: absolute; top: 50%; transform: translateY(-50%); } .logo-carousel .slick-prev, .logo-carousel .slick-next { top: 50%; } .blog-carousel { width: calc(100% + 30px); left: -15px; } .blog-carousel .blog-compact-item-container { margin: 15px; display: inline-block; width: 30%; } .blog-carousel.slick-initialized .blog-compact-item-container { width: auto; } .full-width-carousel-fix .default-slick-carousel.slick-initialized .freelancer, .full-width-carousel-fix .blog-carousel.slick-initialized .blog-compact-item-container { margin: 15px; transform: scale(0.85); opacity: 0; pointer-events: none; transition: all 0.4s ease 0s; } .full-width-carousel-fix .default-slick-carousel.slick-initialized .slick-slide.slick-active.freelancer, .full-width-carousel-fix .blog-carousel.slick-initialized .slick-slide.slick-active.blog-compact-item-container { transform: scale(1); opacity: 1; pointer-events: all; } .full-width-carousel-fix .blog-carousel.slick-initialized .slick-slide.slick-active.blog-compact-item-container:hover { transform: scale(1) translateY(-10px); } .photo-section { background-size: cover; background-position: 50% center; display: block; position: relative; } .photo-section::before { content: ""; width: 100%; height: 100%; background-color: rgb(51, 51, 51); opacity: 0.65; display: block; position: absolute; top: 0px; } .text-content { background: 0px 0px; padding: 110px 0px; font-weight: 500; z-index: 99; position: relative; } .text-content.white-font, .text-content h1, .text-content h2, .text-content h3, .text-content h4, .text-content h5, .text-content.white-font h1, .text-content.white-font h2, .text-content.white-font h3, .text-content.white-font h4, .text-content.white-font h5 { color: rgb(255, 255, 255); } .text-content a.button { font-size: 16px; box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 8px; } .text-content p { font-size: 18px; font-weight: 300; line-height: 31px; opacity: 0.85; } .text-content h2 { margin-bottom: 23px; line-height: 46px; font-size: 34px; font-weight: 500; } .top-1 { position: relative; top: -1px; } .top-0 { position: relative; } @media (max-width: 992px) { .text-content { padding: 80px 0px; } .text-content h2 { margin-bottom: 20px; line-height: 40px; font-size: 30px; font-weight: 500; }} .counters-container { display: flex; flex-wrap: wrap; } .single-counter { flex: 1 1 0%; text-align: center; position: relative; border-right: 1px solid rgb(224, 224, 224); margin-top: 80px; } .single-counter:last-child { border-right: 0px; } .single-counter i { font-size: 64px; color: rgb(204, 204, 204); position: absolute; top: -20px; transform: translateY(-100%); left: 0px; right: 0px; } .single-counter h3 { font-size: 36px; font-weight: 600; color: rgb(102, 103, 107); margin-bottom: 7px; } .single-counter .counter-title { color: rgb(136, 136, 136); padding-top: 0px; display: inline-block; border-radius: 4px; font-size: 18px; } @media (max-width: 992px) { .single-counter { flex: 1 1 50%; margin-bottom: 30px; } .single-counter:nth-child(2) { border: none; } .counters-container { margin-bottom: -30px; }} @media (max-width: 768px) { .single-counter { flex: 1 1 100%; border-top: none; border-right: none; border-left: none; border-image: initial; border-bottom: 1px solid rgb(224, 224, 224); padding-bottom: 30px; } .single-counter:nth-child(2) { border-bottom: 1px solid rgb(224, 224, 224); } .single-counter:last-child { margin-bottom: -15px; border-bottom: none; } .counters-container { margin-bottom: -30px; }} .countdown { border-radius: 4px; width: 100%; display: block; text-align: center; font-size: 18px; line-height: 28px; padding: 14px; } .countdown.green { background-color: rgb(231, 248, 236); color: rgb(40, 156, 65); } .countdown.yellow { background-color: rgb(251, 246, 221); color: rgb(161, 141, 41); } .bidding-widget { border-radius: 4px; background-color: rgb(249, 249, 249); } .dashboard-box .bidding-widget, .popup-tab-content .bidding-widget { border-radius: 0px; background-color: transparent; } .dashboard-box .slider-handle.custom, .popup-tab-content .slider-handle.custom { border: 1px solid rgb(224, 224, 224); box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 4px; } .bidding-widget .bidding-headline { background-color: rgb(240, 240, 240); color: rgb(51, 51, 51); position: relative; border-radius: 4px 4px 0px 0px; } .bidding-widget .bidding-inner { padding: 30px 35px; } .bidding-widget .bidding-headline { color: rgb(51, 51, 51); font-size: 20px; padding: 20px 35px; } .bidding-widget .bidding-headline h3 { color: rgb(51, 51, 51); font-size: 20px; padding: 0px; margin: 0px; } .bidding-widget .bidding-signup { color: rgb(102, 102, 102); font-size: 14.7px; padding: 16px 35px; text-align: center; border-top: 1px solid rgb(224, 224, 224); } .bidding-widget .bidding-signup a { font-weight: 600; } .bidding-widget button.button { margin-bottom: 3px; } .bidding-widget .bidding-detail { color: rgb(136, 136, 136); display: block; } .bidding-widget .bidding-detail strong { color: rgb(51, 51, 51); font-weight: 700; } .dashboard-box .bidding-detail strong { font-weight: 600; } .bidding-widget .bidding-value { font-size: 26px; font-weight: 500; color: rgb(51, 51, 51); margin: 5px 0px 20px; } .bidding-widget .bidding-value { font-size: 26px; font-weight: 500; color: rgb(51, 51, 51); } .bidding-widget .button { box-shadow: rgba(102, 103, 107, 0.15) 0px 4px 12px; transition: all 0.3s ease 0s; height: 46px; } .bidding-widget .button:hover { box-shadow: rgba(102, 103, 107, 0.25) 0px 4px 12px; transform: translateY(-2px); } .bidding-widget .bidding-fields { display: flex; flex-wrap: wrap; align-items: flex-start; margin-top: 12px; width: calc(100% + 20px); } .bidding-widget .bidding-fields .bidding-field { flex: 1 1 0%; margin-right: 20px; } .qtyButtons { display: flex; margin: 0px; background: rgb(255, 255, 255); border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 4px 0px; height: 48px; padding: 6px; } .qtyButtons.with-border { border: 1px solid rgb(224, 224, 224); box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 4px 0px; } .qtyButtons input { outline: 0px; font-size: 16px; font-weight: 600; text-align: center; width: 50px; height: 36px; color: gray; line-height: 36px; padding: 0px 5px; border: none; display: inline-block; flex-grow: 1; margin: 0px !important; box-shadow: none !important; } .qtyTitle { font-size: 16px; font-weight: 600; line-height: 36px; padding-right: 15px; display: block; flex: 1 1 0%; } .qtyInc, .qtyDec { width: 36px; height: 36px; line-height: 36px; font-size: 18px; background-color: rgb(240, 240, 240); color: gray; display: inline-block; text-align: center; border-radius: 4px; cursor: pointer; font-family: feather-icons; flex: 1 1 0%; min-width: 36px; max-width: 36px; transition: all 0.3s ease 0s; } .qtyInc::before { content: "&#59825;"; } .qtyDec::before { content: "&#59798;"; } .qtyInc:hover, .qtyDec:hover { background-color: rgb(102, 103, 107); color: rgb(255, 255, 255); } .qtyTotal { background-color: rgb(102, 103, 107); border-radius: 50%; color: rgb(255, 255, 255); display: inline-block; font-size: 11px; font-weight: 600; font-family: "open sans", sans-serif; line-height: 18px; text-align: center; position: relative; top: -2px; left: 2px; height: 18px; width: 18px; } @media (max-width: 1366px) { .qtyInc, .qtyDec { min-width: 34px; max-width: 34px; } .bidding-widget .bidding-inner { padding: 27px 32px; } .bidding-widget .bidding-headline { padding: 20px 32px; }} @media (max-width: 1240px) { .qtyInc, .qtyDec { min-width: 36px; max-width: 36px; } .bidding-widget .bidding-fields .bidding-field { flex: 1 1 auto; margin-right: 0px; width: 100%; } .bidding-widget .bidding-fields .bidding-field:first-child { margin-bottom: 20px; } .bidding-widget .bidding-fields { width: 100%; }} .slick-slider { position: relative; display: block; box-sizing: border-box; user-select: none; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0px; padding: 0px; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; } .slick-slider .slick-track, .slick-slider .slick-list { transform: translate3d(0px, 0px, 0px); } .slick-track { position: relative; top: 0px; left: 0px; display: block; margin-left: auto; margin-right: auto; } .slick-track::before, .slick-track::after { display: table; content: ""; } .slick-track::after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .slick-prev, .slick-next { font-size: 0px; line-height: 0; position: absolute; padding: 0px; cursor: pointer; border: none; outline: none; background-color: rgb(51, 51, 51); border-radius: 4px; width: 48px; height: 48px; display: block; top: calc(50% - 15px); transform: translateY(-50%); transition: all 0.3s ease 0s; box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 12px; z-index: 10; } .slick-prev:hover, .slick-next:hover { color: transparent; outline: none; background: rgb(102, 103, 107); } .slick-prev:hover::before, .slick-next:hover::before { opacity: 1; } .slick-prev.slick-disabled, .slick-next.slick-disabled { pointer-events: none; cursor: default; background-color: rgb(232, 232, 232); box-shadow: none; } .slick-prev.slick-disabled::before, .slick-next.slick-disabled::before { color: gray; } .slick-prev::before, .slick-next::before { font-family: feather-icons; font-size: 26px; line-height: 1; opacity: 1; transition: all 0.3s ease 0s; position: relative; color: rgb(255, 255, 255); } .slick-prev { left: -85px; } .slick-prev::before { content: "&#59695;"; left: -1px; } .slick-next { right: -85px; } .slick-next::before { content: "&#59696;"; right: -1px; } .slick-dots { margin: 0px auto; padding: 0px; text-align: center; } .slick-dots li { position: relative; display: inline-block; padding: 0px; margin: 0px 3px; cursor: pointer; } .slick-dots li { font-size: 0px; cursor: pointer; color: transparent; border: 0px; position: relative; outline: none; display: inline-block; width: 15px; height: 15px; margin: 0px 3px; opacity: 1; border-radius: 50%; line-height: 0; box-shadow: silver 0px 0px 0px 2px inset; transition: all 0.3s ease 0s; } .slick-dots li.slick-active { box-shadow: silver 0px 0px 0px 6px inset; transition: all 0.3s ease 0s; } .slick-dots li::after { display: block; height: 13px; width: 13px; content: ""; position: absolute; top: 1px; left: 1px; border-radius: 50%; transition: all 0.3s ease 0s; opacity: 0; background-color: silver; } .slick-dots li.slick-active::after { opacity: 1; } .slick-slide { display: none; outline: none; } .slick-initialized .slick-slide { display: block; } .default-slick-carousel .slick-carousel-item { margin: 15px; } .default-slick-carousel { height: auto; width: calc(100% + 30px); left: -15px; } .default-slick-carousel, .testimonial-carousel, .logo-carousel, .blog-carousel { display: none; } .default-slick-carousel.slick-initialized, .testimonial-carousel.slick-initialized, .logo-carousel.slick-initialized, .blog-carousel.slick-initialized { display: block; } .default-slick-carousel .freelancer { margin: 15px; width: 30%; } .default-slick-carousel.slick-initialized .freelancer { width: auto; } .default-slick-carousel .freelancer-details-list ul li { margin-right: 22px; } .default-slick-carousel .freelancer-details-list ul li:last-child { margin-right: 0px; } .default-slick-carousel .freelancer:hover { box-shadow: rgba(0, 0, 0, 0.12) 0px 2px 12px; transform: translateY(0px); } @media (min-width: 1367px) and (max-width: 1440px) { .slick-prev { left: -65px; } .slick-next { right: -65px; }} @media (max-width: 1290px) { .slick-prev { left: -10px; } .slick-next { right: -10px; }} @media (max-width: 1090px) { .slick-prev { left: 40px; } .slick-next { right: 40px; }} .full-width-carousel-fix { overflow: hidden; } .full-width-carousel-fix .slick-list { overflow: visible; } [data-simplebar] { position: relative; z-index: 0; max-height: inherit; overflow: hidden !important; } [data-simplebar="init"] { display: flex; } .simplebar-scroll-content { overflow-y: scroll; overflow-x: hidden !important; min-width: 100% !important; max-height: inherit !important; box-sizing: content-box !important; } .simplebar-content { overflow-x: scroll; overflow-y: hidden !important; box-sizing: border-box !important; min-height: 100% !important; } .simplebar-track { z-index: 1; position: absolute; right: 0px; bottom: 0px; width: 11px; height: calc(100% - 6px); margin-top: 6px; } .simplebar-scrollbar { position: absolute; right: 6px; width: 5px; min-height: 10px; background-color: rgb(200, 200, 200); } .simplebar-scrollbar::before { position: absolute; content: ""; background: rgb(0, 95, 179); border-radius: 7px; left: 0px; right: 0px; opacity: 0; transition: opacity 0.2s ease 0s, background-color 0.3s ease 0s; } .simplebar-scrollbar:hover::before { background-color: rgb(0, 95, 179); } .simplebar-track:hover .simplebar-scrollbar::before, .simplebar-track .simplebar-scrollbar.visible::before { opacity: 1; } .simplebar-track.vertical { top: 0px; } .simplebar-track.vertical .simplebar-scrollbar::before { top: 2px; bottom: 2px; } .simplebar-track.horizontal { left: 0px; width: auto; height: 11px; display: none; } .simplebar-track.horizontal .simplebar-scrollbar::before { height: 100%; left: 2px; right: 2px; } .horizontal.simplebar-track .simplebar-scrollbar { right: auto; top: 2px; height: 7px; min-height: 0px; min-width: 10px; width: auto; } body.gray .dashboard-content-container .simplebar-scrollbar::before { background-color: rgb(201, 201, 201); } body.gray .dashboard-content-container .simplebar-scrollbar:hover::before { background-color: rgb(185, 185, 185); } .dashboard-box .simplebar-scrollbar::before { background-color: rgb(216, 216, 216); } .dashboard-box .simplebar-scrollbarLhover::before { background-color: rgb(200, 200, 200); } .tippy-tooltip.dark-theme { color: rgb(255, 255, 255); font-weight: 500; font-size: 14px; padding: 6px 12px; } .tippy-tooltip.dark-theme .tippy-backdrop { background-color: rgb(51, 51, 51); } .tippy-popper[x-placement^="top"] .tippy-tooltip.dark-theme .tippy-arrow { border-top-color: rgb(51, 51, 51); } .tippy-popper[x-placement^="bottom"] .tippy-tooltip.dark-theme .tippy-arrow { border-bottom-color: rgb(51, 51, 51); } .tippy-popper[x-placement^="right"] .tippy-tooltip.dark-theme .tippy-arrow { border-right-color: rgb(51, 51, 51); } .tippy-popper[x-placement^="left"] .tippy-tooltip.dark-theme .tippy-arrow { border-left-color: rgb(51, 51, 51); } .tippy-tooltip.dark-theme .tippy-arrow { transform: scale(0.7); } .tippy-tooltip.light-theme { color: rgb(51, 51, 51); font-weight: 500; font-size: 14px; box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 10px; padding: 6px 12px; background-color: rgb(255, 255, 255); } .tippy-popper[x-placement^="top"] .tippy-tooltip.light-theme .tippy-arrow { border-top-color: rgb(255, 255, 255); } .tippy-popper[x-placement^="bottom"] .tippy-tooltip.light-theme .tippy-arrow { border-bottom-color: rgb(255, 255, 255); } .tippy-popper[x-placement^="right"] .tippy-tooltip.light-theme .tippy-arrow { border-right-color: rgb(255, 255, 255); } .tippy-popper[x-placement^="left"] .tippy-tooltip.light-theme .tippy-arrow { border-left-color: rgb(255, 255, 255); } .mfp-bg { top: 0px; left: 0px; width: 100%; height: 100%; z-index: 2000; overflow: hidden; position: fixed; background: rgb(17, 17, 17); } .mfp-wrap { top: -10px; left: 0px; width: 100%; height: 100%; z-index: 2001; position: fixed; backface-visibility: hidden; outline: none !important; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; padding: 0px 18px; box-sizing: border-box; } .mfp-container::before { content: ""; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container::before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0px auto; text-align: left; z-index: 505; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: zoom-out; } .mfp-zoom { cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: rgb(170, 170, 170); position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 504; } .mfp-preloader a { color: rgb(204, 204, 204); } .mfp-preloader a:hover { color: rgb(255, 255, 255); } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } .mfp-s-loading .mfp-arrow { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; border: 0px; appearance: none; display: block; padding: 0px; z-index: 506; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { right: 0px; top: -40px; } .og-close, button.mfp-close { position: absolute; width: 45px; height: 45px; top: -20px; display: block; right: -12px; z-index: 9999; color: rgb(255, 255, 255); transition: all 0.2s ease-in-out 0s; border-radius: 50%; margin: 0px; background-color: transparent; outline: none; transform: translate3d(0px, 0px, 0px); cursor: pointer !important; } .mfp-iframe-holder .mfp-close { top: -50px; right: -12px; transform: translate3d(0px, 0px, 0px); } .mfp-gallery .mfp-close { top: 20px; right: 10px; } .mfp-gallery .mfp-content .mfp-close { display: none; } .mfp-close::after, .mfp-close::before { top: 0px; } .og-close { margin: 17px; right: 10px; background: 0px 0px; color: rgb(34, 34, 34); } .og-close::before, .mfp-close::before { font-family: feather-icons; font-size: 20px; top: 2px; left: 0px; position: relative; height: 10px; } .og-close::before, .mfp-close::before { content: "&#59906;"; } #small-dialog .mfp-close, #small-dialog-1 .mfp-close, #small-dialog-2 .mfp-close, #small-dialog-3 .mfp-close, #small-dialog-4 .mfp-close, #sign-in-dialog, .mfp-close, .mfp-close:hover { color: rgb(255, 255, 255); } #sign-in-dialog .mfp-close, #small-dialog-1 .mfp-close, #small-dialog-2 .mfp-close, #small-dialog-3 .mfp-close, #small-dialog-4 .mfp-close, #small-dialog .mfp-close { color: rgb(102, 102, 102); background-color: rgb(228, 228, 228); border-radius: 4px; top: 28px; right: 40px; width: 40px; height: 40px; } #sign-in-dialog .mfp-close:hover, #small-dialog-1 .mfp-close:hover, #small-dialog-2 .mfp-close:hover, #small-dialog-3 .mfp-close:hover, #small-dialog-4 .mfp-close:hover, #small-dialog .mfp-close:hover { color: rgb(255, 255, 255); background-color: rgb(102, 103, 107); } .small-dialog-content input[type="submit"] { width: 100%; margin-top: 26px; margin-bottom: 10px; } .small-dialog-content .divider { display: inline-block; width: 100%; margin-top: 15px; padding-bottom: 0px; } .small-dialog-header { font-size: 22px; width: calc(100% + 80px); position: relative; left: -40px; top: 0px; border-radius: 4px 4px 0px 0px; display: inline-block; background-color: rgb(246, 246, 246); padding: 35px 40px; margin-bottom: 40px; } .small-dialog-header h3 { padding: 0px; margin: 0px; font-size: 23px; } .mfp-counter { position: absolute; top: 0px; right: 0px; color: rgb(170, 170, 170); font-size: 13px; line-height: 18px; } .mfp-arrow { opacity: 1; margin: 0px 20px; top: 50%; transform: translateY(-50%); color: rgb(255, 255, 255); transition: all 0.2s ease-in-out 0s; cursor: pointer; width: 60px; height: 60px; position: absolute; display: block; z-index: 100; overflow: hidden; background: rgba(255, 255, 255, 0.15); border-radius: 50%; outline: none; } .mfp-arrow:hover { background: rgb(102, 103, 107); color: rgb(255, 255, 255); } .mfp-arrow.mfp-arrow-left, .mfp-arrow.mfp-arrow-right { font-family: simple-line-icons; font-size: 20px; } .mfp-arrow.mfp-arrow-right { right: 15px; } .mfp-arrow.mfp-arrow-left::before { content: "&#58885;"; left: -1px; top: 0px; position: relative; } .mfp-arrow.mfp-arrow-right::before { content: "&#58886;"; left: 1px; top: 0px; position: relative; } .mfp-content:hover .mfp-arrow { opacity: 1; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 1180px; } .mfp-iframe-scaler { width: 100%; height: 0px; overflow: hidden; padding-top: 54%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0px; left: 0px; width: 100%; height: 100%; box-shadow: rgba(0, 0, 0, 0.6) 0px 0px 8px; background: rgb(0, 0, 0); } #sign-in-dialog, #small-dialog-1, #small-dialog-2, #small-dialog-3, #small-dialog-4, #small-dialog { background: rgb(255, 255, 255); padding: 0px 40px 40px; text-align: left; margin: 40px auto; position: relative; box-sizing: border-box; border-radius: 4px; max-width: 550px; } #sign-in-dialog-1 span.line, #sign-in-dialog-2 span.line, #sign-in-dialog-3 span.line, #sign-in-dialog-4 span.line, #sign-in-dialog span.line, #small-dialog span.line { padding-top: 0px; } .my-mfp-zoom-in .zoom-anim-dialog { opacity: 0; transition: all 0.2s ease-in-out 0s; transform: scale(0.8); } .my-mfp-zoom-in.mfp-ready .zoom-anim-dialog { opacity: 1; transform: scale(1); } .my-mfp-zoom-in.mfp-removing .zoom-anim-dialog { transform: scale(0.8); opacity: 0; } .my-mfp-zoom-in.mfp-bg { opacity: 0.001; transition: opacity 0.3s ease-out 0s; } .my-mfp-zoom-in.mfp-ready.mfp-bg { opacity: 0.85; } .my-mfp-zoom-in.mfp-removing.mfp-bg { opacity: 0; } .dupa { display: block; height: 30px; } img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; margin: 40px auto; border-radius: 4px; } .mfp-figure::after { content: ""; position: absolute; inset: 40px 0px; display: block; width: auto; height: auto; z-index: -1; box-shadow: rgba(11, 11, 11, 0.6) 0px 0px 18px; } .mfp-figure { line-height: 0; } .mfp-bottom-bar { margin-top: -30px; position: absolute; top: 100%; left: 0px; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: rgb(243, 243, 243); word-break: break-word; padding-right: 36px; } .mfp-figure small { color: rgb(189, 189, 189); display: block; font-size: 12px; line-height: 14px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder { padding-left: 0px; padding-right: 0px; } .mfp-img-mobile img.mfp-img { padding: 0px; } .mfp-img-mobile .mfp-figure::after { top: 0px; bottom: 0px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0px; margin: 0px; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0px; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0px; right: 0px; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0px; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; }} .mfp-ie7 .mfp-img { padding: 0px; } .mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; } .mfp-ie7 .mfp-container { padding: 0px; } .mfp-ie7 .mfp-content { padding-top: 44px; } .mfp-ie7 .mfp-close { top: 0px; right: 0px; padding-top: 0px; } .mfp-fade.mfp-bg { opacity: 0; transition: all 0.2s ease-out 0s; } .mfp-fade.mfp-bg.mfp-ready { opacity: 0.92; background-color: rgb(17, 17, 17); } .mfp-fade.mfp-bg.mfp-removing { opacity: 0; } .mfp-fade.mfp-wrap .mfp-content { opacity: 0; transition: all 0.2s ease-out 0s; } .mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1; } .mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; } .feedback-yes-no strong { font-size: 16px; font-weight: 600; color: rgb(51, 51, 51); display: block; } .feedback-yes-no .radio { margin-right: 15px; } .feedback-yes-no { margin-bottom: 15px; } .feedback-yes-no .leave-rating { transform: scale(1.1); margin: 3px 0px 10px 3px; } .popup-tabs-nav { list-style: none; margin: 0px; padding: 0px; width: 100%; display: block; height: 62px; background: rgb(248, 248, 248); border-radius: 4px 4px 0px 0px; border-bottom: 1px solid rgb(224, 224, 224); } .popup-tabs-nav li { float: left; line-height: 62px; height: 62px; padding: 0px; margin-right: 0px; position: relative; } .popup-tabs-nav li:first-child a { border-radius: 4px 0px 0px; } .popup-tabs-nav li a, .popup-tab-reviews { transition: all 0.25s ease-in-out 0s; } .popup-tabs-nav li a { border-top: none; border-bottom: none; border-image: initial; color: rgb(119, 119, 119); display: inline-block; outline: none; text-decoration: none; font-size: 16px; z-index: 10; position: relative; height: 100%; padding: 0px 30px; border-left: 1px solid transparent; transition: all 0.3s ease 0s, font-weight 0s ease 0s; border-right: 1px solid rgb(224, 224, 224); } .popup-tabs-nav li.active { background-color: rgb(255, 255, 255); position: relative; } .popup-tabs-nav li a:hover { background-color: rgb(243, 243, 243); height: calc(100% - 1px); color: rgb(51, 51, 51); } .popup-tabs-nav li:last-child a:hover { border-right: 1px solid rgb(224, 224, 224); } .popup-tabs-nav li.active a:hover, .popup-tabs-nav li.active { background-color: rgb(255, 255, 255); } .popup-tabs-nav li.active a { color: rgb(102, 103, 107); font-weight: 600; } .popup-tabs-nav li.active::after { content: ""; position: absolute; display: block; bottom: 0px; left: 0px; width: 100%; height: 1px; background-color: rgb(255, 255, 255); z-index: 111; } .popup-tabs-nav li:first-child.active { border-left: none; border-radius: 4px 0px 0px; } .popup-tab-content { padding: 50px 35px; position: relative; z-index: 10; display: inline-block; width: 100%; } .popup-tabs-container { overflow: hidden; width: 100%; } .popup-tab-content p:last-child { margin-bottom: 0px; } .dialog-with-tabs#sign-in-dialog, .dialog-with-tabs#small-dialog-1, .dialog-with-tabs#small-dialog-2, .dialog-with-tabs#small-dialog-3, .dialog-with-tabs#small-dialog-4, .dialog-with-tabs#small-dialog { padding: 0px; color: rgb(102, 102, 102); max-width: 540px; box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 25px; } #sign-in-dialog.dialog-with-tabs .mfp-close, #small-dialog.dialog-with-tabs .mfp-close, #small-dialog-1.dialog-with-tabs .mfp-close, #small-dialog-2.dialog-with-tabs .mfp-close, #small-dialog-3.dialog-with-tabs .mfp-close, #small-dialog-4.dialog-with-tabs .mfp-close { color: rgb(136, 136, 136); background-color: rgb(248, 248, 248); border-left: 1px solid rgb(224, 224, 224); border-radius: 0px 4px 0px 0px; top: 0px; right: 0px; width: 62px; height: 61px; } #sign-in-dialog.dialog-with-tabs .mfp-close:hover, #small-dialog-1.dialog-with-tabs .mfp-close:hover, #small-dialog-2.dialog-with-tabs .mfp-close:hover, #small-dialog-3.dialog-with-tabs .mfp-close:hover, #small-dialog-4.dialog-with-tabs .mfp-close:hover, #small-dialog.dialog-with-tabs .mfp-close:hover { color: rgb(51, 51, 51); background-color: rgb(242, 242, 242); } .dialog-with-tabs .mfp-close::before, .dialog-with-tabs .mfp-close::before { font-size: 24px; } .dialog-with-tabs input:-webkit-autofill, .dialog-with-tabs input:focus:-webkit-autofill { border: 1px solid rgb(224, 224, 224); box-shadow: rgb(255, 255, 255) 0px 0px 0px 9999px inset, rgba(0, 0, 0, 0.07) 0px 1px 4px; } .dialog-with-tabs input { margin-bottom: 22px; } .dialog-with-tabs .forgot-password { font-size: 14px; color: rgb(136, 136, 136); margin-top: -12px; display: block; } .dialog-with-tabs .forgot-password:hover { color: rgb(102, 103, 107); } .dialog-with-tabs .button { height: 48px; margin-top: 25px; box-shadow: rgba(102, 103, 107, 0.15) 0px 4px 12px; width: 100% !important; } .welcome-text { display: block; text-align: center; color: gray; margin-bottom: 33px; } .welcome-text h3 { display: block; font-weight: 700; color: rgb(51, 51, 51); font-size: 24px; } .welcome-text span a { font-weight: 500; } .welcome-text span { display: block; margin-top: 4px; } .social-login-separator { display: block; text-align: center; position: relative; width: 100%; margin: 38px 0px 15px; height: 1px; } .social-login-separator::before { width: 100%; content: ""; height: 1px; display: block; background-color: rgb(224, 224, 224); position: absolute; top: 0px; } .social-login-separator span { background-color: rgb(255, 255, 255); position: absolute; line-height: 10px; top: -5px; margin-left: -15px; padding: 0px 10px; color: gray; } .social-login-buttons { display: flex; width: calc(100% + 20px); } .social-login-buttons button { flex: 1 1 0%; text-align: center; border: 1px solid rgb(51, 51, 51); color: rgb(51, 51, 51); border-radius: 4px; margin-top: 10px; margin-right: 20px; font-size: 14px; padding: 9px 5px; max-width: 50%; transition: all 0.3s ease 0s; } .social-login-buttons button:hover { background-color: rgb(51, 51, 51); color: rgb(255, 255, 255); } .social-login-buttons button i { position: relative; top: 1px; margin-right: 7px; font-size: 15px; } .social-login-buttons .facebook-login { border-color: rgb(59, 89, 152); color: rgb(59, 89, 152); } .social-login-buttons .facebook-login:hover { background-color: rgb(59, 89, 152); color: rgb(255, 255, 255); } .social-login-buttons .google-login { border-color: rgb(221, 75, 57); color: rgb(221, 75, 57); } .social-login-buttons .google-login:hover { background-color: rgb(221, 75, 57); color: rgb(255, 255, 255); } @media (max-width: 768px) { .social-login-separator { margin-bottom: 25px; } .social-login-buttons, .social-login-buttons a { width: 100%; display: block; max-width: 100%; }} .account-type { display: flex; width: calc(100% + 20px); margin: 0px 0px 20px; } .account-type div { flex: 1 1 0%; margin-right: 20px; } .account-type label { border-radius: 3px; border: none; background-color: rgb(242, 242, 242); width: 100%; } .account-type input.account-type-radio:empty { display: none; } .account-type label i { position: relative; font-size: 18px; top: 2px; margin-right: 2px; } .account-type input.account-type-radio:empty ~ label { position: relative; float: left; padding: 10px 10px 11px; text-align: center; cursor: pointer; user-select: none; border-radius: 4px; color: rgb(136, 136, 136); transition: all 0.4s ease 0s; height: 48px; line-height: 28px; overflow: hidden; } .account-type input.account-type-radio ~ label:hover { color: rgb(40, 156, 65); background-color: rgb(228, 246, 233); } .account-type input.account-type-radio:checked ~ label { color: rgb(255, 255, 255); background-color: rgb(71, 187, 103); } .account-type input.account-type-radio:empty ~ label::after, .account-type input.account-type-radio:empty ~ label::before { position: absolute; display: block; top: 0px; bottom: 0px; left: 0px; content: ""; width: 100%; height: 100%; text-align: center; line-height: 48px; border-radius: 4px; font-size: 22px; background: 0px 0px; z-index: 100; opacity: 0; } .account-type .ripple-effect-dark span.ripple-overlay { animation: 1.2s ease 0s 1 normal none running ripple; opacity: 0.03; } @keyframes typeCheck { 0% { opacity: 0; transform: translateY(10px); } 50% { opacity: 1; transform: translateY(0px); } 100% { opacity: 0; transform: translateY(-10px); }} @keyframes typeBG { 0% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 0; }} @media (max-width: 480px) { .popup-tabs-nav { padding-top: 50px; height: 50px; } .mfp-container { padding: 0px 10px; } .popup-tabs-nav li:first-child { border-top: 1px solid rgb(224, 224, 224); } .popup-tabs-nav li { border-bottom: 1px solid rgb(224, 224, 224); } .popup-tabs-nav li, .popup-tabs-nav li a { width: 100%; text-align: center; height: 50px; line-height: 50px; } .popup-tabs-nav li a:hover { background-color: transparent; } #sign-in-dialog.dialog-with-tabs .mfp-close, #small-dialog.dialog-with-tabs .mfp-close, #small-dialog-1.dialog-with-tabs .mfp-close, #small-dialog-2.dialog-with-tabs .mfp-close, #small-dialog-3.dialog-with-tabs .mfp-close, #small-dialog-4.dialog-with-tabs .mfp-close { height: 50px; width: 50px; } .account-type, .social-login-buttons { flex-direction: column; } .social-login-buttons button { max-width: 100%; width: 100%; flex: 1 1 auto; } .uploadButton { flex-direction: column; } .uploadButton .uploadButton-file-name { padding: 0px; margin: 15px 0px 0px; }} input.range-slider, input.default-slider { display: none; } .slider { display: inline-block; vertical-align: middle; position: relative; } .slider.slider-horizontal { width: calc(100% - 20px); margin-left: 11px; height: 20px; } .slider.slider-horizontal .slider-track { height: 3px; width: calc(100% + 18px); margin-top: -2px; top: 50%; left: -9px; } .slider.slider-horizontal .slider-selection, .slider.slider-horizontal .slider-track-low, .slider.slider-horizontal .slider-track-high { height: 100%; top: 0px; bottom: 0px; } .slider.slider-horizontal .slider-handle { margin-left: -11px; } .slider.slider-horizontal .slider-tick-label-container { white-space: nowrap; margin-top: 20px; } .slider.slider-horizontal .tooltip { transform: translateX(-50%); position: absolute; } .slider input { display: none; } .slider .tooltip.top { margin-top: -40px; } .slider .tooltip-inner { white-space: nowrap; max-width: none; background-color: rgb(51, 51, 51); padding: 4px 12px; line-height: 21px; color: rgb(255, 255, 255); font-size: 14px; border-radius: 4px; } .slider .tooltip-arrow { position: absolute; width: 0px; height: 0px; bottom: -6px; left: 50%; transform: translateX(-50%); border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid rgb(51, 51, 51); } .tooltip.tooltip-min, .tooltip.tooltip-max { display: none; } .slider .hide { display: none; } .slider-track { position: absolute; cursor: pointer; border-radius: 4px; background-color: rgb(224, 224, 224); } .slider-selection { position: absolute; background-color: rgb(102, 103, 107); box-sizing: border-box; border-radius: 4px; } .slider-track-low, .slider-track-high { position: absolute; background: 0px 0px; box-sizing: border-box; border-radius: 4px; } .slider-handle { position: absolute; top: 0px; width: 20px; height: 20px; border: 2px solid rgb(102, 103, 107); cursor: pointer; z-index: 20; border-radius: 50%; } .slider-handle::after { position: absolute; content: ""; height: 100%; width: 100%; top: 0px; left: 0px; background-color: rgb(255, 255, 255); border-radius: 50%; z-index: 30; display: block; box-shadow: rgba(102, 103, 107, 0.12) 0px 0px 0px 6px; transition: all 0.2s ease 0s; } .slider-handle:hover::after { box-shadow: rgba(102, 103, 107, 0.12) 0px 0px 0px 8px; } .slider-handle.custom { position: absolute; top: -5px; width: 40px; height: 29px; border: none; cursor: pointer; z-index: 20; border-radius: 4px; background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 4px; text-align: center; } .slider-handle.custom::after { display: none; } .slider-handle.custom::before { content: "&#59736;&#59737;"; font-family: material-icons; letter-spacing: -10px; font-size: 21px; color: rgb(160, 160, 160); margin-left: -10px; transition: all 0.3s ease 0s; } .slider-handle.custom:hover::before { color: rgb(51, 51, 51); } .slider.slider-horizontal .slider-handle.custom { margin-left: -20px; } select.bs-select-hidden, select.selectpicker { display: none !important; } .bootstrap-select .btn { user-select: none; } .bootstrap-select > .dropdown-toggle { width: 100%; padding-right: 25px; z-index: 1; } .bootstrap-select > .dropdown-toggle.bs-placeholder, .bootstrap-select > .dropdown-toggle.bs-placeholder:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder:active { color: gray; } .bootstrap-select > select { bottom: 0px; left: 50%; border: none; position: absolute !important; display: block !important; width: 0.5px !important; height: 100% !important; padding: 0px !important; opacity: 0 !important; } .bootstrap-select > select.mobile-device { top: 0px; left: 0px; z-index: 2; display: block !important; width: 100% !important; } .has-error .bootstrap-select .dropdown-toggle, .error .bootstrap-select .dropdown-toggle { border-color: rgb(185, 74, 72); } .bootstrap-select.fit-width { width: auto !important; } .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { width: 100%; } .bootstrap-select.form-control { margin-bottom: 0px; padding: 0px; border: none; } .bootstrap-select.form-control:not([class*="col-"]) { width: 100%; } .bootstrap-select.form-control.input-group-btn { z-index: auto; } .bootstrap-select.form-control.input-group-btn:not(:first-child):not(:last-child) > .btn { border-radius: 0px; } .bootstrap-select.btn-group:not(.input-group-btn), .bootstrap-select.btn-group[class*="col-"] { float: none; display: flex; margin-left: 0px; } .bootstrap-select.btn-group.dropdown-menu-right, .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right, .row .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right { float: right; } .form-inline .bootstrap-select.btn-group, .form-horizontal .bootstrap-select.btn-group, .checkbox .bootstrap-select.btn-group { margin-bottom: 0px; } .checkbox-lg .bootstrap-select.btn-group.form-control, .checkbox-sm .bootstrap-select.btn-group.form-control { padding: 0px; } .checkbox-lg .bootstrap-select.btn-group.form-control .dropdown-toggle, .checkbox-sm .bootstrap-select.btn-group.form-control .dropdown-toggle { height: 100%; font-size: inherit; line-height: inherit; border-radius: inherit; } .form-inline .bootstrap-select.btn-group .form-control { width: 100%; } .bootstrap-select.btn-group.disabled, .bootstrap-select.btn-group > .disabled { cursor: not-allowed; } .bootstrap-select.btn-group.disabled:focus, .bootstrap-select.btn-group > .disabled:focus { outline: none !important; } .bootstrap-select.btn-group.bs-container { position: absolute; height: 0px !important; padding: 0px !important; } .bootstrap-select.btn-group.bs-container .dropdown-menu { z-index: 1060; } .bootstrap-select.btn-group .dropdown-toggle .filter-option { overflow: hidden; width: 100%; line-height: 48px; text-align: left; white-space: nowrap; text-overflow: ellipsis; max-width: 90%; float: left; height: 48px; display: block; } .bootstrap-select.btn-group .dropdown-menu li.hidden { display: none; } .language-switcher.bootstrap-select.btn-group .dropdown-toggle .filter-option, .sort-by .bootstrap-select.btn-group .dropdown-toggle .filter-option { max-width: 100%; float: left; } .sort-by .bootstrap-select.btn-group .dropdown-toggle .filter-option { line-height: 20px; height: auto; } .bootstrap-select.btn-group .dropdown-toggle .caret { position: absolute; top: 50%; right: 20px; margin-top: -2px; vertical-align: middle; transition: all 0.35s ease 0s; } .bootstrap-select.open .dropdown-toggle .caret { transform: rotate(180deg); } .bootstrap-select.btn-group[class*="col-"] .dropdown-toggle { width: 100%; } .bootstrap-select.btn-group .dropdown-menu { min-width: 100%; box-sizing: border-box; font-size: 16px; } .bootstrap-select.btn-group .dropdown-menu.inner { position: static; float: none; border: 0px; padding: 0px 5px; border-radius: 0px; box-shadow: none; } .bootstrap-select.btn-group .dropdown-menu li { position: relative; margin-bottom: 1px; } .bootstrap-select.btn-group .dropdown-menu li.disabled { opacity: 0.75; } .bootstrap-select.btn-group .dropdown-menu li.active small { color: rgb(255, 255, 255); } .bootstrap-select.btn-group .dropdown-menu li.disabled a { cursor: not-allowed; } .bootstrap-select.btn-group .dropdown-menu li a { cursor: pointer; user-select: none; } .bootstrap-select.btn-group .dropdown-menu li a span.text { display: inline-block; } .bootstrap-select.btn-group .dropdown-menu li small { padding-left: 7px; opacity: 0.8; } .bootstrap-select.btn-group .dropdown-menu .notify { position: absolute; bottom: 5px; width: calc(100% - 20px); min-height: 26px; pointer-events: none; padding: 5px 10px; background: rgb(51, 51, 51); color: rgb(255, 255, 255); margin: 5px; border-radius: 4px; white-space: nowrap; font-size: 14px; border: none; } .bootstrap-select.btn-group .no-results { padding: 5px 10px; background: rgb(246, 246, 246); margin: 5px 0px 0px; border-radius: 4px; white-space: nowrap; font-size: 14px; } .bootstrap-select.btn-group.fit-width .dropdown-toggle .filter-option { position: static; } .bootstrap-select.btn-group.fit-width .dropdown-toggle .caret { position: static; top: auto; margin-top: -1px; } .bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text { white-space: normal; } .bootstrap-select.show-menu-arrow.open > .dropdown-toggle { z-index: 1061; } .bootstrap-select.show-menu-arrow .dropdown-toggle::before { content: ""; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid rgba(204, 204, 204, 0.2); position: absolute; bottom: -4px; left: 9px; display: none; } .bootstrap-select.show-menu-arrow .dropdown-toggle::after { content: ""; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid rgb(255, 255, 255); position: absolute; bottom: -4px; left: 10px; display: none; } .bootstrap-select.show-menu-arrow.dropup .dropdown-toggle::before { bottom: auto; top: -3px; border-top: 7px solid rgba(204, 204, 204, 0.2); border-bottom: 0px; } .bootstrap-select.show-menu-arrow.dropup .dropdown-toggle::after { bottom: auto; top: -3px; border-top: 6px solid rgb(255, 255, 255); border-bottom: 0px; } .bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle::before { right: 12px; left: auto; } .bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle::after { right: 13px; left: auto; } .bootstrap-select.show-menu-arrow.open > .dropdown-toggle::before, .bootstrap-select.show-menu-arrow.open > .dropdown-toggle::after { display: block; } .bs-searchbox, .bs-actionsbox, .bs-donebutton { padding: 0px 5px; } .bs-actionsbox { width: 100%; box-sizing: border-box; padding: 0px 5px; margin-bottom: 10px; margin-top: -5px; } .bs-actionsbox div { display: flex; } .bootstrap-select.btn-group .bs-actionsbox div button { flex: 1 1 0%; background: rgb(246, 246, 246); box-shadow: none; padding: 5px; height: 36px; font-size: 14px; color: rgb(119, 119, 119); transition: all 0.3s ease 0s; } .bootstrap-select.btn-group .bs-actionsbox div button:first-child { border-radius: 4px 0px 0px 4px; background-color: rgb(240, 240, 240); } .bootstrap-select.btn-group .bs-actionsbox div button:last-child { border-radius: 0px 4px 4px 0px; } .bootstrap-select.btn-group .bs-actionsbox div button:hover { background: rgb(102, 103, 107); color: rgb(255, 255, 255); } .bs-actionsbox .btn-group button { width: 50%; } .bs-donebutton { float: left; width: 100%; box-sizing: border-box; } .bs-donebutton .btn-group button { width: 100%; } .bs-searchbox + .bs-actionsbox { padding: 0px; } .bs-searchbox .form-control:focus, .bs-searchbox .form-control { width: 100%; float: none; box-shadow: none; background: rgb(244, 244, 244); margin: -5px 0px 10px; height: 38px; line-height: 38px; padding: 10px; } .bs-searchbox { position: relative; } .bs-searchbox::after { font-family: material-icons; content: "&#59778;"; font-size: 20px; width: 20px; height: 20px; line-height: 0; display: inline-block; position: absolute; margin: 0px; color: rgb(160, 160, 160); right: 15px; top: 18px; } .caret { display: inline-block; width: 0px; height: 0px; margin-left: 2px; vertical-align: middle; border-top: 4px solid rgb(170, 170, 170); border-right: 4px solid transparent; border-left: 4px solid transparent; } .dropup, .dropdown { position: relative; } .dropdown-toggle:focus { outline: 0px; } .dropdown-menu { position: absolute; top: 100%; left: 0px; z-index: 1000; display: none; float: left; padding: 10px 5px; margin: -4px 0px 0px; font-size: 15px; text-align: left; list-style: none; background-color: rgb(255, 255, 255); border: none; border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 4px 0px; } .dropdown-menu.pull-right { right: 0px; left: auto; } .dropdown-menu .divider { display: none; } .dropdown-menu > li > a { display: block; padding: 7px 35px 7px 10px; clear: both; font-weight: 400; line-height: 21px; color: gray; border-radius: 4px; } .bootstrap-select::before { content: ""; position: absolute; z-index: 2100; bottom: 0px; left: 0px; height: 8px; width: 100%; background-color: rgb(255, 255, 255); display: block; opacity: 0; pointer-events: none; transition: all 0.4s ease 0s; } .bootstrap-select.open::before { opacity: 1; } .dropdown-menu > li > a:hover, .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover { color: rgb(102, 103, 107); text-decoration: none; background-color: rgba(102, 103, 107, 0.07); } .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover { color: rgb(119, 119, 119); } .dropdown-menu > .disabled > a:hover { text-decoration: none; cursor: not-allowed; background-color: transparent; background-image: none; } .dropdown-menu.inner::-webkit-scrollbar { width: 5px; } .dropdown-menu.inner::-webkit-scrollbar-track { background-color: transparent; border-radius: 12px; } .dropdown-menu.inner::-webkit-scrollbar-thumb { border-radius: 12px; background-color: rgb(216, 216, 216); } .dropdown-menu.inner::-webkit-scrollbar-thumb:hover { border-radius: 12px; background-color: rgb(200, 200, 200); } .bootstrap-select .dropdown-menu { opacity: 0; transition: all 0.4s ease 0s; display: block; pointer-events: none; visibility: hidden; cursor: default; } .bootstrap-select.open .dropdown-menu { opacity: 1; pointer-events: all; visibility: visible; } .open > a { outline: 0px; } .dropdown-menu-right { right: 0px; left: auto; } .dropdown-menu-left { right: auto; left: 0px; } .dropdown-header { display: block; padding: 7px 10px; line-height: 20px; white-space: nowrap; background: rgb(246, 246, 246); color: rgb(119, 119, 119); border-radius: 4px; margin-bottom: 1px; } .dropdown-backdrop { position: fixed; inset: 0px; z-index: 990; } .pull-right > .dropdown-menu { right: 0px; left: auto; } .dropup .caret, .navbar-fixed-bottom .dropdown .caret { content: ""; border-top: 0px; border-bottom: 4px dashed; } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: 100%; bottom: auto; margin-bottom: 2px; } @media (min-width: 767px) { .navbar-right .dropdown-menu { right: 0px; left: auto; } .navbar-right .dropdown-menu-left { right: auto; left: 0px; }} .bootstrap-select.btn-group { position: relative; } .bootstrap-select.btn-group button { position: relative; height: 48px; line-height: 0; padding: 0px 20px; margin: 0px; outline: none; font-size: 16px; color: gray; max-width: 100%; width: 100%; box-sizing: border-box; display: block; background-color: rgb(255, 255, 255); font-weight: 500; opacity: 1; border-radius: 4px; border: none; box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 4px 0px; } .hide-tick .check-mark { display: none !important; } .bootstrap-select.btn-group .dropdown-menu li a span.check-mark { position: absolute; display: inline-block; right: 8px; top: 50%; transform: translateY(-50%); margin: 0px; line-height: 0; width: 20px; height: 20px; text-align: center; } .bootstrap-select.btn-group .dropdown-menu li span.check-mark::before { font-family: feather-icons; content: "&#59691;"; font-size: 18px; transition: all 0.3s ease 0s; display: inline-block; top: 50%; right: 0px; position: absolute; margin: 0px; opacity: 0; transform: scale(0.5); } .bootstrap-select.btn-group .dropdown-menu li.selected span.check-mark::before { opacity: 1; transform: scale(1); transition: all 0.35s cubic-bezier(0.3, -0.41, 0.19, 2) 0s, opacity 0.3s ease 0s; } .bootstrap-select .dropdown-menu li.selected a span.check-mark::before, .bootstrap-select .dropdown-menu li.selected:hover a span.check-mark::before { color: rgb(102, 103, 107); } .bootstrap-select .glyphicon:not(.check-mark) { font-size: 17px; line-height: 0; position: relative; top: 1px; margin-right: 3px; } .bootstrap-select .filter-option .glyphicon { position: relative; top: 1px; } .with-border .dropdown-menu, .with-border.bootstrap-select.btn-group button { border: 1px solid rgb(224, 224, 224); box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 4px 0px; } .with-border.bootstrap-select::before { width: calc(100% - 2px); left: 1px; } .snackbar-container { transition: top 500ms ease 0s, right, bottom, left, opacity; font-size: 16px; min-height: 14px; background-color: rgb(64, 64, 64); position: fixed; display: flex; justify-content: space-between; align-items: center; color: rgb(255, 255, 255); line-height: 22px; padding: 18px 24px; bottom: -100px; top: -100px; opacity: 0; z-index: 9999; cursor: default; border-radius: 4px; font-weight: 500; } .snackbar-container .action { background: inherit; display: inline-block; border: none; text-transform: uppercase; color: rgb(170, 170, 170); margin: 0px 0px 0px 24px; padding: 0px; min-width: min-content; cursor: pointer; font-weight: 500; font-size: 14px; } @media (min-width: 640px) { .snackbar-container { display: inline-flex; margin: 24px; }} .snackbar-pos.bottom-center { bottom: 0px; left: 50%; transform: translate(-50%, 0px); top: auto !important; } .snackbar-pos.bottom-left { bottom: 0px; left: 0px; top: auto !important; } .snackbar-pos.bottom-right { bottom: 0px; right: 0px; top: auto !important; } .snackbar-pos.top-left { top: 0px; left: 0px; bottom: auto !important; } .snackbar-pos.top-center { top: 0px; left: 50%; transform: translate(-50%, 0px); bottom: auto !important; } .snackbar-pos.top-right { top: 0px; right: 0px; bottom: auto !important; } @media (max-width: 640px) { .snackbar-container { left: 0px; right: 0px; width: 100%; border-radius: 0px; } .snackbar-pos.bottom-center, .snackbar-pos.top-center { left: 0px; transform: none; }} body .pac-item { font-size: 12px; color: rgb(153, 153, 153); cursor: pointer; transition: all 0.2s ease 0s; padding: 5px 15px; } body .pac-container { border: none; box-sizing: content-box; margin-top: -2px; background-color: rgb(255, 255, 255); border-radius: 0px 0px 4px 4px; box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 4px 0px; z-index: 100; } .infoBox { border-radius: 4px; display: flex; flex-wrap: wrap; width: calc(100% + 30px); line-height: 24px; } .infoBox .job-listing { display: flex; flex-direction: column; justify-content: center; margin: 0px; box-shadow: none; width: 100%; } .infoBox .job-listing .job-listing-description { padding-top: 0px; } .infoBox .job-listing:hover { transform: none; } .infoBox .job-listing-details { flex-grow: 1; display: flex; flex-wrap: wrap; align-items: center; padding: 20px 25px; } .infoBox .job-listing h4.job-listing-company { font-size: 14px; position: relative; top: 0px; } .infoBox .job-listing .verified-badge { transform: scale(0.85); right: -7px; bottom: -7px; } .infoBox .job-listing .not-verified-badge { display: none; } .infoBox .job-listing-footer { flex-grow: 0; padding: 15px 25px; font-size: 16px; display: none; } .infoBox .job-listing h3.job-listing-title { font-size: 16px; line-height: 24px; } .infoBox .job-listing .job-listing-company-logo { max-width: 46px; margin: 5px 18px 5px 0px; top: 0px; flex: 0 0 46px; } .infoBox .job-listing .job-listing-company-logo img { max-width: 46px; } .map-box { background-color: rgb(255, 255, 255); margin-bottom: 20px; border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.12) 0px 0px 10px 0px; position: relative; width: 100%; } .map-box .listing-img-container img { width: 100%; border-radius: 4px 4px 0px 0px; } .map-box h4 { margin: 0px; padding: 0px; } .map-box h4 a { padding: 0px 0px 2px; font-size: 17px; line-height: 25px; transition: all 0.2s ease-in-out 0s; display: inline-block; } .listing-img-container { position: relative; height: 100%; display: block; } .map-box h4 a:hover { color: rgb(102, 103, 107); } .map-box p { padding: 0px; line-height: 25px; margin: 2px 0px 0px; font-size: 14px; } .map-box ul.listing-details { padding: 0px; font-size: 14px; display: none; } .map-box .listing-title { padding: 16px 22px; } .map-box .listing-img-content { padding: 18px 22px; } .map-box .listing-img-content span { font-size: 21px; } .map-box .listing-img-content .listing-price i { font-size: 15px; margin: -7px 0px 0px; } .infoBox > img { right: 0px; top: 0px; position: absolute !important; } .map-box .listing-img-container::before { content: ""; position: absolute; height: 100%; width: 100%; display: block; background: linear-gradient(to top, rgba(35, 35, 37, 0.85) 0%, rgba(35, 35, 37, 0.4) 35%, rgba(22, 22, 23, 0) 60%, rgba(0, 0, 0, 0) 100%) rgba(35, 35, 37, 0.2); } .map-box .listing-item-content { position: absolute; bottom: 20px; left: 0px; padding: 0px 24px; width: 100%; z-index: 50; box-sizing: border-box; } .map-box .listing-item-content h3 { color: rgb(255, 255, 255); font-size: 18px; padding: 0px 0px 2px; font-weight: 500; margin: 0px; line-height: 27px; } .map-box .listing-item-content span { font-size: 15px; font-weight: 300; display: inline-block; color: rgba(255, 255, 255, 0.7); } .infoBox-close { position: absolute; top: 12px; right: 12px; display: inline-block; z-index: 999; text-align: center; cursor: pointer; font-size: 15px; font-weight: 500; height: 27px; width: 27px; line-height: 27px; background-color: rgb(240, 240, 240); color: rgb(102, 102, 102); transition: all 0.2s ease-in-out 0s; border-radius: 4px; } .infoBox-close i { position: relative; top: 2px; left: -0.5px; } .infoBox-close:hover { color: rgb(255, 255, 255); background-color: rgb(102, 103, 107); } .map-box-icon { height: 38px; width: 38px; position: absolute; bottom: 0px; right: 0px; background-color: rgb(54, 133, 207); display: block; color: rgb(255, 255, 255); font-size: 12px; z-index: 101; text-align: center; transition: all 0.2s ease-in-out 0s; transform: translateX(50%); opacity: 0; visibility: hidden; } .map-box-icon::before { content: "&#61540;"; font-family: fontawesome; position: relative; top: 7px; display: block; } .map-box-image:hover .map-box-icon { opacity: 1; visibility: visible; transform: translateX(0px); } .map-box-image { position: relative; overflow: hidden; display: block; } .infoBox { animation: 0.5s ease 0s 1 normal none running infoBoxAnimation; } @keyframes infoBoxAnimation { 0% { opacity: 0; transform: translateY(-10px); } 100% { opacity: 1; transform: translateY(0px); }} .infoBox .star-rating span { margin-right: 3px; } .infoBox .rating-counter { position: relative; top: -1px; } .infoBox::after { content: ""; position: absolute; bottom: 5px; left: 50%; transform: translateX(-50%); width: 0px; height: 0px; border-left: 16px solid transparent; border-right: 16px solid transparent; border-top: 16px solid rgb(255, 255, 255); } #map { height: 100%; width: 100%; margin: 0px; z-index: 990; } #map-container { position: relative; top: 0px; left: 0px; height: 520px; width: 100%; z-index: 990; margin-bottom: 60px; } .gmnoprint { margin: 10px; } .homepage-map { height: 560px; margin-bottom: 0px; position: relative; } .search-bar-on-map { position: absolute; bottom: 50px; z-index: 1000; margin: 0px auto; left: 0px; right: 0px; } .cluster img { display: none; } .cluster-visible { text-align: center; font-weight: 700; border-radius: 50%; background-color: rgb(102, 103, 107); animation: 2.5s ease 0s infinite normal none running clusterAnimation; font-size: 14px !important; color: rgb(255, 255, 255) !important; width: 33px !important; height: 33px !important; line-height: 33px !important; } @keyframes clusterAnimation { 0%, 100% { box-shadow: rgba(102, 103, 107, 0.15) 0px 0px 0px 6px; } 50% { box-shadow: rgba(102, 103, 107, 0.15) 0px 0px 0px 10px; }} .map-marker-container { position: absolute; } .marker-container { position: relative; margin: -9px 0px 0px -9px; width: 18px; height: 18px; z-index: 1; border-radius: 50%; cursor: pointer; top: 0px; background-color: rgb(102, 103, 107); animation: 2.5s ease 0s infinite normal none running markerAnimation; transition: all 0.4s ease 0s; } @keyframes markerAnimation { 0%, 100% { box-shadow: rgba(102, 103, 107, 0.15) 0px 0px 0px 6px; } 50% { box-shadow: rgba(102, 103, 107, 0.15) 0px 0px 0px 8px; }} .map-marker-container.clicked .marker-container { transform: scale(1.3); } .marker-container::before { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: block; background-color: transparent; border-radius: 50%; transform: scale(2); opacity: 0; } .custom-zoom-in, .custom-zoom-out { background-color: rgb(255, 255, 255); color: rgb(51, 51, 51); cursor: pointer; border-radius: 4px; margin: 5px 15px; transition: all 0.3s ease 0s; box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 4px 0px; text-align: center; font-size: 18px; height: 34px; width: 34px; } .custom-zoom-in:hover, .custom-zoom-out:hover { background-color: rgb(102, 103, 107); color: rgb(255, 255, 255); } .custom-zoom-in::before, .custom-zoom-out::before { font-family: feather-icons; width: 100%; line-height: 35px; } .zoomControlWrapper { position: absolute; left: initial; right: 0px; width: 70px; margin-right: 20px; } .custom-zoom-in::before { content: "&#59825;"; } .custom-zoom-out::before { content: "&#59798;"; } #streetView, #geoLocation, #scrollEnabling { background-color: rgb(255, 255, 255); color: rgb(51, 51, 51); cursor: pointer; border-radius: 4px; margin: 5px 15px; transition: all 0.3s ease 0s; box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 4px 0px; position: absolute; top: 10px; left: 5px; z-index: 99; font-size: 14px; line-height: 21px; padding: 8px 14px; font-weight: 500; } #geoLocation:hover, #streetView:hover, #scrollEnabling:hover, #scrollEnabling.enabled { background-color: rgb(102, 103, 107); color: rgb(255, 255, 255); } #streetView::before { content: "&#59764;"; font-family: material-icons; font-size: 18px; top: 3px; position: relative; margin-right: 7px; margin-left: -1px; line-height: 0; } .boxed-list { margin-top: 10px; display: block; } .boxed-list-headline { background-color: rgb(242, 242, 242); border-radius: 4px; padding: 20px 35px; } .boxed-list-headline h3 { font-size: 18px; } .boxed-list-headline h3 span { color: rgb(136, 136, 136); } .boxed-list-headline h3 i { color: rgb(102, 103, 107); font-size: 24px; position: relative; top: 3px; line-height: 0; display: inline-block; margin-right: 5px; } .boxed-list ul.boxed-list-ul { padding: 0px; margin: 0px; list-style: none; } .boxed-list ul.boxed-list-ul > li { display: block; background-color: transparent; padding: 35px; border-radius: 4px; } .boxed-list ul.boxed-list-ul > li:nth-child(2n) { background-color: rgb(250, 250, 250); } .fields-ul { padding: 0px; margin: 0px; list-style: none; } .fields-ul > li { display: block; background-color: transparent; padding: 30px 30px 10px; border-bottom: 1px solid rgb(228, 228, 228); } .boxed-list-item { display: flex; } .boxed-list-item .item-image { flex: 0 0 60px; height: 60px; border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px; padding: 10px; margin-right: 25px; position: relative; top: -2px; display: flex; background-color: rgb(255, 255, 255); } @media screen and (-ms-high-contrast:active), screen and (-ms-high-contrast:none) { .boxed-list-item .item-image { max-width: 60px; } .boxed-list-item .item-image img { width: 100%; }} .boxed-list-item .item-image img { height: auto; align-self: center; } .boxed-list-item .item-content h4 a, .boxed-list-item .item-content h4 { font-size: 18px; font-weight: 600; color: rgb(51, 51, 51); } .boxed-list-item .item-content h4 span { font-size: 16px; color: gray; display: block; font-weight: 500; } .boxed-list-item .item-details { display: flex; margin-top: 5px; } .boxed-list-item .item-details .star-rating { top: -2px; position: relative; margin-right: 15px; } .boxed-list-item .item-details .detail-item { margin-right: 15px; color: gray; } .boxed-list-item .item-details .detail-item a { color: gray; } .boxed-list-item .item-details .detail-item a:hover { color: rgb(102, 103, 107); } .boxed-list-item .item-details .detail-item i { margin-right: 3px; position: relative; top: 0px; } .boxed-list-item .item-description p { margin-bottom: 0px; padding-bottom: 0px; } .boxed-list-item .item-description { margin-top: 15px; } .bid { display: flex; width: 100%; } .bid .bids-content { flex-grow: 1; display: flex; flex-wrap: wrap; align-items: center; } .bid .bids-bid { align-items: center; display: flex; } .bid .bids-avatar { align-self: center; } .bid .freelancer-name { margin-top: 0px; } .bid .freelancer-avatar { width: 80px; margin: 0px 30px 0px auto; position: relative; } .bid .star-rating { margin-top: 3px; display: block; } .bid .freelancer-avatar img { width: 100%; border-radius: 50%; cursor: pointer; } .bid .freelancer-avatar .verified-badge { position: absolute; bottom: 0px; right: 0px; } .bid-rate { text-align: center; font-size: 14px; background: rgb(244, 244, 244); color: rgb(136, 136, 136); border-radius: 4px; padding: 8px 12px; } .boxed-list ul.boxed-list-ul > li:nth-child(2n) .bid-rate { background: rgb(242, 242, 242); } .bid-rate .rate { color: rgb(51, 51, 51); font-weight: 600; text-align: center; line-height: 20px; border-radius: 4px; padding: 5px 10px 0px; font-size: 16px; } .bid-rate span { display: block; margin-top: -2px; } @media (max-width: 768px) { .bid .freelancer-avatar { width: 70px; margin: 0px 0px 15px; } .bid { display: block; } .bids-bid { margin-top: 15px; } .bid-rate { width: 100%; }} .job-overview { border-radius: 4px; background-color: rgb(249, 249, 249); } .job-overview .job-overview-headline { font-size: 20px; padding: 20px 35px; background-color: rgb(240, 240, 240); color: rgb(51, 51, 51); position: relative; border-radius: 4px 4px 0px 0px; } .job-overview .job-overview-inner { padding: 5px; } .job-overview .job-overview-inner ul { padding: 0px; margin: 0px; list-style: none; } .job-overview .job-overview-inner ul li { position: relative; display: block; font-size: 16px; padding-left: 38px; margin-bottom: 5px; } .job-overview .job-overview-inner ul li:last-child { margin-bottom: 0px; } .job-overview .job-overview-inner ul li span { font-weight: 600; color: rgb(51, 51, 51); margin: 0px; padding: 0px; display: block; } .job-overview .job-overview-inner ul li h5 { font-weight: 500; color: rgb(102, 102, 102); font-size: 16px; margin: 0px; padding: 0px; line-height: 20px; } .job-overview .job-overview-inner ul li i { position: absolute; left: 0px; top: 0px; font-size: 24px; color: rgb(102, 103, 107); } a.apply-now-button { background-color: rgb(102, 103, 107); color: rgb(255, 255, 255); text-align: center; font-size: 18px; border-radius: 4px; padding: 14px 20px; margin-bottom: 35px; box-shadow: rgba(102, 103, 107, 0.15) 0px 2px 8px; transition: all 0.3s ease 0s; display: block; } a.apply-now-button:hover { transform: translateY(-3px); box-shadow: rgba(102, 103, 107, 0.35) 0px 2px 8px; } a.apply-now-button i { font-size: 22px; position: relative; line-height: 0; top: 3px; margin-left: 5px; } #single-job-map-container { position: relative; } #single-job-map-container #singleListingMap { position: relative; height: 340px; border-radius: 4px; } .freelancer-socials ul { padding: 0px; list-style: none; cursor: default; margin: 0px 0px -5px -8px; } .freelancer-socials ul li { display: inline-block; font-size: 24px; } .freelancer-socials ul li a { color: rgb(185, 185, 185); padding: 0px 8px; } .freelancer-socials ul li a:hover { color: rgb(51, 51, 51); } .attachments-container { display: flex; flex-flow: wrap; width: calc(100% + 20px); margin-bottom: -30px; } .attachment-box { display: flex; margin: 0px 20px 20px 0px; background-color: rgb(244, 244, 244); border-radius: 4px 0px 4px 4px; font-weight: 600; padding: 15px 25px 45px 20px; line-height: 24px; flex-direction: column; color: rgb(102, 102, 102); transition: all 0.3s ease 0s; flex: 0 1 calc(50% - 21px); cursor: default; position: relative; } .single-page-section .attachment-box { flex: 0 1 calc(33% - 20px); } .single-page-section .attachments-container { margin-bottom: -20px; } a.attachment-box { cursor: pointer; } .attachment-box::before { content: ""; position: absolute; top: 0px; right: 0px; border-width: 0px 20px 20px 0px; border-style: solid; border-color: rgba(0, 0, 0, 0.15) rgb(255, 255, 255); transition: all 0.3s ease 0s; border-radius: 0px 0px 0px 4px; } a.attachment-box:hover { background-color: rgb(102, 103, 107); color: rgb(255, 255, 255); } a.attachment-box:hover::before { border-color: rgba(0, 0, 0, 0.25) rgb(255, 255, 255); } .attachment-box span { font-size: 14px; line-height: 20px; display: inline-block; flex: 1 1 auto; } .attachment-box i { display: block; font-style: normal; font-size: 14px; color: rgb(153, 153, 153); font-weight: 500; margin-top: 10px; position: absolute; bottom: 10px; transition: all 0.3s ease 0s; } a.attachment-box:hover i { color: rgba(255, 255, 255, 0.7); } .attachment-box .remove-attachment { position: absolute; bottom: 10px; right: 10px; color: rgb(255, 255, 255); background-color: rgb(220, 49, 57); box-shadow: rgba(234, 65, 81, 0.15) 0px 3px 8px; height: 28px; width: 28px; line-height: 28px; border-radius: 3px; font-weight: 500; font-size: 14px; transition: all 0.3s ease 0s; opacity: 0; transform: translateY(3px); } .attachment-box .remove-attachment::before { content: "&#59876;"; font-family: feather-icons; } .attachment-box:hover .remove-attachment { opacity: 1; transform: translateY(0px); } .profile-overview { display: flex; line-height: 22px; align-items: center; margin-bottom: 25px; width: calc(100% + 25px); } .profile-overview .overview-item { flex: 1 1 0%; border-right: 1px solid rgb(224, 224, 224); margin-right: 20px; padding-right: 20px; } .profile-overview .overview-item:last-child { border-right: 0px; padding-right: 0px; } .profile-overview .overview-item strong { display: block; font-weight: 600; color: rgb(51, 51, 51); font-size: 18px; margin-bottom: 5px; } .profile-overview .overview-item span { color: gray; } .freelancer-indicators { display: flex; flex-wrap: wrap; width: calc(100% + 30px); line-height: 24px; margin-bottom: -20px; } .freelancer-indicators .indicator { width: calc(50% - 31px); margin-right: 30px; margin-bottom: 20px; display: flex; flex-direction: column; } .freelancer-indicators .indicator strong { color: rgb(51, 51, 51); font-weight: 600; } .freelancer-indicators .indicator-bar span, .freelancer-indicators .indicator-bar { width: 100%; height: 4px; background-color: rgb(224, 224, 224); border-radius: 10px; position: relative; margin: 10px 0px; transition: all 1s ease 0s; } .freelancer-indicators .indicator-bar span { width: 0px; background-color: rgb(102, 103, 107); position: absolute; top: 0px; margin: 0px; } @media (max-width: 1240px) { .profile-overview, .profile-overview .overview-item { display: block; width: 100%; } .profile-overview .overview-item { border-right: 0px; border-bottom: 1px solid rgb(224, 224, 224); padding: 15px 0px; margin: 0px; } .profile-overview .overview-item:last-child { border-right: none; border-bottom: none; }} @media (max-width: 768px) { .boxed-list-item .item-details, .attachments-container, .attachments-container .attachment-box, .freelancer-indicators, .freelancer-indicators .indicator { display: block; width: 100%; } .boxed-list-item .item-image { display: none; }} .full-page-container, .dashboard-container { height: calc(-82px + 100vh); } @media (max-width: 1099px) { .full-page-container, .dashboard-container { height: calc(-76px + 100vh); }} .dashboard-container { display: flex; width: 100%; flex-wrap: wrap; } .dashboard-sidebar { flex: 0 0 280px; background-color: rgb(255, 255, 255); position: relative; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 20px 0px; z-index: 100; } .dashboard-sidebar .dashboard-sidebar-inner { overflow: auto; height: 100%; } .dashboard-content-container { flex: 1 1 0%; background-color: rgb(250, 250, 250); padding: 0px; overflow: auto; position: relative; z-index: 99; } .dashboard-content-inner { padding: 50px 50px 0px; position: relative; } @media (min-width: 1099px) { #header-container.dashboard-header .container { padding-right: 35px; padding-left: 0px; } #header-container.dashboard-header #logo { width: 281px; padding-left: 35px; }} @media (max-width: 1240px) { #header-container.dashboard-header #logo { width: auto; }} .dashboard-nav { display: block; z-index: 11; padding-bottom: 30px; } a.dashboard-responsive-nav-trigger { display: none; } .dashboard-nav ul { list-style: none; padding: 0px; margin: 25px 0px 0px; } .dashboard-nav ul:first-child { margin: 30px 0px 0px; } .dashboard-nav ul::before { content: attr(data-submenu-title); padding: 0px 35px; margin-bottom: 5px; display: block; color: rgb(102, 103, 107); font-weight: 600; font-size: 14px; } .dashboard-nav ul li { display: block; border-left: 3px solid rgb(204, 204, 204); line-height: 15px; font-size: 14px; } .dashboard-nav ul li a { color: rgb(51, 51, 51); display: block; padding: 3px 8px; cursor: pointer; position: relative; } .dashboard-nav ul li a i { padding-right: 8px; width: 20px; font-size: 20px; color: rgb(144, 144, 144); transition: all 0.3s ease 0s; position: relative; top: 2px; } .dashboard-nav ul li ul li:hover a { padding-left: 4px; } .dashboard-nav ul li.active-submenu a i, .dashboard-nav ul li.active a i, .dashboard-nav ul li:hover a i { color: rgb(102, 103, 107); } .dashboard-nav ul li.active-submenu, .dashboard-nav ul li.active, .dashboard-nav ul li:hover { border-color: rgb(102, 103, 107); background-color: rgba(102, 103, 107, 0.04); } .dashboard-nav ul li.active-submenu a, .dashboard-nav ul li:hover a, .dashboard-nav ul li.active a { color: rgb(102, 103, 107); } .dashboard-nav ul li span.nav-tag { display: inline-block; font-weight: 700; height: 19px; width: 19px; line-height: 19px; text-align: center; color: rgb(255, 255, 255); font-size: 11px; background-color: rgb(102, 103, 107); border-radius: 50%; position: relative; margin: 0px 0px 0px 4px; top: -2px; } .dashboard-nav ul li ul { padding: 0px; margin: 0px; visibility: hidden; max-height: 0px; opacity: 0; line-height: 0; transition: all 0.3s ease 0s; pointer-events: none; } .dashboard-nav ul li.active-submenu ul { visibility: visible; padding: 0px 0px 18px; line-height: 24px; opacity: 1; max-height: 200px; pointer-events: all; } .dashboard-nav ul li ul li { background-color: transparent; border: none; padding-left: 63px; position: relative; margin: 0px; } .dashboard-nav ul li ul li a { padding: 5px 0px; } .dashboard-nav ul li ul li:hover { border: none; background-color: transparent; } .dashboard-nav ul li a::after { font-family: material-icons; content: "&#59668;"; font-size: 16px; transition: all 0.3s ease 0s; opacity: 1; line-height: 17px; width: 17px; height: 17px; background-color: rgb(240, 240, 240); color: rgb(168, 168, 168); display: inline-block; border-radius: 3px; margin-left: 7px; text-indent: 0px; position: absolute; right: 35px; top: 15px; } .dashboard-nav ul li.active-submenu a::after, .dashboard-nav ul li.active a::after, .dashboard-nav ul li:hover a::after { color: rgb(102, 103, 107); background: rgba(102, 103, 107, 0.13); opacity: 0.8; } .dashboard-nav ul li ul::before, .dashboard-nav ul li a:only-child::after { content: ""; display: none; } .dashboard-headline { display: block; position: relative; margin-bottom: 50px; } .dashboard-headline h3 { display: block; font-size: 26px; color: rgb(51, 51, 51); } .dashboard-headline span { display: block; font-size: 18px; color: rgb(136, 136, 136); line-height: 30px; margin-top: 5px; } .dashboard-headline #breadcrumbs { right: 0px; } .fun-facts-container { display: flex; flex-wrap: wrap; width: calc(100% + 30px); margin-bottom: -30px; } .fun-fact { background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 6px; border-radius: 4px; padding: 25px; margin-right: 30px; margin-bottom: 30px; display: flex; flex-wrap: wrap; align-items: center; flex: 1 1 calc(25% - 30px); height: auto; cursor: default; transition: all 0.3s ease 0s; } @media screen and (-ms-high-contrast:active), screen and (-ms-high-contrast:none) { .fun-fact { flex: 1 1 0%; }} .fun-fact-icon { border-radius: 4px; background-color: rgba(0, 0, 0, 0.04); flex: 0 0 100px; height: 100px; display: flex; text-align: center; } .fun-fact-icon i { font-size: 48px; align-self: center; margin: 0px auto; color: rgb(102, 102, 102); } .fun-fact-icon i.icon-material-outline-gavel { transform: scale(0.91); } .fun-fact-text { flex: 1 1 0%; margin-right: 20px; } .fun-fact span { font-size: 18px; color: rgb(136, 136, 136); line-height: 22px; } .fun-fact h4 { font-size: 38px; color: rgb(51, 51, 51); line-height: 38px; margin-top: 5px; } .dashboard-box { display: block; border-radius: 4px; background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 8px; margin-top: 30px; position: relative; } .dashboard-box .headline { display: block; padding: 20px 30px; border-bottom: 1px solid rgb(228, 228, 228); position: relative; } .dashboard-box .headline h3 { font-size: 16px; font-weight: 600; color: rgb(51, 51, 51); line-height: 26px; } .dashboard-box .headline h3 i { color: rgb(102, 103, 107); font-size: 21px; line-height: 0; position: relative; top: 2px; margin-right: 4px; } .dashboard-box .headline h3 i.icon-material-outline-gavel { font-size: 20px; } .dashboard-box .headline h3 i.icon-material-outline-supervisor-account { font-size: 24px; top: 3px; } .dashboard-box .headline h3 i.icon-feather-folder-plus { font-size: 20px; top: 2px; margin-right: 5px; } .button.big i.icon-feather-plus { font-size: 20px; top: 2px; margin-left: -4px; margin-right: 5px; } .dashboard-box .content.with-padding { padding: 30px; } .dashboard-box .chart { padding: 30px 20px 17px 18px; } .dashboard-box .headline .sort-by { float: none; display: inline-block; position: absolute; top: calc(50% + 3px); transform: translateY(-50%); right: 30px; z-index: 100; height: 33px; } .dashboard-box .headline .bootstrap-select.btn-group .dropdown-toggle .filter-option { font-weight: 500; color: rgb(102, 102, 102); } .dashboard-note { border-radius: 4px; background-color: rgb(248, 248, 248); padding: 20px 25px 25px; margin-bottom: 20px; position: relative; } .dashboard-note:last-child { margin-bottom: 65px; } .dashboard-note::before { content: ""; position: absolute; top: 0px; right: 0px; border-width: 0px 20px 20px 0px; border-style: solid; border-color: rgba(0, 0, 0, 0.15) rgb(255, 255, 255); transition: all 0.3s ease 0s; border-radius: 0px 0px 0px 4px; } .dashboard-note p { line-height: 24px; margin-bottom: 20px; color: rgb(119, 119, 119); font-size: 14.7px; } .note-priority { background-color: rgb(51, 51, 51); border-radius: 4px; color: rgb(255, 255, 255); font-size: 14px; padding: 5px 9px; display: inline-block; line-height: 20px; } .note-priority.high { background-color: rgb(220, 49, 57); } .note-priority.medium { background-color: rgb(245, 145, 16); } .note-priority.low { background-color: rgb(63, 182, 96); } .note-footer { display: flex; } .note-buttons { align-self: center; margin-left: auto; } .note-buttons a { font-size: 16px; padding-left: 3px; margin-top: 2px; display: inline-block; color: rgb(136, 136, 136); } .note-buttons a:hover { color: rgb(68, 68, 68); } .add-note-button { position: absolute; bottom: 0px; left: 0px; right: 0px; padding: 10px 30px 30px; background: rgb(255, 255, 255); border-radius: 4px; width: calc(100% - 15px); } .add-note-button a.button { width: calc(100% + 15px) !important; max-width: calc(100% + 15px) !important; } ul.dashboard-box-list { list-style: none; padding: 0px; margin: 0px; } ul.dashboard-box-list > li { border-bottom: 1px solid rgb(228, 228, 228); line-height: 26px; padding: 22px 30px; display: flex; align-items: center; position: relative; width: 100%; flex-flow: wrap; transition: all 0.3s ease 0s; } ul.dashboard-box-list > li:last-child { border-bottom: none; } ul.dashboard-box-list > li:hover { background-color: rgb(252, 252, 252); } .dashboard-box-list .notification-text { font-size: 14.7px; flex: 1 1 0%; } .dashboard-box-list .notification-icon { flex: 0 0 40px; } .dashboard-box-list .notification-text .star-rating { position: relative; top: -18px; line-height: 0; height: 0px; display: inline-block; margin: 0px 3px; transform: scale(0.93); } .buttons-to-right, .dashboard-box-list .button.to-right { position: absolute; right: 30px; top: 50%; transform: translateY(-50%); opacity: 0; transition: all 0.3s ease 0s; box-shadow: rgb(255, 255, 255) 0px 0px 10px 15px; background-color: rgb(255, 255, 255); } .dashboard-box-list .buttons-to-right.always-visible, .dashboard-box-list li:hover .buttons-to-right { opacity: 1; } .dashboard-box-list .buttons-to-right.always-visible:not(.single-right-button) { position: relative; transform: none; top: 0px; margin: 5px 0px 10px -2px; opacity: 1; right: auto; display: inline-block; width: 100%; background-color: transparent; box-shadow: none; } .dashboard-box-list .button { padding: 6px 15px; line-height: 20px; font-size: 13px; font-weight: 600; margin: 0px; display: inline-block; box-shadow: rgba(102, 103, 107, 0.15) 0px 3px 8px; } .dashboard-box-list .button i[class*="icon-material"] { font-size: 18px; top: 3px; margin-right: 2px; margin-left: -2px; } .dashboard-box-list .buttons-to-right .button { margin: 0px 0px -6px 2px; } .dashboard-box-list .buttons-to-right.always-visible .button { margin: 0px 3px 0px 0px; } .dashboard-box .button.red { background-color: rgb(220, 49, 57); box-shadow: rgba(234, 65, 81, 0.15) 0px 3px 8px; } .dashboard-box .button.green { background-color: rgb(64, 182, 96); box-shadow: rgba(64, 182, 96, 0.15) 0px 3px 8px; } .dashboard-box .button.dark { background-color: rgb(51, 51, 51); box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 8px; } .dashboard-box .button.gray { background-color: rgb(238, 238, 238); color: rgb(102, 102, 102); box-shadow: none; } .dashboard-box .dashboard-box-list .button:not(.ico):hover, .dashboard-box .button.red:not(.ico):hover, .dashboard-box .button.green:not(.ico):hover, .dashboard-box .button.gray:not(.ico):hover { color: rgb(255, 255, 255); background-color: rgb(51, 51, 51); box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 8px; } .dashboard-box .button.dark:not(.ico):hover { background-color: rgb(102, 103, 107); box-shadow: rgba(102, 103, 107, 0.15) 0px 3px 8px; } .dashboard-box .button.ico { width: 32px; text-align: center; } .dashboard-box .button.ico i { font-size: 15px; margin-left: -7px; top: 2px; position: relative; } .dashboard-box .button i.icon-material-outline-check { margin-left: -5px; } .dashboard-box .button.ico i[class*="icon-material"] { font-size: 18px; margin-left: -8px; top: 3px; position: relative; } .dashboard-box-list { box-shadow: none; } .dashboard-box-list a.button i { margin: 0px 0px 0px -2px; padding: 0px; position: relative; top: 1px; font-size: 14px; line-height: 0; } .dashboard-box .mark-as-read { float: none; background-color: rgb(244, 244, 244); position: absolute; right: 30px; top: 18px; } .button-info { background: rgba(255, 255, 255, 0.25); color: rgb(255, 255, 255); width: 19px; height: 19px; display: inline-block; text-align: center; line-height: 19px; border-radius: 50%; font-size: 11px; font-weight: 700; margin-left: 3px; margin-right: -2px; } .dashboard-status-button { color: rgb(255, 255, 255); border-radius: 4px; font-size: 14px; line-height: 21px; padding: 2px 8px; display: inline-block; position: relative; top: -2px; margin: 0px 0px 4px 4px; } .dashboard-status-button.green { background: rgb(224, 245, 215); color: rgb(68, 150, 38); } .dashboard-status-button.yellow { background-color: rgb(251, 246, 221); color: rgb(161, 141, 41); } .dashboard-status-button.red { background-color: rgb(255, 230, 230); color: rgb(234, 82, 82); } .invoice-list-item ul { line-height: 22px; color: rgb(144, 144, 144); list-style: none; padding: 0px; margin: 0px; } .invoice-list-item ul li { padding: 0px; display: inline-block; font-size: 14.7px; margin-bottom: 5px; } .invoice-list-item ul li::after { content: ""; display: inline-block; width: 1px; height: 11px; background-color: rgb(224, 224, 224); position: relative; margin: 0px 10px; } .invoice-list-item ul li:last-child::after { display: none; } .invoice-list-item strong { font-weight: 600; color: rgb(51, 51, 51); margin-bottom: 5px; margin-top: -2px; display: block; } .paid, .unpaid { background-color: rgb(51, 51, 51); color: rgb(255, 255, 255); border-radius: 4px; line-height: 20px; padding: 4px 8px; font-size: 13px; position: relative; top: -1px; } .paid { background-color: rgb(64, 182, 96); } .unpaid { background-color: rgb(220, 49, 57); } .dashboard-box .job-listing-details { box-shadow: none; padding: 10px 0px; align-items: center; flex: 1 1 auto; } .dashboard-box .job-listing { box-shadow: none; padding: 0px; margin: 0px; background-color: transparent; display: flex; flex-direction: row; width: 100%; } .dashboard-box .job-listing.width-adjustment { max-width: 60%; } .dashboard-box .job-listing h3 a { color: rgb(51, 51, 51); font-size: 18px; } .dashboard-box .job-listing .job-listing-company-logo { max-width: 50px; } .dashboard-box .job-listing .job-listing-description { padding-top: 0px; } .dashboard-box .job-listing:hover { transform: none; } .dashboard-box .job-listing .job-listing-footer { background-color: transparent; padding: 0px; } .dashboard-box .freelancer-overview { padding: 15px 0px; } .dashboard-box .freelancer-overview-inner { flex: 1 1 auto; display: flex; align-items: center; } .dashboard-box .freelancer-overview .freelancer-name { text-align: left; margin: 0px 0px 0px 30px; width: 100%; } .dashboard-box .freelancer-overview .freelancer-avatar { margin: 0px; width: 90px; } .dashboard-box .freelancer-overview.manage-candidates .freelancer-avatar { align-self: flex-start; } .dashboard-task-info { list-style: none; margin: 0px; background-color: rgb(244, 244, 244); text-align: center; border-radius: 4px; padding: 14px 25px; display: flex; flex-direction: row; align-items: stretch; align-self: flex-end; position: absolute; right: 30px; top: 50%; transform: translateY(-50%); transition: all 0.3s ease 0s; justify-content: center; } .dashboard-box li:hover .dashboard-task-info { background-color: rgb(240, 240, 240); } .dashboard-task-info li { border-right: 1px solid rgb(208, 208, 208); padding-right: 22px; margin-right: 22px; display: flex; flex-direction: column; justify-content: center; align-items: center; } .dashboard-task-info li:last-child { margin-right: 0px; padding-right: 0px; border: none; } .dashboard-task-info li strong { display: block; font-size: 16px; font-weight: 600; color: rgb(51, 51, 51); line-height: 22px; } .dashboard-task-info li span { display: block; font-size: 14px; color: rgb(136, 136, 136); line-height: 20px; } .bid-acceptance { color: rgb(40, 156, 65); background-color: rgb(228, 246, 233); font-size: 18px; font-weight: 600; text-align: center; border-radius: 4px; padding: 12px 18px; display: inline-block; margin: 0px auto; line-height: 20px; } .bid-acceptance span { font-size: 14px; opacity: 0.86; line-height: 20px; } @media (max-width: 1366px) { .dashboard-box .job-listing.width-adjustment { max-width: 100%; } .dashboard-task-info { position: relative; right: 0px; top: 0px; transform: none; margin: 10px 0px 20px; } .dashboard-task-info.bid-info { margin-bottom: 0px; margin-top: 20px; }} @media (max-width: 768px) { .dashboard-box .freelancer-overview .freelancer-avatar { width: 60px; } .dashboard-box .freelancer-overview .freelancer-avatar .verified-badge { transform: scale(0.8); bottom: -5px; right: -5px; } .dashboard-box .freelancer-overview .freelancer-name { margin: 0px 0px 0px 25px; } .dashboard-box .job-listing .job-listing-company-logo { display: none; } .dashboard-task-info.bid-info, .dashboard-task-info:not(.bid-info) { flex-direction: column; width: 100%; } .dashboard-task-info li { border-right: none; border-bottom: 1px solid rgb(208, 208, 208); padding: 0px 0px 10px; margin: 0px 0px 10px; width: 100%; } .dashboard-task-info li:last-child { border-right: none; border-bottom: none; padding: 0px; margin: 0px; }} .dashboard-box .boxed-list-item { padding: 10px 0px; width: 100%; } .submit-field { margin-bottom: 28px; display: block; } .submit-field .pac-container { box-shadow: none; border-width: 1px; border-style: solid; border-color: rgb(255, 255, 255) rgb(224, 224, 224) rgb(224, 224, 224); border-image: initial; padding-top: 0px; z-index: 9; border-radius: 0px 0px 4px 4px; left: 0px !important; top: 47px !important; } .submit-field h5 { font-size: 16px; font-weight: 600; color: rgb(51, 51, 51); margin-bottom: 12px; } .submit-field h5 span { color: rgb(136, 136, 136); font-weight: 500; } .help-icon { color: rgb(102, 103, 107); display: inline-block; font-size: 19px; font-weight: 400; line-height: 18px; height: 16px; position: relative; top: 3px; margin: 0px 3px; font-style: normal; cursor: help; } .help-icon::before { content: "&#59772;"; font-family: feather-icons; } .avatar-wrapper { position: relative; width: 150px; height: 150px; border-radius: 4px; overflow: hidden; box-shadow: none; margin: 0px 10px 30px 0px; transition: all 0.3s ease 0s; } .avatar-wrapper:hover { transform: scale(1.05); cursor: pointer; } .avatar-wrapper .profile-pic { height: 100%; width: 100%; transition: all 0.3s ease 0s; object-fit: cover; } .avatar-wrapper .profile-pic::after { font-family: Feather-Icons; content: "&#59889;"; top: 0px; left: 0px; width: 100%; height: 100%; line-height: 120px; position: absolute; font-size: 60px; background: rgb(240, 240, 240); color: rgb(170, 170, 170); text-align: center; } .avatar-wrapper .upload-button { position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; } .avatar-wrapper .file-upload { opacity: 0; pointer-events: none; position: absolute; } .dashboard-content-inner .small-footer { width: 100%; left: 0px; padding: 25px 50px; position: absolute; bottom: 0px; } .dashboard-footer-spacer { padding-top: 125px; } @media (min-width: 1365px) and (max-width: 1600px) { .fun-fact:last-child { display: none; }} @media (max-width: 1365px) { .fun-fact { flex: 1 1 calc(50% - 30px); max-width: calc(50% - 30px); }} @media (max-width: 992px) { .dashboard-content-inner { min-height: auto !important; } .dashboard-sidebar .dashboard-nav-container, .dashboard-content-inner { padding: 15px; } .dashboard-sidebar-inner { padding-bottom: 30px; } .dashboard-sidebar .simplebar-content { overflow-x: hidden; } .dashboard-nav-inner { padding: 30px 0px; margin-bottom: 0px; } .dashboard-sidebar { flex: 1 1 0%; width: 100%; background-color: transparent; box-shadow: none; height: auto !important; } .full-page-sidebar .simplebar-track, .dashboard-sidebar .simplebar-track { display: none; } .full-page-sidebar-inner, .dashboard-sidebar-inner { height: auto !important; } .dashboard-container { display: block; width: 100%; flex-wrap: wrap; height: auto !important; } .dashboard-content-container { height: auto !important; } .dashboard-content-container .simplebar-scrollbar { display: none; } a.dashboard-responsive-nav-trigger { width: 100%; margin: 15px 0px 0px; background-color: rgb(51, 51, 51); border-radius: 5px; color: rgb(255, 255, 255); padding: 16px 30px; font-weight: 600; transition: all 0.2s ease 0s; display: block; line-height: 26px; } a.dashboard-responsive-nav-trigger span.trigger-title { padding-left: 33px; } a.dashboard-responsive-nav-trigger .hamburger-inner, a.dashboard-responsive-nav-trigger .hamburger-inner::before, a.dashboard-responsive-nav-trigger .hamburger-inner::after { background-color: rgb(255, 255, 255); } a.dashboard-responsive-nav-trigger .hamburger { top: 2px; left: 0px; transform: scale(0.66); } a.dashboard-responsive-nav-trigger i { margin-right: 8px; margin-left: -2px; font-size: 28px; line-height: 0; position: relative; top: 6px; } a.dashboard-responsive-nav-trigger.active { border-radius: 4px 4px 0px 0px; } .buttons-to-right:not(.single-right-button) { opacity: 1; } .fun-facts-container { width: calc(100% + 15px); margin-bottom: -15px; } .fun-fact { flex: 1 1 calc(50% - 15px); max-width: calc(50% - 15px); margin: 0px 15px 15px 0px; }} @media (max-width: 768px) { .fun-fact { flex: 1 1 100%; max-width: 100%; } #titlebar #breadcrumbs, .dashboard-headline #breadcrumbs { right: 0px; position: relative; top: 0px; transform: none; margin-top: 30px; max-width: 100%; } .buttons-to-right:not(.single-right-button) { position: relative; transform: none; top: 0px; margin: 10px 0px 0px; opacity: 1; right: auto; display: inline-block; box-shadow: none; width: 100%; } .dashboard-box .headline .sort-by { float: none; display: inline-block; position: relative; transform: none; right: 0px; top: 5px; left: -8px; } .dashboard-box .headline .sort-by .bootstrap-select .dropdown-menu { left: 0px; right: auto; }} .messages-container { margin: 0px; box-shadow: rgba(0, 0, 0, 0.06) 0px 0px 12px 0px; border-radius: 4px; background-color: rgb(255, 255, 255); } .messages-inbox ul { max-height: 875px; } .message-content-inner { max-height: 750px; } .message-content, .messages-container-inner .messages-inbox { overflow: hidden; } .message-content-inner, .messages-container-inner .messages-inbox ul { overflow-y: scroll; width: calc(100% + 18px); } .message-content-inner::-webkit-scrollbar, .messages-container-inner .messages-inbox ul::-webkit-scrollbar { width: 17px; } .messages-headline { max-height: 82px; font-size: 16px; margin: 0px; padding: 22px 30px; color: rgb(51, 51, 51); background-color: rgb(255, 255, 255); display: block; border-bottom: 1px solid rgb(234, 234, 234); border-radius: 4px 4px 0px 0px; position: relative; } .messages-headline input { background-color: rgb(246, 246, 246); box-shadow: none; height: 38px; padding: 14px; font-size: 14px; margin: 0px; } .messages-headline input:focus { box-shadow: none; } .messages-headline .input-with-icon i { font-size: 18px; right: 14px; } .messages-headline h4 { font-size: 16px; color: rgb(51, 51, 51); padding: 6px 0px; margin: 0px; font-weight: 600; display: inline-block; } .message-action { border-radius: 50px; font-size: 13px; font-weight: 500; display: inline-block; transition: all 0.3s ease 0s; color: rgb(102, 102, 102); padding: 0px; position: absolute; top: 50%; right: 30px; transform: translateY(-50%); } .message-action i { font-size: 14px; position: relative; top: 1px; margin-right: 1px; } .message-action:hover { color: rgb(238, 53, 53); } .messages-inbox ul { list-style: none; padding: 0px; margin: 0px; } .message-avatar img { display: inline-block; width: 54px; height: 54px; border-radius: 50%; } .messages-inbox ul li a { position: relative; display: block; padding: 30px; } .messages-inbox ul li { transition: all 0.2s ease 0s; position: relative; } .messages-inbox ul li:nth-child(2n) { background-color: rgb(250, 250, 250); } .messages-inbox ul li:last-child { border-bottom: none; } .messages-inbox ul li.active-message { background-color: rgb(250, 250, 250); } .messages-inbox ul li::before { position: absolute; top: 0px; left: 0px; width: 3px; height: 100%; background-color: rgb(102, 103, 107); display: block; content: ""; opacity: 0; transition: all 0.3s ease 0s; } .messages-inbox ul li:hover::before, .messages-inbox ul li.active-message::before { opacity: 1; } .messages-inbox .message-avatar { position: absolute; left: 30px; top: 50%; transform: translateY(-50%); } .messages-inbox .message-by { margin-left: 85px; font-size: 15px; color: rgb(102, 102, 102); } .messages-inbox .message-by p { margin: 0px; padding: 0px; line-height: 25px; font-size: 15px; } .message-by-headline h5, .message-by-headline span { display: inline-block; } .message-by-headline span { float: right; color: rgb(136, 136, 136); font-size: 14px; } .message-by-headline h5 { font-weight: 600; color: rgb(51, 51, 51); margin: 0px 0px 7px; padding: 0px; } .message-by-headline::after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0px; } .message-by h5 i { background-color: rgb(102, 103, 107); border-radius: 4px; line-height: 20px; font-size: 12px; color: rgb(255, 255, 255); font-style: normal; padding: 3px 8px; margin-left: 3px; } .messages-container-inner { display: flex; } .messages-container-inner .messages-inbox, .messages-container-inner .message-content { flex: 1 1 0%; } .messages-container-inner .message-content-inner { padding: 30px 30px 0px; flex-grow: 1; } .messages-container-inner .message-content { display: flex; flex-direction: column; } .messages-container-inner .messages-inbox { max-width: 340px; border-right: 1px solid rgb(234, 234, 234); } .messages-container-inner .messages-inbox ul li a { padding: 25px; } .messages-container-inner .messages-inbox .message-by p { height: 26px; max-width: 205px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 14px; color: rgb(136, 136, 136); } .messages-container-inner .message-avatar img { width: 40px; height: 40px; } .messages-container-inner .messages-inbox .message-avatar { left: 25px; } .messages-container-inner .messages-inbox .message-by { margin-left: 60px; } .messages-container-inner .message-by-headline h5 { font-size: 14px; margin-bottom: 3px; max-width: 160px; line-height: 23px; } .messages-container-inner .message-by-headline span { font-size: 13px; position: absolute; top: 25px; right: 25px; } .message-bubble { display: block; position: relative; margin-bottom: 25px; } .message-bubble .message-avatar { position: absolute; left: 0px; top: 0px; } .message-bubble .message-avatar img { width: 50px; height: 50px; } .message-bubble .message-text { margin-left: 70px; background-color: rgb(244, 244, 244); border-radius: 4px; padding: 12px 18px; position: relative; display: inline-block; float: left; line-height: 25px; } .message-bubble.me .message-text { float: right; } .message-bubble .message-text p { font-size: 15px; padding: 0px; margin: 0px; line-height: 25px; } .message-bubble.me .message-avatar { left: auto; right: 0px; } .message-bubble.me .message-text { margin-left: 0px; margin-right: 70px; background-color: rgb(102, 103, 107); color: rgb(255, 255, 255); position: relative; } .message-bubble .message-text::before { content: ""; width: 0px; height: 0px; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right: 6px solid rgb(244, 244, 244); left: -6px; right: auto; top: 19px; position: absolute; } .message-bubble.me .message-text::before { border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid rgb(102, 103, 107); border-right: none; right: -6px; left: auto; } .message-time-sign { text-align: center; display: block; position: relative; margin-bottom: 25px; } .message-time-sign::before { content: ""; height: 1px; background-color: rgb(234, 234, 234); display: block; max-width: 30%; margin: 0px auto; position: relative; top: 14px; z-index: 10; } .message-time-sign span { background-color: rgb(255, 255, 255); font-size: 14px; color: rgb(136, 136, 136); z-index: 11; position: relative; padding: 0px 10px; } .message-reply { border-top: 1px solid rgb(234, 234, 234); padding: 30px; display: flex; align-items: flex-start; margin-top: 15px; } .message-reply textarea { min-width: auto; height: 48px; min-height: 48px; padding: 10px 0px; margin: 0px 15px 0px 0px; flex: 1 1 0%; font-size: 15px; font-weight: 400; line-height: 26px; box-shadow: none; border: none; box-sizing: border-box; resize: none; } .message-reply button { border-radius: 4px; flex: 0 1 auto; height: 44px; text-align: center; align-self: center; padding: 0px 25px; } .message-reply i { padding: 0px; margin: 0px; } .typing-indicator { width: auto; height: 24px; padding-top: 8px; } .typing-indicator span { height: 8px; width: 8px; float: left; margin: 0px 1px; background-color: rgb(160, 160, 160); display: block; border-radius: 50%; opacity: 0.4; } .typing-indicator span:nth-of-type(1) { animation: 1s ease 0.33333s infinite normal none running blink; } .typing-indicator span:nth-of-type(2) { animation: 1s ease 0.66666s infinite normal none running blink; } .typing-indicator span:nth-of-type(3) { animation: 1s ease 0.99999s infinite normal none running blink; } @keyframes blink { 50% { opacity: 1; }} @media (max-width: 992px) { .messages-container-inner .messages-inbox { max-width: 300px; }} @media (max-width: 768px) { .messages-container-inner { display: block; } .messages-container-inner .messages-inbox { max-width: 100%; border-bottom: 1px solid rgb(228, 228, 228); border-right: none; } .messages-inbox ul { max-height: 500px; } .messages-container-inner .message-by-headline span { position: relative; top: 0px; right: 0px; display: block; float: none; padding: 0px; margin: -4px 0px 0px; } .message-action { display: block; position: relative; right: 0px; top: 0px; transform: none; margin-top: -5px; } .messages-headline { max-height: 120px; }} body { color: rgb(102, 102, 102); font-size: 16px; line-height: 27px; background-color: rgb(255, 255, 255); } body.gray { background-color: rgb(251, 251, 251); } body p { font-size: 16px; line-height: 27px; } body, h1, h2, h3, h4, h5, h6, input[type="text"], input[type="password"], input[type="email"], textarea, select, input[type="button"], input[type="submit"], button, body .pac-container { font-family: nunito, helveticaneue, "helvetica neue", Helvetica, Arial, sans-serif; text-transform: none; } h1, h2, h3, h4, h5, h6 { color: rgb(51, 51, 51); font-weight: 500; margin: 0px; padding: 0px; } h1 { font-size: 32px; } h2 { font-size: 26px; } h3 { font-size: 22px; } h4 { font-size: 16px; } h5 { font-size: 14px; } h6 { font-size: 12px; } h3.page-title { font-size: 20px; line-height: 32px; } .section { display: block; } .section.white { background: rgb(255, 255, 255); } .section.gray { background: rgb(249, 249, 249); } .section.border-top { border-top: 1px solid rgb(224, 224, 224); } .section.border-bottom { border-bottom: 1px solid rgb(224, 224, 224); } .section-headline { display: block; position: relative; padding-right: 20%; } .section-headline.centered { text-align: center; padding: 0px; } .section-headline span { font-size: 18px; line-height: 26px; font-weight: 300; color: rgb(136, 136, 136); margin-top: 0px; display: block; } .section-headline h1, .section-headline h2, .section-headline h3, .section-headline h4 { font-size: 26px; line-height: 36px; font-weight: 500; color: rgb(51, 51, 51); } .section-headline h4 { font-size: 22px; line-height: 34px; } .section-headline.border-top { border-top: 1px solid rgb(224, 224, 224); } h1.in-a-box, h2.in-a-box, h2.in-a-box, h3.in-a-box, h5.in-a-box { display: inline-block; font-size: 18px; background-color: rgb(51, 51, 51); color: rgb(255, 255, 255); border-radius: 4px; padding: 8px 20px; box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 10px; } .section-headline h5 { font-size: 16px; font-weight: 600; line-height: 30px; } a.headline-link { position: absolute; right: 0px; bottom: 0px; } a.headline-link.bottom-icon::after { content: "&#59735;"; top: 3px; } a.headline-link::after { content: "&#59797;"; font-family: material-icons; font-size: 21px; line-height: 0; position: relative; top: 4px; margin-left: 5px; } @media (max-width: 768px) { a.headline-link { position: relative; margin-top: 10px; display: inline-block; }} @media (max-width: 992px) { .hide-under-992px { display: none; }} @media (max-width: 768px) { .hide-under-768px { display: none; }} @media (max-width: 480px) { .hide-under-480px { display: none; }} .icon-set-container { width: calc(100% + 30px); left: -15px; position: relative; display: flex; flex-wrap: wrap; place-content: center; } .glyph.fs1 { position: relative; font-size: 20px; margin: 10px 15px; background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 8px; border-radius: 4px; flex: 1 1 calc(25% - 30px); place-content: center; display: flex; flex-direction: column; padding: 15px; transition: all 0.3s ease 0s; color: rgb(102, 102, 102); } .glyph.fs1:hover { transform: translateY(-5px); background-color: rgb(51, 51, 51); color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px; } .glyph.fs1:hover span:not([class*="mls"]) { background-color: rgb(255, 255, 255); color: rgb(51, 51, 51); } .glyph.fs1 .fs0, .glyph.fs1 fieldset { display: none; } .glyph.fs1 span:not([class*="mls"]) { vertical-align: middle; height: 40px; width: 40px; background: rgba(0, 0, 0, 0.04); display: inline-block; line-height: 40px; text-align: center; border-radius: 4px; font-size: 24px; transition: all 0.3s ease 0s; position: absolute; top: 50%; transform: translateY(-50%); } .glyph.fs1 .mls:not([class*="icon-"]) { max-width: 80%; display: inline-block; overflow: hidden; font-size: 14px; line-height: 20px; top: 0px; vertical-align: middle; padding-left: 55px; } .content-left-offset { padding-left: 30px; } .content-right-offset { padding-right: 30px; } @media (max-width: 992px) { .content-left-offset { padding-left: 15px; } .content-right-offset { padding-right: 15px; }} .margin-top-0 { margin-top: 0px !important; } .margin-top-1 { margin-top: 1px !important; } .margin-top-2 { margin-top: 2px !important; } .margin-top-3 { margin-top: 3px !important; } .margin-top-4 { margin-top: 4px !important; } .margin-top-5 { margin-top: 5px !important; } .margin-top-6 { margin-top: 6px !important; } .margin-top-7 { margin-top: 7px !important; } .margin-top-8 { margin-top: 8px !important; } .margin-top-9 { margin-top: 9px !important; } .margin-top-10 { margin-top: 10px !important; } .margin-top-11 { margin-top: 11px !important; } .margin-top-12 { margin-top: 12px !important; } .margin-top-13 { margin-top: 13px !important; } .margin-top-14 { margin-top: 14px !important; } .margin-top-15 { margin-top: 15px !important; } .margin-top-16 { margin-top: 16px !important; } .margin-top-17 { margin-top: 17px !important; } .margin-top-18 { margin-top: 18px !important; } .margin-top-19 { margin-top: 19px !important; } .margin-top-20 { margin-top: 20px !important; } .margin-top-21 { margin-top: 21px !important; } .margin-top-22 { margin-top: 22px !important; } .margin-top-23 { margin-top: 23px !important; } .margin-top-24 { margin-top: 24px !important; } .margin-top-25 { margin-top: 25px !important; } .margin-top-26 { margin-top: 26px !important; } .margin-top-27 { margin-top: 27px !important; } .margin-top-28 { margin-top: 28px !important; } .margin-top-29 { margin-top: 29px !important; } .margin-top-30 { margin-top: 30px !important; } .margin-top-31 { margin-top: 31px !important; } .margin-top-32 { margin-top: 32px !important; } .margin-top-33 { margin-top: 33px !important; } .margin-top-34 { margin-top: 34px !important; } .margin-top-35 { margin-top: 35px !important; } .margin-top-36 { margin-top: 36px !important; } .margin-top-37 { margin-top: 37px !important; } .margin-top-38 { margin-top: 38px !important; } .margin-top-39 { margin-top: 39px !important; } .margin-top-40 { margin-top: 40px !important; } .margin-top-41 { margin-top: 41px !important; } .margin-top-42 { margin-top: 42px !important; } .margin-top-43 { margin-top: 43px !important; } .margin-top-44 { margin-top: 44px !important; } .margin-top-45 { margin-top: 45px !important; } .margin-top-46 { margin-top: 46px !important; } .margin-top-47 { margin-top: 47px !important; } .margin-top-48 { margin-top: 48px !important; } .margin-top-49 { margin-top: 49px !important; } .margin-top-50 { margin-top: 50px !important; } .margin-top-51 { margin-top: 51px !important; } .margin-top-52 { margin-top: 52px !important; } .margin-top-53 { margin-top: 53px !important; } .margin-top-54 { margin-top: 54px !important; } .margin-top-55 { margin-top: 55px !important; } .margin-top-56 { margin-top: 56px !important; } .margin-top-57 { margin-top: 57px !important; } .margin-top-58 { margin-top: 58px !important; } .margin-top-59 { margin-top: 59px !important; } .margin-top-60 { margin-top: 60px !important; } .margin-top-61 { margin-top: 61px !important; } .margin-top-62 { margin-top: 62px !important; } .margin-top-63 { margin-top: 63px !important; } .margin-top-64 { margin-top: 64px !important; } .margin-top-65 { margin-top: 65px !important; } .margin-top-66 { margin-top: 66px !important; } .margin-top-67 { margin-top: 67px !important; } .margin-top-68 { margin-top: 68px !important; } .margin-top-69 { margin-top: 69px !important; } .margin-top-70 { margin-top: 70px !important; } .margin-top-71 { margin-top: 71px !important; } .margin-top-72 { margin-top: 72px !important; } .margin-top-73 { margin-top: 73px !important; } .margin-top-74 { margin-top: 74px !important; } .margin-top-75 { margin-top: 75px !important; } .margin-top-76 { margin-top: 76px !important; } .margin-top-77 { margin-top: 77px !important; } .margin-top-78 { margin-top: 78px !important; } .margin-top-79 { margin-top: 79px !important; } .margin-top-80 { margin-top: 80px !important; } .margin-top-81 { margin-top: 81px !important; } .margin-top-82 { margin-top: 82px !important; } .margin-top-83 { margin-top: 83px !important; } .margin-top-84 { margin-top: 84px !important; } .margin-top-85 { margin-top: 85px !important; } .margin-top-86 { margin-top: 86px !important; } .margin-top-87 { margin-top: 87px !important; } .margin-top-88 { margin-top: 88px !important; } .margin-top-89 { margin-top: 89px !important; } .margin-top-90 { margin-top: 90px !important; } .margin-top-91 { margin-top: 91px !important; } .margin-top-92 { margin-top: 92px !important; } .margin-top-93 { margin-top: 93px !important; } .margin-top-94 { margin-top: 94px !important; } .margin-top-95 { margin-top: 95px !important; } .margin-top-96 { margin-top: 96px !important; } .margin-top-97 { margin-top: 97px !important; } .margin-top-98 { margin-top: 98px !important; } .margin-top-99 { margin-top: 99px !important; } .margin-top-100 { margin-top: 100px !important; } .margin-bottom-0 { margin-bottom: 0px !important; } .margin-bottom-1 { margin-bottom: 1px !important; } .margin-bottom-2 { margin-bottom: 2px !important; } .margin-bottom-3 { margin-bottom: 3px !important; } .margin-bottom-4 { margin-bottom: 4px !important; } .margin-bottom-5 { margin-bottom: 5px !important; } .margin-bottom-6 { margin-bottom: 6px !important; } .margin-bottom-7 { margin-bottom: 7px !important; } .margin-bottom-8 { margin-bottom: 8px !important; } .margin-bottom-9 { margin-bottom: 9px !important; } .margin-bottom-10 { margin-bottom: 10px !important; } .margin-bottom-11 { margin-bottom: 11px !important; } .margin-bottom-12 { margin-bottom: 12px !important; } .margin-bottom-13 { margin-bottom: 13px !important; } .margin-bottom-14 { margin-bottom: 14px !important; } .margin-bottom-15 { margin-bottom: 15px !important; } .margin-bottom-16 { margin-bottom: 16px !important; } .margin-bottom-17 { margin-bottom: 17px !important; } .margin-bottom-18 { margin-bottom: 18px !important; } .margin-bottom-19 { margin-bottom: 19px !important; } .margin-bottom-20 { margin-bottom: 20px !important; } .margin-bottom-21 { margin-bottom: 21px !important; } .margin-bottom-22 { margin-bottom: 22px !important; } .margin-bottom-23 { margin-bottom: 23px !important; } .margin-bottom-24 { margin-bottom: 24px !important; } .margin-bottom-25 { margin-bottom: 25px !important; } .margin-bottom-26 { margin-bottom: 26px !important; } .margin-bottom-27 { margin-bottom: 27px !important; } .margin-bottom-28 { margin-bottom: 28px !important; } .margin-bottom-29 { margin-bottom: 29px !important; } .margin-bottom-30 { margin-bottom: 30px !important; } .margin-bottom-31 { margin-bottom: 31px !important; } .margin-bottom-32 { margin-bottom: 32px !important; } .margin-bottom-33 { margin-bottom: 33px !important; } .margin-bottom-34 { margin-bottom: 34px !important; } .margin-bottom-35 { margin-bottom: 35px !important; } .margin-bottom-36 { margin-bottom: 36px !important; } .margin-bottom-37 { margin-bottom: 37px !important; } .margin-bottom-38 { margin-bottom: 38px !important; } .margin-bottom-39 { margin-bottom: 39px !important; } .margin-bottom-40 { margin-bottom: 40px !important; } .margin-bottom-41 { margin-bottom: 41px !important; } .margin-bottom-42 { margin-bottom: 42px !important; } .margin-bottom-43 { margin-bottom: 43px !important; } .margin-bottom-44 { margin-bottom: 44px !important; } .margin-bottom-45 { margin-bottom: 45px !important; } .margin-bottom-46 { margin-bottom: 46px !important; } .margin-bottom-47 { margin-bottom: 47px !important; } .margin-bottom-48 { margin-bottom: 48px !important; } .margin-bottom-49 { margin-bottom: 49px !important; } .margin-bottom-50 { margin-bottom: 50px !important; } .margin-bottom-51 { margin-bottom: 51px !important; } .margin-bottom-52 { margin-bottom: 52px !important; } .margin-bottom-53 { margin-bottom: 53px !important; } .margin-bottom-54 { margin-bottom: 54px !important; } .margin-bottom-55 { margin-bottom: 55px !important; } .margin-bottom-56 { margin-bottom: 56px !important; } .margin-bottom-57 { margin-bottom: 57px !important; } .margin-bottom-58 { margin-bottom: 58px !important; } .margin-bottom-59 { margin-bottom: 59px !important; } .margin-bottom-60 { margin-bottom: 60px !important; } .margin-bottom-61 { margin-bottom: 61px !important; } .margin-bottom-62 { margin-bottom: 62px !important; } .margin-bottom-63 { margin-bottom: 63px !important; } .margin-bottom-64 { margin-bottom: 64px !important; } .margin-bottom-65 { margin-bottom: 65px !important; } .margin-bottom-66 { margin-bottom: 66px !important; } .margin-bottom-67 { margin-bottom: 67px !important; } .margin-bottom-68 { margin-bottom: 68px !important; } .margin-bottom-69 { margin-bottom: 69px !important; } .margin-bottom-70 { margin-bottom: 70px !important; } .margin-bottom-71 { margin-bottom: 71px !important; } .margin-bottom-72 { margin-bottom: 72px !important; } .margin-bottom-73 { margin-bottom: 73px !important; } .margin-bottom-74 { margin-bottom: 74px !important; } .margin-bottom-75 { margin-bottom: 75px !important; } .margin-bottom-76 { margin-bottom: 76px !important; } .margin-bottom-77 { margin-bottom: 77px !important; } .margin-bottom-78 { margin-bottom: 78px !important; } .margin-bottom-79 { margin-bottom: 79px !important; } .margin-bottom-80 { margin-bottom: 80px !important; } .margin-bottom-81 { margin-bottom: 81px !important; } .margin-bottom-82 { margin-bottom: 82px !important; } .margin-bottom-83 { margin-bottom: 83px !important; } .margin-bottom-84 { margin-bottom: 84px !important; } .margin-bottom-85 { margin-bottom: 85px !important; } .margin-bottom-86 { margin-bottom: 86px !important; } .margin-bottom-87 { margin-bottom: 87px !important; } .margin-bottom-88 { margin-bottom: 88px !important; } .margin-bottom-89 { margin-bottom: 89px !important; } .margin-bottom-90 { margin-bottom: 90px !important; } .margin-bottom-91 { margin-bottom: 91px !important; } .margin-bottom-92 { margin-bottom: 92px !important; } .margin-bottom-93 { margin-bottom: 93px !important; } .margin-bottom-94 { margin-bottom: 94px !important; } .margin-bottom-95 { margin-bottom: 95px !important; } .margin-bottom-96 { margin-bottom: 96px !important; } .margin-bottom-97 { margin-bottom: 97px !important; } .margin-bottom-98 { margin-bottom: 98px !important; } .margin-bottom-99 { margin-bottom: 99px !important; } .margin-bottom-100 { margin-bottom: 100px !important; } .margin-left-0 { margin-left: 0px !important; } .margin-left-1 { margin-left: 1px !important; } .margin-left-2 { margin-left: 2px !important; } .margin-left-3 { margin-left: 3px !important; } .margin-left-4 { margin-left: 4px !important; } .margin-left-5 { margin-left: 5px !important; } .margin-left-6 { margin-left: 6px !important; } .margin-left-7 { margin-left: 7px !important; } .margin-left-8 { margin-left: 8px !important; } .margin-left-9 { margin-left: 9px !important; } .margin-left-10 { margin-left: 10px !important; } .margin-left-15 { margin-left: 15px !important; } .margin-left-20 { margin-left: 20px !important; } .margin-left-25 { margin-left: 25px !important; } .margin-left-30 { margin-left: 30px !important; } .margin-left-35 { margin-left: 35px !important; } .margin-left-40 { margin-left: 40px !important; } .margin-left-45 { margin-left: 45px !important; } .margin-left-50 { margin-left: 50px !important; } .margin-left-55 { margin-left: 55px !important; } .margin-left-60 { margin-left: 60px !important; } .margin-left-65 { margin-left: 65px !important; } .margin-left-70 { margin-left: 70px !important; } .margin-left-75 { margin-left: 75px !important; } .margin-left-80 { margin-left: 80px !important; } .margin-left-85 { margin-left: 85px !important; } .margin-left-90 { margin-left: 90px !important; } .margin-left-95 { margin-left: 95px !important; } .margin-left-100 { margin-left: 100px !important; } .margin-right-0 { margin-right: 0px !important; } .margin-right-1 { margin-right: 1px !important; } .margin-right-2 { margin-right: 2px !important; } .margin-right-3 { margin-right: 3px !important; } .margin-right-4 { margin-right: 4px !important; } .margin-right-5 { margin-right: 5px !important; } .margin-right-6 { margin-right: 6px !important; } .margin-right-7 { margin-right: 7px !important; } .margin-right-8 { margin-right: 8px !important; } .margin-right-9 { margin-right: 9px !important; } .margin-right-10 { margin-right: 10px !important; } .margin-right-15 { margin-right: 15px !important; } .margin-right-20 { margin-right: 20px !important; } .margin-right-25 { margin-right: 25px !important; } .margin-right-30 { margin-right: 30px !important; } .margin-right-35 { margin-right: 35px !important; } .margin-right-40 { margin-right: 40px !important; } .margin-right-45 { margin-right: 45px !important; } .margin-right-50 { margin-right: 50px !important; } .margin-right-55 { margin-right: 55px !important; } .margin-right-60 { margin-right: 60px !important; } .margin-right-65 { margin-right: 65px !important; } .margin-right-70 { margin-right: 70px !important; } .margin-right-75 { margin-right: 75px !important; } .margin-right-80 { margin-right: 80px !important; } .margin-right-85 { margin-right: 85px !important; } .margin-right-90 { margin-right: 90px !important; } .margin-right-95 { margin-right: 95px !important; } .margin-right-100 { margin-right: 100px !important; } .padding-top-0 { padding-top: 0px !important; } .padding-top-1 { padding-top: 1px !important; } .padding-top-2 { padding-top: 2px !important; } .padding-top-3 { padding-top: 3px !important; } .padding-top-4 { padding-top: 4px !important; } .padding-top-5 { padding-top: 5px !important; } .padding-top-6 { padding-top: 6px !important; } .padding-top-7 { padding-top: 7px !important; } .padding-top-8 { padding-top: 8px !important; } .padding-top-9 { padding-top: 9px !important; } .padding-top-10 { padding-top: 10px !important; } .padding-top-11 { padding-top: 11px !important; } .padding-top-12 { padding-top: 12px !important; } .padding-top-13 { padding-top: 13px !important; } .padding-top-14 { padding-top: 14px !important; } .padding-top-15 { padding-top: 15px !important; } .padding-top-16 { padding-top: 16px !important; } .padding-top-17 { padding-top: 17px !important; } .padding-top-18 { padding-top: 18px !important; } .padding-top-19 { padding-top: 19px !important; } .padding-top-20 { padding-top: 20px !important; } .padding-top-21 { padding-top: 21px !important; } .padding-top-22 { padding-top: 22px !important; } .padding-top-23 { padding-top: 23px !important; } .padding-top-24 { padding-top: 24px !important; } .padding-top-25 { padding-top: 25px !important; } .padding-top-26 { padding-top: 26px !important; } .padding-top-27 { padding-top: 27px !important; } .padding-top-28 { padding-top: 28px !important; } .padding-top-29 { padding-top: 29px !important; } .padding-top-30 { padding-top: 30px !important; } .padding-top-31 { padding-top: 31px !important; } .padding-top-32 { padding-top: 32px !important; } .padding-top-33 { padding-top: 33px !important; } .padding-top-34 { padding-top: 34px !important; } .padding-top-35 { padding-top: 35px !important; } .padding-top-36 { padding-top: 36px !important; } .padding-top-37 { padding-top: 37px !important; } .padding-top-38 { padding-top: 38px !important; } .padding-top-39 { padding-top: 39px !important; } .padding-top-40 { padding-top: 40px !important; } .padding-top-41 { padding-top: 41px !important; } .padding-top-42 { padding-top: 42px !important; } .padding-top-43 { padding-top: 43px !important; } .padding-top-44 { padding-top: 44px !important; } .padding-top-45 { padding-top: 45px !important; } .padding-top-46 { padding-top: 46px !important; } .padding-top-47 { padding-top: 47px !important; } .padding-top-48 { padding-top: 48px !important; } .padding-top-49 { padding-top: 49px !important; } .padding-top-50 { padding-top: 50px !important; } .padding-top-51 { padding-top: 51px !important; } .padding-top-52 { padding-top: 52px !important; } .padding-top-53 { padding-top: 53px !important; } .padding-top-54 { padding-top: 54px !important; } .padding-top-55 { padding-top: 55px !important; } .padding-top-56 { padding-top: 56px !important; } .padding-top-57 { padding-top: 57px !important; } .padding-top-58 { padding-top: 58px !important; } .padding-top-59 { padding-top: 59px !important; } .padding-top-60 { padding-top: 60px !important; } .padding-top-61 { padding-top: 61px !important; } .padding-top-62 { padding-top: 62px !important; } .padding-top-63 { padding-top: 63px !important; } .padding-top-64 { padding-top: 64px !important; } .padding-top-65 { padding-top: 65px !important; } .padding-top-66 { padding-top: 66px !important; } .padding-top-67 { padding-top: 67px !important; } .padding-top-68 { padding-top: 68px !important; } .padding-top-69 { padding-top: 69px !important; } .padding-top-70 { padding-top: 70px !important; } .padding-top-71 { padding-top: 71px !important; } .padding-top-72 { padding-top: 72px !important; } .padding-top-73 { padding-top: 73px !important; } .padding-top-74 { padding-top: 74px !important; } .padding-top-75 { padding-top: 75px !important; } .padding-top-76 { padding-top: 76px !important; } .padding-top-77 { padding-top: 77px !important; } .padding-top-78 { padding-top: 78px !important; } .padding-top-79 { padding-top: 79px !important; } .padding-top-80 { padding-top: 80px !important; } .padding-top-81 { padding-top: 81px !important; } .padding-top-82 { padding-top: 82px !important; } .padding-top-83 { padding-top: 83px !important; } .padding-top-84 { padding-top: 84px !important; } .padding-top-85 { padding-top: 85px !important; } .padding-top-86 { padding-top: 86px !important; } .padding-top-87 { padding-top: 87px !important; } .padding-top-88 { padding-top: 88px !important; } .padding-top-89 { padding-top: 89px !important; } .padding-top-90 { padding-top: 90px !important; } .padding-top-91 { padding-top: 91px !important; } .padding-top-92 { padding-top: 92px !important; } .padding-top-93 { padding-top: 93px !important; } .padding-top-94 { padding-top: 94px !important; } .padding-top-95 { padding-top: 95px !important; } .padding-top-96 { padding-top: 96px !important; } .padding-top-97 { padding-top: 97px !important; } .padding-top-98 { padding-top: 98px !important; } .padding-top-99 { padding-top: 99px !important; } .padding-top-100 { padding-top: 100px !important; } .padding-bottom-0 { padding-bottom: 0px !important; } .padding-bottom-1 { padding-bottom: 1px !important; } .padding-bottom-2 { padding-bottom: 2px !important; } .padding-bottom-3 { padding-bottom: 3px !important; } .padding-bottom-4 { padding-bottom: 4px !important; } .padding-bottom-5 { padding-bottom: 5px !important; } .padding-bottom-6 { padding-bottom: 6px !important; } .padding-bottom-7 { padding-bottom: 7px !important; } .padding-bottom-8 { padding-bottom: 8px !important; } .padding-bottom-9 { padding-bottom: 9px !important; } .padding-bottom-10 { padding-bottom: 10px !important; } .padding-bottom-11 { padding-bottom: 11px !important; } .padding-bottom-12 { padding-bottom: 12px !important; } .padding-bottom-13 { padding-bottom: 13px !important; } .padding-bottom-14 { padding-bottom: 14px !important; } .padding-bottom-15 { padding-bottom: 15px !important; } .padding-bottom-16 { padding-bottom: 16px !important; } .padding-bottom-17 { padding-bottom: 17px !important; } .padding-bottom-18 { padding-bottom: 18px !important; } .padding-bottom-19 { padding-bottom: 19px !important; } .padding-bottom-20 { padding-bottom: 20px !important; } .padding-bottom-21 { padding-bottom: 21px !important; } .padding-bottom-22 { padding-bottom: 22px !important; } .padding-bottom-23 { padding-bottom: 23px !important; } .padding-bottom-24 { padding-bottom: 24px !important; } .padding-bottom-25 { padding-bottom: 25px !important; } .padding-bottom-26 { padding-bottom: 26px !important; } .padding-bottom-27 { padding-bottom: 27px !important; } .padding-bottom-28 { padding-bottom: 28px !important; } .padding-bottom-29 { padding-bottom: 29px !important; } .padding-bottom-30 { padding-bottom: 30px !important; } .padding-bottom-31 { padding-bottom: 31px !important; } .padding-bottom-32 { padding-bottom: 32px !important; } .padding-bottom-33 { padding-bottom: 33px !important; } .padding-bottom-34 { padding-bottom: 34px !important; } .padding-bottom-35 { padding-bottom: 35px !important; } .padding-bottom-36 { padding-bottom: 36px !important; } .padding-bottom-37 { padding-bottom: 37px !important; } .padding-bottom-38 { padding-bottom: 38px !important; } .padding-bottom-39 { padding-bottom: 39px !important; } .padding-bottom-40 { padding-bottom: 40px !important; } .padding-bottom-41 { padding-bottom: 41px !important; } .padding-bottom-42 { padding-bottom: 42px !important; } .padding-bottom-43 { padding-bottom: 43px !important; } .padding-bottom-44 { padding-bottom: 44px !important; } .padding-bottom-45 { padding-bottom: 45px !important; } .padding-bottom-46 { padding-bottom: 46px !important; } .padding-bottom-47 { padding-bottom: 47px !important; } .padding-bottom-48 { padding-bottom: 48px !important; } .padding-bottom-49 { padding-bottom: 49px !important; } .padding-bottom-50 { padding-bottom: 50px !important; } .padding-bottom-51 { padding-bottom: 51px !important; } .padding-bottom-52 { padding-bottom: 52px !important; } .padding-bottom-53 { padding-bottom: 53px !important; } .padding-bottom-54 { padding-bottom: 54px !important; } .padding-bottom-55 { padding-bottom: 55px !important; } .padding-bottom-56 { padding-bottom: 56px !important; } .padding-bottom-57 { padding-bottom: 57px !important; } .padding-bottom-58 { padding-bottom: 58px !important; } .padding-bottom-59 { padding-bottom: 59px !important; } .padding-bottom-60 { padding-bottom: 60px !important; } .padding-bottom-61 { padding-bottom: 61px !important; } .padding-bottom-62 { padding-bottom: 62px !important; } .padding-bottom-63 { padding-bottom: 63px !important; } .padding-bottom-64 { padding-bottom: 64px !important; } .padding-bottom-65 { padding-bottom: 65px !important; } .padding-bottom-66 { padding-bottom: 66px !important; } .padding-bottom-67 { padding-bottom: 67px !important; } .padding-bottom-68 { padding-bottom: 68px !important; } .padding-bottom-69 { padding-bottom: 69px !important; } .padding-bottom-70 { padding-bottom: 70px !important; } .padding-bottom-71 { padding-bottom: 71px !important; } .padding-bottom-72 { padding-bottom: 72px !important; } .padding-bottom-73 { padding-bottom: 73px !important; } .padding-bottom-74 { padding-bottom: 74px !important; } .padding-bottom-75 { padding-bottom: 75px !important; } .padding-bottom-76 { padding-bottom: 76px !important; } .padding-bottom-77 { padding-bottom: 77px !important; } .padding-bottom-78 { padding-bottom: 78px !important; } .padding-bottom-79 { padding-bottom: 79px !important; } .padding-bottom-80 { padding-bottom: 80px !important; } .padding-bottom-81 { padding-bottom: 81px !important; } .padding-bottom-82 { padding-bottom: 82px !important; } .padding-bottom-83 { padding-bottom: 83px !important; } .padding-bottom-84 { padding-bottom: 84px !important; } .padding-bottom-85 { padding-bottom: 85px !important; } .padding-bottom-86 { padding-bottom: 86px !important; } .padding-bottom-87 { padding-bottom: 87px !important; } .padding-bottom-88 { padding-bottom: 88px !important; } .padding-bottom-89 { padding-bottom: 89px !important; } .padding-bottom-90 { padding-bottom: 90px !important; } .padding-bottom-91 { padding-bottom: 91px !important; } .padding-bottom-92 { padding-bottom: 92px !important; } .padding-bottom-93 { padding-bottom: 93px !important; } .padding-bottom-94 { padding-bottom: 94px !important; } .padding-bottom-95 { padding-bottom: 95px !important; } .padding-bottom-96 { padding-bottom: 96px !important; } .padding-bottom-97 { padding-bottom: 97px !important; } .padding-bottom-98 { padding-bottom: 98px !important; } .padding-bottom-99 { padding-bottom: 99px !important; } .padding-bottom-100 { padding-bottom: 100px !important; } .padding-right-0 { padding-right: 0px !important; } .padding-right-5 { padding-right: 5px !important; } .padding-right-10 { padding-right: 10px !important; } .padding-right-15 { padding-right: 15px !important; } .padding-right-20 { padding-right: 20px !important; } .padding-right-25 { padding-right: 25px !important; } .padding-right-30 { padding-right: 30px !important; } .padding-right-35 { padding-right: 35px !important; } .padding-right-40 { padding-right: 40px !important; } .padding-right-45 { padding-right: 45px !important; } .padding-right-50 { padding-right: 50px !important; } .padding-right-55 { padding-right: 55px !important; } .padding-right-55 { padding-right: 55px !important; } .padding-right-55 { padding-right: 55px !important; } .padding-right-55 { padding-right: 55px !important; } .padding-right-60 { padding-right: 60px !important; } .padding-right-65 { padding-right: 65px !important; } .padding-right-70 { padding-right: 70px !important; } .padding-right-75 { padding-right: 75px !important; } .padding-right-80 { padding-right: 80px !important; } .padding-right-85 { padding-right: 85px !important; } .padding-right-90 { padding-right: 90px !important; } .padding-right-95 { padding-right: 95px !important; } .padding-right-100 { padding-right: 100px !important; } .padding-left-0 { padding-left: 0px !important; } .padding-left-5 { padding-left: 5px !important; } .padding-left-10 { padding-left: 10px !important; } .padding-left-15 { padding-left: 15px !important; } .padding-left-20 { padding-left: 20px !important; } .padding-left-25 { padding-left: 25px !important; } .padding-left-30 { padding-left: 30px !important; } .padding-left-35 { padding-left: 35px !important; } .padding-left-40 { padding-left: 40px !important; } .padding-left-45 { padding-left: 45px !important; } .padding-left-50 { padding-left: 50px !important; } .padding-left-55 { padding-left: 55px !important; } .padding-left-55 { padding-left: 55px !important; } .padding-left-55 { padding-left: 55px !important; } .padding-left-55 { padding-left: 55px !important; } .padding-left-60 { padding-left: 60px !important; } .padding-left-65 { padding-left: 65px !important; } .padding-left-70 { padding-left: 70px !important; } .padding-left-75 { padding-left: 75px !important; } .padding-left-80 { padding-left: 80px !important; } .padding-left-85 { padding-left: 85px !important; } .padding-left-90 { padding-left: 90px !important; } .padding-left-95 { padding-left: 95px !important; } .padding-left-100 { padding-left: 100px !important; } .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0px; clip: rect(0px, 0px, 0px, 0px); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; } .ui-helper-reset { margin: 0px; padding: 0px; border: 0px; outline: 0px; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix::before, .ui-helper-clearfix::after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix::after { clear: both; } .ui-helper-zfix { width: 100%; height: 100%; top: 0px; left: 0px; position: absolute; opacity: 0; } .ui-front { z-index: 100; } .ui-state-disabled { pointer-events: none; cursor: default !important; } .ui-icon { display: inline-block; vertical-align: middle; margin-top: -0.25em; position: relative; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } .ui-widget-icon-block { left: 50%; margin-left: -8px; display: block; } .ui-widget-overlay { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; } .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin: 2px 0px 0px; padding: 0.5em 0.5em 0.5em 0.7em; font-size: 100%; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0px; overflow: auto; } .ui-autocomplete { position: absolute; top: 0px; left: 0px; cursor: default; } .ui-menu { list-style: none; padding: 0px; margin: 0px; display: block; outline: 0px; } .ui-menu .ui-menu { position: absolute; } .ui-menu .ui-menu-item { margin: 0px; cursor: pointer; list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); } .ui-menu .ui-menu-item-wrapper { position: relative; padding: 3px 1em 3px 0.4em; } .ui-menu .ui-menu-divider { margin: 5px 0px; height: 0px; font-size: 0px; line-height: 0; border-width: 1px 0px 0px; } .ui-menu .ui-state-focus, .ui-menu .ui-state-active { margin: -1px; } .ui-menu-icons { position: relative; } .ui-menu-icons .ui-menu-item-wrapper { padding-left: 2em; } .ui-menu .ui-icon { position: absolute; top: 0px; bottom: 0px; left: 0.2em; margin: auto 0px; } .ui-menu .ui-menu-icon { left: auto; right: 0px; } .ui-button { padding: 0.4em 1em; display: inline-block; position: relative; line-height: normal; margin-right: 0.1em; cursor: pointer; vertical-align: middle; text-align: center; user-select: none; overflow: visible; } .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; } .ui-button-icon-only { width: 2em; box-sizing: border-box; text-indent: -9999px; white-space: nowrap; } input.ui-button.ui-button-icon-only { text-indent: 0px; } .ui-button-icon-only .ui-icon { position: absolute; top: 50%; left: 50%; margin-top: -8px; margin-left: -8px; } .ui-button.ui-icon-notext .ui-icon { padding: 0px; width: 2.1em; height: 2.1em; text-indent: -9999px; white-space: nowrap; } input.ui-button.ui-icon-notext .ui-icon { width: auto; height: auto; text-indent: 0px; white-space: normal; padding: 0.4em 1em; } .ui-controlgroup { vertical-align: middle; display: inline-block; } .ui-controlgroup > .ui-controlgroup-item { float: left; margin-left: 0px; margin-right: 0px; } .ui-controlgroup > .ui-controlgroup-item:focus, .ui-controlgroup > .ui-controlgroup-item.ui-visual-focus { z-index: 9999; } .ui-controlgroup-vertical > .ui-controlgroup-item { display: block; float: none; width: 100%; margin-top: 0px; margin-bottom: 0px; text-align: left; } .ui-controlgroup-vertical .ui-controlgroup-item { box-sizing: border-box; } .ui-controlgroup .ui-controlgroup-label { padding: 0.4em 1em; } .ui-controlgroup .ui-controlgroup-label span { font-size: 80%; } .ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item { border-left: none; } .ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item { border-top: none; } .ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content { border-right: none; } .ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content { border-bottom: none; } .ui-controlgroup-vertical .ui-spinner-input { width: calc(100% - 2.4em); } .ui-controlgroup-vertical .ui-spinner .ui-spinner-up { border-top-style: solid; } .ui-checkboxradio-label .ui-icon-background { box-shadow: rgb(204, 204, 204) 1px 1px 1px inset; border-radius: 0.12em; border: none; } .ui-checkboxradio-radio-label .ui-icon-background { width: 16px; height: 16px; border-radius: 1em; overflow: visible; border: none; } .ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon, .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon { background-image: none; width: 8px; height: 8px; border-width: 4px; border-style: solid; } .ui-checkboxradio-disabled { pointer-events: none; } .ui-datepicker { width: 17em; padding: 0.2em 0.2em 0px; display: none; } .ui-datepicker .ui-datepicker-header { position: relative; padding: 0.2em 0px; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left: 2px; } .ui-datepicker .ui-datepicker-next { right: 2px; } .ui-datepicker .ui-datepicker-prev-hover { left: 1px; } .ui-datepicker .ui-datepicker-next-hover { right: 1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0px 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0px; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 45%; } .ui-datepicker table { width: 100%; font-size: 0.9em; border-collapse: collapse; margin: 0px 0px 0.4em; } .ui-datepicker th { padding: 0.7em 0.3em; text-align: center; font-weight: bold; border: 0px; } .ui-datepicker td { border: 0px; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: 0.2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: 0.7em 0px 0px; padding: 0px 0.2em; border-left: 0px; border-right: 0px; border-bottom: 0px; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: 0.5em 0.2em 0.4em; cursor: pointer; padding: 0.2em 0.6em 0.3em; width: auto; overflow: visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } .ui-datepicker.ui-datepicker-multi { width: auto; } .ui-datepicker-multi .ui-datepicker-group { float: left; } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0px auto 0.4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0px; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0px; } .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0px; border-left-width: 1px; } .ui-datepicker .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; left: 0.5em; top: 0.3em; } .ui-dialog { position: absolute; top: 0px; left: 0px; padding: 0.2em; outline: 0px; } .ui-dialog .ui-dialog-titlebar { padding: 0.4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: 0.1em 0px; white-space: nowrap; width: 90%; overflow: hidden; text-overflow: ellipsis; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: 0.3em; top: 50%; width: 20px; margin: -10px 0px 0px; padding: 1px; height: 20px; } .ui-dialog .ui-dialog-content { position: relative; border: 0px; padding: 0.5em 1em; background: none; overflow: auto; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0px 0px; background-image: none; margin-top: 0.5em; padding: 0.3em 1em 0.5em 0.4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: 0.5em 0.4em 0.5em 0px; cursor: pointer; } .ui-dialog .ui-resizable-n { height: 2px; top: 0px; } .ui-dialog .ui-resizable-e { width: 2px; right: 0px; } .ui-dialog .ui-resizable-s { height: 2px; bottom: 0px; } .ui-dialog .ui-resizable-w { width: 2px; left: 0px; } .ui-dialog .ui-resizable-se, .ui-dialog .ui-resizable-sw, .ui-dialog .ui-resizable-ne, .ui-dialog .ui-resizable-nw { width: 7px; height: 7px; } .ui-dialog .ui-resizable-se { right: 0px; bottom: 0px; } .ui-dialog .ui-resizable-sw { left: 0px; bottom: 0px; } .ui-dialog .ui-resizable-ne { right: 0px; top: 0px; } .ui-dialog .ui-resizable-nw { left: 0px; top: 0px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } .ui-draggable-handle { touch-action: none; } .ui-resizable { position: relative; } .ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; touch-action: none; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0px; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0px; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0px; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0px; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; } .ui-progressbar { height: 2em; text-align: left; overflow: hidden; } .ui-progressbar .ui-progressbar-value { margin: -1px; height: 100%; } .ui-progressbar .ui-progressbar-overlay { background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw=="); height: 100%; opacity: 0.25; } .ui-progressbar-indeterminate .ui-progressbar-value { background-image: none; } .ui-selectable { touch-action: none; } .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted black; } .ui-selectmenu-menu { padding: 0px; margin: 0px; position: absolute; top: 0px; left: 0px; display: none; } .ui-selectmenu-menu .ui-menu { overflow: hidden auto; padding-bottom: 1px; } .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup { font-size: 1em; font-weight: bold; line-height: 1.5; padding: 2px 0.4em; margin: 0.5em 0px 0px; height: auto; border: 0px; } .ui-selectmenu-open { display: block; } .ui-selectmenu-text { display: block; margin-right: 20px; overflow: hidden; text-overflow: ellipsis; } .ui-selectmenu-button.ui-button { text-align: left; white-space: nowrap; width: 14em; } .ui-selectmenu-icon.ui-icon { float: right; margin-top: 0px; } .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; touch-action: none; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: 0.7em; display: block; border: 0px; background-position: 0px 0px; } .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; } .ui-slider-horizontal { height: 0.8em; } .ui-slider-horizontal .ui-slider-handle { top: -0.3em; margin-left: -0.6em; } .ui-slider-horizontal .ui-slider-range { top: 0px; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0px; } .ui-slider-horizontal .ui-slider-range-max { right: 0px; } .ui-slider-vertical { width: 0.8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -0.3em; margin-left: 0px; margin-bottom: -0.6em; } .ui-slider-vertical .ui-slider-range { left: 0px; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0px; } .ui-slider-vertical .ui-slider-range-max { top: 0px; } .ui-sortable-handle { touch-action: none; } .ui-spinner { position: relative; display: inline-block; overflow: hidden; padding: 0px; vertical-align: middle; } .ui-spinner-input { border: none; background: none; color: inherit; padding: 0.222em 0px; margin: 0.2em 2em 0.2em 0.4em; vertical-align: middle; } .ui-spinner-button { width: 1.6em; height: 50%; font-size: 0.5em; padding: 0px; margin: 0px; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0px; } .ui-spinner a.ui-spinner-button { border-top-style: none; border-bottom-style: none; border-right-style: none; } .ui-spinner-up { top: 0px; } .ui-spinner-down { bottom: 0px; } .ui-tabs { position: relative; padding: 0.2em; } .ui-tabs .ui-tabs-nav { margin: 0px; padding: 0.2em 0.2em 0px; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0px; margin: 1px 0.2em 0px 0px; border-bottom-width: 0px; padding: 0px; white-space: nowrap; } .ui-tabs .ui-tabs-nav .ui-tabs-anchor { float: left; padding: 0.5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor { cursor: text; } .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { cursor: pointer; } .ui-tabs .ui-tabs-panel { display: block; border-width: 0px; padding: 1em 1.4em; background: none; } .ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; } body .ui-tooltip { border-width: 2px; } .ui-widget { font-family: Arial, Helvetica, sans-serif; font-size: 1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial, Helvetica, sans-serif; font-size: 1em; } .ui-widget.ui-widget-content { border: 1px solid rgb(197, 197, 197); } .ui-widget-content { border: 1px solid rgb(221, 221, 221); background: rgb(255, 255, 255); color: rgb(51, 51, 51); } .ui-widget-content a { color: rgb(51, 51, 51); } .ui-widget-header { border: 1px solid rgb(221, 221, 221); background: rgb(233, 233, 233); color: rgb(51, 51, 51); font-weight: bold; } .ui-widget-header a { color: rgb(51, 51, 51); } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { border: 1px solid rgb(197, 197, 197); background: rgb(246, 246, 246); font-weight: normal; color: rgb(69, 69, 69); } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button { color: rgb(69, 69, 69); text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus { border: 1px solid rgb(204, 204, 204); background: rgb(237, 237, 237); font-weight: normal; color: rgb(43, 43, 43); } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, a.ui-button:hover, a.ui-button:focus { color: rgb(43, 43, 43); text-decoration: none; } .ui-visual-focus { box-shadow: rgb(94, 158, 214) 0px 0px 3px 1px; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { border: 1px solid rgb(0, 62, 255); background: rgb(0, 127, 255); font-weight: normal; color: rgb(255, 255, 255); } .ui-icon-background, .ui-state-active .ui-icon-background { border: rgb(0, 62, 255); background-color: rgb(255, 255, 255); } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: rgb(255, 255, 255); text-decoration: none; } .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid rgb(218, 213, 94); background: rgb(255, 250, 144); color: rgb(119, 118, 32); } .ui-state-checked { border: 1px solid rgb(218, 213, 94); background: rgb(255, 250, 144); } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: rgb(119, 118, 32); } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid rgb(241, 168, 153); background: rgb(253, 223, 223); color: rgb(95, 63, 63); } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: rgb(95, 63, 63); } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: rgb(95, 63, 63); } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: 0.7; font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: 0.35; background-image: none; } .ui-state-disabled .ui-icon { } .ui-icon { width: 16px; height: 16px; } .ui-icon, .ui-widget-content .ui-icon { background-image: url("images/ui-icons_444444_256x240.png"); } .ui-widget-header .ui-icon { background-image: url("images/ui-icons_444444_256x240.png"); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon { background-image: url("images/ui-icons_555555_256x240.png"); } .ui-state-active .ui-icon, .ui-button:active .ui-icon { background-image: url("images/ui-icons_ffffff_256x240.png"); } .ui-state-highlight .ui-icon, .ui-button .ui-state-highlight.ui-icon { background-image: url("images/ui-icons_777620_256x240.png"); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url("images/ui-icons_cc0000_256x240.png"); } .ui-button .ui-icon { background-image: url("images/ui-icons_777777_256x240.png"); } .ui-icon-blank { background-position: 16px 16px; } .ui-icon-caret-1-n { background-position: 0px 0px; } .ui-icon-caret-1-ne { background-position: -16px 0px; } .ui-icon-caret-1-e { background-position: -32px 0px; } .ui-icon-caret-1-se { background-position: -48px 0px; } .ui-icon-caret-1-s { background-position: -65px 0px; } .ui-icon-caret-1-sw { background-position: -80px 0px; } .ui-icon-caret-1-w { background-position: -96px 0px; } .ui-icon-caret-1-nw { background-position: -112px 0px; } .ui-icon-caret-2-n-s { background-position: -128px 0px; } .ui-icon-caret-2-e-w { background-position: -144px 0px; } .ui-icon-triangle-1-n { background-position: 0px -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -65px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0px -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -65px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 1px -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0px -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0px -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0px -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0px -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0px -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0px -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-on { background-position: -96px -144px; } .ui-icon-radio-off { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0px -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0px -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0px -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0px -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0px -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 3px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 3px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 3px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 3px; } .ui-widget-overlay { background: rgb(170, 170, 170); opacity: 0.3; } .ui-widget-shadow { box-shadow: rgb(102, 102, 102) 0px 0px 5px; } .numbered.color ol > li::before { border: 1px solid rgb(42, 65, 232); color: rgb(42, 65, 232); } .numbered.color.filled ol > li::before { border: 1px solid rgb(42, 65, 232); background-color: rgb(42, 65, 232); } .radio input[type="radio"]:checked + label .radio-label { background-color: rgb(42, 65, 232); border-color: rgb(42, 65, 232); } .checkbox input:checked + label span.checkbox-icon { background-color: rgb(42, 65, 232); border-color: rgb(42, 65, 232); } .slider-handle { border: 2px solid rgb(42, 65, 232); } .infoBox-close:hover { color: rgb(255, 255, 255); background-color: rgb(42, 65, 232); } .message-bubble.me .message-text::before { border-left: 6px solid rgb(42, 65, 232); } a, .header-widget .log-in-button:hover i, .notification-text span.color, .header-notifications-content .notification-text span.color, ul.user-menu-small-nav li a:hover, ul.user-menu-small-nav li a:hover i, #navigation ul li:hover a::after, #navigation ul li a.current, #navigation ul li a.current::after, #navigation ul li:hover a, #breadcrumbs ul li a:hover, #breadcrumbs.white ul li a:hover, .single-page-header .header-details li a:hover, .blog-post-content h3 a:hover, #posts-nav li a:hover, .task-tags span, .freelancer-detail-item a:hover, .list-4 li::before, .list-3 li::before, .list-2 li::before, .list-1 li::before, .share-buttons-content span strong, .keyword, .banner-headline strong.color, .category-box-icon, .recommended .pricing-plan-label, .recommended .pricing-plan-label strong, .boxed-widget.summary li.total-costs span, .testimonial-box::before, .single-counter h3, .popup-tabs-nav li.active a, .dialog-with-tabs .forgot-password:hover, .dropdown-menu > li > a:hover, .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .bootstrap-select .dropdown-menu li.selected a span.check-mark::before, .bootstrap-select .dropdown-menu li.selected:hover a span.check-mark::before, .boxed-list-headline h3 i, .boxed-list-item .item-details .detail-item a:hover, .job-overview .job-overview-inner ul li i, .dashboard-nav ul::before, .dashboard-nav ul li.active-submenu a i, .dashboard-nav ul li.active a i, .dashboard-nav ul li:hover a i, .dashboard-nav ul li.active-submenu a, .dashboard-nav ul li:hover a, .dashboard-nav ul li.active a, .dashboard-nav ul li.active-submenu a::after, .dashboard-nav ul li.active a::after, .dashboard-nav ul li:hover a::after, .dashboard-box .headline h3 i, .help-icon, .header-widget .log-in-button:hover, .header-widget .log-in-button:hover i { color: rgb(42, 65, 232); } .header-notifications-trigger span, a.header-notifications-button, #navigation ul ul.dropdown-nav ul.dropdown-nav li:hover a::after, #navigation ul ul.dropdown-nav li:hover a::after, .mm-menu em.mm-counter, .language-switcher.bootstrap-select.btn-group.open button, .language-switcher.bootstrap-select.btn-group button:hover, .footer-links ul li a span::before, .newsletter button, .pagination ul li a.current-page, a.blog-post-info:hover, #posts-nav li a:hover span, .comment-by a.reply:hover, .contact-address-headline::after, .enable-filters-button span, .enable-filters-button i, .job-listing.with-apply-button:hover .list-apply-button, .letters-list a.current, span.button, button.button, input[type="button"], input[type="submit"], a.button, .list-1 li::before, mark.color, table.basic-table th, .copy-url .copy-url-button, .keyword-input-container .keyword-input-button, .tags-container input[type="checkbox"]:checked + label, input:checked + .switch-button, .radio input[type="radio"] + label .radio-label::after, .uploadButton .uploadButton-button:hover, .pricing-plan .button:hover, .pricing-plan.recommended .button, .pricing-plan .recommended-badge, .payment-tab-trigger > input:checked ~ label::after, .breathing-icon, .icon-box-check, .testimonial-author span, .qtyInc:hover, .qtyDec:hover, #sign-in-dialog .mfp-close:hover, #small-dialog-1 .mfp-close:hover, #small-dialog-2 .mfp-close:hover, #small-dialog-3 .mfp-close:hover, #small-dialog-4 .mfp-close:hover, #small-dialog .mfp-close:hover, .slider-selection, .cluster-visible, .marker-container, .custom-zoom-in:hover, .custom-zoom-out:hover, #geoLocation:hover, #streetView:hover, #scrollEnabling:hover, #scrollEnabling.enabled, a.apply-now-button, a.attachment-box:hover, .freelancer-indicators .indicator-bar span, .dashboard-nav ul li span.nav-tag, .dashboard-box .button.dark:not(.ico):hover, .messages-inbox ul li::before, .message-by h5 i, .message-bubble.me .message-text { background-color: rgb(42, 65, 232); } .transparent-header #navigation > ul li:hover ul li:hover a::after, .transparent-header #navigation > ul li:hover a::after, .transparent-header #navigation > ul li a.current::after, .compact-list-layout .job-listing::before, .tasks-list-container.compact-list .task-listing::before, .compact-list.freelancers-list-layout .freelancer::before, .accordion-header, .tabs-header, .intro-search-field .field-title, .category-box:hover, .photo-box:hover::before, .photo-box.small .photo-box-content span, .slick-prev:hover, .slick-next:hover, .bootstrap-select.btn-group .bs-actionsbox div button:hover { background: rgb(42, 65, 232); } .uploadButton .uploadButton-button, .pricing-plan .button { color: rgb(42, 65, 232); border: 1px solid rgb(42, 65, 232); } .payment-tab-trigger > input:checked ~ label::before, .dashboard-nav ul li.active-submenu, .dashboard-nav ul li.active, .dashboard-nav ul li:hover { border-color: rgb(42, 65, 232); } #navigation ul ul.dropdown-nav ul.dropdown-nav li:hover a::after, #navigation ul ul.dropdown-nav li:hover a::after, #navigation ul li:hover a::after { background: rgba(42, 65, 232, 0.13); } #navigation ul li a.current::after { background: rgba(42, 65, 232, 0.13); } .pagination ul li a.current-page { box-shadow: rgba(42, 65, 232, 0.25) 0px 2px 8px; } .sidebar-search-button-container button { box-shadow: rgba(42, 65, 232, 0.1) 0px 4px 12px; } .sidebar-search-button-container button:hover { box-shadow: rgba(42, 65, 232, 0.25) 0px 4px 12px; } .job-listing.with-apply-button:hover .list-apply-button { box-shadow: rgba(42, 65, 232, 0.15) 0px 4px 12px; } .task-listing-bid-inner .button { box-shadow: rgba(42, 65, 232, 0.15) 0px 4px 12px; } .task-listing-bid-inner .button:hover { box-shadow: rgba(42, 65, 232, 0.25) 0px 4px 12px; } .task-tags span { background-color: rgba(42, 65, 232, 0.07); } .freelancers-grid-layout .freelancer-details a.button { box-shadow: rgba(42, 65, 232, 0.1) 0px 4px 12px; } .freelancer-details a.button:hover { box-shadow: rgba(42, 65, 232, 0.2) 0px 4px 12px; } .freelancers-list-layout .freelancer-details a.button { box-shadow: rgba(42, 65, 232, 0.15) 0px 4px 12px; } .freelancers-list-layout .freelancer-details a.button:hover { box-shadow: rgba(42, 65, 232, 0.25) 0px 4px 12px; } .letters-list a.current { box-shadow: rgba(42, 65, 232, 0.25) 0px 2px 8px; } span.button, button.button, input[type="button"], input[type="submit"], a.button { box-shadow: rgba(42, 65, 232, 0.15) 0px 4px 12px; } .move-on-hover { box-shadow: rgba(42, 65, 232, 0.1) 0px 4px 12px; } .move-on-hover:hover { box-shadow: rgba(42, 65, 232, 0.2) 0px 4px 12px; } .keyword { background-color: rgba(42, 65, 232, 0.07); } @keyframes switch-shadow-color { 0% { box-shadow: rgba(42, 65, 232, 0.6) 0px 0px 0px 0px; } 100% { box-shadow: transparent 0px 0px 0px 10px; }} @keyframes radius-shadow { 0% { box-shadow: rgba(42, 65, 232, 0.4) 0px 0px 0px 0px; } 100% { box-shadow: transparent 0px 0px 0px 10px; }} .uploadButton .uploadButton-button { box-shadow: rgba(42, 65, 232, 0.1) 0px 3px 10px; } .uploadButton .uploadButton-button:hover { box-shadow: rgba(42, 65, 232, 0.15) 0px 4px 12px; } .category-box:hover { box-shadow: rgba(42, 65, 232, 0.2) 0px 4px 12px; } .photo-box:hover { box-shadow: rgba(42, 65, 232, 0.25) 0px 4px 12px; } .recommended .pricing-plan-label { background-color: rgba(42, 65, 232, 0.06); } .pricing-plan .button:hover, .pricing-plan.recommended .button { box-shadow: rgba(42, 65, 232, 0.15) 0px 4px 12px; } .pricing-plan .button { box-shadow: rgba(42, 65, 232, 0.1) 0px 4px 12px; } .pricing-plan .button:hover { box-shadow: rgba(42, 65, 232, 0.15) 0px 4px 12px; } .breathing-icon { box-shadow: rgba(42, 65, 232, 0.07) 0px 0px 0px 15px; } @keyframes bicokAnim { 0%, 100% { box-shadow: rgba(42, 65, 232, 0.07) 0px 0px 0px 15px; } 50% { box-shadow: rgba(42, 65, 232, 0.12) 0px 0px 0px 28px; }} .icon-box-check { box-shadow: rgba(42, 65, 232, 0.1) 0px 0px 0px 5px; } @keyframes checkAnim { 0%, 100% { box-shadow: rgba(42, 65, 232, 0.15) 0px 0px 0px 5px; } 50% { box-shadow: rgba(42, 65, 232, 0.15) 0px 0px 0px 8px; }} .testimonial-author span { box-shadow: rgba(42, 65, 232, 0.25) 0px 2px 10px; } .bidding-widget .button { box-shadow: rgba(42, 65, 232, 0.15) 0px 4px 12px; } .bidding-widget .button:hover { box-shadow: rgba(42, 65, 232, 0.25) 0px 4px 12px; } .dialog-with-tabs .button { box-shadow: rgba(42, 65, 232, 0.15) 0px 4px 12px; } .slider-handle::after { box-shadow: rgba(42, 65, 232, 0.12) 0px 0px 0px 6px; } .slider-handle:hover::after { box-shadow: rgba(42, 65, 232, 0.12) 0px 0px 0px 8px; } .dropdown-menu > li > a:hover, .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover { background-color: rgba(42, 65, 232, 0.07); } @keyframes clusterAnimation { 0%, 100% { box-shadow: rgba(42, 65, 232, 0.15) 0px 0px 0px 6px; } 50% { box-shadow: rgba(42, 65, 232, 0.15) 0px 0px 0px 10px; }} @keyframes markerAnimation { 0%, 100% { box-shadow: rgba(42, 65, 232, 0.15) 0px 0px 0px 6px; } 50% { box-shadow: rgba(42, 65, 232, 0.15) 0px 0px 0px 8px; }} a.apply-now-button { box-shadow: rgba(42, 65, 232, 0.15) 0px 2px 8px; } a.apply-now-button:hover { box-shadow: rgba(42, 65, 232, 0.35) 0px 2px 8px; } .dashboard-nav ul li.active-submenu, .dashboard-nav ul li.active, .dashboard-nav ul li:hover { background-color: rgba(42, 65, 232, 0.04); } .dashboard-nav ul li.active-submenu a::after, .dashboard-nav ul li.active a::after, .dashboard-nav ul li:hover a::after { background: rgba(42, 65, 232, 0.13); } .dashboard-box-list .button { box-shadow: rgba(42, 65, 232, 0.15) 0px 3px 8px; } .dashboard-box .button.dark:not(.ico):hover { box-shadow: rgba(42, 65, 232, 0.15) 0px 3px 8px; } #navigation ul ul.dropdown-nav ul.dropdown-nav li:hover a::after, #navigation ul ul.dropdown-nav li:hover a::after { background-color: rgb(42, 65, 232); } .nav-ts-prod li a { padding: 2px 5px; font-weight: 500; font-size: 13px; } .nav-ts-prod li a.active { font-weight: bold; } .toremovefilter { padding: 1px 2px; line-height: 1px; background-color: rgb(255, 237, 184); border-color: rgb(255, 237, 184); margin: 0px !important; } .verified-badge-with-title-disable { background-color: rgb(148, 171, 154) !important; } .verified-badge-with-title-disable::before { background-color: rgb(109, 110, 109) !important; } .custom-menu-direito { background: rgb(240, 240, 240); } .i-pagination { font-size: 15px; color: rgb(42, 65, 232); } .ementa-vazia { background-color: rgb(253, 151, 39); } .ementa-vazia::before { background-color: rgb(224, 141, 50); } .i-pagination i { cursor: pointer; } .no-border { border: none; } .ts-menu-left { background-color: rgb(255, 255, 255); } body.gray { background: rgb(247, 247, 247); } h1, h2, h3, h4, h5, h6 { color: rgb(42, 65, 232); } .color-result-header { font-size: 12px; } .dropdown-toggle::after { content: unset; } .pagination ul { text-align: center; margin: 0px auto !important; } .ts-search-box .nav { background-color: rgb(247, 247, 247); border-radius: 5px; } .ts-search-box .messages-headline { border: none; } .bl-ts-search-result { color: rgb(60, 64, 67) !important; } .bl-ts-search-result li, .bl-ts-search-result b { color: rgb(102, 102, 102); } .bl-ts-search-result h3 { color: rgb(26, 13, 171) !important; } .bl-ts-search-result h3:visited { color: rgb(102, 0, 153); } .bl-ts-header-filtro { background-color: rgb(241, 241, 241); padding: 7px 7px 6px; } .bl-ts-header-filtro h2 { font-weight: 600; } @media (max-width: 1280px) { .task-listing-bid { visibility: hidden; display: none; }} .ts-icon-filter { visibility: hidden; display: none !important; } @media (max-width: 1099px) { .ts-icon-filter { visibility: visible; display: block !important; } .full-page-sidebar-inner { display: none; } .full-page-content-container { flex: 1 1 auto; } .bl-filter-activate .full-page-sidebar { background-color: rgba(60, 50, 50, 0.72); z-index: 10000; height: 100%; top: 0px; left: 0px; right: 0px; flex: 1 1 auto; overflow: hidden auto; padding: 0px 20px; width: 100% !important; position: absolute !important; } .bl-filter-activate .full-page-sidebar-inner { border-radius: 5px; margin-top: 30px; display: block; background-color: rgb(255, 255, 255); }} .range-bl .tooltip { z-index: 99; opacity: 1 !important; } .icon-ball-docs { border-radius: 3px; padding: 1px 4px; display: inline-block; font-weight: 500; line-height: 15px; text-align: center; color: rgb(51, 51, 51); font-size: 11px; background-color: rgb(202, 213, 243); position: relative; margin: 0px 0px 0px 4px; top: -2px; } #iframeinject { width: 100%; border: unset; } .btn-remove-year { background-color: rgb(220, 49, 57) !important; box-shadow: rgba(234, 65, 81, 0.15) 0px 3px 8px !important; padding: 6px 15px !important; line-height: 20px !important; font-size: 13px !important; font-weight: 600 !important; margin: 0px !important; display: inline-block !important; } .btn-remove-year:hover { background-color: rgb(93, 14, 14) !important; } .tasks-list-container.compact-list .task-listing:hover h3 { text-decoration: underline; } .tasks-list-container.compact-list .task-listing::before { background: rgb(242, 242, 242); opacity: 1; } .tasks-list-container.compact-list .task-listing:hover::before { background: rgb(42, 65, 232); } .button-custom-default { background-color: rgb(199, 198, 149); padding: 8px; border-radius: 3px; color: rgb(58, 58, 29) !important; text-decoration: none !important; } #breadcrumbs.blue { box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 10px; background-color: rgb(22, 121, 193); color: rgb(255, 255, 255) !important; } #breadcrumbs.blue a { color: rgb(255, 255, 255) !important; } .bl-bar-paginacao { background-color: rgb(223, 223, 223); } .container-ts-paginacao-inputs input { max-width: 70px; border-radius: 5px 0px 0px 5px; } .ts-container-paginacao-fixed { position: fixed; bottom: 0px; width: 100%; z-index: 200; } .modal-menu-filter { font-size: 12px; margin: 5px; } p.descricao { padding: 16px 15px; background: rgb(238, 255, 238); margin: 0px; } .modal-menu-filter td { font-size: 12px; padding: 0px !important; } .paginacao-filter-header li { background: blue; color: rgb(255, 255, 255); } .paginacao-filter-header a { color: rgb(255, 255, 255); } .paginacao-filter-header li.active { background: rgb(255, 255, 255); border-color: rgb(255, 255, 255); } .paginacao-filter-header li.active a { color: blue; font-weight: bold; } .menu-big-file { list-style-type: none; padding: 0px; margin: 0px 0px 0px 10px; } .blcp { font-size: 12px; } .menu-big-file > li { margin: 0px; background: rgb(248, 249, 252); line-height: 20px; } .menu-big-file > .btn-link { background: red !important; } .cblmenu { margin: -1px 0px 0px; background-color: rgb(255, 255, 255); border: 1px solid rgb(214, 214, 214); padding: 0px 90px 0px 0px !important; } .cblmenu > .btn { text-align: left; line-height: 15px; color: rgb(51, 51, 51); font-family: Arial, sans-serif; text-transform: uppercase; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; max-width: 550px; padding: 0px !important; margin: 0px !important; } .cblmenu:hover { background-color: rgb(239, 239, 239); } .cblmenue { padding-left: 18px !important; } .cblmenu::after { content: attr(pagina); color: rgb(22, 21, 179); font-weight: 600; position: absolute; right: 10px; } .intro-banner-search-form select { border: none; box-shadow: none; margin-right: 10px; } .federal-categoria-container { max-height: 600px; overflow-y: auto; } .federal-categoria-container .federal-categoria { } .federal-categoria-container .federal-categoria:hover { background-color: rgb(0, 95, 178); color: rgb(255, 255, 255); } .federal-categoria-container .federal-categoria { color: rgb(51, 51, 51); border-radius: 5px; padding: 3px 5px; border-bottom: 1px dotted rgb(51, 51, 51); font-size: 12px; line-height: 13px; } .federal-categoria-container .federal-categoria small { background-color: rgb(204, 204, 204); color: rgb(0, 63, 125); font-weight: bolder; border-radius: 3px; padding-left: 2px; padding-right: 2px; font-size: 10px; } #federal_sigla_orgao_wrapper, #estadual_sigla_orgao_wrapper { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; font-size: 12px; line-height: 12px; } #federal_sigla_orgao_length, #estadual_sigla_orgao_length, #dataTables_filter, #federal_sigla_orgao, #estadual_sigla_orgao, #federal_sigla_orgao_info, #estadual_sigla_orgao_info, #federal_sigla_orgao_paginate, #estadual_sigla_orgao_paginate, #federal_sigla_orgao_filter, #estadual_sigla_orgao_filter { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; } #federal_sigla_orgao_length, #estadual_sigla_orgao_length, #federal_sigla_orgao_filter, #estadual_sigla_orgao_filter { -webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%; } #federal_sigla_orgao_paginate, #estadual_sigla_orgao_paginate { -webkit-box-flex: 0; flex: 0 0 70%; max-width: 70%; margin-top: 5px; } #federal_sigla_orgao_info, #estadual_sigla_orgao_info { -webkit-box-flex: 0; flex: 0 0 30%; max-width: 30%; } #federal_sigla_orgao_length, #estadual_sigla_orgao_length { padding: 0px; } #federal_sigla_orgao_filter input, #estadual_sigla_orgao_filter input, #federal_sigla_orgao_length select, #estadual_sigla_orgao_length select { margin: 5px 0px 0px; width: 80%; padding: 0px 0px 0px 10px; height: 30px; border: 1px solid rgb(204, 204, 204); } #federal_sigla_orgao_filter label, #estadual_sigla_orgao_filter label, #federal_sigla_orgao_length label, #estadual_sigla_orgao_length label { margin: 0px; width: 100%; text-align: left; } #federal_sigla_orgao_filter, #estadual_sigla_orgao_filter { margin: 0px; padding: 0px; } #federal_sigla_orgao, #estadual_sigla_orgao { border: 1px solid rgb(204, 204, 204); -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; margin: 10px 0px 0px; padding: 0px; } #federal_sigla_orgao td, #estadual_sigla_orgao td { padding: 5px; } #federal_sigla_orgao tr:hover td, #estadual_sigla_orgao tr:hover td { background: rgb(236, 236, 236); } .Totfoot { visibility: collapse; } .loader { width: 100%; position: relative; } .loader .loading_1 { position: relative; width: 100%; height: 5px; border-radius: 10px; animation: 4s linear 1.75s infinite normal none running turn; } .loader .loading_1::before { content: ""; display: block; position: absolute; width: 0px; height: 100%; background-color: rgb(0, 95, 179); animation: 2s linear 0s infinite normal none running load; } .intro-search-form { background: transparent; box-shadow: unset; padding: 15px 20px !important; } .intro-search-form input, .intro-search-form select { margin: 0px 10px 0px 0px; height: 30px; line-height: 30px; padding: 8px; } .intro-search-form select { padding: 2px 2px 2px 5px; } .intro-search-form button { height: 30px; line-height: 30px; padding: 2px !important; } .header-search-bar { background: rgb(231, 237, 255); border-radius: 0px; } .intro-search-form .intro-search-field { border: none; } .full-page-sidebar-inner { background-color: rgb(239, 238, 238); } .container-filter { padding: 10px !important; } .range-bl { padding-top: 10px; padding-bottom: 30px !important; } .btn-remove-filter { color: red !important; padding: 3px 15px !important; } @keyframes load { 0% { width: 0%; } 87.5% { width: 100%; }} @keyframes turn { 0% { transform: rotateY(360deg); } 87.5% { transform: rotateY(0deg); }} table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc { background-image: unset !important; } input { width: 100%; border: 1px solid rgb(204, 204, 204) !important; padding: 3px !important; height: 25px !important; line-height: 25px !important; } .tabelebtnmenu { float: left; margin-top: 25px; margin-right: 10px; } select { padding: 2px; cursor: pointer; border: 1px solid rgb(204, 204, 204); height: 30px; } input { width: 100%; border: 1px solid rgb(204, 204, 204) !important; padding: 3px !important; height: 35px !important; line-height: 25px !important; } .table th { border-top: 1px solid rgb(222, 226, 230) !important; } .table td, .table thead tr:nth-child(2) th { line-height: 15px; font-size: 14px; vertical-align: top; border-top: 1px solid rgb(222, 226, 230); padding: 3px !important; } .table td, .table thead tr:nth-child(1) th { padding: 8px 5px; } .table td, .table thead tr:nth-child(2) th input { margin: 0px; } #logo img { height: 42px; width: auto; top: 25px; } .h1TItle { color: rgb(0, 63, 125); font-weight: bolder; font-family: "Arial Black"; } div.dataTables_wrapper div.dataTables_length label, div.dataTables_wrapper div.dataTables_length select, div.dataTables_wrapper div.dataTables_filter label, div.dataTables_wrapper div.dataTables_filter input { font-size: 12px; } .container { min-width: 90%; } h1, h2 { color: rgb(0, 63, 125); font-weight: bolder; font-family: "Arial Black"; } .dataTables_wrapper .dataTables_processing { height: auto; background: rgba(117, 117, 114, 0.47); inset: 0px !important; margin: 0px !important; width: 100% !important; }</style>