/* Minification failed. Returning unminified contents. (5360,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5361,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5362,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5363,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5364,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5365,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5366,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5367,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5368,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5369,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5370,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5371,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5372,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5373,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5374,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5375,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5376,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5377,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5378,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5379,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5380,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5381,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5382,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5383,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5384,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5385,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5386,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5401,17): run-time error CSS1039: Token not allowed after unary operator: '-gris-300' (5404,17): run-time error CSS1039: Token not allowed after unary operator: '-gris-500' (5407,17): run-time error CSS1039: Token not allowed after unary operator: '-gris-600' (5410,17): run-time error CSS1039: Token not allowed after unary operator: '-gris-700' (5413,17): run-time error CSS1039: Token not allowed after unary operator: '-gris-800' (5416,17): run-time error CSS1039: Token not allowed after unary operator: '-gris-950' (5419,17): run-time error CSS1039: Token not allowed after unary operator: '-gris-1000' (5422,17): run-time error CSS1039: Token not allowed after unary operator: '-azul-experto' (5425,17): run-time error CSS1039: Token not allowed after unary operator: '-aqua-digital' (5428,17): run-time error CSS1039: Token not allowed after unary operator: '-aqua-digital-1000' (5431,17): run-time error CSS1039: Token not allowed after unary operator: '-verde' (5434,17): run-time error CSS1039: Token not allowed after unary operator: '-rojo' (5437,17): run-time error CSS1039: Token not allowed after unary operator: '-amarillo-optimista' (5440,17): run-time error CSS1039: Token not allowed after unary operator: '-blanco' (5443,28): run-time error CSS1039: Token not allowed after unary operator: '-aqua-digital-1000' (5446,28): run-time error CSS1039: Token not allowed after unary operator: '-gris-50' (5449,28): run-time error CSS1039: Token not allowed after unary operator: '-gris-100' (5452,28): run-time error CSS1039: Token not allowed after unary operator: '-gris-600' (5455,28): run-time error CSS1039: Token not allowed after unary operator: '-azul-experto' (5458,28): run-time error CSS1039: Token not allowed after unary operator: '-amarillo-optimista' (5461,28): run-time error CSS1039: Token not allowed after unary operator: '-blanco' (6054,17): run-time error CSS1039: Token not allowed after unary operator: '-azul-experto' (6061,28): run-time error CSS1039: Token not allowed after unary operator: '-azul-experto' (6062,17): run-time error CSS1039: Token not allowed after unary operator: '-blanco' (6071,28): run-time error CSS1039: Token not allowed after unary operator: '-aqua-digital-1000' (6072,17): run-time error CSS1039: Token not allowed after unary operator: '-azul-experto' (6081,28): run-time error CSS1039: Token not allowed after unary operator: '-blanco' (6082,28): run-time error CSS1039: Token not allowed after unary operator: '-azul-experto' (6083,17): run-time error CSS1039: Token not allowed after unary operator: '-azul-experto' (6090,28): run-time error CSS1039: Token not allowed after unary operator: '-aqua-digital-300' (6091,17): run-time error CSS1039: Token not allowed after unary operator: '-azul-experto' (6092,28): run-time error CSS1039: Token not allowed after unary operator: '-aqua-digital-300' (6095,28): run-time error CSS1039: Token not allowed after unary operator: '-gris-500' (6096,24): run-time error CSS1039: Token not allowed after unary operator: '-gris-500' (6097,17): run-time error CSS1039: Token not allowed after unary operator: '-blanco' (6101,28): run-time error CSS1039: Token not allowed after unary operator: '-aqua-digital-1000' (6102,17): run-time error CSS1039: Token not allowed after unary operator: '-azul-experto' (6114,17): run-time error CSS1039: Token not allowed after unary operator: '-gris-500' (6120,34): run-time error CSS1039: Token not allowed after unary operator: '-gris-200' (6128,17): run-time error CSS1039: Token not allowed after unary operator: '-aqua-digital' (6131,28): run-time error CSS1039: Token not allowed after unary operator: '-gris-50' (6141,28): run-time error CSS1039: Token not allowed after unary operator: '-azul-experto' (6152,17): run-time error CSS1039: Token not allowed after unary operator: '-blanco' (6158,28): run-time error CSS1039: Token not allowed after unary operator: '-amarillo-optimista' (6159,17): run-time error CSS1039: Token not allowed after unary operator: '-azul-experto' (6162,28): run-time error CSS1039: Token not allowed after unary operator: '-gris-100' (6163,17): run-time error CSS1039: Token not allowed after unary operator: '-azul-experto' (6166,28): run-time error CSS1039: Token not allowed after unary operator: '-aqua-digital-1000' (6169,28): run-time error CSS1039: Token not allowed after unary operator: '-verde-500' (6172,28): run-time error CSS1039: Token not allowed after unary operator: '-rojo' (6175,28): run-time error CSS1039: Token not allowed after unary operator: '-gris-500' (6178,28): run-time error CSS1039: Token not allowed after unary operator: '-azul-experto' (6181,17): run-time error CSS1039: Token not allowed after unary operator: '-blanco' (6184,28): run-time error CSS1039: Token not allowed after unary operator: '-blanco' (6188,37): run-time error CSS1034: Expected closing parenthesis, found ',' (6188,37): run-time error CSS1042: Expected function, found ',' (6188,43): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (6217,17): run-time error CSS1039: Token not allowed after unary operator: '-azul-experto' (6226,17): run-time error CSS1039: Token not allowed after unary operator: '-gris-600' (6248,14): run-time error CSS1039: Token not allowed after unary operator: '-azul-experto' (6255,14): run-time error CSS1039: Token not allowed after unary operator: '-azul-experto' (6260,25): run-time error CSS1039: Token not allowed after unary operator: '-gris-200' (6276,14): run-time error CSS1039: Token not allowed after unary operator: '-azul-experto' (6277,35): run-time error CSS1039: Token not allowed after unary operator: '-gris-200' (6283,25): run-time error CSS1039: Token not allowed after unary operator: '-gris-250' (6317,17): run-time error CSS1039: Token not allowed after unary operator: '-aqua-digital' (6353,28): run-time error CSS1039: Token not allowed after unary operator: '-azul-experto' (6354,17): run-time error CSS1039: Token not allowed after unary operator: '-blanco' (6363,28): run-time error CSS1039: Token not allowed after unary operator: '-azul-experto' (6364,17): run-time error CSS1039: Token not allowed after unary operator: '-blanco' (6365,24): run-time error CSS1039: Token not allowed after unary operator: '-azul-experto' (6396,28): run-time error CSS1039: Token not allowed after unary operator: '-azul-experto' (6409,17): run-time error CSS1039: Token not allowed after unary operator: '-azul-experto' (6431,28): run-time error CSS1039: Token not allowed after unary operator: '-blanco' (6435,17): run-time error CSS1039: Token not allowed after unary operator: '-azul-experto' (6446,24): run-time error CSS1039: Token not allowed after unary operator: '-azul-experto' (6463,28): run-time error CSS1039: Token not allowed after unary operator: '-blanco' (6467,17): run-time error CSS1039: Token not allowed after unary operator: '-azul-experto' (6476,22): run-time error CSS1039: Token not allowed after unary operator: '-aqua-digital-100' (6479,28): run-time error CSS1039: Token not allowed after unary operator: '-aqua-digital-100' (6482,28): run-time error CSS1039: Token not allowed after unary operator: '-aqua-digital-100' (6494,22): run-time error CSS1039: Token not allowed after unary operator: '-aqua-digital-100' (6497,17): run-time error CSS1039: Token not allowed after unary operator: '-azul-experto' (6510,28): run-time error CSS1039: Token not allowed after unary operator: '-aqua-digital-1000' (6558,29): run-time error CSS1039: Token not allowed after unary operator: '-gris-900' (6566,28): run-time error CSS1039: Token not allowed after unary operator: '-aqua-digital-1000' (6567,17): run-time error CSS1039: Token not allowed after unary operator: '-blanco' (6609,28): run-time error CSS1039: Token not allowed after unary operator: '-azul-experto' (6610,28): run-time error CSS1039: Token not allowed after unary operator: '-azul-experto' (6613,28): run-time error CSS1039: Token not allowed after unary operator: '-blanco' (6627,28): run-time error CSS1039: Token not allowed after unary operator: '-amarillo-optimista' (6630,28): run-time error CSS1039: Token not allowed after unary operator: '-verde-500' (6644,17): run-time error CSS1039: Token not allowed after unary operator: '-azul-experto' (6649,17): run-time error CSS1039: Token not allowed after unary operator: '-gris-500' (6654,17): run-time error CSS1039: Token not allowed after unary operator: '-azul-experto' (6658,35): run-time error CSS1039: Token not allowed after unary operator: '-azul-experto' (6661,28): run-time error CSS1039: Token not allowed after unary operator: '-gris-100' (6668,17): run-time error CSS1039: Token not allowed after unary operator: '-azul-experto' (6675,28): run-time error CSS1039: Token not allowed after unary operator: '-azul-experto' (6676,17): run-time error CSS1039: Token not allowed after unary operator: '-blanco' (6681,25): run-time error CSS1039: Token not allowed after unary operator: '-azul-experto' (6689,14): run-time error CSS1039: Token not allowed after unary operator: '-blanco' (6700,14): run-time error CSS1039: Token not allowed after unary operator: '-blanco' (6720,28): run-time error CSS1039: Token not allowed after unary operator: '-azul-experto' (6721,17): run-time error CSS1039: Token not allowed after unary operator: '-azul-experto' (6731,28): run-time error CSS1039: Token not allowed after unary operator: '-azul-experto' (6735,28): run-time error CSS1039: Token not allowed after unary operator: '-amarillo-optimista' (6738,28): run-time error CSS1039: Token not allowed after unary operator: '-gris-300' (6794,35): run-time error CSS1039: Token not allowed after unary operator: '-azul-experto' (6795,33): run-time error CSS1039: Token not allowed after unary operator: '-azul-experto' (6814,28): run-time error CSS1039: Token not allowed after unary operator: '-gris-500' (6818,35): run-time error CSS1039: Token not allowed after unary operator: '-aqua-digital' (6830,28): run-time error CSS1039: Token not allowed after unary operator: '-gris-100' (6831,17): run-time error CSS1039: Token not allowed after unary operator: '-gris-500' (6836,28): run-time error CSS1039: Token not allowed after unary operator: '-gris-500' (6842,17): run-time error CSS1039: Token not allowed after unary operator: '-azul-experto' (6845,35): run-time error CSS1039: Token not allowed after unary operator: '-azul-experto' (6849,28): run-time error CSS1039: Token not allowed after unary operator: '-azul-experto-100' (6857,28): run-time error CSS1039: Token not allowed after unary operator: '-azul-experto' (6864,28): run-time error CSS1039: Token not allowed after unary operator: '-blanco' (6871,28): run-time error CSS1039: Token not allowed after unary operator: '-gris-300' (6877,28): run-time error CSS1039: Token not allowed after unary operator: '-azul-experto-300' (6879,17): run-time error CSS1039: Token not allowed after unary operator: '-azul-experto' (6883,17): run-time error CSS1039: Token not allowed after unary operator: '-azul-experto' (6886,28): run-time error CSS1039: Token not allowed after unary operator: '-azul-experto-300' (6888,17): run-time error CSS1039: Token not allowed after unary operator: '-azul-experto' (6907,28): run-time error CSS1039: Token not allowed after unary operator: '-gris-300' (6919,17): run-time error CSS1039: Token not allowed after unary operator: '-gris-600' (6926,28): run-time error CSS1039: Token not allowed after unary operator: '-gris-200' (6929,28): run-time error CSS1039: Token not allowed after unary operator: '-azul-experto' (6930,17): run-time error CSS1039: Token not allowed after unary operator: '-blanco' (6938,28): run-time error CSS1039: Token not allowed after unary operator: '-gris-200' (6946,20): run-time error CSS1039: Token not allowed after unary operator: '-gris-200' (6950,26): run-time error CSS1039: Token not allowed after unary operator: '-azul-experto' (6958,34): run-time error CSS1039: Token not allowed after unary operator: '-gris-600' (6961,28): run-time error CSS1039: Token not allowed after unary operator: '-gris-500' (6963,17): run-time error CSS1039: Token not allowed after unary operator: '-gris-500' (6971,28): run-time error CSS1039: Token not allowed after unary operator: '-amarillo-optimista' (6972,17): run-time error CSS1039: Token not allowed after unary operator: '-azul-experto' (6977,28): run-time error CSS1039: Token not allowed after unary operator: '-azul-experto' (7811,21): run-time error CSS1038: Expected hex color, found '#ffff' (8050,10): run-time error CSS1038: Expected hex color, found '#2ba6cbfff' (10096,23): run-time error CSS1038: Expected hex color, found '#2ba6cb3d9' (13069,13): run-time error CSS1030: Expected identifier, found ' ' */ @charset "UTF-8"; /** * Foundation for Sites * Version 6.6.3 * https://get.foundation * Licensed under MIT Open Source */ @media print, screen and (min-width: 40em) { .reveal, .reveal.tiny, .reveal.small, .reveal.large { right: auto; left: auto; margin: 0 auto; } } /*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */ html { line-height: 1.15; -webkit-text-size-adjust: 100%; } body { margin: 0; } h1 { font-size: 2em; margin: 0.67em 0; } hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; overflow: visible; } pre { font-family: monospace, monospace; font-size: 1em; } a { background-color: transparent; } abbr[title] { border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } b, strong { font-weight: bolder; } code, kbd, samp { font-family: monospace, monospace; font-size: 1em; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } img { border-style: none; } button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button, input { overflow: visible; } button, select { text-transform: none; } button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } fieldset { padding: 0.35em 0.75em 0.625em; } legend { -webkit-box-sizing: border-box; box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress { vertical-align: baseline; } textarea { overflow: auto; } [type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { -webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } details { display: block; } summary { display: list-item; } template { display: none; } [hidden] { display: none; } .foundation-mq { font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em"; } html { -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 100%; } *, *::before, *::after { -webkit-box-sizing: inherit; box-sizing: inherit; } body { margin: 0; padding: 0; background: #fefefe; font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-weight: normal; line-height: 1.5; color: #0a0a0a; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } img { display: inline-block; vertical-align: middle; max-width: 100%; height: auto; -ms-interpolation-mode: bicubic; } textarea { height: auto; min-height: 50px; border-radius: 3px; } select { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; border-radius: 3px; } .map_canvas img, .map_canvas embed, .map_canvas object, .mqa-display img, .mqa-display embed, .mqa-display object { max-width: none !important; } button { padding: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; border-radius: 3px; background: transparent; line-height: 1; cursor: auto; } [data-whatinput='mouse'] button { outline: 0; } pre { overflow: auto; } button, input, optgroup, select, textarea { font-family: inherit; } .is-visible { display: block !important; } .is-hidden { display: none !important; } div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td { margin: 0; padding: 0; } p { margin-bottom: 1rem; font-size: inherit; line-height: 1.6; text-rendering: optimizeLegibility; } em, i { font-style: italic; line-height: inherit; } strong, b { font-weight: bold; line-height: inherit; } small { font-size: 80%; line-height: inherit; } h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-style: normal; font-weight: normal; color: inherit; text-rendering: optimizeLegibility; } h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small { line-height: 0; color: #cacaca; } h1, .h1 { font-size: 1.5rem; line-height: 1.4; margin-top: 0; margin-bottom: 0.5rem; } h2, .h2 { font-size: 1.25rem; line-height: 1.4; margin-top: 0; margin-bottom: 0.5rem; } h3, .h3 { font-size: 1.1875rem; line-height: 1.4; margin-top: 0; margin-bottom: 0.5rem; } h4, .h4 { font-size: 1.125rem; line-height: 1.4; margin-top: 0; margin-bottom: 0.5rem; } h5, .h5 { font-size: 1.0625rem; line-height: 1.4; margin-top: 0; margin-bottom: 0.5rem; } h6, .h6 { font-size: 1rem; line-height: 1.4; margin-top: 0; margin-bottom: 0.5rem; } @media print, screen and (min-width: 40em) { h1, .h1 { font-size: 3rem; } h2, .h2 { font-size: 2.5rem; } h3, .h3 { font-size: 1.9375rem; } h4, .h4 { font-size: 1.5625rem; } h5, .h5 { font-size: 1.25rem; } h6, .h6 { font-size: 1rem; } } a { line-height: inherit; color: #2ba6cb; text-decoration: none; cursor: pointer; } a:hover, a:focus { color: #258faf; } a img { border: 0; } hr { clear: both; max-width: 62.5rem; height: 0; margin: 1.25rem auto; border-top: 0; border-right: 0; border-bottom: 1px solid #cacaca; border-left: 0; } ul, ol, dl { margin-bottom: 1rem; list-style-position: outside; line-height: 1.6; } li { font-size: inherit; } ul { margin-left: 1.25rem; list-style-type: disc; } ol { margin-left: 1.25rem; } ul ul, ol ul, ul ol, ol ol { margin-left: 1.25rem; margin-bottom: 0; } dl { margin-bottom: 1rem; } dl dt { margin-bottom: 0.3rem; font-weight: bold; } blockquote { margin: 0 0 1rem; padding: 0.5625rem 1.25rem 0 1.1875rem; border-left: 1px solid #cacaca; } blockquote, blockquote p { line-height: 1.6; color: #8a8a8a; } abbr, abbr[title] { border-bottom: 1px dotted #0a0a0a; cursor: help; text-decoration: none; } figure { margin: 0; } kbd { margin: 0; padding: 0.125rem 0.25rem 0; background-color: #e6e6e6; font-family: Consolas, "Liberation Mono", Courier, monospace; color: #0a0a0a; border-radius: 3px; } .subheader { margin-top: 0.2rem; margin-bottom: 0.5rem; font-weight: normal; line-height: 1.4; color: #8a8a8a; } .lead { font-size: 125%; line-height: 1.6; } .stat { font-size: 2.5rem; line-height: 1; } p + .stat { margin-top: -1rem; } ul.no-bullet, ol.no-bullet { margin-left: 0; list-style: none; } .cite-block, cite { display: block; color: #8a8a8a; font-size: 0.8125rem; } .cite-block:before, cite:before { content: "— "; } .code-inline, code { border: 1px solid #cacaca; background-color: #e6e6e6; font-family: Consolas, "Liberation Mono", Courier, monospace; font-weight: normal; color: #0a0a0a; display: inline; max-width: 100%; word-wrap: break-word; padding: 0.125rem 0.3125rem 0.0625rem; } .code-block { border: 1px solid #cacaca; background-color: #e6e6e6; font-family: Consolas, "Liberation Mono", Courier, monospace; font-weight: normal; color: #0a0a0a; display: block; overflow: auto; white-space: pre; padding: 1rem; margin-bottom: 1.5rem; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-justify { text-align: justify; } @media print, screen and (min-width: 40em) { .medium-text-left { text-align: left; } .medium-text-right { text-align: right; } .medium-text-center { text-align: center; } .medium-text-justify { text-align: justify; } } @media print, screen and (min-width: 64em) { .large-text-left { text-align: left; } .large-text-right { text-align: right; } .large-text-center { text-align: center; } .large-text-justify { text-align: justify; } } .show-for-print { display: none !important; } @media print { * { background: transparent !important; color: black !important; -webkit-print-color-adjust: economy; color-adjust: economy; -webkit-box-shadow: none !important; box-shadow: none !important; text-shadow: none !important; } .show-for-print { display: block !important; } .hide-for-print { display: none !important; } table.show-for-print { display: table !important; } thead.show-for-print { display: table-header-group !important; } tbody.show-for-print { display: table-row-group !important; } tr.show-for-print { display: table-row !important; } td.show-for-print { display: table-cell !important; } th.show-for-print { display: table-cell !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } .ir a:after, a[href^='javascript:']:after, a[href^='#']:after { content: ''; } abbr[title]:after { content: " (" attr(title) ")"; } pre, blockquote { border: 1px solid #8a8a8a; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } .print-break-inside { page-break-inside: auto; } } [type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'], textarea { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 2.4375rem; margin: 0 0 1rem; padding: 0.5rem; border: 1px solid #cacaca; border-radius: 3px; background-color: #fefefe; -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1); box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1); font-family: inherit; font-size: 1rem; font-weight: normal; line-height: 1.5; color: #0a0a0a; -webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; transition: box-shadow 0.5s, border-color 0.25s ease-in-out; transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; -webkit-appearance: none; -moz-appearance: none; appearance: none; } [type='text']:focus, [type='password']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='week']:focus, [type='email']:focus, [type='number']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='url']:focus, [type='color']:focus, textarea:focus { outline: none; border: 1px solid #8a8a8a; background-color: #fefefe; -webkit-box-shadow: 0 0 5px #cacaca; box-shadow: 0 0 5px #cacaca; -webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; transition: box-shadow 0.5s, border-color 0.25s ease-in-out; transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; } textarea { max-width: 100%; } textarea[rows] { height: auto; } input:disabled, input[readonly], textarea:disabled, textarea[readonly] { background-color: #e6e6e6; cursor: not-allowed; } [type='submit'], [type='button'] { -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 3px; } input[type='search'] { -webkit-box-sizing: border-box; box-sizing: border-box; } ::-webkit-input-placeholder { color: #cacaca; } ::-moz-placeholder { color: #cacaca; } :-ms-input-placeholder { color: #cacaca; } ::-ms-input-placeholder { color: #cacaca; } ::placeholder { color: #cacaca; } [type='file'], [type='checkbox'], [type='radio'] { margin: 0 0 1rem; } [type='checkbox'] + label, [type='radio'] + label { display: inline-block; vertical-align: baseline; margin-left: 0.5rem; margin-right: 1rem; margin-bottom: 0; } [type='checkbox'] + label[for], [type='radio'] + label[for] { cursor: pointer; } label > [type='checkbox'], label > [type='radio'] { margin-right: 0.5rem; } [type='file'] { width: 100%; } label { display: block; margin: 0; font-size: 0.875rem; font-weight: normal; line-height: 1.8; color: #0a0a0a; } label.middle { margin: 0 0 1rem; padding: 0.5625rem 0; } .help-text { margin-top: -0.5rem; font-size: 0.8125rem; font-style: italic; color: #0a0a0a; } .input-group { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; margin-bottom: 1rem; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } .input-group > :first-child, .input-group > :first-child.input-group-button > * { border-radius: 3px 0 0 3px; } .input-group > :last-child, .input-group > :last-child.input-group-button > * { border-radius: 0 3px 3px 0; } .input-group-label, .input-group-field, .input-group-button, .input-group-button a, .input-group-button input, .input-group-button button, .input-group-button label { margin: 0; white-space: nowrap; } .input-group-label { padding: 0 1rem; border: 1px solid #cacaca; background: #e6e6e6; color: #0a0a0a; text-align: center; white-space: nowrap; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .input-group-label:first-child { border-right: 0; } .input-group-label:last-child { border-left: 0; } .input-group-field { border-radius: 0; -webkit-box-flex: 1; -webkit-flex: 1 1 0px; -ms-flex: 1 1 0px; flex: 1 1 0px; min-width: 0; } .input-group-button { padding-top: 0; padding-bottom: 0; text-align: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } .input-group-button a, .input-group-button input, .input-group-button button, .input-group-button label { -webkit-align-self: stretch; -ms-flex-item-align: stretch; align-self: stretch; height: auto; padding-top: 0; padding-bottom: 0; font-size: 1rem; } fieldset { margin: 0; padding: 0; border: 0; } legend { max-width: 100%; margin-bottom: 0.5rem; } .fieldset { margin: 1.125rem 0; padding: 1.25rem; border: 1px solid #cacaca; } .fieldset legend { margin: 0; margin-left: -0.1875rem; padding: 0 0.1875rem; } select { height: 2.4375rem; margin: 0 0 1rem; padding: 0.5rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #cacaca; border-radius: 3px; background-color: #fefefe; font-family: inherit; font-size: 1rem; font-weight: normal; line-height: 1.5; color: #0a0a0a; background-image: url("data:image/svg+xml;utf8,"); background-origin: content-box; background-position: right -1rem center; background-repeat: no-repeat; background-size: 9px 6px; padding-right: 1.5rem; -webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; transition: box-shadow 0.5s, border-color 0.25s ease-in-out; transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; } @media screen and (min-width: 0\0) { select { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg=="); } } select:focus { outline: none; border: 1px solid #8a8a8a; background-color: #fefefe; -webkit-box-shadow: 0 0 5px #cacaca; box-shadow: 0 0 5px #cacaca; -webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; transition: box-shadow 0.5s, border-color 0.25s ease-in-out; transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; } select:disabled { background-color: #e6e6e6; cursor: not-allowed; } select::-ms-expand { display: none; } select[multiple] { height: auto; background-image: none; } select:not([multiple]) { padding-top: 0; padding-bottom: 0; } .is-invalid-input:not(:focus) { border-color: #c60f13; background-color: #f8e6e7; } .is-invalid-input:not(:focus)::-webkit-input-placeholder { color: #c60f13; } .is-invalid-input:not(:focus)::-moz-placeholder { color: #c60f13; } .is-invalid-input:not(:focus):-ms-input-placeholder { color: #c60f13; } .is-invalid-input:not(:focus)::-ms-input-placeholder { color: #c60f13; } .is-invalid-input:not(:focus)::placeholder { color: #c60f13; } .is-invalid-label { color: #c60f13; } .form-error { display: none; margin-top: -0.5rem; margin-bottom: 1rem; font-size: 0.75rem; font-weight: bold; color: #c60f13; } .form-error.is-visible { display: block; } .float-left { float: left !important; } .float-right { float: right !important; } .float-center { display: block; margin-right: auto; margin-left: auto; } .clearfix::before, .clearfix::after { display: table; content: ' '; -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .clearfix::after { clear: both; } .hide { display: none !important; } .invisible { visibility: hidden; } @media print, screen and (max-width: 39.99875em) { .hide-for-small-only { display: none !important; } } @media screen and (max-width: 0em), screen and (min-width: 40em) { .show-for-small-only { display: none !important; } } @media print, screen and (min-width: 40em) { .hide-for-medium { display: none !important; } } @media screen and (max-width: 39.99875em) { .show-for-medium { display: none !important; } } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .hide-for-medium-only { display: none !important; } } @media screen and (max-width: 39.99875em), screen and (min-width: 64em) { .show-for-medium-only { display: none !important; } } @media print, screen and (min-width: 64em) { .hide-for-large { display: none !important; } } @media screen and (max-width: 63.99875em) { .show-for-large { display: none !important; } } @media print, screen and (min-width: 64em) and (max-width: 74.99875em) { .hide-for-large-only { display: none !important; } } @media screen and (max-width: 63.99875em), screen and (min-width: 75em) { .show-for-large-only { display: none !important; } } .show-for-sr, .show-on-focus { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } .show-on-focus:active, .show-on-focus:focus { position: static !important; width: auto !important; height: auto !important; overflow: visible !important; clip: auto !important; white-space: normal !important; } .show-for-landscape, .hide-for-portrait { display: block !important; } @media screen and (orientation: landscape) { .show-for-landscape, .hide-for-portrait { display: block !important; } } @media screen and (orientation: portrait) { .show-for-landscape, .hide-for-portrait { display: none !important; } } .hide-for-landscape, .show-for-portrait { display: none !important; } @media screen and (orientation: landscape) { .hide-for-landscape, .show-for-portrait { display: none !important; } } @media screen and (orientation: portrait) { .hide-for-landscape, .show-for-portrait { display: block !important; } } .button { display: inline-block; vertical-align: middle; margin: 0 0 1rem 0; padding: 0.85em 1em; border: 1px solid transparent; border-radius: 3px; -webkit-transition: background-color 0.25s ease-out, color 0.25s ease-out; transition: background-color 0.25s ease-out, color 0.25s ease-out; font-family: inherit; font-size: 0.9rem; -webkit-appearance: none; line-height: 1; text-align: center; cursor: pointer; } [data-whatinput='mouse'] .button { outline: 0; } .button.tiny { font-size: 0.6rem; } .button.small { font-size: 0.75rem; } .button.large { font-size: 1.25rem; } .button.expanded { display: block; width: 100%; margin-right: 0; margin-left: 0; } .button, .button.disabled, .button[disabled], .button.disabled:hover, .button[disabled]:hover, .button.disabled:focus, .button[disabled]:focus { background-color: #2ba6cb; color: #fefefe; } .button:hover, .button:focus { background-color: #258dad; color: #fefefe; } .button.primary, .button.primary.disabled, .button.primary[disabled], .button.primary.disabled:hover, .button.primary[disabled]:hover, .button.primary.disabled:focus, .button.primary[disabled]:focus { background-color: #2ba6cb; color: #0a0a0a; } .button.primary:hover, .button.primary:focus { background-color: #2285a2; color: #0a0a0a; } .button.secondary, .button.secondary.disabled, .button.secondary[disabled], .button.secondary.disabled:hover, .button.secondary[disabled]:hover, .button.secondary.disabled:focus, .button.secondary[disabled]:focus { background-color: #e9e9e9; color: #0a0a0a; } .button.secondary:hover, .button.secondary:focus { background-color: #bababa; color: #0a0a0a; } .button.alert, .button.alert.disabled, .button.alert[disabled], .button.alert.disabled:hover, .button.alert[disabled]:hover, .button.alert.disabled:focus, .button.alert[disabled]:focus { background-color: #c60f13; color: #fefefe; } .button.alert:hover, .button.alert:focus { background-color: #9e0c0f; color: #fefefe; } .button.success, .button.success.disabled, .button.success[disabled], .button.success.disabled:hover, .button.success[disabled]:hover, .button.success.disabled:focus, .button.success[disabled]:focus { background-color: #5da423; color: #0a0a0a; } .button.success:hover, .button.success:focus { background-color: #4a831c; color: #0a0a0a; } .button.warning, .button.warning.disabled, .button.warning[disabled], .button.warning.disabled:hover, .button.warning[disabled]:hover, .button.warning.disabled:focus, .button.warning[disabled]:focus { background-color: #ffae00; color: #0a0a0a; } .button.warning:hover, .button.warning:focus { background-color: #cc8b00; color: #0a0a0a; } .button.body-font, .button.body-font.disabled, .button.body-font[disabled], .button.body-font.disabled:hover, .button.body-font[disabled]:hover, .button.body-font.disabled:focus, .button.body-font[disabled]:focus { background-color: #222222; color: #fefefe; } .button.body-font:hover, .button.body-font:focus { background-color: #1b1b1b; color: #fefefe; } .button.header, .button.header.disabled, .button.header[disabled], .button.header.disabled:hover, .button.header[disabled]:hover, .button.header.disabled:focus, .button.header[disabled]:focus { background-color: #222222; color: #fefefe; } .button.header:hover, .button.header:focus { background-color: #1b1b1b; color: #fefefe; } .button.hollow, .button.hollow:hover, .button.hollow:focus, .button.hollow.disabled, .button.hollow.disabled:hover, .button.hollow.disabled:focus, .button.hollow[disabled], .button.hollow[disabled]:hover, .button.hollow[disabled]:focus { background-color: transparent; } .button.hollow, .button.hollow.disabled, .button.hollow[disabled], .button.hollow.disabled:hover, .button.hollow[disabled]:hover, .button.hollow.disabled:focus, .button.hollow[disabled]:focus { border: 1px solid #2ba6cb; color: #2ba6cb; } .button.hollow:hover, .button.hollow:focus { border-color: #165366; color: #165366; } .button.hollow.primary, .button.hollow.primary.disabled, .button.hollow.primary[disabled], .button.hollow.primary.disabled:hover, .button.hollow.primary[disabled]:hover, .button.hollow.primary.disabled:focus, .button.hollow.primary[disabled]:focus { border: 1px solid #2ba6cb; color: #2ba6cb; } .button.hollow.primary:hover, .button.hollow.primary:focus { border-color: #165366; color: #165366; } .button.hollow.secondary, .button.hollow.secondary.disabled, .button.hollow.secondary[disabled], .button.hollow.secondary.disabled:hover, .button.hollow.secondary[disabled]:hover, .button.hollow.secondary.disabled:focus, .button.hollow.secondary[disabled]:focus { border: 1px solid #e9e9e9; color: #e9e9e9; } .button.hollow.secondary:hover, .button.hollow.secondary:focus { border-color: #757575; color: #757575; } .button.hollow.alert, .button.hollow.alert.disabled, .button.hollow.alert[disabled], .button.hollow.alert.disabled:hover, .button.hollow.alert[disabled]:hover, .button.hollow.alert.disabled:focus, .button.hollow.alert[disabled]:focus { border: 1px solid #c60f13; color: #c60f13; } .button.hollow.alert:hover, .button.hollow.alert:focus { border-color: #63080a; color: #63080a; } .button.hollow.success, .button.hollow.success.disabled, .button.hollow.success[disabled], .button.hollow.success.disabled:hover, .button.hollow.success[disabled]:hover, .button.hollow.success.disabled:focus, .button.hollow.success[disabled]:focus { border: 1px solid #5da423; color: #5da423; } .button.hollow.success:hover, .button.hollow.success:focus { border-color: #2f5212; color: #2f5212; } .button.hollow.warning, .button.hollow.warning.disabled, .button.hollow.warning[disabled], .button.hollow.warning.disabled:hover, .button.hollow.warning[disabled]:hover, .button.hollow.warning.disabled:focus, .button.hollow.warning[disabled]:focus { border: 1px solid #ffae00; color: #ffae00; } .button.hollow.warning:hover, .button.hollow.warning:focus { border-color: #805700; color: #805700; } .button.hollow.body-font, .button.hollow.body-font.disabled, .button.hollow.body-font[disabled], .button.hollow.body-font.disabled:hover, .button.hollow.body-font[disabled]:hover, .button.hollow.body-font.disabled:focus, .button.hollow.body-font[disabled]:focus { border: 1px solid #222222; color: #222222; } .button.hollow.body-font:hover, .button.hollow.body-font:focus { border-color: #111111; color: #111111; } .button.hollow.header, .button.hollow.header.disabled, .button.hollow.header[disabled], .button.hollow.header.disabled:hover, .button.hollow.header[disabled]:hover, .button.hollow.header.disabled:focus, .button.hollow.header[disabled]:focus { border: 1px solid #222222; color: #222222; } .button.hollow.header:hover, .button.hollow.header:focus { border-color: #111111; color: #111111; } .button.clear, .button.clear:hover, .button.clear:focus, .button.clear.disabled, .button.clear.disabled:hover, .button.clear.disabled:focus, .button.clear[disabled], .button.clear[disabled]:hover, .button.clear[disabled]:focus { border-color: transparent; background-color: transparent; } .button.clear, .button.clear.disabled, .button.clear[disabled], .button.clear.disabled:hover, .button.clear[disabled]:hover, .button.clear.disabled:focus, .button.clear[disabled]:focus { color: #2ba6cb; } .button.clear:hover, .button.clear:focus { color: #165366; } .button.clear.primary, .button.clear.primary.disabled, .button.clear.primary[disabled], .button.clear.primary.disabled:hover, .button.clear.primary[disabled]:hover, .button.clear.primary.disabled:focus, .button.clear.primary[disabled]:focus { color: #2ba6cb; } .button.clear.primary:hover, .button.clear.primary:focus { color: #165366; } .button.clear.secondary, .button.clear.secondary.disabled, .button.clear.secondary[disabled], .button.clear.secondary.disabled:hover, .button.clear.secondary[disabled]:hover, .button.clear.secondary.disabled:focus, .button.clear.secondary[disabled]:focus { color: #e9e9e9; } .button.clear.secondary:hover, .button.clear.secondary:focus { color: #757575; } .button.clear.alert, .button.clear.alert.disabled, .button.clear.alert[disabled], .button.clear.alert.disabled:hover, .button.clear.alert[disabled]:hover, .button.clear.alert.disabled:focus, .button.clear.alert[disabled]:focus { color: #c60f13; } .button.clear.alert:hover, .button.clear.alert:focus { color: #63080a; } .button.clear.success, .button.clear.success.disabled, .button.clear.success[disabled], .button.clear.success.disabled:hover, .button.clear.success[disabled]:hover, .button.clear.success.disabled:focus, .button.clear.success[disabled]:focus { color: #5da423; } .button.clear.success:hover, .button.clear.success:focus { color: #2f5212; } .button.clear.warning, .button.clear.warning.disabled, .button.clear.warning[disabled], .button.clear.warning.disabled:hover, .button.clear.warning[disabled]:hover, .button.clear.warning.disabled:focus, .button.clear.warning[disabled]:focus { color: #ffae00; } .button.clear.warning:hover, .button.clear.warning:focus { color: #805700; } .button.clear.body-font, .button.clear.body-font.disabled, .button.clear.body-font[disabled], .button.clear.body-font.disabled:hover, .button.clear.body-font[disabled]:hover, .button.clear.body-font.disabled:focus, .button.clear.body-font[disabled]:focus { color: #222222; } .button.clear.body-font:hover, .button.clear.body-font:focus { color: #111111; } .button.clear.header, .button.clear.header.disabled, .button.clear.header[disabled], .button.clear.header.disabled:hover, .button.clear.header[disabled]:hover, .button.clear.header.disabled:focus, .button.clear.header[disabled]:focus { color: #222222; } .button.clear.header:hover, .button.clear.header:focus { color: #111111; } .button.disabled, .button[disabled] { opacity: 0.25; cursor: not-allowed; } .button.dropdown::after { display: block; width: 0; height: 0; border: inset 0.4em; content: ''; border-bottom-width: 0; border-top-style: solid; border-color: #fefefe transparent transparent; position: relative; top: 0.4em; display: inline-block; float: right; margin-left: 1em; } .button.dropdown.hollow::after, .button.dropdown.clear::after { border-top-color: #2ba6cb; } .button.dropdown.hollow.primary::after, .button.dropdown.clear.primary::after { border-top-color: #2ba6cb; } .button.dropdown.hollow.secondary::after, .button.dropdown.clear.secondary::after { border-top-color: #e9e9e9; } .button.dropdown.hollow.alert::after, .button.dropdown.clear.alert::after { border-top-color: #c60f13; } .button.dropdown.hollow.success::after, .button.dropdown.clear.success::after { border-top-color: #5da423; } .button.dropdown.hollow.warning::after, .button.dropdown.clear.warning::after { border-top-color: #ffae00; } .button.dropdown.hollow.body-font::after, .button.dropdown.clear.body-font::after { border-top-color: #222222; } .button.dropdown.hollow.header::after, .button.dropdown.clear.header::after { border-top-color: #222222; } .button.arrow-only::after { top: -0.1em; float: none; margin-left: 0; } a.button:hover, a.button:focus { text-decoration: none; } .close-button { position: absolute; z-index: 10; color: #8a8a8a; cursor: pointer; } [data-whatinput='mouse'] .close-button { outline: 0; } .close-button:hover, .close-button:focus { color: #0a0a0a; } .close-button.small { right: 0.66rem; top: 0.33em; font-size: 1.5em; line-height: 1; } .close-button.medium, .close-button { right: 1rem; top: 0.5rem; font-size: 2em; line-height: 1; } .button-group { margin-bottom: 1rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .button-group::before, .button-group::after { display: table; content: ' '; -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .button-group::after { clear: both; } .button-group::before, .button-group::after { display: none; } .button-group .button { margin: 0; margin-right: 1px; margin-bottom: 1px; font-size: 0.9rem; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } .button-group .button:last-child { margin-right: 0; } .button-group.tiny .button { font-size: 0.6rem; } .button-group.small .button { font-size: 0.75rem; } .button-group.large .button { font-size: 1.25rem; } .button-group.expanded .button { -webkit-box-flex: 1; -webkit-flex: 1 1 0px; -ms-flex: 1 1 0px; flex: 1 1 0px; margin-right: 0; } .button-group.primary .button, .button-group.primary .button.disabled, .button-group.primary .button[disabled], .button-group.primary .button.disabled:hover, .button-group.primary .button[disabled]:hover, .button-group.primary .button.disabled:focus, .button-group.primary .button[disabled]:focus { background-color: #2ba6cb; color: #0a0a0a; } .button-group.primary .button:hover, .button-group.primary .button:focus { background-color: #2285a2; color: #0a0a0a; } .button-group.secondary .button, .button-group.secondary .button.disabled, .button-group.secondary .button[disabled], .button-group.secondary .button.disabled:hover, .button-group.secondary .button[disabled]:hover, .button-group.secondary .button.disabled:focus, .button-group.secondary .button[disabled]:focus { background-color: #e9e9e9; color: #0a0a0a; } .button-group.secondary .button:hover, .button-group.secondary .button:focus { background-color: #bababa; color: #0a0a0a; } .button-group.alert .button, .button-group.alert .button.disabled, .button-group.alert .button[disabled], .button-group.alert .button.disabled:hover, .button-group.alert .button[disabled]:hover, .button-group.alert .button.disabled:focus, .button-group.alert .button[disabled]:focus { background-color: #c60f13; color: #fefefe; } .button-group.alert .button:hover, .button-group.alert .button:focus { background-color: #9e0c0f; color: #fefefe; } .button-group.success .button, .button-group.success .button.disabled, .button-group.success .button[disabled], .button-group.success .button.disabled:hover, .button-group.success .button[disabled]:hover, .button-group.success .button.disabled:focus, .button-group.success .button[disabled]:focus { background-color: #5da423; color: #0a0a0a; } .button-group.success .button:hover, .button-group.success .button:focus { background-color: #4a831c; color: #0a0a0a; } .button-group.warning .button, .button-group.warning .button.disabled, .button-group.warning .button[disabled], .button-group.warning .button.disabled:hover, .button-group.warning .button[disabled]:hover, .button-group.warning .button.disabled:focus, .button-group.warning .button[disabled]:focus { background-color: #ffae00; color: #0a0a0a; } .button-group.warning .button:hover, .button-group.warning .button:focus { background-color: #cc8b00; color: #0a0a0a; } .button-group.body-font .button, .button-group.body-font .button.disabled, .button-group.body-font .button[disabled], .button-group.body-font .button.disabled:hover, .button-group.body-font .button[disabled]:hover, .button-group.body-font .button.disabled:focus, .button-group.body-font .button[disabled]:focus { background-color: #222222; color: #fefefe; } .button-group.body-font .button:hover, .button-group.body-font .button:focus { background-color: #1b1b1b; color: #fefefe; } .button-group.header .button, .button-group.header .button.disabled, .button-group.header .button[disabled], .button-group.header .button.disabled:hover, .button-group.header .button[disabled]:hover, .button-group.header .button.disabled:focus, .button-group.header .button[disabled]:focus { background-color: #222222; color: #fefefe; } .button-group.header .button:hover, .button-group.header .button:focus { background-color: #1b1b1b; color: #fefefe; } .button-group.hollow .button, .button-group.hollow .button:hover, .button-group.hollow .button:focus, .button-group.hollow .button.disabled, .button-group.hollow .button.disabled:hover, .button-group.hollow .button.disabled:focus, .button-group.hollow .button[disabled], .button-group.hollow .button[disabled]:hover, .button-group.hollow .button[disabled]:focus { background-color: transparent; } .button-group.hollow .button, .button-group.hollow .button.disabled, .button-group.hollow .button[disabled], .button-group.hollow .button.disabled:hover, .button-group.hollow .button[disabled]:hover, .button-group.hollow .button.disabled:focus, .button-group.hollow .button[disabled]:focus { border: 1px solid #2ba6cb; color: #2ba6cb; } .button-group.hollow .button:hover, .button-group.hollow .button:focus { border-color: #165366; color: #165366; } .button-group.hollow.primary .button, .button-group.hollow.primary .button.disabled, .button-group.hollow.primary .button[disabled], .button-group.hollow.primary .button.disabled:hover, .button-group.hollow.primary .button[disabled]:hover, .button-group.hollow.primary .button.disabled:focus, .button-group.hollow.primary .button[disabled]:focus, .button-group.hollow .button.primary, .button-group.hollow .button.primary.disabled, .button-group.hollow .button.primary[disabled], .button-group.hollow .button.primary.disabled:hover, .button-group.hollow .button.primary[disabled]:hover, .button-group.hollow .button.primary.disabled:focus, .button-group.hollow .button.primary[disabled]:focus { border: 1px solid #2ba6cb; color: #2ba6cb; } .button-group.hollow.primary .button:hover, .button-group.hollow.primary .button:focus, .button-group.hollow .button.primary:hover, .button-group.hollow .button.primary:focus { border-color: #165366; color: #165366; } .button-group.hollow.secondary .button, .button-group.hollow.secondary .button.disabled, .button-group.hollow.secondary .button[disabled], .button-group.hollow.secondary .button.disabled:hover, .button-group.hollow.secondary .button[disabled]:hover, .button-group.hollow.secondary .button.disabled:focus, .button-group.hollow.secondary .button[disabled]:focus, .button-group.hollow .button.secondary, .button-group.hollow .button.secondary.disabled, .button-group.hollow .button.secondary[disabled], .button-group.hollow .button.secondary.disabled:hover, .button-group.hollow .button.secondary[disabled]:hover, .button-group.hollow .button.secondary.disabled:focus, .button-group.hollow .button.secondary[disabled]:focus { border: 1px solid #e9e9e9; color: #e9e9e9; } .button-group.hollow.secondary .button:hover, .button-group.hollow.secondary .button:focus, .button-group.hollow .button.secondary:hover, .button-group.hollow .button.secondary:focus { border-color: #757575; color: #757575; } .button-group.hollow.alert .button, .button-group.hollow.alert .button.disabled, .button-group.hollow.alert .button[disabled], .button-group.hollow.alert .button.disabled:hover, .button-group.hollow.alert .button[disabled]:hover, .button-group.hollow.alert .button.disabled:focus, .button-group.hollow.alert .button[disabled]:focus, .button-group.hollow .button.alert, .button-group.hollow .button.alert.disabled, .button-group.hollow .button.alert[disabled], .button-group.hollow .button.alert.disabled:hover, .button-group.hollow .button.alert[disabled]:hover, .button-group.hollow .button.alert.disabled:focus, .button-group.hollow .button.alert[disabled]:focus { border: 1px solid #c60f13; color: #c60f13; } .button-group.hollow.alert .button:hover, .button-group.hollow.alert .button:focus, .button-group.hollow .button.alert:hover, .button-group.hollow .button.alert:focus { border-color: #63080a; color: #63080a; } .button-group.hollow.success .button, .button-group.hollow.success .button.disabled, .button-group.hollow.success .button[disabled], .button-group.hollow.success .button.disabled:hover, .button-group.hollow.success .button[disabled]:hover, .button-group.hollow.success .button.disabled:focus, .button-group.hollow.success .button[disabled]:focus, .button-group.hollow .button.success, .button-group.hollow .button.success.disabled, .button-group.hollow .button.success[disabled], .button-group.hollow .button.success.disabled:hover, .button-group.hollow .button.success[disabled]:hover, .button-group.hollow .button.success.disabled:focus, .button-group.hollow .button.success[disabled]:focus { border: 1px solid #5da423; color: #5da423; } .button-group.hollow.success .button:hover, .button-group.hollow.success .button:focus, .button-group.hollow .button.success:hover, .button-group.hollow .button.success:focus { border-color: #2f5212; color: #2f5212; } .button-group.hollow.warning .button, .button-group.hollow.warning .button.disabled, .button-group.hollow.warning .button[disabled], .button-group.hollow.warning .button.disabled:hover, .button-group.hollow.warning .button[disabled]:hover, .button-group.hollow.warning .button.disabled:focus, .button-group.hollow.warning .button[disabled]:focus, .button-group.hollow .button.warning, .button-group.hollow .button.warning.disabled, .button-group.hollow .button.warning[disabled], .button-group.hollow .button.warning.disabled:hover, .button-group.hollow .button.warning[disabled]:hover, .button-group.hollow .button.warning.disabled:focus, .button-group.hollow .button.warning[disabled]:focus { border: 1px solid #ffae00; color: #ffae00; } .button-group.hollow.warning .button:hover, .button-group.hollow.warning .button:focus, .button-group.hollow .button.warning:hover, .button-group.hollow .button.warning:focus { border-color: #805700; color: #805700; } .button-group.hollow.body-font .button, .button-group.hollow.body-font .button.disabled, .button-group.hollow.body-font .button[disabled], .button-group.hollow.body-font .button.disabled:hover, .button-group.hollow.body-font .button[disabled]:hover, .button-group.hollow.body-font .button.disabled:focus, .button-group.hollow.body-font .button[disabled]:focus, .button-group.hollow .button.body-font, .button-group.hollow .button.body-font.disabled, .button-group.hollow .button.body-font[disabled], .button-group.hollow .button.body-font.disabled:hover, .button-group.hollow .button.body-font[disabled]:hover, .button-group.hollow .button.body-font.disabled:focus, .button-group.hollow .button.body-font[disabled]:focus { border: 1px solid #222222; color: #222222; } .button-group.hollow.body-font .button:hover, .button-group.hollow.body-font .button:focus, .button-group.hollow .button.body-font:hover, .button-group.hollow .button.body-font:focus { border-color: #111111; color: #111111; } .button-group.hollow.header .button, .button-group.hollow.header .button.disabled, .button-group.hollow.header .button[disabled], .button-group.hollow.header .button.disabled:hover, .button-group.hollow.header .button[disabled]:hover, .button-group.hollow.header .button.disabled:focus, .button-group.hollow.header .button[disabled]:focus, .button-group.hollow .button.header, .button-group.hollow .button.header.disabled, .button-group.hollow .button.header[disabled], .button-group.hollow .button.header.disabled:hover, .button-group.hollow .button.header[disabled]:hover, .button-group.hollow .button.header.disabled:focus, .button-group.hollow .button.header[disabled]:focus { border: 1px solid #222222; color: #222222; } .button-group.hollow.header .button:hover, .button-group.hollow.header .button:focus, .button-group.hollow .button.header:hover, .button-group.hollow .button.header:focus { border-color: #111111; color: #111111; } .button-group.clear .button, .button-group.clear .button:hover, .button-group.clear .button:focus, .button-group.clear .button.disabled, .button-group.clear .button.disabled:hover, .button-group.clear .button.disabled:focus, .button-group.clear .button[disabled], .button-group.clear .button[disabled]:hover, .button-group.clear .button[disabled]:focus { border-color: transparent; background-color: transparent; } .button-group.clear .button, .button-group.clear .button.disabled, .button-group.clear .button[disabled], .button-group.clear .button.disabled:hover, .button-group.clear .button[disabled]:hover, .button-group.clear .button.disabled:focus, .button-group.clear .button[disabled]:focus { color: #2ba6cb; } .button-group.clear .button:hover, .button-group.clear .button:focus { color: #165366; } .button-group.clear.primary .button, .button-group.clear.primary .button.disabled, .button-group.clear.primary .button[disabled], .button-group.clear.primary .button.disabled:hover, .button-group.clear.primary .button[disabled]:hover, .button-group.clear.primary .button.disabled:focus, .button-group.clear.primary .button[disabled]:focus, .button-group.clear .button.primary, .button-group.clear .button.primary.disabled, .button-group.clear .button.primary[disabled], .button-group.clear .button.primary.disabled:hover, .button-group.clear .button.primary[disabled]:hover, .button-group.clear .button.primary.disabled:focus, .button-group.clear .button.primary[disabled]:focus { color: #2ba6cb; } .button-group.clear.primary .button:hover, .button-group.clear.primary .button:focus, .button-group.clear .button.primary:hover, .button-group.clear .button.primary:focus { color: #165366; } .button-group.clear.secondary .button, .button-group.clear.secondary .button.disabled, .button-group.clear.secondary .button[disabled], .button-group.clear.secondary .button.disabled:hover, .button-group.clear.secondary .button[disabled]:hover, .button-group.clear.secondary .button.disabled:focus, .button-group.clear.secondary .button[disabled]:focus, .button-group.clear .button.secondary, .button-group.clear .button.secondary.disabled, .button-group.clear .button.secondary[disabled], .button-group.clear .button.secondary.disabled:hover, .button-group.clear .button.secondary[disabled]:hover, .button-group.clear .button.secondary.disabled:focus, .button-group.clear .button.secondary[disabled]:focus { color: #e9e9e9; } .button-group.clear.secondary .button:hover, .button-group.clear.secondary .button:focus, .button-group.clear .button.secondary:hover, .button-group.clear .button.secondary:focus { color: #757575; } .button-group.clear.alert .button, .button-group.clear.alert .button.disabled, .button-group.clear.alert .button[disabled], .button-group.clear.alert .button.disabled:hover, .button-group.clear.alert .button[disabled]:hover, .button-group.clear.alert .button.disabled:focus, .button-group.clear.alert .button[disabled]:focus, .button-group.clear .button.alert, .button-group.clear .button.alert.disabled, .button-group.clear .button.alert[disabled], .button-group.clear .button.alert.disabled:hover, .button-group.clear .button.alert[disabled]:hover, .button-group.clear .button.alert.disabled:focus, .button-group.clear .button.alert[disabled]:focus { color: #c60f13; } .button-group.clear.alert .button:hover, .button-group.clear.alert .button:focus, .button-group.clear .button.alert:hover, .button-group.clear .button.alert:focus { color: #63080a; } .button-group.clear.success .button, .button-group.clear.success .button.disabled, .button-group.clear.success .button[disabled], .button-group.clear.success .button.disabled:hover, .button-group.clear.success .button[disabled]:hover, .button-group.clear.success .button.disabled:focus, .button-group.clear.success .button[disabled]:focus, .button-group.clear .button.success, .button-group.clear .button.success.disabled, .button-group.clear .button.success[disabled], .button-group.clear .button.success.disabled:hover, .button-group.clear .button.success[disabled]:hover, .button-group.clear .button.success.disabled:focus, .button-group.clear .button.success[disabled]:focus { color: #5da423; } .button-group.clear.success .button:hover, .button-group.clear.success .button:focus, .button-group.clear .button.success:hover, .button-group.clear .button.success:focus { color: #2f5212; } .button-group.clear.warning .button, .button-group.clear.warning .button.disabled, .button-group.clear.warning .button[disabled], .button-group.clear.warning .button.disabled:hover, .button-group.clear.warning .button[disabled]:hover, .button-group.clear.warning .button.disabled:focus, .button-group.clear.warning .button[disabled]:focus, .button-group.clear .button.warning, .button-group.clear .button.warning.disabled, .button-group.clear .button.warning[disabled], .button-group.clear .button.warning.disabled:hover, .button-group.clear .button.warning[disabled]:hover, .button-group.clear .button.warning.disabled:focus, .button-group.clear .button.warning[disabled]:focus { color: #ffae00; } .button-group.clear.warning .button:hover, .button-group.clear.warning .button:focus, .button-group.clear .button.warning:hover, .button-group.clear .button.warning:focus { color: #805700; } .button-group.clear.body-font .button, .button-group.clear.body-font .button.disabled, .button-group.clear.body-font .button[disabled], .button-group.clear.body-font .button.disabled:hover, .button-group.clear.body-font .button[disabled]:hover, .button-group.clear.body-font .button.disabled:focus, .button-group.clear.body-font .button[disabled]:focus, .button-group.clear .button.body-font, .button-group.clear .button.body-font.disabled, .button-group.clear .button.body-font[disabled], .button-group.clear .button.body-font.disabled:hover, .button-group.clear .button.body-font[disabled]:hover, .button-group.clear .button.body-font.disabled:focus, .button-group.clear .button.body-font[disabled]:focus { color: #222222; } .button-group.clear.body-font .button:hover, .button-group.clear.body-font .button:focus, .button-group.clear .button.body-font:hover, .button-group.clear .button.body-font:focus { color: #111111; } .button-group.clear.header .button, .button-group.clear.header .button.disabled, .button-group.clear.header .button[disabled], .button-group.clear.header .button.disabled:hover, .button-group.clear.header .button[disabled]:hover, .button-group.clear.header .button.disabled:focus, .button-group.clear.header .button[disabled]:focus, .button-group.clear .button.header, .button-group.clear .button.header.disabled, .button-group.clear .button.header[disabled], .button-group.clear .button.header.disabled:hover, .button-group.clear .button.header[disabled]:hover, .button-group.clear .button.header.disabled:focus, .button-group.clear .button.header[disabled]:focus { color: #222222; } .button-group.clear.header .button:hover, .button-group.clear.header .button:focus, .button-group.clear .button.header:hover, .button-group.clear .button.header:focus { color: #111111; } .button-group.no-gaps .button { margin-right: -0.0625rem; } .button-group.no-gaps .button + .button { border-left-color: transparent; } .button-group.stacked, .button-group.stacked-for-small, .button-group.stacked-for-medium { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .button-group.stacked .button, .button-group.stacked-for-small .button, .button-group.stacked-for-medium .button { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; } .button-group.stacked .button:last-child, .button-group.stacked-for-small .button:last-child, .button-group.stacked-for-medium .button:last-child { margin-bottom: 0; } .button-group.stacked.expanded .button, .button-group.stacked-for-small.expanded .button, .button-group.stacked-for-medium.expanded .button { -webkit-box-flex: 1; -webkit-flex: 1 1 0px; -ms-flex: 1 1 0px; flex: 1 1 0px; margin-right: 0; } @media print, screen and (min-width: 40em) { .button-group.stacked-for-small .button { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-bottom: 0; } } @media print, screen and (min-width: 64em) { .button-group.stacked-for-medium .button { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-bottom: 0; } } @media print, screen and (max-width: 39.99875em) { .button-group.stacked-for-small.expanded { display: block; } .button-group.stacked-for-small.expanded .button { display: block; margin-right: 0; } } @media print, screen and (max-width: 63.99875em) { .button-group.stacked-for-medium.expanded { display: block; } .button-group.stacked-for-medium.expanded .button { display: block; margin-right: 0; } } .slider { position: relative; height: 0.5rem; margin-top: 1.25rem; margin-bottom: 2.25rem; background-color: #e6e6e6; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: none; touch-action: none; } .slider-fill { position: absolute; top: 0; left: 0; display: inline-block; max-width: 100%; height: 0.5rem; background-color: #cacaca; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .slider-fill.is-dragging { -webkit-transition: all 0s linear; transition: all 0s linear; } .slider-handle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; z-index: 1; display: inline-block; width: 1.4rem; height: 1.4rem; border-radius: 3px; background-color: #2ba6cb; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -ms-touch-action: manipulation; touch-action: manipulation; } [data-whatinput='mouse'] .slider-handle { outline: 0; } .slider-handle:hover { background-color: #258dad; } .slider-handle.is-dragging { -webkit-transition: all 0s linear; transition: all 0s linear; } .slider.disabled, .slider[disabled] { opacity: 0.25; cursor: not-allowed; } .slider.vertical { display: inline-block; width: 0.5rem; height: 12.5rem; margin: 0 1.25rem; -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); } .slider.vertical .slider-fill { top: 0; width: 0.5rem; max-height: 100%; } .slider.vertical .slider-handle { position: absolute; top: 0; left: 50%; width: 1.4rem; height: 1.4rem; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .switch { height: 2rem; position: relative; margin-bottom: 1rem; outline: 0; font-size: 0.875rem; font-weight: bold; color: #fefefe; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .switch-input { position: absolute; margin-bottom: 0; opacity: 0; } .switch-paddle { position: relative; display: block; width: 4rem; height: 2rem; border-radius: 3px; background: #cacaca; -webkit-transition: all 0.25s ease-out; transition: all 0.25s ease-out; font-weight: inherit; color: inherit; cursor: pointer; } input + .switch-paddle { margin: 0; } .switch-paddle::after { position: absolute; top: 0.25rem; left: 0.25rem; display: block; width: 1.5rem; height: 1.5rem; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); border-radius: 3px; background: #fefefe; -webkit-transition: all 0.25s ease-out; transition: all 0.25s ease-out; content: ''; } input:checked ~ .switch-paddle { background: #2ba6cb; } input:checked ~ .switch-paddle::after { left: 2.25rem; } input:disabled ~ .switch-paddle { cursor: not-allowed; opacity: 0.5; } [data-whatinput='mouse'] input:focus ~ .switch-paddle { outline: 0; } .switch-active, .switch-inactive { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .switch-active { left: 8%; display: none; } input:checked + label > .switch-active { display: block; } .switch-inactive { right: 15%; } input:checked + label > .switch-inactive { display: none; } .switch.tiny { height: 1.5rem; } .switch.tiny .switch-paddle { width: 3rem; height: 1.5rem; font-size: 0.625rem; } .switch.tiny .switch-paddle::after { top: 0.25rem; left: 0.25rem; width: 1rem; height: 1rem; } .switch.tiny input:checked ~ .switch-paddle::after { left: 1.75rem; } .switch.small { height: 1.75rem; } .switch.small .switch-paddle { width: 3.5rem; height: 1.75rem; font-size: 0.75rem; } .switch.small .switch-paddle::after { top: 0.25rem; left: 0.25rem; width: 1.25rem; height: 1.25rem; } .switch.small input:checked ~ .switch-paddle::after { left: 2rem; } .switch.large { height: 2.5rem; } .switch.large .switch-paddle { width: 5rem; height: 2.5rem; font-size: 1rem; } .switch.large .switch-paddle::after { top: 0.25rem; left: 0.25rem; width: 2rem; height: 2rem; } .switch.large input:checked ~ .switch-paddle::after { left: 2.75rem; } .menu { padding: 0; margin: 0; list-style: none; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } [data-whatinput='mouse'] .menu li { outline: 0; } .menu a, .menu .button { line-height: 1; text-decoration: none; display: block; padding: 0.7rem 1rem; } .menu input, .menu select, .menu a, .menu button { margin-bottom: 0; } .menu input { display: inline-block; } .menu, .menu.horizontal { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .menu.vertical { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .menu.expanded li { -webkit-box-flex: 1; -webkit-flex: 1 1 0px; -ms-flex: 1 1 0px; flex: 1 1 0px; } .menu.simple { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .menu.simple li + li { margin-left: 1rem; } .menu.simple a { padding: 0; } @media print, screen and (min-width: 40em) { .menu.medium-horizontal { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .menu.medium-vertical { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .menu.medium-expanded li { -webkit-box-flex: 1; -webkit-flex: 1 1 0px; -ms-flex: 1 1 0px; flex: 1 1 0px; } .menu.medium-simple li { -webkit-box-flex: 1; -webkit-flex: 1 1 0px; -ms-flex: 1 1 0px; flex: 1 1 0px; } } @media print, screen and (min-width: 64em) { .menu.large-horizontal { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .menu.large-vertical { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .menu.large-expanded li { -webkit-box-flex: 1; -webkit-flex: 1 1 0px; -ms-flex: 1 1 0px; flex: 1 1 0px; } .menu.large-simple li { -webkit-box-flex: 1; -webkit-flex: 1 1 0px; -ms-flex: 1 1 0px; flex: 1 1 0px; } } .menu.nested { margin-right: 0; margin-left: 1rem; } .menu.icons a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .menu.icon-top a, .menu.icon-right a, .menu.icon-bottom a, .menu.icon-left a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .menu.icon-left li a { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; } .menu.icon-left li a img, .menu.icon-left li a i, .menu.icon-left li a svg { margin-right: 0.25rem; } .menu.icon-right li a { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; } .menu.icon-right li a img, .menu.icon-right li a i, .menu.icon-right li a svg { margin-left: 0.25rem; } .menu.icon-top li a { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; } .menu.icon-top li a img, .menu.icon-top li a i, .menu.icon-top li a svg { -webkit-align-self: stretch; -ms-flex-item-align: stretch; align-self: stretch; margin-bottom: 0.25rem; text-align: center; } .menu.icon-bottom li a { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; } .menu.icon-bottom li a img, .menu.icon-bottom li a i, .menu.icon-bottom li a svg { -webkit-align-self: stretch; -ms-flex-item-align: stretch; align-self: stretch; margin-bottom: 0.25rem; text-align: center; } .menu .is-active > a { background: #2ba6cb; color: #0a0a0a; } .menu .active > a { background: #2ba6cb; color: #0a0a0a; } .menu.align-left { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .menu.align-right li { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .menu.align-right li .submenu li { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .menu.align-right.vertical li { display: block; text-align: right; } .menu.align-right.vertical li .submenu li { text-align: right; } .menu.align-right .nested { margin-right: 1rem; margin-left: 0; } .menu.align-center li { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .menu.align-center li .submenu li { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .menu .menu-text { padding: 0.7rem 1rem; font-weight: bold; line-height: 1; color: inherit; } .menu-centered > .menu { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .menu-centered > .menu li { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .menu-centered > .menu li .submenu li { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .no-js [data-responsive-menu] ul { display: none; } .is-drilldown { position: relative; overflow: hidden; } .is-drilldown li { display: block; } .is-drilldown.animate-height { -webkit-transition: height 0.5s; transition: height 0.5s; } .drilldown a { padding: 0.7rem 1rem; background: #fefefe; } .drilldown .is-drilldown-submenu { position: absolute; top: 0; left: 100%; z-index: -1; width: 100%; background: #fefefe; -webkit-transition: -webkit-transform 0.15s linear; transition: -webkit-transform 0.15s linear; transition: transform 0.15s linear; transition: transform 0.15s linear, -webkit-transform 0.15s linear; } .drilldown .is-drilldown-submenu.is-active { z-index: 1; display: block; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } .drilldown .is-drilldown-submenu.is-closing { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } .drilldown .is-drilldown-submenu a { padding: 0.7rem 1rem; } .drilldown .nested.is-drilldown-submenu { margin-right: 0; margin-left: 0; } .drilldown .drilldown-submenu-cover-previous { min-height: 100%; } .drilldown .is-drilldown-submenu-parent > a { position: relative; } .drilldown .is-drilldown-submenu-parent > a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-right-width: 0; border-left-style: solid; border-color: transparent transparent transparent #2ba6cb; position: absolute; top: 50%; margin-top: -6px; right: 1rem; } .drilldown.align-left .is-drilldown-submenu-parent > a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-right-width: 0; border-left-style: solid; border-color: transparent transparent transparent #2ba6cb; right: 1rem; left: auto; } .drilldown.align-right .is-drilldown-submenu-parent > a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-left-width: 0; border-right-style: solid; border-color: transparent #2ba6cb transparent transparent; right: auto; left: 1rem; } .drilldown .js-drilldown-back > a::before { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-left-width: 0; border-right-style: solid; border-color: transparent #2ba6cb transparent transparent; display: inline-block; vertical-align: middle; margin-right: 0.75rem; } .accordion-menu li { width: 100%; } .accordion-menu a { padding: 0.7rem 1rem; } .accordion-menu .is-accordion-submenu a { padding: 0.7rem 1rem; } .accordion-menu .nested.is-accordion-submenu { margin-right: 0; margin-left: 1rem; } .accordion-menu.align-right .nested.is-accordion-submenu { margin-right: 1rem; margin-left: 0; } .accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a { position: relative; } .accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-bottom-width: 0; border-top-style: solid; border-color: #2ba6cb transparent transparent; position: absolute; top: 50%; margin-top: -3px; right: 1rem; } .accordion-menu.align-left .is-accordion-submenu-parent > a::after { right: 1rem; left: auto; } .accordion-menu.align-right .is-accordion-submenu-parent > a::after { right: auto; left: 1rem; } .accordion-menu .is-accordion-submenu-parent[aria-expanded='true'] > a::after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; } .is-accordion-submenu-parent { position: relative; } .has-submenu-toggle > a { margin-right: 40px; } .submenu-toggle { position: absolute; top: 0; right: 0; width: 40px; height: 40px; cursor: pointer; } .submenu-toggle::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-bottom-width: 0; border-top-style: solid; border-color: #2ba6cb transparent transparent; top: 0; bottom: 0; margin: auto; } .submenu-toggle[aria-expanded='true']::after { -webkit-transform: scaleY(-1); -ms-transform: scaleY(-1); transform: scaleY(-1); -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; } .submenu-toggle-text { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } .dropdown.menu > li.opens-left > .is-dropdown-submenu { top: 100%; right: 0; left: auto; } .dropdown.menu > li.opens-right > .is-dropdown-submenu { top: 100%; right: auto; left: 0; } .dropdown.menu > li.is-dropdown-submenu-parent > a { position: relative; padding-right: 1.5rem; } .dropdown.menu > li.is-dropdown-submenu-parent > a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-bottom-width: 0; border-top-style: solid; border-color: #2ba6cb transparent transparent; right: 5px; left: auto; margin-top: -3px; } [data-whatinput='mouse'] .dropdown.menu a { outline: 0; } .dropdown.menu > li > a { padding: 0.7rem 1rem; } .dropdown.menu > li.is-active > a { background: transparent; color: #2ba6cb; } .no-js .dropdown.menu ul { display: none; } .dropdown.menu .nested.is-dropdown-submenu { margin-right: 0; margin-left: 0; } .dropdown.menu.vertical > li .is-dropdown-submenu { top: 0; } .dropdown.menu.vertical > li.opens-left > .is-dropdown-submenu { top: 0; right: 100%; left: auto; } .dropdown.menu.vertical > li.opens-right > .is-dropdown-submenu { right: auto; left: 100%; } .dropdown.menu.vertical > li > a::after { right: 14px; } .dropdown.menu.vertical > li.opens-left > a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-left-width: 0; border-right-style: solid; border-color: transparent #2ba6cb transparent transparent; right: auto; left: 5px; } .dropdown.menu.vertical > li.opens-right > a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-right-width: 0; border-left-style: solid; border-color: transparent transparent transparent #2ba6cb; } @media print, screen and (min-width: 40em) { .dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu { top: 100%; right: 0; left: auto; } .dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu { top: 100%; right: auto; left: 0; } .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a { position: relative; padding-right: 1.5rem; } .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-bottom-width: 0; border-top-style: solid; border-color: #2ba6cb transparent transparent; right: 5px; left: auto; margin-top: -3px; } .dropdown.menu.medium-vertical > li .is-dropdown-submenu { top: 0; } .dropdown.menu.medium-vertical > li.opens-left > .is-dropdown-submenu { top: 0; right: 100%; left: auto; } .dropdown.menu.medium-vertical > li.opens-right > .is-dropdown-submenu { right: auto; left: 100%; } .dropdown.menu.medium-vertical > li > a::after { right: 14px; } .dropdown.menu.medium-vertical > li.opens-left > a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-left-width: 0; border-right-style: solid; border-color: transparent #2ba6cb transparent transparent; right: auto; left: 5px; } .dropdown.menu.medium-vertical > li.opens-right > a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-right-width: 0; border-left-style: solid; border-color: transparent transparent transparent #2ba6cb; } } @media print, screen and (min-width: 64em) { .dropdown.menu.large-horizontal > li.opens-left > .is-dropdown-submenu { top: 100%; right: 0; left: auto; } .dropdown.menu.large-horizontal > li.opens-right > .is-dropdown-submenu { top: 100%; right: auto; left: 0; } .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a { position: relative; padding-right: 1.5rem; } .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-bottom-width: 0; border-top-style: solid; border-color: #2ba6cb transparent transparent; right: 5px; left: auto; margin-top: -3px; } .dropdown.menu.large-vertical > li .is-dropdown-submenu { top: 0; } .dropdown.menu.large-vertical > li.opens-left > .is-dropdown-submenu { top: 0; right: 100%; left: auto; } .dropdown.menu.large-vertical > li.opens-right > .is-dropdown-submenu { right: auto; left: 100%; } .dropdown.menu.large-vertical > li > a::after { right: 14px; } .dropdown.menu.large-vertical > li.opens-left > a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-left-width: 0; border-right-style: solid; border-color: transparent #2ba6cb transparent transparent; right: auto; left: 5px; } .dropdown.menu.large-vertical > li.opens-right > a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-right-width: 0; border-left-style: solid; border-color: transparent transparent transparent #2ba6cb; } } .dropdown.menu.align-right .is-dropdown-submenu.first-sub { top: 100%; right: 0; left: auto; } .is-dropdown-menu.vertical { width: 100px; } .is-dropdown-menu.vertical.align-right { float: right; } .is-dropdown-submenu-parent { position: relative; } .is-dropdown-submenu-parent a::after { position: absolute; top: 50%; right: 5px; left: auto; margin-top: -6px; } .is-dropdown-submenu-parent.opens-inner > .is-dropdown-submenu { top: 100%; left: auto; } .is-dropdown-submenu-parent.opens-left > .is-dropdown-submenu { right: 100%; left: auto; } .is-dropdown-submenu-parent.opens-right > .is-dropdown-submenu { right: auto; left: 100%; } .is-dropdown-submenu { position: absolute; top: 0; left: 100%; z-index: 1; display: none; min-width: 200px; border: 1px solid #cacaca; background: #fefefe; } .dropdown .is-dropdown-submenu a { padding: 0.7rem 1rem; } .is-dropdown-submenu .is-dropdown-submenu-parent > a::after { right: 14px; } .is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-left-width: 0; border-right-style: solid; border-color: transparent #2ba6cb transparent transparent; right: auto; left: 5px; } .is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-right-width: 0; border-left-style: solid; border-color: transparent transparent transparent #2ba6cb; } .is-dropdown-submenu .is-dropdown-submenu { margin-top: -1px; } .is-dropdown-submenu > li { width: 100%; } .is-dropdown-submenu.js-dropdown-active { display: block; } .title-bar { padding: 0.5rem; background: #0a0a0a; color: #fefefe; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .title-bar .menu-icon { margin-left: 0.25rem; margin-right: 0.25rem; } .title-bar-left, .title-bar-right { -webkit-box-flex: 1; -webkit-flex: 1 1 0px; -ms-flex: 1 1 0px; flex: 1 1 0px; } .title-bar-right { text-align: right; } .title-bar-title { display: inline-block; vertical-align: middle; font-weight: bold; } .top-bar { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 0.5rem; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .top-bar, .top-bar ul { background-color: #e6e6e6; } .top-bar input { max-width: 200px; margin-right: 1rem; } .top-bar .input-group-field { width: 100%; margin-right: 0; } .top-bar input.button { width: auto; } .top-bar .top-bar-left, .top-bar .top-bar-right { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } @media print, screen and (min-width: 40em) { .top-bar { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .top-bar .top-bar-left { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; margin-right: auto; } .top-bar .top-bar-right { -webkit-box-flex: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; margin-left: auto; } } @media print, screen and (max-width: 63.99875em) { .top-bar.stacked-for-medium { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .top-bar.stacked-for-medium .top-bar-left, .top-bar.stacked-for-medium .top-bar-right { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } @media print, screen and (max-width: 74.99875em) { .top-bar.stacked-for-large { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .top-bar.stacked-for-large .top-bar-left, .top-bar.stacked-for-large .top-bar-right { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } .top-bar-title { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; margin: 0.5rem 1rem 0.5rem 0; } .top-bar-left, .top-bar-right { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } .breadcrumbs { margin: 0 0 1rem 0; list-style: none; } .breadcrumbs::before, .breadcrumbs::after { display: table; content: ' '; -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .breadcrumbs::after { clear: both; } .breadcrumbs li { float: left; font-size: 0.6875rem; color: #0a0a0a; cursor: default; text-transform: uppercase; } .breadcrumbs li:not(:last-child)::after { position: relative; margin: 0 0.75rem; opacity: 1; content: "/"; color: #cacaca; } .breadcrumbs a { color: #2ba6cb; } .breadcrumbs a:hover { text-decoration: underline; } .breadcrumbs .disabled { color: #cacaca; cursor: not-allowed; } .pagination { margin-left: 0; margin-bottom: 1rem; } .pagination::before, .pagination::after { display: table; content: ' '; -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .pagination::after { clear: both; } .pagination li { margin-right: 0.0625rem; border-radius: 3px; font-size: 0.875rem; display: none; } .pagination li:last-child, .pagination li:first-child { display: inline-block; } @media print, screen and (min-width: 40em) { .pagination li { display: inline-block; } } .pagination a, .pagination button { display: block; padding: 0.1875rem 0.625rem; border-radius: 3px; color: #0a0a0a; } .pagination a:hover, .pagination button:hover { background: #e6e6e6; } .pagination .current { padding: 0.1875rem 0.625rem; background: #2ba6cb; color: #fefefe; cursor: default; } .pagination .disabled { padding: 0.1875rem 0.625rem; color: #cacaca; cursor: not-allowed; } .pagination .disabled:hover { background: transparent; } .pagination .ellipsis::after { padding: 0.1875rem 0.625rem; content: '\2026'; color: #0a0a0a; } .pagination-previous a::before, .pagination-previous.disabled::before { display: inline-block; margin-right: 0.5rem; content: "«"; } .pagination-next a::after, .pagination-next.disabled::after { display: inline-block; margin-left: 0.5rem; content: "»"; } .accordion { margin-left: 0; background: #fefefe; list-style-type: none; } .accordion[disabled] .accordion-title { cursor: not-allowed; } .accordion-item:first-child > :first-child { border-radius: 3px 3px 0 0; } .accordion-item:last-child > :last-child { border-radius: 0 0 3px 3px; } .accordion-title { position: relative; display: block; padding: 1.25rem 1rem; border: 1px solid #e6e6e6; border-bottom: 0; font-size: 0.75rem; line-height: 1; color: #2ba6cb; } :last-child:not(.is-active) > .accordion-title { border-bottom: 1px solid #e6e6e6; border-radius: 0 0 3px 3px; } .accordion-title:hover, .accordion-title:focus { background-color: #e6e6e6; } .accordion-title::before { position: absolute; top: 50%; right: 1rem; margin-top: -0.5rem; content: "+"; } .is-active > .accordion-title::before { content: "–"; } .accordion-content { display: none; padding: 1rem; border: 1px solid #e6e6e6; border-bottom: 0; background-color: #fefefe; color: #0a0a0a; } :last-child > .accordion-content:last-child { border-bottom: 1px solid #e6e6e6; } .dropdown-pane { position: absolute; z-index: 10; display: none; width: 300px; padding: 1rem; visibility: hidden; border: 1px solid #cacaca; border-radius: 3px; background-color: #fefefe; font-size: 1rem; } .dropdown-pane.is-opening { display: block; } .dropdown-pane.is-open { display: block; visibility: visible; } .dropdown-pane.tiny { width: 100px; } .dropdown-pane.small { width: 200px; } .dropdown-pane.large { width: 400px; } .is-off-canvas-open { overflow: hidden; } .js-off-canvas-overlay { position: absolute; top: 0; left: 0; z-index: 11; width: 100%; height: 100%; -webkit-transition: opacity 0.5s ease, visibility 0.5s ease; transition: opacity 0.5s ease, visibility 0.5s ease; background: rgba(254, 254, 254, 0.25); opacity: 0; visibility: hidden; overflow: hidden; } .js-off-canvas-overlay.is-visible { opacity: 1; visibility: visible; } .js-off-canvas-overlay.is-closable { cursor: pointer; } .js-off-canvas-overlay.is-overlay-absolute { position: absolute; } .js-off-canvas-overlay.is-overlay-fixed { position: fixed; } .off-canvas-wrapper { position: relative; overflow: hidden; } .off-canvas { position: fixed; z-index: 12; -webkit-transition: -webkit-transform 0.5s ease; transition: -webkit-transform 0.5s ease; transition: transform 0.5s ease; transition: transform 0.5s ease, -webkit-transform 0.5s ease; -webkit-backface-visibility: hidden; backface-visibility: hidden; background: #e6e6e6; } [data-whatinput='mouse'] .off-canvas { outline: 0; } .off-canvas.is-transition-push { z-index: 12; } .off-canvas.is-closed { visibility: hidden; } .off-canvas.is-transition-overlap { z-index: 13; } .off-canvas.is-transition-overlap.is-open { -webkit-box-shadow: 0 0 10px rgba(10, 10, 10, 0.7); box-shadow: 0 0 10px rgba(10, 10, 10, 0.7); } .off-canvas.is-open { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .off-canvas-absolute { position: absolute; z-index: 12; -webkit-transition: -webkit-transform 0.5s ease; transition: -webkit-transform 0.5s ease; transition: transform 0.5s ease; transition: transform 0.5s ease, -webkit-transform 0.5s ease; -webkit-backface-visibility: hidden; backface-visibility: hidden; background: #e6e6e6; } [data-whatinput='mouse'] .off-canvas-absolute { outline: 0; } .off-canvas-absolute.is-transition-push { z-index: 12; } .off-canvas-absolute.is-closed { visibility: hidden; } .off-canvas-absolute.is-transition-overlap { z-index: 13; } .off-canvas-absolute.is-transition-overlap.is-open { -webkit-box-shadow: 0 0 10px rgba(10, 10, 10, 0.7); box-shadow: 0 0 10px rgba(10, 10, 10, 0.7); } .off-canvas-absolute.is-open { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .position-left { top: 0; left: 0; height: 100%; overflow-y: auto; width: 250px; -webkit-transform: translateX(-250px); -ms-transform: translateX(-250px); transform: translateX(-250px); } .off-canvas-content .off-canvas.position-left { -webkit-transform: translateX(-250px); -ms-transform: translateX(-250px); transform: translateX(-250px); } .off-canvas-content .off-canvas.position-left.is-transition-overlap.is-open { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .off-canvas-content.is-open-left.has-transition-push { -webkit-transform: translateX(250px); -ms-transform: translateX(250px); transform: translateX(250px); } .position-left.is-transition-push { -webkit-box-shadow: inset -13px 0 20px -13px rgba(10, 10, 10, 0.25); box-shadow: inset -13px 0 20px -13px rgba(10, 10, 10, 0.25); } .position-right { top: 0; right: 0; height: 100%; overflow-y: auto; width: 250px; -webkit-transform: translateX(250px); -ms-transform: translateX(250px); transform: translateX(250px); } .off-canvas-content .off-canvas.position-right { -webkit-transform: translateX(250px); -ms-transform: translateX(250px); transform: translateX(250px); } .off-canvas-content .off-canvas.position-right.is-transition-overlap.is-open { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .off-canvas-content.is-open-right.has-transition-push { -webkit-transform: translateX(-250px); -ms-transform: translateX(-250px); transform: translateX(-250px); } .position-right.is-transition-push { -webkit-box-shadow: inset 13px 0 20px -13px rgba(10, 10, 10, 0.25); box-shadow: inset 13px 0 20px -13px rgba(10, 10, 10, 0.25); } .position-top { top: 0; left: 0; width: 100%; overflow-x: auto; height: 250px; -webkit-transform: translateY(-250px); -ms-transform: translateY(-250px); transform: translateY(-250px); } .off-canvas-content .off-canvas.position-top { -webkit-transform: translateY(-250px); -ms-transform: translateY(-250px); transform: translateY(-250px); } .off-canvas-content .off-canvas.position-top.is-transition-overlap.is-open { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .off-canvas-content.is-open-top.has-transition-push { -webkit-transform: translateY(250px); -ms-transform: translateY(250px); transform: translateY(250px); } .position-top.is-transition-push { -webkit-box-shadow: inset 0 -13px 20px -13px rgba(10, 10, 10, 0.25); box-shadow: inset 0 -13px 20px -13px rgba(10, 10, 10, 0.25); } .position-bottom { bottom: 0; left: 0; width: 100%; overflow-x: auto; height: 250px; -webkit-transform: translateY(250px); -ms-transform: translateY(250px); transform: translateY(250px); } .off-canvas-content .off-canvas.position-bottom { -webkit-transform: translateY(250px); -ms-transform: translateY(250px); transform: translateY(250px); } .off-canvas-content .off-canvas.position-bottom.is-transition-overlap.is-open { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .off-canvas-content.is-open-bottom.has-transition-push { -webkit-transform: translateY(-250px); -ms-transform: translateY(-250px); transform: translateY(-250px); } .position-bottom.is-transition-push { -webkit-box-shadow: inset 0 13px 20px -13px rgba(10, 10, 10, 0.25); box-shadow: inset 0 13px 20px -13px rgba(10, 10, 10, 0.25); } .off-canvas-content { -webkit-transform: none; -ms-transform: none; transform: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .off-canvas-content.has-transition-overlap, .off-canvas-content.has-transition-push { -webkit-transition: -webkit-transform 0.5s ease; transition: -webkit-transform 0.5s ease; transition: transform 0.5s ease; transition: transform 0.5s ease, -webkit-transform 0.5s ease; } .off-canvas-content.has-transition-push { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .off-canvas-content .off-canvas.is-open { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } @media print, screen and (min-width: 40em) { .position-left.reveal-for-medium { -webkit-transform: none; -ms-transform: none; transform: none; z-index: 12; -webkit-transition: none; transition: none; visibility: visible; } .position-left.reveal-for-medium .close-button { display: none; } .off-canvas-content .position-left.reveal-for-medium { -webkit-transform: none; -ms-transform: none; transform: none; } .off-canvas-content.has-reveal-left { margin-left: 250px; } .position-left.reveal-for-medium ~ .off-canvas-content { margin-left: 250px; } .position-right.reveal-for-medium { -webkit-transform: none; -ms-transform: none; transform: none; z-index: 12; -webkit-transition: none; transition: none; visibility: visible; } .position-right.reveal-for-medium .close-button { display: none; } .off-canvas-content .position-right.reveal-for-medium { -webkit-transform: none; -ms-transform: none; transform: none; } .off-canvas-content.has-reveal-right { margin-right: 250px; } .position-right.reveal-for-medium ~ .off-canvas-content { margin-right: 250px; } .position-top.reveal-for-medium { -webkit-transform: none; -ms-transform: none; transform: none; z-index: 12; -webkit-transition: none; transition: none; visibility: visible; } .position-top.reveal-for-medium .close-button { display: none; } .off-canvas-content .position-top.reveal-for-medium { -webkit-transform: none; -ms-transform: none; transform: none; } .off-canvas-content.has-reveal-top { margin-top: 250px; } .position-top.reveal-for-medium ~ .off-canvas-content { margin-top: 250px; } .position-bottom.reveal-for-medium { -webkit-transform: none; -ms-transform: none; transform: none; z-index: 12; -webkit-transition: none; transition: none; visibility: visible; } .position-bottom.reveal-for-medium .close-button { display: none; } .off-canvas-content .position-bottom.reveal-for-medium { -webkit-transform: none; -ms-transform: none; transform: none; } .off-canvas-content.has-reveal-bottom { margin-bottom: 250px; } .position-bottom.reveal-for-medium ~ .off-canvas-content { margin-bottom: 250px; } } @media print, screen and (min-width: 64em) { .position-left.reveal-for-large { -webkit-transform: none; -ms-transform: none; transform: none; z-index: 12; -webkit-transition: none; transition: none; visibility: visible; } .position-left.reveal-for-large .close-button { display: none; } .off-canvas-content .position-left.reveal-for-large { -webkit-transform: none; -ms-transform: none; transform: none; } .off-canvas-content.has-reveal-left { margin-left: 250px; } .position-left.reveal-for-large ~ .off-canvas-content { margin-left: 250px; } .position-right.reveal-for-large { -webkit-transform: none; -ms-transform: none; transform: none; z-index: 12; -webkit-transition: none; transition: none; visibility: visible; } .position-right.reveal-for-large .close-button { display: none; } .off-canvas-content .position-right.reveal-for-large { -webkit-transform: none; -ms-transform: none; transform: none; } .off-canvas-content.has-reveal-right { margin-right: 250px; } .position-right.reveal-for-large ~ .off-canvas-content { margin-right: 250px; } .position-top.reveal-for-large { -webkit-transform: none; -ms-transform: none; transform: none; z-index: 12; -webkit-transition: none; transition: none; visibility: visible; } .position-top.reveal-for-large .close-button { display: none; } .off-canvas-content .position-top.reveal-for-large { -webkit-transform: none; -ms-transform: none; transform: none; } .off-canvas-content.has-reveal-top { margin-top: 250px; } .position-top.reveal-for-large ~ .off-canvas-content { margin-top: 250px; } .position-bottom.reveal-for-large { -webkit-transform: none; -ms-transform: none; transform: none; z-index: 12; -webkit-transition: none; transition: none; visibility: visible; } .position-bottom.reveal-for-large .close-button { display: none; } .off-canvas-content .position-bottom.reveal-for-large { -webkit-transform: none; -ms-transform: none; transform: none; } .off-canvas-content.has-reveal-bottom { margin-bottom: 250px; } .position-bottom.reveal-for-large ~ .off-canvas-content { margin-bottom: 250px; } } @media print, screen and (min-width: 40em) { .off-canvas.in-canvas-for-medium { visibility: visible; height: auto; position: static; background: none; width: auto; overflow: visible; -webkit-transition: none; transition: none; } .off-canvas.in-canvas-for-medium.position-left, .off-canvas.in-canvas-for-medium.position-right, .off-canvas.in-canvas-for-medium.position-top, .off-canvas.in-canvas-for-medium.position-bottom { -webkit-box-shadow: none; box-shadow: none; -webkit-transform: none; -ms-transform: none; transform: none; } .off-canvas.in-canvas-for-medium .close-button { display: none; } } @media print, screen and (min-width: 64em) { .off-canvas.in-canvas-for-large { visibility: visible; height: auto; position: static; background: none; width: auto; overflow: visible; -webkit-transition: none; transition: none; } .off-canvas.in-canvas-for-large.position-left, .off-canvas.in-canvas-for-large.position-right, .off-canvas.in-canvas-for-large.position-top, .off-canvas.in-canvas-for-large.position-bottom { -webkit-box-shadow: none; box-shadow: none; -webkit-transform: none; -ms-transform: none; transform: none; } .off-canvas.in-canvas-for-large .close-button { display: none; } } .tabs { margin: 0; border: 1px solid #e6e6e6; background: #fefefe; list-style-type: none; } .tabs::before, .tabs::after { display: table; content: ' '; -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .tabs::after { clear: both; } .tabs.vertical > li { display: block; float: none; width: auto; } .tabs.simple > li > a { padding: 0; } .tabs.simple > li > a:hover { background: transparent; } .tabs.primary { background: #2ba6cb; } .tabs.primary > li > a { color: #0a0a0a; } .tabs.primary > li > a:hover, .tabs.primary > li > a:focus { background: #299ec1; } .tabs-title { float: left; } .tabs-title > a { display: block; padding: 1.25rem 1.5rem; font-size: 0.75rem; line-height: 1; color: #2ba6cb; } [data-whatinput='mouse'] .tabs-title > a { outline: 0; } .tabs-title > a:hover { background: #fefefe; color: #258faf; } .tabs-title > a:focus, .tabs-title > a[aria-selected='true'] { background: #e6e6e6; color: #2ba6cb; } .tabs-content { border: 1px solid #e6e6e6; border-top: 0; background: #fefefe; color: #0a0a0a; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .tabs-content.vertical { border: 1px solid #e6e6e6; border-left: 0; } .tabs-panel { display: none; padding: 1rem; } .tabs-panel.is-active { display: block; } .callout { position: relative; margin: 0 0 1rem 0; padding: 1rem; border: 1px solid rgba(10, 10, 10, 0.25); border-radius: 3px; background-color: white; color: #0a0a0a; } .callout > :first-child { margin-top: 0; } .callout > :last-child { margin-bottom: 0; } .callout.primary { background-color: #def2f8; color: #0a0a0a; } .callout.secondary { background-color: #fcfcfc; color: #0a0a0a; } .callout.alert { background-color: #fcd6d6; color: #0a0a0a; } .callout.success { background-color: #e6f7d9; color: #0a0a0a; } .callout.warning { background-color: #fff3d9; color: #0a0a0a; } .callout.body-font { background-color: #dedede; color: #0a0a0a; } .callout.header { background-color: #dedede; color: #0a0a0a; } .callout.small { padding-top: 0.5rem; padding-right: 0.5rem; padding-bottom: 0.5rem; padding-left: 0.5rem; } .callout.large { padding-top: 3rem; padding-right: 3rem; padding-bottom: 3rem; padding-left: 3rem; } .card { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; margin-bottom: 1rem; border: 1px solid #e6e6e6; border-radius: 3px; background: #fefefe; -webkit-box-shadow: none; box-shadow: none; overflow: hidden; color: #0a0a0a; } .card > :last-child { margin-bottom: 0; } .card-divider { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; padding: 1rem; background: #e6e6e6; } .card-divider > :last-child { margin-bottom: 0; } .card-section { -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; padding: 1rem; } .card-section > :last-child { margin-bottom: 0; } .card-image { min-height: 1px; } .media-object { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 1rem; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .media-object img { max-width: none; } @media print, screen and (max-width: 39.99875em) { .media-object.stack-for-small { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .media-object-section { -webkit-box-flex: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; } .media-object-section:first-child { padding-right: 1rem; } .media-object-section:last-child:not(:nth-child(2)) { padding-left: 1rem; } .media-object-section > :last-child { margin-bottom: 0; } @media print, screen and (max-width: 39.99875em) { .stack-for-small .media-object-section { padding: 0; padding-bottom: 1rem; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .stack-for-small .media-object-section img { width: 100%; } } .media-object-section.main-section { -webkit-box-flex: 1; -webkit-flex: 1 1 0px; -ms-flex: 1 1 0px; flex: 1 1 0px; } html.is-reveal-open { position: fixed; width: 100%; overflow-y: hidden; } html.is-reveal-open.zf-has-scroll { overflow-y: scroll; } html.is-reveal-open body { overflow-y: hidden; } .reveal-overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1005; display: none; background-color: rgba(10, 10, 10, 0.45); overflow-y: auto; } .reveal { z-index: 1006; -webkit-backface-visibility: hidden; backface-visibility: hidden; display: none; padding: 1rem; border: 1px solid #cacaca; border-radius: 3px; background-color: #fefefe; position: relative; top: 100px; margin-right: auto; margin-left: auto; overflow-y: auto; } [data-whatinput='mouse'] .reveal { outline: 0; } @media print, screen and (min-width: 40em) { .reveal { min-height: 0; } } .reveal .column, .reveal .columns { min-width: 0; } .reveal > :last-child { margin-bottom: 0; } @media print, screen and (min-width: 40em) { .reveal { width: 600px; max-width: 62.5rem; } } .reveal.collapse { padding: 0; } @media print, screen and (min-width: 40em) { .reveal.tiny { width: 30%; max-width: 62.5rem; } } @media print, screen and (min-width: 40em) { .reveal.small { width: 50%; max-width: 62.5rem; } } @media print, screen and (min-width: 40em) { .reveal.large { width: 90%; max-width: 62.5rem; } } .reveal.full { top: 0; right: 0; bottom: 0; left: 0; width: 100%; max-width: none; height: 100%; min-height: 100%; margin-left: 0; border: 0; border-radius: 0; } @media print, screen and (max-width: 39.99875em) { .reveal { top: 0; right: 0; bottom: 0; left: 0; width: 100%; max-width: none; height: 100%; min-height: 100%; margin-left: 0; border: 0; border-radius: 0; } } .reveal.without-overlay { position: fixed; } table { border-collapse: collapse; width: 100%; margin-bottom: 1rem; border-radius: 3px; } thead, tbody, tfoot { border: 1px solid #f1f1f1; background-color: #fefefe; } caption { padding: 0.5rem 0.625rem 0.625rem; font-weight: bold; } thead { background: #f8f8f8; color: #0a0a0a; } tfoot { background: #f1f1f1; color: #0a0a0a; } thead tr, tfoot tr { background: transparent; } thead th, thead td, tfoot th, tfoot td { padding: 0.5rem 0.625rem 0.625rem; font-weight: bold; text-align: left; } tbody th, tbody td { padding: 0.5rem 0.625rem 0.625rem; } tbody tr:nth-child(even) { border-bottom: 0; background-color: #f1f1f1; } table.unstriped tbody { background-color: #fefefe; } table.unstriped tbody tr { border-bottom: 0; border-bottom: 1px solid #f1f1f1; background-color: #fefefe; } @media print, screen and (max-width: 63.99875em) { table.stack thead { display: none; } table.stack tfoot { display: none; } table.stack tr, table.stack th, table.stack td { display: block; } table.stack td { border-top: 0; } } table.scroll { display: block; width: 100%; overflow-x: auto; } table.hover thead tr:hover { background-color: #f3f3f3; } table.hover tfoot tr:hover { background-color: #ececec; } table.hover tbody tr:hover { background-color: #f9f9f9; } table.hover:not(.unstriped) tr:nth-of-type(even):hover { background-color: #ececec; } .table-scroll { overflow-x: auto; } .badge { display: inline-block; min-width: 2.1em; padding: 0.3em; border-radius: 50%; font-size: 0.6rem; text-align: center; background: #2ba6cb; color: #fefefe; } .badge.primary { background: #2ba6cb; color: #0a0a0a; } .badge.secondary { background: #e9e9e9; color: #0a0a0a; } .badge.alert { background: #c60f13; color: #fefefe; } .badge.success { background: #5da423; color: #0a0a0a; } .badge.warning { background: #ffae00; color: #0a0a0a; } .badge.body-font { background: #222222; color: #fefefe; } .badge.header { background: #222222; color: #fefefe; } .label { display: inline-block; padding: 0.33333rem 0.5rem; border-radius: 3px; font-size: 0.8rem; line-height: 1; white-space: nowrap; cursor: default; background: #2ba6cb; color: #fefefe; } .label.primary { background: #2ba6cb; color: #0a0a0a; } .label.secondary { background: #e9e9e9; color: #0a0a0a; } .label.alert { background: #c60f13; color: #fefefe; } .label.success { background: #5da423; color: #0a0a0a; } .label.warning { background: #ffae00; color: #0a0a0a; } .label.body-font { background: #222222; color: #fefefe; } .label.header { background: #222222; color: #fefefe; } .progress { height: 1rem; margin-bottom: 1rem; border-radius: 3px; background-color: #cacaca; } .progress.primary .progress-meter { background-color: #2ba6cb; } .progress.secondary .progress-meter { background-color: #e9e9e9; } .progress.alert .progress-meter { background-color: #c60f13; } .progress.success .progress-meter { background-color: #5da423; } .progress.warning .progress-meter { background-color: #ffae00; } .progress.body-font .progress-meter { background-color: #222222; } .progress.header .progress-meter { background-color: #222222; } .progress-meter { position: relative; display: block; width: 0%; height: 100%; background-color: #2ba6cb; border-radius: 3px; } .progress-meter-text { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin: 0; font-size: 0.75rem; font-weight: bold; color: #fefefe; white-space: nowrap; border-radius: 3px; } .has-tip { position: relative; display: inline-block; border-bottom: dotted 1px #8a8a8a; font-weight: bold; cursor: help; } .tooltip { position: absolute; top: calc(100% + 0.6495rem); z-index: 1200; max-width: 10rem; padding: 0.75rem; border-radius: 3px; background-color: #0a0a0a; font-size: 80%; color: #fefefe; } .tooltip::before { position: absolute; } .tooltip.bottom::before { display: block; width: 0; height: 0; border: inset 0.75rem; content: ''; border-top-width: 0; border-bottom-style: solid; border-color: transparent transparent #0a0a0a; bottom: 100%; } .tooltip.bottom.align-center::before { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .tooltip.top::before { display: block; width: 0; height: 0; border: inset 0.75rem; content: ''; border-bottom-width: 0; border-top-style: solid; border-color: #0a0a0a transparent transparent; top: 100%; bottom: auto; } .tooltip.top.align-center::before { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .tooltip.left::before { display: block; width: 0; height: 0; border: inset 0.75rem; content: ''; border-right-width: 0; border-left-style: solid; border-color: transparent transparent transparent #0a0a0a; left: 100%; } .tooltip.left.align-center::before { bottom: auto; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .tooltip.right::before { display: block; width: 0; height: 0; border: inset 0.75rem; content: ''; border-left-width: 0; border-right-style: solid; border-color: transparent #0a0a0a transparent transparent; right: 100%; left: auto; } .tooltip.right.align-center::before { bottom: auto; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .tooltip.align-top::before { bottom: auto; top: 10%; } .tooltip.align-bottom::before { bottom: 10%; top: auto; } .tooltip.align-left::before { left: 10%; right: auto; } .tooltip.align-right::before { left: auto; right: 10%; } .responsive-embed, .flex-video { position: relative; height: 0; margin-bottom: 1rem; padding-bottom: 75%; overflow: hidden; } .responsive-embed iframe, .responsive-embed object, .responsive-embed embed, .responsive-embed video, .flex-video iframe, .flex-video object, .flex-video embed, .flex-video video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .responsive-embed.widescreen, .flex-video.widescreen { padding-bottom: 56.25%; } .orbit { position: relative; } .orbit-container { position: relative; height: 0; margin: 0; list-style: none; overflow: hidden; } .orbit-slide { width: 100%; position: absolute; } .orbit-slide.no-motionui.is-active { top: 0; left: 0; } .orbit-figure { margin: 0; } .orbit-image { width: 100%; max-width: 100%; margin: 0; } .orbit-caption { position: absolute; bottom: 0; width: 100%; margin-bottom: 0; padding: 1rem; background-color: rgba(10, 10, 10, 0.5); color: #fefefe; } .orbit-previous, .orbit-next { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 10; padding: 1rem; color: #fefefe; } [data-whatinput='mouse'] .orbit-previous, [data-whatinput='mouse'] .orbit-next { outline: 0; } .orbit-previous:hover, .orbit-next:hover, .orbit-previous:active, .orbit-next:active, .orbit-previous:focus, .orbit-next:focus { background-color: rgba(10, 10, 10, 0.5); } .orbit-previous { left: 0; } .orbit-next { left: auto; right: 0; } .orbit-bullets { position: relative; margin-top: 0.8rem; margin-bottom: 0.8rem; text-align: center; } [data-whatinput='mouse'] .orbit-bullets { outline: 0; } .orbit-bullets button { width: 1.2rem; height: 1.2rem; margin: 0.1rem; border-radius: 50%; background-color: #cacaca; } .orbit-bullets button:hover { background-color: #8a8a8a; } .orbit-bullets button.is-active { background-color: #8a8a8a; } .thumbnail { display: inline-block; max-width: 100%; margin-bottom: 1rem; border: 4px solid #fefefe; border-radius: 3px; -webkit-box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.2); box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.2); line-height: 0; } a.thumbnail { -webkit-transition: -webkit-box-shadow 200ms ease-out; transition: -webkit-box-shadow 200ms ease-out; transition: box-shadow 200ms ease-out; transition: box-shadow 200ms ease-out, -webkit-box-shadow 200ms ease-out; } a.thumbnail:hover, a.thumbnail:focus { -webkit-box-shadow: 0 0 6px 1px rgba(43, 166, 203, 0.5); box-shadow: 0 0 6px 1px rgba(43, 166, 203, 0.5); } a.thumbnail image { -webkit-box-shadow: none; box-shadow: none; } .sticky-container { position: relative; } .sticky { position: relative; z-index: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .sticky.is-stuck { position: fixed; z-index: 5; width: 100%; } .sticky.is-stuck.is-at-top { top: 0; } .sticky.is-stuck.is-at-bottom { bottom: 0; } .sticky.is-anchored { position: relative; right: auto; left: auto; } .sticky.is-anchored.is-at-bottom { bottom: 0; } .row { max-width: 62.5rem; margin-right: auto; margin-left: auto; } .row::before, .row::after { display: table; content: ' '; -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .row::after { clear: both; } .row.collapse > .column, .row.collapse > .columns { padding-right: 0; padding-left: 0; } .row .row { margin-right: -0.9375rem; margin-left: -0.9375rem; } @media print, screen and (min-width: 40em) { .row .row { margin-right: -0.9375rem; margin-left: -0.9375rem; } } @media print, screen and (min-width: 64em) { .row .row { margin-right: -0.9375rem; margin-left: -0.9375rem; } } .row .row.collapse { margin-right: 0; margin-left: 0; } .row.expanded { max-width: none; } .row.expanded .row { margin-right: auto; margin-left: auto; } .row:not(.expanded) .row { max-width: none; } .column, .columns { width: 100%; float: left; padding-right: 0.9375rem; padding-left: 0.9375rem; } .column, .columns, .column:last-child:not(:first-child), .columns:last-child:not(:first-child) { float: left; clear: none; } .column:last-child:not(:first-child), .columns:last-child:not(:first-child) { float: right; } .column.end:last-child:last-child, .end.columns:last-child:last-child { float: left; } .column.row.row, .row.row.columns { float: none; } .row .column.row.row, .row .row.row.columns { margin-right: 0; margin-left: 0; padding-right: 0; padding-left: 0; } .small-1 { width: 8.33333%; } .small-push-1 { position: relative; left: 8.33333%; } .small-pull-1 { position: relative; left: -8.33333%; } .small-offset-0 { margin-left: 0%; } .small-2 { width: 16.66667%; } .small-push-2 { position: relative; left: 16.66667%; } .small-pull-2 { position: relative; left: -16.66667%; } .small-offset-1 { margin-left: 8.33333%; } .small-3 { width: 25%; } .small-push-3 { position: relative; left: 25%; } .small-pull-3 { position: relative; left: -25%; } .small-offset-2 { margin-left: 16.66667%; } .small-4 { width: 33.33333%; } .small-push-4 { position: relative; left: 33.33333%; } .small-pull-4 { position: relative; left: -33.33333%; } .small-offset-3 { margin-left: 25%; } .small-5 { width: 41.66667%; } .small-push-5 { position: relative; left: 41.66667%; } .small-pull-5 { position: relative; left: -41.66667%; } .small-offset-4 { margin-left: 33.33333%; } .small-6 { width: 50%; } .small-push-6 { position: relative; left: 50%; } .small-pull-6 { position: relative; left: -50%; } .small-offset-5 { margin-left: 41.66667%; } .small-7 { width: 58.33333%; } .small-push-7 { position: relative; left: 58.33333%; } .small-pull-7 { position: relative; left: -58.33333%; } .small-offset-6 { margin-left: 50%; } .small-8 { width: 66.66667%; } .small-push-8 { position: relative; left: 66.66667%; } .small-pull-8 { position: relative; left: -66.66667%; } .small-offset-7 { margin-left: 58.33333%; } .small-9 { width: 75%; } .small-push-9 { position: relative; left: 75%; } .small-pull-9 { position: relative; left: -75%; } .small-offset-8 { margin-left: 66.66667%; } .small-10 { width: 83.33333%; } .small-push-10 { position: relative; left: 83.33333%; } .small-pull-10 { position: relative; left: -83.33333%; } .small-offset-9 { margin-left: 75%; } .small-11 { width: 91.66667%; } .small-push-11 { position: relative; left: 91.66667%; } .small-pull-11 { position: relative; left: -91.66667%; } .small-offset-10 { margin-left: 83.33333%; } .small-12 { width: 100%; } .small-offset-11 { margin-left: 91.66667%; } .small-up-1 > .column, .small-up-1 > .columns { float: left; width: 100%; } .small-up-1 > .column:nth-of-type(1n), .small-up-1 > .columns:nth-of-type(1n) { clear: none; } .small-up-1 > .column:nth-of-type(1n+1), .small-up-1 > .columns:nth-of-type(1n+1) { clear: both; } .small-up-1 > .column:last-child, .small-up-1 > .columns:last-child { float: left; } .small-up-2 > .column, .small-up-2 > .columns { float: left; width: 50%; } .small-up-2 > .column:nth-of-type(1n), .small-up-2 > .columns:nth-of-type(1n) { clear: none; } .small-up-2 > .column:nth-of-type(2n+1), .small-up-2 > .columns:nth-of-type(2n+1) { clear: both; } .small-up-2 > .column:last-child, .small-up-2 > .columns:last-child { float: left; } .small-up-3 > .column, .small-up-3 > .columns { float: left; width: 33.33333%; } .small-up-3 > .column:nth-of-type(1n), .small-up-3 > .columns:nth-of-type(1n) { clear: none; } .small-up-3 > .column:nth-of-type(3n+1), .small-up-3 > .columns:nth-of-type(3n+1) { clear: both; } .small-up-3 > .column:last-child, .small-up-3 > .columns:last-child { float: left; } .small-up-4 > .column, .small-up-4 > .columns { float: left; width: 25%; } .small-up-4 > .column:nth-of-type(1n), .small-up-4 > .columns:nth-of-type(1n) { clear: none; } .small-up-4 > .column:nth-of-type(4n+1), .small-up-4 > .columns:nth-of-type(4n+1) { clear: both; } .small-up-4 > .column:last-child, .small-up-4 > .columns:last-child { float: left; } .small-up-5 > .column, .small-up-5 > .columns { float: left; width: 20%; } .small-up-5 > .column:nth-of-type(1n), .small-up-5 > .columns:nth-of-type(1n) { clear: none; } .small-up-5 > .column:nth-of-type(5n+1), .small-up-5 > .columns:nth-of-type(5n+1) { clear: both; } .small-up-5 > .column:last-child, .small-up-5 > .columns:last-child { float: left; } .small-up-6 > .column, .small-up-6 > .columns { float: left; width: 16.66667%; } .small-up-6 > .column:nth-of-type(1n), .small-up-6 > .columns:nth-of-type(1n) { clear: none; } .small-up-6 > .column:nth-of-type(6n+1), .small-up-6 > .columns:nth-of-type(6n+1) { clear: both; } .small-up-6 > .column:last-child, .small-up-6 > .columns:last-child { float: left; } .small-up-7 > .column, .small-up-7 > .columns { float: left; width: 14.28571%; } .small-up-7 > .column:nth-of-type(1n), .small-up-7 > .columns:nth-of-type(1n) { clear: none; } .small-up-7 > .column:nth-of-type(7n+1), .small-up-7 > .columns:nth-of-type(7n+1) { clear: both; } .small-up-7 > .column:last-child, .small-up-7 > .columns:last-child { float: left; } .small-up-8 > .column, .small-up-8 > .columns { float: left; width: 12.5%; } .small-up-8 > .column:nth-of-type(1n), .small-up-8 > .columns:nth-of-type(1n) { clear: none; } .small-up-8 > .column:nth-of-type(8n+1), .small-up-8 > .columns:nth-of-type(8n+1) { clear: both; } .small-up-8 > .column:last-child, .small-up-8 > .columns:last-child { float: left; } .small-collapse > .column, .small-collapse > .columns { padding-right: 0; padding-left: 0; } .small-collapse .row { margin-right: 0; margin-left: 0; } .expanded.row .small-collapse.row { margin-right: 0; margin-left: 0; } .small-uncollapse > .column, .small-uncollapse > .columns { padding-right: 0.9375rem; padding-left: 0.9375rem; } .small-centered { margin-right: auto; margin-left: auto; } .small-centered, .small-centered:last-child:not(:first-child) { float: none; clear: both; } .small-uncentered, .small-push-0, .small-pull-0 { position: static; margin-right: 0; margin-left: 0; } .small-uncentered, .small-uncentered:last-child:not(:first-child), .small-push-0, .small-push-0:last-child:not(:first-child), .small-pull-0, .small-pull-0:last-child:not(:first-child) { float: left; clear: none; } .small-uncentered:last-child:not(:first-child), .small-push-0:last-child:not(:first-child), .small-pull-0:last-child:not(:first-child) { float: right; } @media print, screen and (min-width: 40em) { .medium-1 { width: 8.33333%; } .medium-push-1 { position: relative; left: 8.33333%; } .medium-pull-1 { position: relative; left: -8.33333%; } .medium-offset-0 { margin-left: 0%; } .medium-2 { width: 16.66667%; } .medium-push-2 { position: relative; left: 16.66667%; } .medium-pull-2 { position: relative; left: -16.66667%; } .medium-offset-1 { margin-left: 8.33333%; } .medium-3 { width: 25%; } .medium-push-3 { position: relative; left: 25%; } .medium-pull-3 { position: relative; left: -25%; } .medium-offset-2 { margin-left: 16.66667%; } .medium-4 { width: 33.33333%; } .medium-push-4 { position: relative; left: 33.33333%; } .medium-pull-4 { position: relative; left: -33.33333%; } .medium-offset-3 { margin-left: 25%; } .medium-5 { width: 41.66667%; } .medium-push-5 { position: relative; left: 41.66667%; } .medium-pull-5 { position: relative; left: -41.66667%; } .medium-offset-4 { margin-left: 33.33333%; } .medium-6 { width: 50%; } .medium-push-6 { position: relative; left: 50%; } .medium-pull-6 { position: relative; left: -50%; } .medium-offset-5 { margin-left: 41.66667%; } .medium-7 { width: 58.33333%; } .medium-push-7 { position: relative; left: 58.33333%; } .medium-pull-7 { position: relative; left: -58.33333%; } .medium-offset-6 { margin-left: 50%; } .medium-8 { width: 66.66667%; } .medium-push-8 { position: relative; left: 66.66667%; } .medium-pull-8 { position: relative; left: -66.66667%; } .medium-offset-7 { margin-left: 58.33333%; } .medium-9 { width: 75%; } .medium-push-9 { position: relative; left: 75%; } .medium-pull-9 { position: relative; left: -75%; } .medium-offset-8 { margin-left: 66.66667%; } .medium-10 { width: 83.33333%; } .medium-push-10 { position: relative; left: 83.33333%; } .medium-pull-10 { position: relative; left: -83.33333%; } .medium-offset-9 { margin-left: 75%; } .medium-11 { width: 91.66667%; } .medium-push-11 { position: relative; left: 91.66667%; } .medium-pull-11 { position: relative; left: -91.66667%; } .medium-offset-10 { margin-left: 83.33333%; } .medium-12 { width: 100%; } .medium-offset-11 { margin-left: 91.66667%; } .medium-up-1 > .column, .medium-up-1 > .columns { float: left; width: 100%; } .medium-up-1 > .column:nth-of-type(1n), .medium-up-1 > .columns:nth-of-type(1n) { clear: none; } .medium-up-1 > .column:nth-of-type(1n+1), .medium-up-1 > .columns:nth-of-type(1n+1) { clear: both; } .medium-up-1 > .column:last-child, .medium-up-1 > .columns:last-child { float: left; } .medium-up-2 > .column, .medium-up-2 > .columns { float: left; width: 50%; } .medium-up-2 > .column:nth-of-type(1n), .medium-up-2 > .columns:nth-of-type(1n) { clear: none; } .medium-up-2 > .column:nth-of-type(2n+1), .medium-up-2 > .columns:nth-of-type(2n+1) { clear: both; } .medium-up-2 > .column:last-child, .medium-up-2 > .columns:last-child { float: left; } .medium-up-3 > .column, .medium-up-3 > .columns { float: left; width: 33.33333%; } .medium-up-3 > .column:nth-of-type(1n), .medium-up-3 > .columns:nth-of-type(1n) { clear: none; } .medium-up-3 > .column:nth-of-type(3n+1), .medium-up-3 > .columns:nth-of-type(3n+1) { clear: both; } .medium-up-3 > .column:last-child, .medium-up-3 > .columns:last-child { float: left; } .medium-up-4 > .column, .medium-up-4 > .columns { float: left; width: 25%; } .medium-up-4 > .column:nth-of-type(1n), .medium-up-4 > .columns:nth-of-type(1n) { clear: none; } .medium-up-4 > .column:nth-of-type(4n+1), .medium-up-4 > .columns:nth-of-type(4n+1) { clear: both; } .medium-up-4 > .column:last-child, .medium-up-4 > .columns:last-child { float: left; } .medium-up-5 > .column, .medium-up-5 > .columns { float: left; width: 20%; } .medium-up-5 > .column:nth-of-type(1n), .medium-up-5 > .columns:nth-of-type(1n) { clear: none; } .medium-up-5 > .column:nth-of-type(5n+1), .medium-up-5 > .columns:nth-of-type(5n+1) { clear: both; } .medium-up-5 > .column:last-child, .medium-up-5 > .columns:last-child { float: left; } .medium-up-6 > .column, .medium-up-6 > .columns { float: left; width: 16.66667%; } .medium-up-6 > .column:nth-of-type(1n), .medium-up-6 > .columns:nth-of-type(1n) { clear: none; } .medium-up-6 > .column:nth-of-type(6n+1), .medium-up-6 > .columns:nth-of-type(6n+1) { clear: both; } .medium-up-6 > .column:last-child, .medium-up-6 > .columns:last-child { float: left; } .medium-up-7 > .column, .medium-up-7 > .columns { float: left; width: 14.28571%; } .medium-up-7 > .column:nth-of-type(1n), .medium-up-7 > .columns:nth-of-type(1n) { clear: none; } .medium-up-7 > .column:nth-of-type(7n+1), .medium-up-7 > .columns:nth-of-type(7n+1) { clear: both; } .medium-up-7 > .column:last-child, .medium-up-7 > .columns:last-child { float: left; } .medium-up-8 > .column, .medium-up-8 > .columns { float: left; width: 12.5%; } .medium-up-8 > .column:nth-of-type(1n), .medium-up-8 > .columns:nth-of-type(1n) { clear: none; } .medium-up-8 > .column:nth-of-type(8n+1), .medium-up-8 > .columns:nth-of-type(8n+1) { clear: both; } .medium-up-8 > .column:last-child, .medium-up-8 > .columns:last-child { float: left; } .medium-collapse > .column, .medium-collapse > .columns { padding-right: 0; padding-left: 0; } .medium-collapse .row { margin-right: 0; margin-left: 0; } .expanded.row .medium-collapse.row { margin-right: 0; margin-left: 0; } .medium-uncollapse > .column, .medium-uncollapse > .columns { padding-right: 0.9375rem; padding-left: 0.9375rem; } .medium-centered { margin-right: auto; margin-left: auto; } .medium-centered, .medium-centered:last-child:not(:first-child) { float: none; clear: both; } .medium-uncentered, .medium-push-0, .medium-pull-0 { position: static; margin-right: 0; margin-left: 0; } .medium-uncentered, .medium-uncentered:last-child:not(:first-child), .medium-push-0, .medium-push-0:last-child:not(:first-child), .medium-pull-0, .medium-pull-0:last-child:not(:first-child) { float: left; clear: none; } .medium-uncentered:last-child:not(:first-child), .medium-push-0:last-child:not(:first-child), .medium-pull-0:last-child:not(:first-child) { float: right; } } @media print, screen and (min-width: 64em) { .large-1 { width: 8.33333%; } .large-push-1 { position: relative; left: 8.33333%; } .large-pull-1 { position: relative; left: -8.33333%; } .large-offset-0 { margin-left: 0%; } .large-2 { width: 16.66667%; } .large-push-2 { position: relative; left: 16.66667%; } .large-pull-2 { position: relative; left: -16.66667%; } .large-offset-1 { margin-left: 8.33333%; } .large-3 { width: 25%; } .large-push-3 { position: relative; left: 25%; } .large-pull-3 { position: relative; left: -25%; } .large-offset-2 { margin-left: 16.66667%; } .large-4 { width: 33.33333%; } .large-push-4 { position: relative; left: 33.33333%; } .large-pull-4 { position: relative; left: -33.33333%; } .large-offset-3 { margin-left: 25%; } .large-5 { width: 41.66667%; } .large-push-5 { position: relative; left: 41.66667%; } .large-pull-5 { position: relative; left: -41.66667%; } .large-offset-4 { margin-left: 33.33333%; } .large-6 { width: 50%; } .large-push-6 { position: relative; left: 50%; } .large-pull-6 { position: relative; left: -50%; } .large-offset-5 { margin-left: 41.66667%; } .large-7 { width: 58.33333%; } .large-push-7 { position: relative; left: 58.33333%; } .large-pull-7 { position: relative; left: -58.33333%; } .large-offset-6 { margin-left: 50%; } .large-8 { width: 66.66667%; } .large-push-8 { position: relative; left: 66.66667%; } .large-pull-8 { position: relative; left: -66.66667%; } .large-offset-7 { margin-left: 58.33333%; } .large-9 { width: 75%; } .large-push-9 { position: relative; left: 75%; } .large-pull-9 { position: relative; left: -75%; } .large-offset-8 { margin-left: 66.66667%; } .large-10 { width: 83.33333%; } .large-push-10 { position: relative; left: 83.33333%; } .large-pull-10 { position: relative; left: -83.33333%; } .large-offset-9 { margin-left: 75%; } .large-11 { width: 91.66667%; } .large-push-11 { position: relative; left: 91.66667%; } .large-pull-11 { position: relative; left: -91.66667%; } .large-offset-10 { margin-left: 83.33333%; } .large-12 { width: 100%; } .large-offset-11 { margin-left: 91.66667%; } .large-up-1 > .column, .large-up-1 > .columns { float: left; width: 100%; } .large-up-1 > .column:nth-of-type(1n), .large-up-1 > .columns:nth-of-type(1n) { clear: none; } .large-up-1 > .column:nth-of-type(1n+1), .large-up-1 > .columns:nth-of-type(1n+1) { clear: both; } .large-up-1 > .column:last-child, .large-up-1 > .columns:last-child { float: left; } .large-up-2 > .column, .large-up-2 > .columns { float: left; width: 50%; } .large-up-2 > .column:nth-of-type(1n), .large-up-2 > .columns:nth-of-type(1n) { clear: none; } .large-up-2 > .column:nth-of-type(2n+1), .large-up-2 > .columns:nth-of-type(2n+1) { clear: both; } .large-up-2 > .column:last-child, .large-up-2 > .columns:last-child { float: left; } .large-up-3 > .column, .large-up-3 > .columns { float: left; width: 33.33333%; } .large-up-3 > .column:nth-of-type(1n), .large-up-3 > .columns:nth-of-type(1n) { clear: none; } .large-up-3 > .column:nth-of-type(3n+1), .large-up-3 > .columns:nth-of-type(3n+1) { clear: both; } .large-up-3 > .column:last-child, .large-up-3 > .columns:last-child { float: left; } .large-up-4 > .column, .large-up-4 > .columns { float: left; width: 25%; } .large-up-4 > .column:nth-of-type(1n), .large-up-4 > .columns:nth-of-type(1n) { clear: none; } .large-up-4 > .column:nth-of-type(4n+1), .large-up-4 > .columns:nth-of-type(4n+1) { clear: both; } .large-up-4 > .column:last-child, .large-up-4 > .columns:last-child { float: left; } .large-up-5 > .column, .large-up-5 > .columns { float: left; width: 20%; } .large-up-5 > .column:nth-of-type(1n), .large-up-5 > .columns:nth-of-type(1n) { clear: none; } .large-up-5 > .column:nth-of-type(5n+1), .large-up-5 > .columns:nth-of-type(5n+1) { clear: both; } .large-up-5 > .column:last-child, .large-up-5 > .columns:last-child { float: left; } .large-up-6 > .column, .large-up-6 > .columns { float: left; width: 16.66667%; } .large-up-6 > .column:nth-of-type(1n), .large-up-6 > .columns:nth-of-type(1n) { clear: none; } .large-up-6 > .column:nth-of-type(6n+1), .large-up-6 > .columns:nth-of-type(6n+1) { clear: both; } .large-up-6 > .column:last-child, .large-up-6 > .columns:last-child { float: left; } .large-up-7 > .column, .large-up-7 > .columns { float: left; width: 14.28571%; } .large-up-7 > .column:nth-of-type(1n), .large-up-7 > .columns:nth-of-type(1n) { clear: none; } .large-up-7 > .column:nth-of-type(7n+1), .large-up-7 > .columns:nth-of-type(7n+1) { clear: both; } .large-up-7 > .column:last-child, .large-up-7 > .columns:last-child { float: left; } .large-up-8 > .column, .large-up-8 > .columns { float: left; width: 12.5%; } .large-up-8 > .column:nth-of-type(1n), .large-up-8 > .columns:nth-of-type(1n) { clear: none; } .large-up-8 > .column:nth-of-type(8n+1), .large-up-8 > .columns:nth-of-type(8n+1) { clear: both; } .large-up-8 > .column:last-child, .large-up-8 > .columns:last-child { float: left; } .large-collapse > .column, .large-collapse > .columns { padding-right: 0; padding-left: 0; } .large-collapse .row { margin-right: 0; margin-left: 0; } .expanded.row .large-collapse.row { margin-right: 0; margin-left: 0; } .large-uncollapse > .column, .large-uncollapse > .columns { padding-right: 0.9375rem; padding-left: 0.9375rem; } .large-centered { margin-right: auto; margin-left: auto; } .large-centered, .large-centered:last-child:not(:first-child) { float: none; clear: both; } .large-uncentered, .large-push-0, .large-pull-0 { position: static; margin-right: 0; margin-left: 0; } .large-uncentered, .large-uncentered:last-child:not(:first-child), .large-push-0, .large-push-0:last-child:not(:first-child), .large-pull-0, .large-pull-0:last-child:not(:first-child) { float: left; clear: none; } .large-uncentered:last-child:not(:first-child), .large-push-0:last-child:not(:first-child), .large-pull-0:last-child:not(:first-child) { float: right; } } .column-block { margin-bottom: 1.875rem; } .column-block > :last-child { margin-bottom: 0; } .menu-icon { position: relative; display: inline-block; vertical-align: middle; width: 20px; height: 16px; cursor: pointer; } .menu-icon::after { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 2px; background: #fefefe; -webkit-box-shadow: 0 7px 0 #fefefe, 0 14px 0 #fefefe; box-shadow: 0 7px 0 #fefefe, 0 14px 0 #fefefe; content: ''; } .menu-icon:hover::after { background: #cacaca; -webkit-box-shadow: 0 7px 0 #cacaca, 0 14px 0 #cacaca; box-shadow: 0 7px 0 #cacaca, 0 14px 0 #cacaca; } .menu-icon.dark { position: relative; display: inline-block; vertical-align: middle; width: 20px; height: 16px; cursor: pointer; } .menu-icon.dark::after { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 2px; background: #0a0a0a; -webkit-box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a; box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a; content: ''; } .menu-icon.dark:hover::after { background: #8a8a8a; -webkit-box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a; box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a; } .slide-in-down.mui-enter { -webkit-transition-duration: 500ms; transition-duration: 500ms; -webkit-transition-timing-function: linear; transition-timing-function: linear; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .slide-in-down.mui-enter.mui-enter-active { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .slide-in-left.mui-enter { -webkit-transition-duration: 500ms; transition-duration: 500ms; -webkit-transition-timing-function: linear; transition-timing-function: linear; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .slide-in-left.mui-enter.mui-enter-active { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .slide-in-up.mui-enter { -webkit-transition-duration: 500ms; transition-duration: 500ms; -webkit-transition-timing-function: linear; transition-timing-function: linear; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .slide-in-up.mui-enter.mui-enter-active { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .slide-in-right.mui-enter { -webkit-transition-duration: 500ms; transition-duration: 500ms; -webkit-transition-timing-function: linear; transition-timing-function: linear; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .slide-in-right.mui-enter.mui-enter-active { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .slide-out-down.mui-leave { -webkit-transition-duration: 500ms; transition-duration: 500ms; -webkit-transition-timing-function: linear; transition-timing-function: linear; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .slide-out-down.mui-leave.mui-leave-active { -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); } .slide-out-right.mui-leave { -webkit-transition-duration: 500ms; transition-duration: 500ms; -webkit-transition-timing-function: linear; transition-timing-function: linear; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .slide-out-right.mui-leave.mui-leave-active { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } .slide-out-up.mui-leave { -webkit-transition-duration: 500ms; transition-duration: 500ms; -webkit-transition-timing-function: linear; transition-timing-function: linear; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .slide-out-up.mui-leave.mui-leave-active { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } .slide-out-left.mui-leave { -webkit-transition-duration: 500ms; transition-duration: 500ms; -webkit-transition-timing-function: linear; transition-timing-function: linear; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .slide-out-left.mui-leave.mui-leave-active { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } .fade-in.mui-enter { -webkit-transition-duration: 500ms; transition-duration: 500ms; -webkit-transition-timing-function: linear; transition-timing-function: linear; opacity: 0; -webkit-transition-property: opacity; transition-property: opacity; } .fade-in.mui-enter.mui-enter-active { opacity: 1; } .fade-out.mui-leave { -webkit-transition-duration: 500ms; transition-duration: 500ms; -webkit-transition-timing-function: linear; transition-timing-function: linear; opacity: 1; -webkit-transition-property: opacity; transition-property: opacity; } .fade-out.mui-leave.mui-leave-active { opacity: 0; } .hinge-in-from-top.mui-enter { -webkit-transition-duration: 500ms; transition-duration: 500ms; -webkit-transition-timing-function: linear; transition-timing-function: linear; -webkit-transform: perspective(2000px) rotateX(-90deg); transform: perspective(2000px) rotateX(-90deg); -webkit-transform-origin: top; -ms-transform-origin: top; transform-origin: top; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; opacity: 0; } .hinge-in-from-top.mui-enter.mui-enter-active { -webkit-transform: perspective(2000px) rotate(0deg); transform: perspective(2000px) rotate(0deg); opacity: 1; } .hinge-in-from-right.mui-enter { -webkit-transition-duration: 500ms; transition-duration: 500ms; -webkit-transition-timing-function: linear; transition-timing-function: linear; -webkit-transform: perspective(2000px) rotateY(-90deg); transform: perspective(2000px) rotateY(-90deg); -webkit-transform-origin: right; -ms-transform-origin: right; transform-origin: right; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; opacity: 0; } .hinge-in-from-right.mui-enter.mui-enter-active { -webkit-transform: perspective(2000px) rotate(0deg); transform: perspective(2000px) rotate(0deg); opacity: 1; } .hinge-in-from-bottom.mui-enter { -webkit-transition-duration: 500ms; transition-duration: 500ms; -webkit-transition-timing-function: linear; transition-timing-function: linear; -webkit-transform: perspective(2000px) rotateX(90deg); transform: perspective(2000px) rotateX(90deg); -webkit-transform-origin: bottom; -ms-transform-origin: bottom; transform-origin: bottom; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; opacity: 0; } .hinge-in-from-bottom.mui-enter.mui-enter-active { -webkit-transform: perspective(2000px) rotate(0deg); transform: perspective(2000px) rotate(0deg); opacity: 1; } .hinge-in-from-left.mui-enter { -webkit-transition-duration: 500ms; transition-duration: 500ms; -webkit-transition-timing-function: linear; transition-timing-function: linear; -webkit-transform: perspective(2000px) rotateY(90deg); transform: perspective(2000px) rotateY(90deg); -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; opacity: 0; } .hinge-in-from-left.mui-enter.mui-enter-active { -webkit-transform: perspective(2000px) rotate(0deg); transform: perspective(2000px) rotate(0deg); opacity: 1; } .hinge-in-from-middle-x.mui-enter { -webkit-transition-duration: 500ms; transition-duration: 500ms; -webkit-transition-timing-function: linear; transition-timing-function: linear; -webkit-transform: perspective(2000px) rotateX(-90deg); transform: perspective(2000px) rotateX(-90deg); -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; opacity: 0; } .hinge-in-from-middle-x.mui-enter.mui-enter-active { -webkit-transform: perspective(2000px) rotate(0deg); transform: perspective(2000px) rotate(0deg); opacity: 1; } .hinge-in-from-middle-y.mui-enter { -webkit-transition-duration: 500ms; transition-duration: 500ms; -webkit-transition-timing-function: linear; transition-timing-function: linear; -webkit-transform: perspective(2000px) rotateY(-90deg); transform: perspective(2000px) rotateY(-90deg); -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; opacity: 0; } .hinge-in-from-middle-y.mui-enter.mui-enter-active { -webkit-transform: perspective(2000px) rotate(0deg); transform: perspective(2000px) rotate(0deg); opacity: 1; } .hinge-out-from-top.mui-leave { -webkit-transition-duration: 500ms; transition-duration: 500ms; -webkit-transition-timing-function: linear; transition-timing-function: linear; -webkit-transform: perspective(2000px) rotate(0deg); transform: perspective(2000px) rotate(0deg); -webkit-transform-origin: top; -ms-transform-origin: top; transform-origin: top; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; opacity: 1; } .hinge-out-from-top.mui-leave.mui-leave-active { -webkit-transform: perspective(2000px) rotateX(90deg); transform: perspective(2000px) rotateX(90deg); opacity: 0; } .hinge-out-from-right.mui-leave { -webkit-transition-duration: 500ms; transition-duration: 500ms; -webkit-transition-timing-function: linear; transition-timing-function: linear; -webkit-transform: perspective(2000px) rotate(0deg); transform: perspective(2000px) rotate(0deg); -webkit-transform-origin: right; -ms-transform-origin: right; transform-origin: right; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; opacity: 1; } .hinge-out-from-right.mui-leave.mui-leave-active { -webkit-transform: perspective(2000px) rotateY(90deg); transform: perspective(2000px) rotateY(90deg); opacity: 0; } .hinge-out-from-bottom.mui-leave { -webkit-transition-duration: 500ms; transition-duration: 500ms; -webkit-transition-timing-function: linear; transition-timing-function: linear; -webkit-transform: perspective(2000px) rotate(0deg); transform: perspective(2000px) rotate(0deg); -webkit-transform-origin: bottom; -ms-transform-origin: bottom; transform-origin: bottom; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; opacity: 1; } .hinge-out-from-bottom.mui-leave.mui-leave-active { -webkit-transform: perspective(2000px) rotateX(-90deg); transform: perspective(2000px) rotateX(-90deg); opacity: 0; } .hinge-out-from-left.mui-leave { -webkit-transition-duration: 500ms; transition-duration: 500ms; -webkit-transition-timing-function: linear; transition-timing-function: linear; -webkit-transform: perspective(2000px) rotate(0deg); transform: perspective(2000px) rotate(0deg); -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; opacity: 1; } .hinge-out-from-left.mui-leave.mui-leave-active { -webkit-transform: perspective(2000px) rotateY(-90deg); transform: perspective(2000px) rotateY(-90deg); opacity: 0; } .hinge-out-from-middle-x.mui-leave { -webkit-transition-duration: 500ms; transition-duration: 500ms; -webkit-transition-timing-function: linear; transition-timing-function: linear; -webkit-transform: perspective(2000px) rotate(0deg); transform: perspective(2000px) rotate(0deg); -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; opacity: 1; } .hinge-out-from-middle-x.mui-leave.mui-leave-active { -webkit-transform: perspective(2000px) rotateX(90deg); transform: perspective(2000px) rotateX(90deg); opacity: 0; } .hinge-out-from-middle-y.mui-leave { -webkit-transition-duration: 500ms; transition-duration: 500ms; -webkit-transition-timing-function: linear; transition-timing-function: linear; -webkit-transform: perspective(2000px) rotate(0deg); transform: perspective(2000px) rotate(0deg); -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; opacity: 1; } .hinge-out-from-middle-y.mui-leave.mui-leave-active { -webkit-transform: perspective(2000px) rotateY(90deg); transform: perspective(2000px) rotateY(90deg); opacity: 0; } .scale-in-up.mui-enter { -webkit-transition-duration: 500ms; transition-duration: 500ms; -webkit-transition-timing-function: linear; transition-timing-function: linear; -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; opacity: 0; } .scale-in-up.mui-enter.mui-enter-active { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } .scale-in-down.mui-enter { -webkit-transition-duration: 500ms; transition-duration: 500ms; -webkit-transition-timing-function: linear; transition-timing-function: linear; -webkit-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; opacity: 0; } .scale-in-down.mui-enter.mui-enter-active { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } .scale-out-up.mui-leave { -webkit-transition-duration: 500ms; transition-duration: 500ms; -webkit-transition-timing-function: linear; transition-timing-function: linear; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; opacity: 1; } .scale-out-up.mui-leave.mui-leave-active { -webkit-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); opacity: 0; } .scale-out-down.mui-leave { -webkit-transition-duration: 500ms; transition-duration: 500ms; -webkit-transition-timing-function: linear; transition-timing-function: linear; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; opacity: 1; } .scale-out-down.mui-leave.mui-leave-active { -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); opacity: 0; } .spin-in.mui-enter { -webkit-transition-duration: 500ms; transition-duration: 500ms; -webkit-transition-timing-function: linear; transition-timing-function: linear; -webkit-transform: rotate(-0.75turn); -ms-transform: rotate(-0.75turn); transform: rotate(-0.75turn); -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; opacity: 0; } .spin-in.mui-enter.mui-enter-active { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } .spin-out.mui-leave { -webkit-transition-duration: 500ms; transition-duration: 500ms; -webkit-transition-timing-function: linear; transition-timing-function: linear; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; opacity: 1; } .spin-out.mui-leave.mui-leave-active { -webkit-transform: rotate(0.75turn); -ms-transform: rotate(0.75turn); transform: rotate(0.75turn); opacity: 0; } .spin-in-ccw.mui-enter { -webkit-transition-duration: 500ms; transition-duration: 500ms; -webkit-transition-timing-function: linear; transition-timing-function: linear; -webkit-transform: rotate(0.75turn); -ms-transform: rotate(0.75turn); transform: rotate(0.75turn); -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; opacity: 0; } .spin-in-ccw.mui-enter.mui-enter-active { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } .spin-out-ccw.mui-leave { -webkit-transition-duration: 500ms; transition-duration: 500ms; -webkit-transition-timing-function: linear; transition-timing-function: linear; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; opacity: 1; } .spin-out-ccw.mui-leave.mui-leave-active { -webkit-transform: rotate(-0.75turn); -ms-transform: rotate(-0.75turn); transform: rotate(-0.75turn); opacity: 0; } .slow { -webkit-transition-duration: 750ms !important; transition-duration: 750ms !important; } .fast { -webkit-transition-duration: 250ms !important; transition-duration: 250ms !important; } .linear { -webkit-transition-timing-function: linear !important; transition-timing-function: linear !important; } .ease { -webkit-transition-timing-function: ease !important; transition-timing-function: ease !important; } .ease-in { -webkit-transition-timing-function: ease-in !important; transition-timing-function: ease-in !important; } .ease-out { -webkit-transition-timing-function: ease-out !important; transition-timing-function: ease-out !important; } .ease-in-out { -webkit-transition-timing-function: ease-in-out !important; transition-timing-function: ease-in-out !important; } .bounce-in { -webkit-transition-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; transition-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; } .bounce-out { -webkit-transition-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; transition-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; } .bounce-in-out { -webkit-transition-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; transition-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; } .short-delay { -webkit-transition-delay: 300ms !important; transition-delay: 300ms !important; } .long-delay { -webkit-transition-delay: 700ms !important; transition-delay: 700ms !important; } .shake { -webkit-animation-name: shake-7; animation-name: shake-7; } @-webkit-keyframes shake-7 { 0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% { -webkit-transform: translateX(7%); transform: translateX(7%); } 5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% { -webkit-transform: translateX(-7%); transform: translateX(-7%); } } @keyframes shake-7 { 0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% { -webkit-transform: translateX(7%); transform: translateX(7%); } 5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% { -webkit-transform: translateX(-7%); transform: translateX(-7%); } } .spin-cw { -webkit-animation-name: spin-cw-1turn; animation-name: spin-cw-1turn; } @-webkit-keyframes spin-cw-1turn { 0% { -webkit-transform: rotate(-1turn); transform: rotate(-1turn); } 100% { -webkit-transform: rotate(0); transform: rotate(0); } } @keyframes spin-cw-1turn { 0% { -webkit-transform: rotate(-1turn); transform: rotate(-1turn); } 100% { -webkit-transform: rotate(0); transform: rotate(0); } } .spin-ccw { -webkit-animation-name: spin-ccw-1turn; animation-name: spin-ccw-1turn; } @-webkit-keyframes spin-ccw-1turn { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(-1turn); transform: rotate(-1turn); } } @keyframes spin-ccw-1turn { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(-1turn); transform: rotate(-1turn); } } .wiggle { -webkit-animation-name: wiggle-7deg; animation-name: wiggle-7deg; } @-webkit-keyframes wiggle-7deg { 40%, 50%, 60% { -webkit-transform: rotate(7deg); transform: rotate(7deg); } 35%, 45%, 55%, 65% { -webkit-transform: rotate(-7deg); transform: rotate(-7deg); } 0%, 30%, 70%, 100% { -webkit-transform: rotate(0); transform: rotate(0); } } @keyframes wiggle-7deg { 40%, 50%, 60% { -webkit-transform: rotate(7deg); transform: rotate(7deg); } 35%, 45%, 55%, 65% { -webkit-transform: rotate(-7deg); transform: rotate(-7deg); } 0%, 30%, 70%, 100% { -webkit-transform: rotate(0); transform: rotate(0); } } .shake, .spin-cw, .spin-ccw, .wiggle { -webkit-animation-duration: 500ms; animation-duration: 500ms; } .infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .slow { -webkit-animation-duration: 750ms !important; animation-duration: 750ms !important; } .fast { -webkit-animation-duration: 250ms !important; animation-duration: 250ms !important; } .linear { -webkit-animation-timing-function: linear !important; animation-timing-function: linear !important; } .ease { -webkit-animation-timing-function: ease !important; animation-timing-function: ease !important; } .ease-in { -webkit-animation-timing-function: ease-in !important; animation-timing-function: ease-in !important; } .ease-out { -webkit-animation-timing-function: ease-out !important; animation-timing-function: ease-out !important; } .ease-in-out { -webkit-animation-timing-function: ease-in-out !important; animation-timing-function: ease-in-out !important; } .bounce-in { -webkit-animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; } .bounce-out { -webkit-animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; } .bounce-in-out { -webkit-animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; } .short-delay { -webkit-animation-delay: 300ms !important; animation-delay: 300ms !important; } .long-delay { -webkit-animation-delay: 700ms !important; animation-delay: 700ms !important; } @font-face { font-family: "bineoindustrial"; src:url(../../fonts/bineoindustrial/Bi_NeoIndustrial_Bold.ttf); } @font-face { font-family: "bineoindustrialregular"; src:url(../../fonts/bineoindustrial/BiNeoIndustrial_Regular_2.ttf); } @font-face { font-family: "Lato-regular"; src: url(../../fonts/Lato-Regular.ttf); } @font-face { font-family: "Lato-bold"; src: url(../../fonts/Lato-Bold.ttf); } @font-face { font-family: "Lato-black"; src: url(../../fonts/Lato-Black.ttf); } :root { --azul-experto: #003865; --azul-experto-50: #F2F5F7; --azul-experto-100: #E5EBF0; --azul-experto-300: #809BB2; --azul-secundario: #16464F; --blanco: #FDFDFD; --amarillo-optimista: #FFB81C; --aqua-digital-100: #E5F9FB; --aqua-digital-300: #80E0E9; --aqua-digital: #20BBDC; --aqua-digital-1000: #00C1D4; --gris-50: #F5F6F6; --gris-100: #E7E8E8; --gris-200: #D3D5D5; --gris-250: #C4C4C4; --gris-300: #9EA2A2; --gris-400: #8E9292; --gris-500: #6F7171; --gris-600: #4F5151; --gris-700: #3F4141; --gris-800: #373939; --gris-900: #2F3131; --gris-950: #262626; --gris-1000: #666666; --verde-500: #0F850F; --verde: #008E58; --rojo: #F23752; } .font-bineoindustrial { font-family: "bineoindustrial", sans-serif !important; } .font-lato-regular { font-family: "Lato-regular", sans-serif !important; } .font-lato-bold { font-family: "Lato-bold", sans-serif !important; } .font-lato-black { font-family: "Lato-black", sans-serif !important; } .text-gris-300 { color: var(--gris-300) !important; } .text-gris-500 { color: var(--gris-500) !important; } .text-gris-600 { color: var(--gris-600) !important; } .text-gris-700 { color: var(--gris-700) !important; } .text-gris-800 { color: var(--gris-800) !important; } .text-gris-950 { color: var(--gris-950) !important; } .text-gris-1000 { color: var(--gris-1000) !important; } .text-azul-experto { color: var(--azul-experto) !important; } .text-aqua-digital { color: var(--aqua-digital) !important; } .text-aqua-digital-1000 { color: var(--aqua-digital-1000) !important; } .text-verde { color: var(--verde) !important; } .text-rojo { color: var(--rojo) !important; } .text-amarillo-optimista { color: var(--amarillo-optimista) !important; } .text-blanco { color: var(--blanco) !important; } .bg-aqua-digital-1000 { background-color: var(--aqua-digital-1000) !important; } .bg-gris-50 { background-color: var(--gris-50) !important; } .bg-gris-100 { background-color: var(--gris-100) !important; } .bg-gris-600 { background-color: var(--gris-600) !important; } .bg-azul-experto { background-color: var(--azul-experto) !important; } .bg-amarillo-optimista { background-color: var(--amarillo-optimista) !important; } .bg-blanco { background-color: var(--blanco) !important; } .row { max-width: 100%; } .text-12 { font-size: 12px !important; } .text-14 { font-size: 14px !important; } .text-16 { font-size: 16px !important; } .text-18 { font-size: 18px !important; } .text-20 { font-size: 20px !important; } .text-24 { font-size: 24px !important; } .text-28 { font-size: 28px !important; } .text-32 { font-size: 32px !important; } .text-36 { font-size: 36px !important; } .text-40 { font-size: 40px !important; } .text-42 { font-size: 42px !important; } .text-72 { font-size: 72px !important; } .text-80 { font-size: 80px !important; } .p-0 { padding: 0px !important; } .p-8 { padding: 8px !important; } .p-12 { padding: 12px !important; } .p-16 { padding: 16px !important; } .p-24 { padding: 24px !important; } .p-32 { padding: 32px !important; } .p-36 { padding: 36px !important; } .p-40 { padding: 40px !important; } .p-48 { padding: 48px !important; } .p-80 { padding: 80px !important; } .pr-0 { padding-right: 0px !important; } .pr-4 { padding-right: 4px !important; } .pr-6 { padding-right: 6px !important; } .pr-8 { padding-right: 8px !important; } .pr-12 { padding-right: 12px !important; } .pr-16 { padding-right: 16px !important; } .pl-0 { padding-left: 0px !important; } .pl-6 { padding-left: 6px !important; } .pl-8 { padding-left: 8px !important; } .pl-12 { padding-left: 12px !important; } .pl-16 { padding-left: 16px !important; } .pl-36 { padding-left: 36px !important; } .pt-8 { padding-top: 8px !important; } .pt-12 { padding-top: 12px !important; } .pt-16 { padding-top: 16px !important; } .pt-24 { padding-top: 24px !important; } .pt-28 { padding-top: 28px !important; } .pt-32 { padding-top: 32px !important; } .pt-40 { padding-top: 40px !important; } .pt-48 { padding-top: 48px !important; } .pt-50 { padding-top: 50px !important; } .pt-52 { padding-top: 52px !important; } .pt-56 { padding-top: 56px !important; } .pt-72 { padding-top: 72px !important; } .pt-80 { padding-top: 80px !important; } .pb-8 { padding-bottom: 8px !important; } .pb-12 { padding-bottom: 12px !important; } .pb-32 { padding-bottom: 32px !important; } .pb-40 { padding-bottom: 40px !important; } .pb-48 { padding-bottom: 48px !important; } .pb-52 { padding-bottom: 52px !important; } .pb-56 { padding-bottom: 56px !important; } .px-0 { padding-right: 0px !important; padding-left: 0px !important; } .px-6 { padding-right: 6px !important; padding-left: 6px !important; } .px-8 { padding-right: 8px !important; padding-left: 8px !important; } .px-12 { padding-left: 12px !important; padding-right: 12px !important; } .px-14 { padding-left: 14px !important; padding-right: 14px !important; } .px-18 { padding-right: 18px !important; padding-left: 18px !important; } .px-24 { padding-right: 24px !important; padding-left: 24px !important; } .px-32 { padding-left: 32px !important; padding-right: 32px !important; } .px-36 { padding-right: 36px !important; padding-left: 36px !important; } .px-40 { padding-left: 40px !important; padding-right: 40px !important; } .px-49 { padding-left: 49px !important; padding-right: 49px !important; } .px-80 { padding-left: 80px !important; padding-right: 80px !important; } .px-130 { padding-left: 130px !important; padding-right: 130px !important; } .py-4 { padding-top: 4px !important; padding-bottom: 4px !important; } .py-6 { padding-top: 6px !important; padding-bottom: 6px !important; } .py-8 { padding-top: 8px !important; padding-bottom: 8px !important; } .py-12 { padding-top: 12px !important; padding-bottom: 12px !important; } .py-16 { padding-top: 16px !important; padding-bottom: 16px !important; } .py-24 { padding-top: 24px !important; padding-bottom: 24px !important; } .py-28 { padding-top: 28px !important; padding-bottom: 28px !important; } .py-32 { padding-top: 32px !important; padding-bottom: 32px !important; } .py-36 { padding-top: 36px !important; padding-bottom: 36px !important; } .py-40 { padding-top: 40px !important; padding-bottom: 40px !important; } .py-48 { padding-top: 48px !important; padding-bottom: 48px !important; } .py-52 { padding-top: 52px !important; padding-bottom: 52px !important; } .py-64 { padding-top: 64px !important; padding-bottom: 64px !important; } .py-80 { padding-top: 80px !important; padding-bottom: 80px !important; } .m-0 { margin: 0px !important; } .mt-4 { margin-top: 4px !important; } .mt-6 { margin-top: 6px !important; } .mt-8 { margin-top: 8px !important; } .mt-12 { margin-top: 12px !important; } .mt-16 { margin-top: 16px !important; } .mt-20 { margin-top: 20px !important; } .mt-24 { margin-top: 24px !important; } .mt-28 { margin-top: 28px !important; } .mt-32 { margin-top: 32px !important; } .mt-36 { margin-top: 36px !important; } .mt-40 { margin-top: 40px !important; } .mt-48 { margin-top: 48px !important; } .mt-50 { margin-top: 50px !important; } .mt-52 { margin-top: 52px !important; } .mt-56 { margin-top: 56px !important; } .mt-60 { margin-top: 60px !important; } .mt-64 { margin-top: 64px !important; } .mt-72 { margin-top: 72px !important; } .mt-80 { margin-top: 80px !important; } .mt-84 { margin-top: 84px !important; } .mt-112 { margin-top: 112px !important; } .mt-120 { margin-top: 120px !important; } .mb-0 { margin-bottom: 0px !important; } .mb-8 { margin-bottom: 8px !important; } .mb-12 { margin-bottom: 12px !important; } .mb-28 { margin-bottom: 28px !important; } .mb-32 { margin-bottom: 32px !important; } .mb-40 { margin-bottom: 40px !important; } .mb-42 { margin-bottom: 42px !important; } .mb-48 { margin-bottom: 48px !important; } .mb-52 { margin-bottom: 52px !important; } .mb-56 { margin-bottom: 56px !important; } .mb-64 { margin-bottom: 64px !important; } .mb-72 { margin-bottom: 72px !important; } .ml-0 { margin-left: 0px !important; } .ml-4 { margin-left: 4px !important; } .ml-6 { margin-left: 6px !important; } .ml-8 { margin-left: 8px !important; } .ml-10 { margin-left: 10px !important; } .ml-12 { margin-left: 12px !important; } .ml-16 { margin-left: 16px !important; } .ml-18 { margin-left: 18px !important; } .ml-20 { margin-left: 20px !important; } .ml-24 { margin-left: 24px !important; } .ml-26 { margin-left: 26px !important; } .ml-32 { margin-left: 32px !important; } .mr-0 { margin-right: 0px !important; } .mr-4 { margin-right: 4px !important; } .mr-6 { margin-right: 6px !important; } .mr-8 { margin-right: 8px !important; } .mr-12 { margin-right: 12px !important; } .mr-16 { margin-right: 16px !important; } .mr-20 { margin-right: 20px !important; } .mx-4 { margin-right: 4px !important; margin-left: 4px !important; } .mx-8 { margin-right: 8px !important; margin-left: 8px !important; } .mx-24 { margin-right: 24px !important; margin-left: 24px !important; } .my-0 { margin-top: 0px !important; margin-bottom: 0px !important; } .my-6 { margin-top: 6px !important; margin-bottom: 6px !important; } .my-8 { margin-top: 8px !important; margin-bottom: 8px !important; } .my-21 { margin-top: 21px !important; margin-bottom: 21px !important; } .my-24 { margin-top: 24px !important; margin-bottom: 24px !important; } .my-28 { margin-top: 28px !important; margin-bottom: 28px !important; } .my-32 { margin-top: 32px !important; margin-bottom: 32px !important; } .my-40 { margin-top: 40px !important; margin-bottom: 40px !important; } .my-48 { margin-top: 48px !important; margin-bottom: 48px !important; } .my-56 { margin-top: 56px !important; margin-bottom: 56px !important; } .font-400 { font-weight: 400 !important; } .font-600 { font-weight: 600 !important; } .font-700 { font-weight: 700 !important; } .d-flex { display: flex !important; } .justify-center { justify-content: center !important; } .justify-start { justify-content: start !important; } .justify-end { justify-content: end !important; } .justify-space-between { justify-content: space-between !important; } .justify-space-around { justify-content: space-around !important; } .align-items-center { align-items: center !important; } .align-items-end { align-items: end; } .fd-row-reverse { flex-direction: row-reverse !important; } .fd-column { flex-direction: column !important; } .fd-align-items-center { align-items: center !important; } .fd-justify-content-center { justify-content: center !important; } .text-justify { text-align: justify !important; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } .text-align-left { text-align: left !important; } .border-radius-0 { border-radius: 0px !important; } .border-radius-4 { border-radius: 4px !important; } .border-radius-8 { border-radius: 8px !important; } .border-radius-24 { border-radius: 24px !important; } .border-none { border: none !important; } .w-125 { width: 125px !important; } .w-155 { width: 155px !important; } .w-full { width: 100% !important; } .h-45 { height: 45px !important; } .line-height-20 { line-height: normal !important; } .position-relative { position: relative !important; } .position-absolute { position: absolute !important; } /* width: 1540px; */ .bpm-container { margin: 32px auto 80px auto !important; } .no_caso { color: var(--azul-experto); margin-bottom: 0; } .bpm-primario { width: 100%; height: 45px; padding: 8px 16px; background-color: var(--azul-experto); color: var(--blanco); border-radius: 8px; font-weight: 700; cursor: pointer; } .bpm-secundario { width: 100%; height: 45px; padding: 8px 16px; background-color: var(--aqua-digital-1000); color: var(--azul-experto); border-radius: 6px; font-weight: 700; cursor: pointer; } .bpm-hollow { width: 100%; height: 45px; padding: 8px 16px; background-color: var(--blanco); border: 2px solid var(--azul-experto); color: var(--azul-experto); border-radius: 6px; font-weight: 700; font-family: "Open Sans", sans-serif; } .bpm-hollow:hover, .bpm-primario:hover { background-color: var(--aqua-digital-300); color: var(--azul-experto); border: 2px solid var(--aqua-digital-300) !important; } .bpm-hollow.gris { background-color: var(--gris-500); border-color: var(--gris-500); color: var(--blanco); font-weight: 700; } .bpm-hollow.gris:hover { background-color: var(--aqua-digital-1000); color: var(--azul-experto); } thead, tbody { border: none !important; } .table-responsive table thead tr th { text-transform: none; height: 56px; font-weight: 400; font-size: 14px; } .table-responsive table tbody tr td { color: var(--gris-500) !important; font-size: 14px; font-weight: 400; padding-top: 8px !important; padding-bottom: 8px !important; height: 56px !important; border-right: 1px solid var(--gris-200); } .table-responsive table tbody tr td:last-child { border-right: none !important; } .table-responsive table tbody tr td a { font-size: 14px; font-weight: 400; color: var(--aqua-digital); } .table-responsive table tbody tr:nth-child(even) { background-color: var(--gris-50) !important; } .check { margin: 6px; } .checkbox .check:after { top: 3px; left: 6px; } .checkbox input:checked ~ .check { background-color: var(--azul-experto) !important; } span.bi-icons.bi-icons-copiar, span.bi-icons.bi-icons-documento-editar { font-size: 29px !important; } .cursor-pointer { cursor: pointer !important; } .tag { padding: 6px 12px; color: var(--blanco); font-size: 12px; font-weight: 400; border-radius: 4px; } .tag.proceso { background-color: var(--amarillo-optimista); color: var(--azul-experto); } .tag.cancelado { background-color: var(--gris-100); color: var(--azul-experto); } .tag.curso { background-color: var(--aqua-digital-1000); } .tag.finalizado { background-color: var(--verde-500); } .tag.rechazado { background-color: var(--rojo); } .tag.bloqueado { background-color: var(--gris-500); } .tag.evento { background-color: var(--azul-experto); } .text-blanco { color: var(--blanco) !important; } .bg-blanco { background-color: var(--blanco) !important; } /* Modal */ dialog::backdrop { background-color: rgb(0, 56, 101, 0.56); } dialog { border: none; padding: 0px; width: 100%; height: 100vh; background-color: transparent; position: fixed; top: 0px; left: 0px; } .dialog-container { width: 800px; padding: 28px 40px 52px 40px; border-radius: 16px; border: 1px solid #003865; background-color: #fdfdfd; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } .dialog-header { display: flex; justify-content: center; } .dialog-header h1 { font-size: 28px; color: var(--azul-experto); display: flex; align-items: center; } .dialog-content { margin-top: 24px; } .dialog-content p { font-size: 20px; color: var(--gris-600); font-weight: 700; line-height: 24px; } .dialog-content p:last-child { font-size: 12px; } .dialog-content .filtro { margin-top: 24px; } /* Input filtro */ .dialog-content .search-container { position: relative; } .dialog-content .search-container input { width: 100%; height: 34px; padding: 8px 12px 8px 42px !important; border-radius: 4px; border: 1px solid #809BB2; outline: none; font-size: 14px; color: var(--azul-experto); } .dialog-content .search-container .icon { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); color: var(--azul-experto); font-size: 24px; } .dialog-content .results { display: none; border: 1px solid var(--gris-200); border-radius: 3px; margin-top: 12px; max-width: 100%; max-height: 200px; overflow-y: auto; background: #fff; position: relative; z-index: 10; } .dialog-content .results.show { display: block; } .dialog-content .result-item { padding: 8px 16px; font-size: 12px; color: var(--azul-experto); border-bottom: 1px solid var(--gris-200); } .dialog-content .result-item:last-child { border-bottom: none; } .dialog-content .result-item:hover { background-color: var(--gris-250); cursor: pointer; } .dialog-content .buttons { margin-top: 24px; } .h-35 { height: 35px !important; } .h-45 { height: 45px !important; } .h-48 { height: 48px !important; } .h-52 { height: 52px !important; } /* Alertas pequeñas */ .small-alert-info, .small-alert-success { width: 285px !important; padding-right: 16px !important; margin: 0; background-color: #E5F9FB !important; position: absolute; right: 35px; margin-top: -5em; color: #00616A !important; font-family: "Open Sans", sans-serif !important; font-size: 14px !important; } .small-alert-info .bi-icons { font-size: 30px !important; color: var(--aqua-digital); } .small-alert-success { width: 315px !important; background-color: #B7DAB7 !important; color: #084308 !important; font-weight: 400 !important; margin-top: -5em; padding-top: 12px !important; padding-bottom: 12px !important; } .small-alert-success .bi-icons { font-size: 32px !important; } /* Stepper */ .stepper { display: flex; align-items: center; justify-content: space-between; height: 24px; } .step-number { display: flex; justify-content: center; align-items: center; width: 24px; height: 24px; border-radius: 50%; font-weight: bold; font-size: 14px; font-family: "Open Sans", sans-serif !important; border: 2px solid #9EA2A2; color: #9EA2A2; } .step-icon{ display: block; background-color: var(--azul-experto); color: var(--blanco); border-radius: 50%; width: 24px; height: 24px; display: flex; justify-content: center; align-items: center; } .step.active .step-number { background-color: var(--azul-experto); color: var(--blanco); border-color: var(--azul-experto); } .step.pending .step-number { border-color: #9EA2A2; color: #9EA2A2; background-color: transparent; } .step.active, .step.panding { position: relative; } .step.active p, .step.pending p { position: absolute; width: 175px; } .line-step { width: 16%; height: 1px; background-color: #9EA2A2; } .dot-step { font-size: 2em !important; color: #9EA2A2; } /* Paso 1 */ .box { border-radius: 20px; box-shadow: 0 4px 5px rgba(0, 0, 0, 0.05); } .half-box { background-color: var(--azul-experto); height: 80px; border-radius: 20px 20px 0 0; display: flex; align-items: center; } /* Input en inputbox */ .inputbox input { border: 1px solid #9EA2A2; border-radius: 3px; padding: 12px 8px; height: 35px; box-shadow: none; color: var(--azul-experto); } .inputbox input:focus { border: 1px solid #003865; box-shadow: none; } .inputbox input::placeholder { color: #8E9292 !important; } .box-form { padding: 24px 36px; } /* Dropdown simple */ .hide { max-height: 0 !important; } .bel-dropdown { border: 1px solid #9EA2A2; font-size: 16px; height: 35px !important; transition: border 0.3s ease; border-radius: 6px; background-color: var(--blanco); } .bel-dropdown .title { width: 100%; color: var(--azul-experto) !important; font-weight: 400; padding: 12px 8px; display: flex; justify-content: space-between; align-items: center; height: 35px; } .bel-dropdown .title .fa-angle-right { width: 10px; height: 10px; border: solid var(--azul-experto); border-width: 0 3px 3px 0; display: inline-block; padding: 3px; transform: rotate(45deg); -webkit-transform: rotate(45deg); transition: transform 0.3s; margin: 5px 30px 0px 0px; } .bel-dropdown .menu { transition: max-height 0.5s ease-out; max-height: 310px; overflow: scroll; border: 1px solid #9EA2A2; border-radius: 6px; margin-top: 5px; box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.25); background-color: var(--blanco); z-index: 1; } .bel-dropdown .menu .option { color: var(--azul-experto); width: 100%; padding: 10px 16px; display: flex; align-items: center; height: 39px; font-weight: 400; } .bel-dropdown .menu .option:hover { background: var(--aqua-digital-100); } .option.selected{ background-color: var(--aqua-digital-100) !important; } .option2.selected{ background-color: var(--aqua-digital-100) !important; } .pointerCursor:hover { cursor: pointer; } .bi-icons-ir-abajo.rotate-0 { transform: rotate(0deg); } .bi-icons-ir-abajo.rotate-180 { transform: rotate(180deg); } .active { background: var(--aqua-digital-100); } .activeTitle { color: var(--azul-experto) !important; } .bpm-wizard { width: 100%; background-color: rgba(0, 55, 101, 0.2); height: 7px; border-radius: 8px; display: flex; align-items: center; } .bp-wizard-bar { height: 5px; border-radius: 8px; background-color: var(--aqua-digital-1000); margin-left: 2px; } .btn-close { position: absolute; right: 35px; top: 17px; } .alertaAbast { width: 500px !important; height: 54px !important; padding: 10px !important; display: flex; top: 70px; right: 80px; border-radius: 8px; align-items: center; } .alertaAbast.exito { border: 1px solid #008E58; background-color: rgba(39, 198, 113, 0.1); } .alertaAbast.fallo { border: 1px solid #F23752; background-color: rgba(242, 55, 82, 0.1); } .alertaAbast.info { border: 1px solid #00C1D4; background-color: rgba(0, 193, 212, 0.1); } .alertaAbast .icon { margin-top: -10px; } .bi-icons.bi-icons-aceptar-circulo-solido { color: #008E58 !important; font-size: 36px !important; } .bi-icons.bi-icons-rechazar-circulo-solido { color: #F23752 !important; font-size: 36px !important; } .bi-icons.bi-icons-informacion-solido { color: #20BBDC !important; font-size: 36px !important; } .content-upload-file { padding: 125px 308px !important; border: 1px dashed var(--gris-900); border-radius: 16px; display: flex; justify-content: center; align-items: center; flex-direction: column; } .button.primary { background-color: var(--aqua-digital-1000); color: var(--blanco); font-size: 16px; font-weight: 700; border-radius: 4px; height: 55px; } .content-file { padding: 16px 24px; border: 1px solid #D9D8D6; border-radius: 12px; } .bar-base { width: 100%; height: 8px; border-radius: 64px; background-color: #E0E0E0; } .bar-color { height: 8px; border-radius: 64px; background-color: transparent; transition: background-color 0.3s; } .texto .bi-icons.bi-icons-aceptar-circulo-solido { font-size: 24px !important; color: #0F850F !important; } .texto .bi-icons.bi-icons-rechazar-circulo-solido { font-size: 24px !important; color: #9EA2A2 !important; } .content-conditions { border: 1px solid #D9D8D6; border-radius: 11px; padding: 78px; height: 520px; overflow-y: scroll; } .icon-opt { width: 52px; height: 52px; border-radius: 6px; background-color: var(--azul-experto); border: 1px solid var(--azul-experto); } .icon-opt.none { background-color: var(--blanco); } .bar-base { width: 100%; height: 6px; background-color: #e0e0e0; border-radius: 3px; overflow: hidden; } .bar-color { height: 100%; transition: width 0.3s ease; } .bar-loading { background-color: var(--amarillo-optimista); /* amarillo */ } .bar-success { background-color: var(--verde-500); /* verde */ } .progress-text { display: flex; } #dropArea.dragover { background-color: #f0f8ff; border: 2px dashed #007bff; border-radius: 16px; } .bi-icons.bi-icons.bi-icons-copiar.text-36 { font-size: 36px !important; } .inputbox input.datepicker-input::placeholder { color: var(--azul-experto) !important; text-align: center; } input::placeholder, textarea::placeholder { color: var(--gris-500) !important; font-weight: 400 !important; font-size: 14px !important; } .inputbox input.time-input::placeholder { color: var(--azul-experto) !important; } /* Tabs de navegación */ .tab-container { border-bottom: 2px solid var(--azul-experto); } .tab-option { background-color: var(--gris-100); height: 43px; width: 100%; display: flex; align-items: center; justify-content: center; font-size: 16px; color: var(--azul-experto); font-weight: 700 !important; border-top-left-radius: 8px; border-top-right-radius: 8px; cursor: pointer; } .tab-option.active { background-color: var(--azul-experto); color: var(--blanco); } .container_downcount { width: 510px; height: auto; background-color: var(--azul-experto); border-radius: 16px; padding: 16px; display: flex; justify-content: space-around; text-align: center; } .container_downcount div { color: var(--blanco); font-size: 60px; font-weight: 400; display: flex; flex-direction: column; padding: 8px; } .container_downcount div:before { content: ' '; width: 100%; height: 18px; color: var(--blanco); font-size: 14px; font-weight: 400; } .container_downcount div#day:before { content: 'Días' !important; } .container_downcount div#hour:before { content: 'Horas' !important; } .container_downcount div#minute:before { content: 'Minutos' !important; } .container_downcount div#second:before { content: 'Segundos ' !important; } .docs { height: 48px; width: 250px; border-radius: 8px; border: 2px solid var(--azul-experto); color: var(--azul-experto); font-size: 14px; font-weight: 700; display: flex; justify-content: center; align-items: center; } .division { width: 100% !important; height: 1px !important; background-color: var(--azul-experto) !important; border-bottom: none !important; } .division.line { background-color: var(--amarillo-optimista) !important; } .coti { border: 1px solid var(--gris-300); border-radius: 12px; height: 66px; } .prorroga { width: 280px; } .prorroga .container_downcount { padding: 0px !important; background-color: transparent; } .prorroga .container_downcount div { padding: 0px !important; } .prorroga .container_downcount div#day:before, .prorroga .container_downcount div#hour:before, .prorroga .container_downcount div#minute:before, .prorroga .container_downcount div#second:before, .prorroga .container_downcount div:before { content: none !important; } .participantes, .pendientes { width: 612px; } .resumen { width: 450px; } .grafica { width: 1058px; } .movimientos { width: 1375px; } /* Gráfica */ .view-graphic-scroll { overflow-x: scroll !important; scrollbar-width: auto !important; padding-bottom: 0px; } .nameyvalue .item span { width: 18px; height: 18px; border-radius: 2px; } .chart-container { display: flex; margin-bottom: 10px; margin-top: 45px; } .yvalue { gap: 38px; } .chart { height: 294px; width: 100%; border-bottom: 8px solid var(--azul-experto); border-left: 8px solid var(--azul-experto); } .bar { width: 60px !important; border-radius: 8px 8px 0 0; } .h-chart { height: 294px !important; } table.info, table.info thead, table.info tbody, table.info tbody tr { background-color: transparent !important; } input[type="checkbox"]:disabled { display: none; } .bg-gris-500 { background-color: var(--gris-500) !important; } .border-link { width: fit-content; border-bottom: 1px solid var(--aqua-digital); } .text-underline-none { text-decoration: none !important; } input[type="text"] { height: 35px !important; padding: 12px 8px; border-radius: 6px; box-sizing: border-box; } input[type="text"]:disabled { background-color: var(--gris-100); color: var(--gris-500); font-size: 14px; border: none; } button:disabled { background-color: var(--gris-500); cursor: not-allowed; pointer-events: none; } .clicktable tr:hover td, .clicktable tr:hover td > a { color: var(--azul-experto) !important; } .clicktable tr:hover td > .border-link { border-bottom: 1px solid var(--azul-experto) !important; } /* Vista proveedor */ body.proveedor { background-color: var(--azul-experto-100) !important; margin: 0; padding: 0; font-family: "Lato-regular", sans-serif !important; box-sizing: border-box !important; } .nav { padding: 12px 160px !important; background-color: var(--azul-experto) !important; display: flex; justify-content: space-between; align-items: center; } .container-proveedor { max-width: 1668px !important; background-color: var(--blanco) !important; margin: 30px auto; border-radius: 12px !important; box-sizing: border-box; } form.form { width: 520px; border: 1px solid var(--gris-300) !important; padding: 40px 80px; border-radius: 12px; box-sizing: border-box; } input[type="text"].bpm-text { border: 1px solid var(--azul-experto-300); height: 48px !important; color: var(--azul-experto) !important; } input[type="text"].bpm-text::placeholder { font-size: 14px !important; color: var(--azul-experto) !important; } .bpm-select { border: 1px solid var(--azul-experto-300); height: 48px !important; color: var(--azul-experto) !important; border-radius: 4px; } .input-wrapper { display: flex; align-items: center; border: 1px solid #ccc; border-radius: 6px; padding: 0px 8px; background-color: #fff; } .input-wrapper input { box-shadow: none; height: auto !important; } .input-wrapper input:focus { box-shadow: none; } .select-option { border: 1px solid var(--gris-300); border-radius: 8px; } .pagination { display: flex; justify-content: center; align-items: center; gap: 8px; } .pagination button { background: none; border: none; color: var(--gris-600); padding: 6px 10px !important; cursor: pointer; border-radius: 4px; font-size: 14px; } .pagination button:hover:not(:disabled) { background-color: var(--gris-200); } .pagination button.active { background-color: var(--azul-experto); color: var(--blanco); } .pagination button:disabled { color: #ccc; cursor: not-allowed; } .dialog-content.terminos { height: 380px !important; border: 1px solid var(--gris-200); border-radius: 8px; overflow-y: scroll; } .dialog-content.terminos::-webkit-scrollbar { width: 8px !important; } .dialog-content.terminos::-webkit-scrollbar-track { background: var(--gris-200) !important; border-radius: 50px !important; } .dialog-content.terminos::-webkit-scrollbar-thumb { background-color: var(--azul-experto) !important; border-radius: 100px !important; } .dialog-content.terminos:focus-visible, .btn:focus-visible { outline: none !important; } .border-right { border-right: 1px solid var(--gris-600); } .bpm-hollow:disabled { border: 1px solid var(--gris-500) !important; background-color: transparent; color: var(--gris-500) !important; cursor: not-allowed !important; } .alert { width: 100%; border-radius: 6px; } .alert.warning { background-color: var(--amarillo-optimista); color: var(--azul-experto); } .alert.warning .line { height: 56px; width: 1px; background-color: var(--azul-experto); margin-top: -6px; margin-bottom: -6px; } @charset "UTF-8"; /** * Foundation for Sites by ZURB * Version 6.4.2 * foundation.zurb.com * Licensed under MIT Open Source */ @media print, screen and (min-width: 40em) { .reveal, .reveal.tiny, .reveal.small, .reveal.large { right: 0px; left: 0px; margin: 0 auto; } } /*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */ /* Document ========================================================================== */ /** * 1. Change the default font family in all browsers (opinionated). * 2. Correct the line height in all browsers. * 3. Prevent adjustments of font size after orientation changes in * IE on Windows Phone and in iOS. */ html { font-family: sans-serif; /* 1 */ line-height: 1.15; /* 2 */ -ms-text-size-adjust: 100%; /* 3 */ -webkit-text-size-adjust: 100%; /* 3 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers (opinionated). */ body { margin: 0; font-family: 'Open Sans', sans-serif !important; } /** * Add the correct display in IE 9-. */ article, aside, footer, header, nav, section { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * Add the correct display in IE 9-. */ figcaption, figure { display: block; } /** * Add the correct margin in IE 8. */ figure { margin: 1em 40px; } /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * Add the correct display in IE. */ main { display: block; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Links ========================================================================== */ /** * 1. Remove the gray background on active links in IE 10. * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. */ a { background-color: transparent; /* 1 */ -webkit-text-decoration-skip: objects; /* 2 */ } /** * Remove the outline on focused links when they are also active or hovered * in all browsers (opinionated). */ a:active, a:hover { outline-width: 0; } /* Text-level semantics ========================================================================== */ /** * 1. Remove the bottom border in Firefox 39-. * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /** * Prevent the duplicate application of `bolder` by the next rule in Safari 6. */ b, strong { font-weight: inherit; } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font style in Android 4.3-. */ dfn { font-style: italic; } /** * Add the correct background and color in IE 9-. */ mark { background-color: #ff0; color: #000; } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Add the correct display in IE 9-. */ audio, video { display: inline-block; } /** * Add the correct display in iOS 4-7. */ audio:not([controls]) { display: none; height: 0; } /** * Remove the border on images inside links in IE 10-. */ img { border-style: none; } /** * Hide the overflow in IE. */ svg:not(:root) { overflow: hidden; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers (opinionated). * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: sans-serif; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. */ button { overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` * controls in Android 4. * 2. Correct the inability to style clickable types in iOS and Safari. */ button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; /* 2 */ } button, [type="button"], [type="reset"], [type="submit"] { /** * Remove the inner border and padding in Firefox. */ /** * Restore the focus styles unset by the previous rule. */ } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Show the overflow in Edge. */ input { overflow: visible; } /** * 1. Add the correct box sizing in IE 10-. * 2. Remove the padding in IE 10-. */ [type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ /** * Remove the inner padding and cancel buttons in Chrome and Safari on macOS. */ } [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /** * Change the border, margin, and padding in all browsers (opinionated). */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ color: inherit; /* 2 */ white-space: normal; /* 1 */ } /** * 1. Add the correct display in IE 9-. * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Remove the default vertical scrollbar in IE. */ textarea { overflow: auto; } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* * Add the correct display in IE 9-. */ menu { display: block; } /* Scripting ========================================================================== */ /** * Add the correct display in IE 9-. */ canvas { display: inline-block; } /** * Add the correct display in IE. */ template { display: none; } /* Hidden ========================================================================== */ /** * Add the correct display in IE 10-. */ [hidden] { display: none; } .foundation-mq { font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em"; } html { box-sizing: border-box; font-size: 100%; } *, *::before, *::after { box-sizing: inherit; } body { margin: 0; padding: 0; background: #fefefe; font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-weight: normal; line-height: 1.5; color: #0a0a0a; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } img { display: inline-block; vertical-align: middle; max-width: 100%; height: auto; -ms-interpolation-mode: bicubic; } textarea { height: auto; min-height: 50px; border-radius: 3px; } select { box-sizing: border-box; width: 100%; border-radius: 3px; } .map_canvas img, .map_canvas embed, .map_canvas object, .mqa-display img, .mqa-display embed, .mqa-display object { max-width: none !important; } button { padding: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; border-radius: 3px; background: transparent; line-height: 1; cursor: auto; } [data-whatinput='mouse'] button { outline: 0; } pre { overflow: auto; } button, input, optgroup, select, textarea { font-family: inherit; } .is-visible { display: block !important; } .is-hidden { display: none !important; } div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td { margin: 0; padding: 0; } p { margin-bottom: 1rem; font-size: inherit; line-height: 1.6; text-rendering: optimizeLegibility; } em, i { font-style: italic; line-height: inherit; } strong, b { font-weight: bold; line-height: inherit; } small { font-size: 80%; line-height: inherit; } h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-style: normal; font-weight: normal; color: inherit; text-rendering: optimizeLegibility; } h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small { line-height: 0; color: #cacaca; } h1, .h1 { font-size: 1.5rem; line-height: 1.4; margin-top: 0; margin-bottom: 0.5rem; } h2, .h2 { font-size: 1.25rem; line-height: 1.4; margin-top: 0; margin-bottom: 0.5rem; } h3, .h3 { font-size: 1.1875rem; line-height: 1.4; margin-top: 0; margin-bottom: 0.5rem; } h4, .h4 { font-size: 1.125rem; line-height: 1.4; margin-top: 0; margin-bottom: 0.5rem; } h5, .h5 { font-size: 1.0625rem; line-height: 1.4; margin-top: 0; margin-bottom: 0.5rem; } h6, .h6 { font-size: 1rem; line-height: 1.4; margin-top: 0; margin-bottom: 0.5rem; } @media print, screen and (min-width: 40em) { h1, .h1 { font-size: 3rem; } h2, .h2 { font-size: 2.5rem; } h3, .h3 { font-size: 1.9375rem; } h4, .h4 { font-size: 1.5625rem; } h5, .h5 { font-size: 1.25rem; } h6, .h6 { font-size: 1rem; } } a { line-height: inherit; color: #2ba6cb; text-decoration: none; cursor: pointer; } a:hover, a:focus { color: #258faf; } a img { border: 0; } hr { clear: both; max-width: 62.5rem; height: 0; margin: 1.25rem auto; border-top: 0; border-right: 0; border-bottom: 1px solid #cacaca; border-left: 0; } ul, ol, dl { margin-bottom: 1rem; list-style-position: outside; line-height: 1.6; } li { font-size: inherit; } ul { margin-left: 1.25rem; list-style-type: disc; } ol { margin-left: 1.25rem; } ul ul, ol ul, ul ol, ol ol { margin-left: 1.25rem; margin-bottom: 0; } dl { margin-bottom: 1rem; } dl dt { margin-bottom: 0.3rem; font-weight: bold; } blockquote { margin: 0 0 1rem; padding: 0.5625rem 1.25rem 0 1.1875rem; border-left: 1px solid #cacaca; } blockquote, blockquote p { line-height: 1.6; color: #8a8a8a; } cite { display: block; font-size: 0.8125rem; color: #8a8a8a; } cite:before { content: "— "; } abbr, abbr[title] { border-bottom: 1px dotted #0a0a0a; cursor: help; text-decoration: none; } figure { margin: 0; } code { padding: 0.125rem 0.3125rem 0.0625rem; border: 1px solid #cacaca; background-color: #e6e6e6; font-family: Consolas, "Liberation Mono", Courier, monospace; font-weight: normal; color: #0a0a0a; } kbd { margin: 0; padding: 0.125rem 0.25rem 0; background-color: #e6e6e6; font-family: Consolas, "Liberation Mono", Courier, monospace; color: #0a0a0a; border-radius: 3px; } .subheader { margin-top: 0.2rem; margin-bottom: 0.5rem; font-weight: normal; line-height: 1.4; color: #8a8a8a; } .lead { font-size: 125%; line-height: 1.6; } .stat { font-size: 2.5rem; line-height: 1; } p + .stat { margin-top: -1rem; } ul.no-bullet, ol.no-bullet { margin-left: 0; list-style: none; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-justify { text-align: justify; } @media print, screen and (min-width: 40em) { .medium-text-left { text-align: left; } .medium-text-right { text-align: right; } .medium-text-center { text-align: center; } .medium-text-justify { text-align: justify; } } @media print, screen and (min-width: 64em) { .large-text-left { text-align: left; } .large-text-right { text-align: right; } .large-text-center { text-align: center; } .large-text-justify { text-align: justify; } } .show-for-print { display: none !important; } @media print { * { background: transparent !important; box-shadow: none !important; color: black !important; text-shadow: none !important; } .show-for-print { display: block !important; } .hide-for-print { display: none !important; } table.show-for-print { display: table !important; } thead.show-for-print { display: table-header-group !important; } tbody.show-for-print { display: table-row-group !important; } tr.show-for-print { display: table-row !important; } td.show-for-print { display: table-cell !important; } th.show-for-print { display: table-cell !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } .ir a:after, a[href^='javascript:']:after, a[href^='#']:after { content: ''; } abbr[title]:after { content: " (" attr(title) ")"; } pre, blockquote { border: 1px solid #8a8a8a; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } .print-break-inside { page-break-inside: auto; } } [type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'], textarea { display: block; box-sizing: border-box; width: 100%; height: 2.4375rem; margin: 0 0 1rem; padding: 0.5rem; border: 1px solid #cacaca; border-radius: 3px; background-color: #ffff; box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1); font-family: inherit; font-size: 1rem; font-weight: normal; line-height: 1.5; color: #0a0a0a; transition: box-shadow 0.5s, border-color 0.25s ease-in-out; -webkit-appearance: none; -moz-appearance: none; appearance: none; } [type='text']:focus, [type='password']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='week']:focus, [type='email']:focus, [type='number']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='url']:focus, [type='color']:focus, textarea:focus { outline: none; border: 1px solid #8a8a8a; background-color: #fefefe; box-shadow: 0 0 5px #cacaca; transition: box-shadow 0.5s, border-color 0.25s ease-in-out; } textarea { max-width: 100%; } textarea[rows] { height: auto; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #cacaca; } input::-moz-placeholder, textarea::-moz-placeholder { color: #cacaca; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #cacaca; } input::placeholder, textarea::placeholder { color: #cacaca; } input:disabled, input[readonly], textarea:disabled, textarea[readonly] { background-color: #e6e6e6; cursor: not-allowed; } [type='submit'], [type='button'] { -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 3px; } input[type='search'] { box-sizing: border-box; } [type='file'], [type='checkbox'], [type='radio'] { margin: 0 0 1rem; } [type='checkbox'] + label, [type='radio'] + label { display: inline-block; vertical-align: baseline; margin-left: 0.5rem; margin-right: 1rem; margin-bottom: 0; } [type='checkbox'] + label[for], [type='radio'] + label[for] { cursor: pointer; } label > [type='checkbox'], label > [type='radio'] { margin-right: 0.5rem; } [type='file'] { width: 100%; } label { display: block; margin: 0; font-size: 0.875rem; font-weight: normal; line-height: 1.8; color: #0a0a0a; } label.middle { margin: 0 0 1rem; padding: 0.5625rem 0; } .help-text { margin-top: -0.5rem; font-size: 0.8125rem; font-style: italic; color: #0a0a0a; } .input-group { display: -ms-flexbox; display: flex; width: 100%; margin-bottom: 1rem; -ms-flex-align: stretch; align-items: stretch; } .input-group > :first-child { border-radius: 3px 0 0 3px; } .input-group > :last-child > * { border-radius: 0 3px 3px 0; } .input-group-label, .input-group-field, .input-group-button, .input-group-button a, .input-group-button input, .input-group-button button, .input-group-button label { margin: 0; white-space: nowrap; } .input-group-label { padding: 0 1rem; border: 1px solid #cacaca; background: #e6e6e6; color: #0a0a0a; text-align: center; white-space: nowrap; display: -ms-flexbox; display: flex; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-align: center; align-items: center; } .input-group-label:first-child { border-right: 0; } .input-group-label:last-child { border-left: 0; } .input-group-field { border-radius: 0; -ms-flex: 1 1 0px; flex: 1 1 0px; height: auto; min-width: 0; } .input-group-button { padding-top: 0; padding-bottom: 0; text-align: center; display: -ms-flexbox; display: flex; -ms-flex: 0 0 auto; flex: 0 0 auto; } .input-group-button a, .input-group-button input, .input-group-button button, .input-group-button label { height: auto; -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch; padding-top: 0; padding-bottom: 0; font-size: 1rem; } fieldset { margin: 0; padding: 0; border: 0; } legend { max-width: 100%; margin-bottom: 0.5rem; } .fieldset { margin: 1.125rem 0; padding: 1.25rem; border: 1px solid #cacaca; } .fieldset legend { margin: 0; margin-left: -0.1875rem; padding: 0 0.1875rem; } select { height: 2.4375rem; margin: 0 0 1rem; padding: 0.5rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #cacaca; border-radius: 3px; background-color: #fefefe; font-family: inherit; font-size: 1rem; font-weight: normal; line-height: 1.5; color: #0a0a0a; background-image: url("data:image/svg+xml;utf8,"); background-origin: content-box; background-position: right -1rem center; background-repeat: no-repeat; background-size: 9px 6px; padding-right: 1.5rem; transition: box-shadow 0.5s, border-color 0.25s ease-in-out; } @media screen and (min-width: 0\0) { select { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg=="); } } select:focus { outline: none; border: 1px solid #8a8a8a; background-color: #fefefe; box-shadow: 0 0 5px #cacaca; transition: box-shadow 0.5s, border-color 0.25s ease-in-out; } select:disabled { background-color: #e6e6e6; cursor: not-allowed; } select::-ms-expand { display: none; } select[multiple] { height: auto; background-image: none; } .is-invalid-input:not(:focus) { border-color: #c60f13; background-color: #f8e6e7; } .is-invalid-input:not(:focus)::-webkit-input-placeholder { color: #c60f13; } .is-invalid-input:not(:focus)::-moz-placeholder { color: #c60f13; } .is-invalid-input:not(:focus):-ms-input-placeholder { color: #c60f13; } .is-invalid-input:not(:focus)::placeholder { color: #c60f13; } /*.is-invalid-label { color: #c60f13; }*/ .form-error { display: none; margin-top: -0.5rem; /* margin-bottom: 1rem;*/ font-size: 0.75rem; font-weight: 600; color: #2ba6cbfff; background: #c60f13; float: right; text-align: center; border: solid 1px #c60f13; width: 150px; } .form-error.is-visible { display: block; } .float-left { float: left !important; } .float-right { float: right !important; } .float-center { display: block; margin-right: auto; margin-left: auto; } .clearfix::before, .clearfix::after { display: table; content: ' '; -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-order: 1; order: 1; } .clearfix::after { clear: both; } .hide { display: none !important; } .invisible { visibility: hidden; } @media screen and (max-width: 39.9375em) { .hide-for-small-only { display: none !important; } } @media screen and (max-width: 0em), screen and (min-width: 40em) { .show-for-small-only { display: none !important; } } @media print, screen and (min-width: 40em) { .hide-for-medium { display: none !important; } } @media screen and (max-width: 39.9375em) { .show-for-medium { display: none !important; } } @media screen and (min-width: 40em) and (max-width: 63.9375em) { .hide-for-medium-only { display: none !important; } } @media screen and (max-width: 39.9375em), screen and (min-width: 64em) { .show-for-medium-only { display: none !important; } } @media print, screen and (min-width: 64em) { .hide-for-large { display: none !important; } } @media screen and (max-width: 63.9375em) { .show-for-large { display: none !important; } } @media screen and (min-width: 64em) and (max-width: 74.9375em) { .hide-for-large-only { display: none !important; } } @media screen and (max-width: 63.9375em), screen and (min-width: 75em) { .show-for-large-only { display: none !important; } } .show-for-sr, .show-on-focus { position: absolute !important; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; -webkit-clip-path: inset(50%); clip-path: inset(50%); border: 0; } .show-on-focus:active, .show-on-focus:focus { position: static !important; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; -webkit-clip-path: none; clip-path: none; } .show-for-landscape, .hide-for-portrait { display: block !important; } @media screen and (orientation: landscape) { .show-for-landscape, .hide-for-portrait { display: block !important; } } @media screen and (orientation: portrait) { .show-for-landscape, .hide-for-portrait { display: none !important; } } .hide-for-landscape, .show-for-portrait { display: none !important; } @media screen and (orientation: landscape) { .hide-for-landscape, .show-for-portrait { display: none !important; } } @media screen and (orientation: portrait) { .hide-for-landscape, .show-for-portrait { display: block !important; } } .button { display: inline-block; vertical-align: middle; margin: 0 0 1rem 0; font-family: inherit; padding: 0.85em 1em; -webkit-appearance: none; border: 1px solid transparent; border-radius: 3px; transition: background-color 0.25s ease-out, color 0.25s ease-out; font-size: 0.9rem; line-height: 1; text-align: center; cursor: pointer; background-color: #2ba6cb; color: #fefefe; } [data-whatinput='mouse'] .button { outline: 0; } .button:hover, .button:focus { background-color: #258dad; color: #fefefe; } .button.tiny { font-size: 0.6rem; } .button.small { font-size: 0.75rem; } .button.large { font-size: 1.25rem; } .button.expanded { display: block; width: 100%; margin-right: 0; margin-left: 0; } .button.primary { background-color: #2ba6cb; color: #0a0a0a; } .button.primary:hover, .button.primary:focus { background-color: #2285a2; color: #0a0a0a; } .button.secondary { background-color: #e9e9e9; color: #0a0a0a; } .button.secondary:hover, .button.secondary:focus { background-color: #bababa; color: #0a0a0a; } .button.alert { background-color: #c60f13; color: #fefefe; } .button.alert:hover, .button.alert:focus { background-color: #9e0c0f; color: #fefefe; } .button.success { background-color: #5da423; color: #0a0a0a; } .button.success:hover, .button.success:focus { background-color: #4a831c; color: #0a0a0a; } .button.warning { background-color: #ffae00; color: #0a0a0a; } .button.warning:hover, .button.warning:focus { background-color: #cc8b00; color: #0a0a0a; } .button.body-font { background-color: #222222; color: #fefefe; } .button.body-font:hover, .button.body-font:focus { background-color: #1b1b1b; color: #fefefe; } .button.header { background-color: #222222; color: #fefefe; } .button.header:hover, .button.header:focus { background-color: #1b1b1b; color: #fefefe; } .button.disabled, .button[disabled] { opacity: 0.25; cursor: not-allowed; } .button.disabled, .button.disabled:hover, .button.disabled:focus, .button[disabled], .button[disabled]:hover, .button[disabled]:focus { background-color: #2ba6cb; color: #fefefe; } .button.disabled.primary, .button[disabled].primary { opacity: 0.25; cursor: not-allowed; } .button.disabled.primary, .button.disabled.primary:hover, .button.disabled.primary:focus, .button[disabled].primary, .button[disabled].primary:hover, .button[disabled].primary:focus { background-color: #2ba6cb; color: #0a0a0a; } .button.disabled.secondary, .button[disabled].secondary { opacity: 0.25; cursor: not-allowed; } .button.disabled.secondary, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary, .button[disabled].secondary:hover, .button[disabled].secondary:focus { background-color: #e9e9e9; color: #0a0a0a; } .button.disabled.alert, .button[disabled].alert { opacity: 0.25; cursor: not-allowed; } .button.disabled.alert, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert, .button[disabled].alert:hover, .button[disabled].alert:focus { background-color: #c60f13; color: #fefefe; } .button.disabled.success, .button[disabled].success { opacity: 0.25; cursor: not-allowed; } .button.disabled.success, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success, .button[disabled].success:hover, .button[disabled].success:focus { background-color: #5da423; color: #0a0a0a; } .button.disabled.warning, .button[disabled].warning { opacity: 0.25; cursor: not-allowed; } .button.disabled.warning, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning, .button[disabled].warning:hover, .button[disabled].warning:focus { background-color: #ffae00; color: #0a0a0a; } .button.disabled.body-font, .button[disabled].body-font { opacity: 0.25; cursor: not-allowed; } .button.disabled.body-font, .button.disabled.body-font:hover, .button.disabled.body-font:focus, .button[disabled].body-font, .button[disabled].body-font:hover, .button[disabled].body-font:focus { background-color: #222222; color: #fefefe; } .button.disabled.header, .button[disabled].header { opacity: 0.25; cursor: not-allowed; } .button.disabled.header, .button.disabled.header:hover, .button.disabled.header:focus, .button[disabled].header, .button[disabled].header:hover, .button[disabled].header:focus { background-color: #222222; color: #fefefe; } .button.hollow { border: 1px solid #2ba6cb; color: #2ba6cb; } .button.hollow, .button.hollow:hover, .button.hollow:focus { background-color: transparent; } .button.hollow.disabled, .button.hollow.disabled:hover, .button.hollow.disabled:focus, .button.hollow[disabled], .button.hollow[disabled]:hover, .button.hollow[disabled]:focus { background-color: transparent; } .button.hollow:hover, .button.hollow:focus { border-color: #165366; color: #165366; } .button.hollow:hover.disabled, .button.hollow:hover[disabled], .button.hollow:focus.disabled, .button.hollow:focus[disabled] { border: 1px solid #2ba6cb; color: #2ba6cb; } .button.hollow.primary { border: 1px solid #2ba6cb; color: #2ba6cb; } .button.hollow.primary:hover, .button.hollow.primary:focus { border-color: #165366; color: #165366; } .button.hollow.primary:hover.disabled, .button.hollow.primary:hover[disabled], .button.hollow.primary:focus.disabled, .button.hollow.primary:focus[disabled] { border: 1px solid #2ba6cb; color: #2ba6cb; } .button.hollow.secondary { border: 1px solid #e9e9e9; color: #e9e9e9; } .button.hollow.secondary:hover, .button.hollow.secondary:focus { border-color: #757575; color: #757575; } .button.hollow.secondary:hover.disabled, .button.hollow.secondary:hover[disabled], .button.hollow.secondary:focus.disabled, .button.hollow.secondary:focus[disabled] { border: 1px solid #e9e9e9; color: #e9e9e9; } .button.hollow.alert { border: 1px solid #c60f13; color: #c60f13; } .button.hollow.alert:hover, .button.hollow.alert:focus { border-color: #63080a; color: #63080a; } .button.hollow.alert:hover.disabled, .button.hollow.alert:hover[disabled], .button.hollow.alert:focus.disabled, .button.hollow.alert:focus[disabled] { border: 1px solid #c60f13; color: #c60f13; } .button.hollow.success { border: 1px solid #5da423; color: #5da423; } .button.hollow.success:hover, .button.hollow.success:focus { border-color: #2f5212; color: #2f5212; } .button.hollow.success:hover.disabled, .button.hollow.success:hover[disabled], .button.hollow.success:focus.disabled, .button.hollow.success:focus[disabled] { border: 1px solid #5da423; color: #5da423; } .button.hollow.warning { border: 1px solid #ffae00; color: #ffae00; } .button.hollow.warning:hover, .button.hollow.warning:focus { border-color: #805700; color: #805700; } .button.hollow.warning:hover.disabled, .button.hollow.warning:hover[disabled], .button.hollow.warning:focus.disabled, .button.hollow.warning:focus[disabled] { border: 1px solid #ffae00; color: #ffae00; } .button.hollow.body-font { border: 1px solid #222222; color: #222222; } .button.hollow.body-font:hover, .button.hollow.body-font:focus { border-color: #111111; color: #111111; } .button.hollow.body-font:hover.disabled, .button.hollow.body-font:hover[disabled], .button.hollow.body-font:focus.disabled, .button.hollow.body-font:focus[disabled] { border: 1px solid #222222; color: #222222; } .button.hollow.header { border: 1px solid #222222; color: #222222; } .button.hollow.header:hover, .button.hollow.header:focus { border-color: #111111; color: #111111; } .button.hollow.header:hover.disabled, .button.hollow.header:hover[disabled], .button.hollow.header:focus.disabled, .button.hollow.header:focus[disabled] { border: 1px solid #222222; color: #222222; } .button.clear { border: 1px solid #2ba6cb; color: #2ba6cb; } .button.clear, .button.clear:hover, .button.clear:focus { background-color: transparent; } .button.clear.disabled, .button.clear.disabled:hover, .button.clear.disabled:focus, .button.clear[disabled], .button.clear[disabled]:hover, .button.clear[disabled]:focus { background-color: transparent; } .button.clear:hover, .button.clear:focus { border-color: #165366; color: #165366; } .button.clear:hover.disabled, .button.clear:hover[disabled], .button.clear:focus.disabled, .button.clear:focus[disabled] { border: 1px solid #2ba6cb; color: #2ba6cb; } .button.clear, .button.clear.disabled, .button.clear[disabled], .button.clear:hover, .button.clear:hover.disabled, .button.clear:hover[disabled], .button.clear:focus, .button.clear:focus.disabled, .button.clear:focus[disabled] { border-color: transparent; } .button.clear.primary { border: 1px solid #2ba6cb; color: #2ba6cb; } .button.clear.primary:hover, .button.clear.primary:focus { border-color: #165366; color: #165366; } .button.clear.primary:hover.disabled, .button.clear.primary:hover[disabled], .button.clear.primary:focus.disabled, .button.clear.primary:focus[disabled] { border: 1px solid #2ba6cb; color: #2ba6cb; } .button.clear.primary, .button.clear.primary.disabled, .button.clear.primary[disabled], .button.clear.primary:hover, .button.clear.primary:hover.disabled, .button.clear.primary:hover[disabled], .button.clear.primary:focus, .button.clear.primary:focus.disabled, .button.clear.primary:focus[disabled] { border-color: transparent; } .button.clear.secondary { border: 1px solid #e9e9e9; color: #e9e9e9; } .button.clear.secondary:hover, .button.clear.secondary:focus { border-color: #757575; color: #757575; } .button.clear.secondary:hover.disabled, .button.clear.secondary:hover[disabled], .button.clear.secondary:focus.disabled, .button.clear.secondary:focus[disabled] { border: 1px solid #e9e9e9; color: #e9e9e9; } .button.clear.secondary, .button.clear.secondary.disabled, .button.clear.secondary[disabled], .button.clear.secondary:hover, .button.clear.secondary:hover.disabled, .button.clear.secondary:hover[disabled], .button.clear.secondary:focus, .button.clear.secondary:focus.disabled, .button.clear.secondary:focus[disabled] { border-color: transparent; } .button.clear.alert { border: 1px solid #c60f13; color: #c60f13; } .button.clear.alert:hover, .button.clear.alert:focus { border-color: #63080a; color: #63080a; } .button.clear.alert:hover.disabled, .button.clear.alert:hover[disabled], .button.clear.alert:focus.disabled, .button.clear.alert:focus[disabled] { border: 1px solid #c60f13; color: #c60f13; } .button.clear.alert, .button.clear.alert.disabled, .button.clear.alert[disabled], .button.clear.alert:hover, .button.clear.alert:hover.disabled, .button.clear.alert:hover[disabled], .button.clear.alert:focus, .button.clear.alert:focus.disabled, .button.clear.alert:focus[disabled] { border-color: transparent; } .button.clear.success { border: 1px solid #5da423; color: #5da423; } .button.clear.success:hover, .button.clear.success:focus { border-color: #2f5212; color: #2f5212; } .button.clear.success:hover.disabled, .button.clear.success:hover[disabled], .button.clear.success:focus.disabled, .button.clear.success:focus[disabled] { border: 1px solid #5da423; color: #5da423; } .button.clear.success, .button.clear.success.disabled, .button.clear.success[disabled], .button.clear.success:hover, .button.clear.success:hover.disabled, .button.clear.success:hover[disabled], .button.clear.success:focus, .button.clear.success:focus.disabled, .button.clear.success:focus[disabled] { border-color: transparent; } .button.clear.warning { border: 1px solid #ffae00; color: #ffae00; } .button.clear.warning:hover, .button.clear.warning:focus { border-color: #805700; color: #805700; } .button.clear.warning:hover.disabled, .button.clear.warning:hover[disabled], .button.clear.warning:focus.disabled, .button.clear.warning:focus[disabled] { border: 1px solid #ffae00; color: #ffae00; } .button.clear.warning, .button.clear.warning.disabled, .button.clear.warning[disabled], .button.clear.warning:hover, .button.clear.warning:hover.disabled, .button.clear.warning:hover[disabled], .button.clear.warning:focus, .button.clear.warning:focus.disabled, .button.clear.warning:focus[disabled] { border-color: transparent; } .button.clear.body-font { border: 1px solid #222222; color: #222222; } .button.clear.body-font:hover, .button.clear.body-font:focus { border-color: #111111; color: #111111; } .button.clear.body-font:hover.disabled, .button.clear.body-font:hover[disabled], .button.clear.body-font:focus.disabled, .button.clear.body-font:focus[disabled] { border: 1px solid #222222; color: #222222; } .button.clear.body-font, .button.clear.body-font.disabled, .button.clear.body-font[disabled], .button.clear.body-font:hover, .button.clear.body-font:hover.disabled, .button.clear.body-font:hover[disabled], .button.clear.body-font:focus, .button.clear.body-font:focus.disabled, .button.clear.body-font:focus[disabled] { border-color: transparent; } .button.clear.header { border: 1px solid #222222; color: #222222; } .button.clear.header:hover, .button.clear.header:focus { border-color: #111111; color: #111111; } .button.clear.header:hover.disabled, .button.clear.header:hover[disabled], .button.clear.header:focus.disabled, .button.clear.header:focus[disabled] { border: 1px solid #222222; color: #222222; } .button.clear.header, .button.clear.header.disabled, .button.clear.header[disabled], .button.clear.header:hover, .button.clear.header:hover.disabled, .button.clear.header:hover[disabled], .button.clear.header:focus, .button.clear.header:focus.disabled, .button.clear.header:focus[disabled] { border-color: transparent; } .button.dropdown::after { display: block; width: 0; height: 0; border: inset 0.4em; content: ''; border-bottom-width: 0; border-top-style: solid; border-color: #fefefe transparent transparent; position: relative; top: 0.4em; display: inline-block; float: right; margin-left: 1em; } .button.dropdown.hollow::after { border-top-color: #2ba6cb; } .button.dropdown.hollow.primary::after { border-top-color: #2ba6cb; } .button.dropdown.hollow.secondary::after { border-top-color: #e9e9e9; } .button.dropdown.hollow.alert::after { border-top-color: #c60f13; } .button.dropdown.hollow.success::after { border-top-color: #5da423; } .button.dropdown.hollow.warning::after { border-top-color: #ffae00; } .button.dropdown.hollow.body-font::after { border-top-color: #222222; } .button.dropdown.hollow.header::after { border-top-color: #222222; } .button.arrow-only::after { top: -0.1em; float: none; margin-left: 0; } a.button:hover, a.button:focus { text-decoration: none; } .close-button { position: absolute; color: #8a8a8a; cursor: pointer; } [data-whatinput='mouse'] .close-button { outline: 0; } .close-button:hover, .close-button:focus { color: #0a0a0a; } .close-button.small { right: 0.66rem; top: 0.33em; font-size: 1.5em; line-height: 1; } .close-button, .close-button.medium { right: 1rem; top: 0.5rem; font-size: 2em; line-height: 1; } .button-group { margin-bottom: 1rem; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-align: stretch; align-items: stretch; } .button-group::before, .button-group::after { display: table; content: ' '; -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-order: 1; order: 1; } .button-group::after { clear: both; } .button-group .button { margin: 0; margin-right: 1px; margin-bottom: 1px; font-size: 0.9rem; -ms-flex: 0 0 auto; flex: 0 0 auto; } .button-group .button:last-child { margin-right: 0; } .button-group.tiny .button { font-size: 0.6rem; } .button-group.small .button { font-size: 0.75rem; } .button-group.large .button { font-size: 1.25rem; } .button-group.expanded .button { -ms-flex: 1 1 0px; flex: 1 1 0px; } .button-group.primary .button { background-color: #2ba6cb; color: #0a0a0a; } .button-group.primary .button:hover, .button-group.primary .button:focus { background-color: #2285a2; color: #0a0a0a; } .button-group.secondary .button { background-color: #e9e9e9; color: #0a0a0a; } .button-group.secondary .button:hover, .button-group.secondary .button:focus { background-color: #bababa; color: #0a0a0a; } .button-group.alert .button { background-color: #c60f13; color: #fefefe; } .button-group.alert .button:hover, .button-group.alert .button:focus { background-color: #9e0c0f; color: #fefefe; } .button-group.success .button { background-color: #5da423; color: #0a0a0a; } .button-group.success .button:hover, .button-group.success .button:focus { background-color: #4a831c; color: #0a0a0a; } .button-group.warning .button { background-color: #ffae00; color: #0a0a0a; } .button-group.warning .button:hover, .button-group.warning .button:focus { background-color: #cc8b00; color: #0a0a0a; } .button-group.body-font .button { background-color: #222222; color: #fefefe; } .button-group.body-font .button:hover, .button-group.body-font .button:focus { background-color: #1b1b1b; color: #fefefe; } .button-group.header .button { background-color: #222222; color: #fefefe; } .button-group.header .button:hover, .button-group.header .button:focus { background-color: #1b1b1b; color: #fefefe; } .button-group.stacked, .button-group.stacked-for-small, .button-group.stacked-for-medium { -ms-flex-wrap: wrap; flex-wrap: wrap; } .button-group.stacked .button, .button-group.stacked-for-small .button, .button-group.stacked-for-medium .button { -ms-flex: 0 0 100%; flex: 0 0 100%; } .button-group.stacked .button:last-child, .button-group.stacked-for-small .button:last-child, .button-group.stacked-for-medium .button:last-child { margin-bottom: 0; } @media print, screen and (min-width: 40em) { .button-group.stacked-for-small .button { -ms-flex: 1 1 0px; flex: 1 1 0px; margin-bottom: 0; } } @media print, screen and (min-width: 64em) { .button-group.stacked-for-medium .button { -ms-flex: 1 1 0px; flex: 1 1 0px; margin-bottom: 0; } } @media screen and (max-width: 39.9375em) { .button-group.stacked-for-small.expanded { display: block; } .button-group.stacked-for-small.expanded .button { display: block; margin-right: 0; } } .slider { position: relative; height: 0.5rem; margin-top: 1.25rem; margin-bottom: 2.25rem; background-color: #e6e6e6; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: none; touch-action: none; } .slider-fill { position: absolute; top: 0; left: 0; display: inline-block; max-width: 100%; height: 0.5rem; background-color: #cacaca; transition: all 0.2s ease-in-out; } .slider-fill.is-dragging { transition: all 0s linear; } .slider-handle { position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; z-index: 1; display: inline-block; width: 1.4rem; height: 1.4rem; border-radius: 3px; background-color: #2ba6cb; transition: all 0.2s ease-in-out; -ms-touch-action: manipulation; touch-action: manipulation; } [data-whatinput='mouse'] .slider-handle { outline: 0; } .slider-handle:hover { background-color: #258dad; } .slider-handle.is-dragging { transition: all 0s linear; } .slider.disabled, .slider[disabled] { opacity: 0.25; cursor: not-allowed; } .slider.vertical { display: inline-block; width: 0.5rem; height: 12.5rem; margin: 0 1.25rem; -ms-transform: scale(1, -1); transform: scale(1, -1); } .slider.vertical .slider-fill { top: 0; width: 0.5rem; max-height: 100%; } .slider.vertical .slider-handle { position: absolute; top: 0; left: 50%; width: 1.4rem; height: 1.4rem; -ms-transform: translateX(-50%); transform: translateX(-50%); } .switch { height: 2rem; position: relative; margin-bottom: 1rem; outline: 0; font-size: 0.875rem; font-weight: bold; color: #fefefe; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .switch-input { position: absolute; margin-bottom: 0; opacity: 0; } .switch-paddle { position: relative; display: block; width: 4rem; height: 2rem; border-radius: 3px; background: #cacaca; transition: all 0.25s ease-out; font-weight: inherit; color: inherit; cursor: pointer; } input + .switch-paddle { margin: 0; } .switch-paddle::after { position: absolute; top: 0.25rem; left: 0.25rem; display: block; width: 1.5rem; height: 1.5rem; transform: translate3d(0, 0, 0); border-radius: 3px; background: #fefefe; transition: all 0.25s ease-out; content: ''; } input:checked ~ .switch-paddle { background: #2ba6cb; } input:checked ~ .switch-paddle::after { left: 2.25rem; } [data-whatinput='mouse'] input:focus ~ .switch-paddle { outline: 0; } .switch-active, .switch-inactive { position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); } .switch-active { left: 8%; display: none; } input:checked + label > .switch-active { display: block; } .switch-inactive { right: 15%; } input:checked + label > .switch-inactive { display: none; } .switch.tiny { height: 1.5rem; } .switch.tiny .switch-paddle { width: 3rem; height: 1.5rem; font-size: 0.625rem; } .switch.tiny .switch-paddle::after { top: 0.25rem; left: 0.25rem; width: 1rem; height: 1rem; } .switch.tiny input:checked ~ .switch-paddle::after { left: 1.75rem; } .switch.small { height: 1.75rem; } .switch.small .switch-paddle { width: 3.5rem; height: 1.75rem; font-size: 0.75rem; } .switch.small .switch-paddle::after { top: 0.25rem; left: 0.25rem; width: 1.25rem; height: 1.25rem; } .switch.small input:checked ~ .switch-paddle::after { left: 2rem; } .switch.large { height: 2.5rem; } .switch.large .switch-paddle { width: 5rem; height: 2.5rem; font-size: 1rem; } .switch.large .switch-paddle::after { top: 0.25rem; left: 0.25rem; width: 2rem; height: 2rem; } .switch.large input:checked ~ .switch-paddle::after { left: 2.75rem; } .menu { padding: 0; margin: 0; list-style: none; position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } [data-whatinput='mouse'] .menu li { outline: 0; } .menu a, .menu .button { line-height: 1; text-decoration: none; display: block; padding: 0.7rem 1rem; } .menu input, .menu select, .menu a, .menu button { margin-bottom: 0; } .menu input { display: inline-block; } .menu, .menu.horizontal { -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-direction: row; flex-direction: row; } .menu.vertical { -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-direction: column; flex-direction: column; } .menu.expanded li { -ms-flex: 1 1 0px; flex: 1 1 0px; } .menu.simple { -ms-flex-align: center; align-items: center; } .menu.simple li + li { margin-left: 1rem; } .menu.simple a { padding: 0; } @media print, screen and (min-width: 40em) { .menu.medium-horizontal { -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-direction: row; flex-direction: row; } .menu.medium-vertical { -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-direction: column; flex-direction: column; } .menu.medium-expanded li { -ms-flex: 1 1 0px; flex: 1 1 0px; } .menu.medium-simple li { -ms-flex: 1 1 0px; flex: 1 1 0px; } } @media print, screen and (min-width: 64em) { .menu.large-horizontal { -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-direction: row; flex-direction: row; } .menu.large-vertical { -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-direction: column; flex-direction: column; } .menu.large-expanded li { -ms-flex: 1 1 0px; flex: 1 1 0px; } .menu.large-simple li { -ms-flex: 1 1 0px; flex: 1 1 0px; } } .menu.nested { margin-right: 0; margin-left: 1rem; } .menu.icons a { display: -ms-flexbox; display: flex; } .menu.icon-top a, .menu.icon-right a, .menu.icon-bottom a, .menu.icon-left a { display: -ms-flexbox; display: flex; } .menu.icon-left li a { -ms-flex-flow: row nowrap; flex-flow: row nowrap; } .menu.icon-left li a img, .menu.icon-left li a i, .menu.icon-left li a svg { margin-right: 0.25rem; } .menu.icon-right li a { -ms-flex-flow: row nowrap; flex-flow: row nowrap; } .menu.icon-right li a img, .menu.icon-right li a i, .menu.icon-right li a svg { margin-left: 0.25rem; } .menu.icon-top li a { -ms-flex-flow: column nowrap; flex-flow: column nowrap; } .menu.icon-top li a img, .menu.icon-top li a i, .menu.icon-top li a svg { -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch; margin-bottom: 0.25rem; text-align: center; } .menu.icon-bottom li a { -ms-flex-flow: column nowrap; flex-flow: column nowrap; } .menu.icon-bottom li a img, .menu.icon-bottom li a i, .menu.icon-bottom li a svg { -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch; margin-bottom: 0.25rem; text-align: center; } .menu .is-active > a { background: #2ba6cb; color: #fefefe; } .menu .active > a { background: #2ba6cb; color: #fefefe; } .menu.align-left { -ms-flex-pack: start; justify-content: flex-start; } .menu.align-right li { display: -ms-flexbox; display: flex; -ms-flex-pack: end; justify-content: flex-end; } .menu.align-right li .submenu li { -ms-flex-pack: start; justify-content: flex-start; } .menu.align-right.vertical li { display: block; text-align: right; } .menu.align-right.vertical li .submenu li { text-align: right; } .menu.align-right .nested { margin-right: 1rem; margin-left: 0; } .menu.align-center li { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; } .menu.align-center li .submenu li { -ms-flex-pack: start; justify-content: flex-start; } .menu .menu-text { padding: 0.7rem 1rem; font-weight: bold; line-height: 1; color: inherit; } .menu-centered > .menu { -ms-flex-pack: center; justify-content: center; } .menu-centered > .menu li { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; } .menu-centered > .menu li .submenu li { -ms-flex-pack: start; justify-content: flex-start; } .no-js [data-responsive-menu] ul { display: none; } .is-drilldown { position: relative; overflow: hidden; } .is-drilldown li { display: block; } .is-drilldown.animate-height { transition: height 0.5s; } .drilldown a { padding: 0.7rem 1rem; background: #fefefe; } .drilldown .is-drilldown-submenu { position: absolute; top: 0; left: 100%; z-index: -1; width: 100%; background: #fefefe; transition: transform 0.15s linear; } .drilldown .is-drilldown-submenu.is-active { z-index: 1; display: block; -ms-transform: translateX(-100%); transform: translateX(-100%); } .drilldown .is-drilldown-submenu.is-closing { -ms-transform: translateX(100%); transform: translateX(100%); } .drilldown .is-drilldown-submenu a { padding: 0.7rem 1rem; } .drilldown .nested.is-drilldown-submenu { margin-right: 0; margin-left: 0; } .drilldown .drilldown-submenu-cover-previous { min-height: 100%; } .drilldown .is-drilldown-submenu-parent > a { position: relative; } .drilldown .is-drilldown-submenu-parent > a::after { position: absolute; top: 50%; margin-top: -6px; right: 1rem; display: block; width: 0; height: 0; border: inset 6px; content: ''; border-right-width: 0; border-left-style: solid; border-color: transparent transparent transparent #2ba6cb; } .drilldown.align-left .is-drilldown-submenu-parent > a::after { left: auto; right: 1rem; display: block; width: 0; height: 0; border: inset 6px; content: ''; border-right-width: 0; border-left-style: solid; border-color: transparent transparent transparent #2ba6cb; } .drilldown.align-right .is-drilldown-submenu-parent > a::after { right: auto; left: 1rem; display: block; width: 0; height: 0; border: inset 6px; content: ''; border-left-width: 0; border-right-style: solid; border-color: transparent #2ba6cb transparent transparent; } .drilldown .js-drilldown-back > a::before { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-left-width: 0; border-right-style: solid; border-color: transparent #2ba6cb transparent transparent; border-left-width: 0; display: inline-block; vertical-align: middle; margin-right: 0.75rem; border-left-width: 0; } .accordion-menu li { width: 100%; } .accordion-menu a { padding: 0.7rem 1rem; } .accordion-menu .is-accordion-submenu a { padding: 0.7rem 1rem; } .accordion-menu .nested.is-accordion-submenu { margin-right: 0; margin-left: 1rem; } .accordion-menu.align-right .nested.is-accordion-submenu { margin-right: 1rem; margin-left: 0; } .accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a { position: relative; } .accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-bottom-width: 0; border-top-style: solid; border-color: #2ba6cb transparent transparent; position: absolute; top: 50%; margin-top: -3px; right: 1rem; } .accordion-menu.align-left .is-accordion-submenu-parent > a::after { left: auto; right: 1rem; } .accordion-menu.align-right .is-accordion-submenu-parent > a::after { right: auto; left: 1rem; } .accordion-menu .is-accordion-submenu-parent[aria-expanded='true'] > a::after { -ms-transform: rotate(180deg); transform: rotate(180deg); -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; } .is-accordion-submenu-parent { position: relative; } .has-submenu-toggle > a { margin-right: 40px; } .submenu-toggle { position: absolute; top: 0; right: 0; cursor: pointer; width: 40px; height: 40px; } .submenu-toggle::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-bottom-width: 0; border-top-style: solid; border-color: #2ba6cb transparent transparent; top: 0; bottom: 0; margin: auto; } .submenu-toggle[aria-expanded='true']::after { -ms-transform: scaleY(-1); transform: scaleY(-1); -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; } .submenu-toggle-text { position: absolute !important; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; -webkit-clip-path: inset(50%); clip-path: inset(50%); border: 0; } .dropdown.menu > li.opens-left > .is-dropdown-submenu { top: 100%; right: 0; left: auto; } .dropdown.menu > li.opens-right > .is-dropdown-submenu { top: 100%; right: auto; left: 0; } .dropdown.menu > li.is-dropdown-submenu-parent > a { position: relative; padding-right: 1.5rem; } .dropdown.menu > li.is-dropdown-submenu-parent > a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-bottom-width: 0; border-top-style: solid; border-color: #2ba6cb transparent transparent; right: 5px; left: auto; margin-top: -3px; } .dropdown.menu a { padding: 0.7rem 1rem; } [data-whatinput='mouse'] .dropdown.menu a { outline: 0; } .dropdown.menu .is-active > a { background: transparent; color: #2ba6cb; } .no-js .dropdown.menu ul { display: none; } .dropdown.menu .nested.is-dropdown-submenu { margin-right: 0; margin-left: 0; } .dropdown.menu.vertical > li .is-dropdown-submenu { top: 0; } .dropdown.menu.vertical > li.opens-left > .is-dropdown-submenu { right: 100%; left: auto; top: 0; } .dropdown.menu.vertical > li.opens-right > .is-dropdown-submenu { right: auto; left: 100%; } .dropdown.menu.vertical > li > a::after { right: 14px; } .dropdown.menu.vertical > li.opens-left > a::after { right: auto; left: 5px; display: block; width: 0; height: 0; border: inset 6px; content: ''; border-left-width: 0; border-right-style: solid; border-color: transparent #2ba6cb transparent transparent; } .dropdown.menu.vertical > li.opens-right > a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-right-width: 0; border-left-style: solid; border-color: transparent transparent transparent #2ba6cb; } @media print, screen and (min-width: 40em) { .dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu { top: 100%; right: 0; left: auto; } .dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu { top: 100%; right: auto; left: 0; } .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a { position: relative; padding-right: 1.5rem; } .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-bottom-width: 0; border-top-style: solid; border-color: #2ba6cb transparent transparent; right: 5px; left: auto; margin-top: -3px; } .dropdown.menu.medium-vertical > li .is-dropdown-submenu { top: 0; } .dropdown.menu.medium-vertical > li.opens-left > .is-dropdown-submenu { right: 100%; left: auto; top: 0; } .dropdown.menu.medium-vertical > li.opens-right > .is-dropdown-submenu { right: auto; left: 100%; } .dropdown.menu.medium-vertical > li > a::after { right: 14px; } .dropdown.menu.medium-vertical > li.opens-left > a::after { right: auto; left: 5px; display: block; width: 0; height: 0; border: inset 6px; content: ''; border-left-width: 0; border-right-style: solid; border-color: transparent #2ba6cb transparent transparent; } .dropdown.menu.medium-vertical > li.opens-right > a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-right-width: 0; border-left-style: solid; border-color: transparent transparent transparent #2ba6cb; } } @media print, screen and (min-width: 64em) { .dropdown.menu.large-horizontal > li.opens-left > .is-dropdown-submenu { top: 100%; right: 0; left: auto; } .dropdown.menu.large-horizontal > li.opens-right > .is-dropdown-submenu { top: 100%; right: auto; left: 0; } .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a { position: relative; padding-right: 1.5rem; } .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-bottom-width: 0; border-top-style: solid; border-color: #2ba6cb transparent transparent; right: 5px; left: auto; margin-top: -3px; } .dropdown.menu.large-vertical > li .is-dropdown-submenu { top: 0; } .dropdown.menu.large-vertical > li.opens-left > .is-dropdown-submenu { right: 100%; left: auto; top: 0; } .dropdown.menu.large-vertical > li.opens-right > .is-dropdown-submenu { right: auto; left: 100%; } .dropdown.menu.large-vertical > li > a::after { right: 14px; } .dropdown.menu.large-vertical > li.opens-left > a::after { right: auto; left: 5px; display: block; width: 0; height: 0; border: inset 6px; content: ''; border-left-width: 0; border-right-style: solid; border-color: transparent #2ba6cb transparent transparent; } .dropdown.menu.large-vertical > li.opens-right > a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-right-width: 0; border-left-style: solid; border-color: transparent transparent transparent #2ba6cb; } } .dropdown.menu.align-right .is-dropdown-submenu.first-sub { top: 100%; right: 0; left: auto; } .is-dropdown-menu.vertical { width: 100px; } .is-dropdown-menu.vertical.align-right { float: right; } .is-dropdown-submenu-parent { position: relative; } .is-dropdown-submenu-parent a::after { position: absolute; top: 50%; right: 5px; left: auto; margin-top: -6px; } .is-dropdown-submenu-parent.opens-inner > .is-dropdown-submenu { top: 100%; left: auto; } .is-dropdown-submenu-parent.opens-left > .is-dropdown-submenu { right: 100%; left: auto; } .is-dropdown-submenu-parent.opens-right > .is-dropdown-submenu { right: auto; left: 100%; } .is-dropdown-submenu { position: absolute; top: 0; left: 100%; z-index: 1; display: none; min-width: 200px; border: 1px solid #cacaca; background: #fefefe; } .dropdown .is-dropdown-submenu a { padding: 0.7rem 1rem; } .is-dropdown-submenu .is-dropdown-submenu-parent > a::after { right: 14px; } .is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after { right: auto; left: 5px; display: block; width: 0; height: 0; border: inset 6px; content: ''; border-left-width: 0; border-right-style: solid; border-color: transparent #2ba6cb transparent transparent; } .is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-right-width: 0; border-left-style: solid; border-color: transparent transparent transparent #2ba6cb; } .is-dropdown-submenu .is-dropdown-submenu { margin-top: -1px; } .is-dropdown-submenu > li { width: 100%; } .is-dropdown-submenu.js-dropdown-active { display: block; } .title-bar { padding: 0.5rem; background: #0a0a0a; color: #fefefe; display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: center; align-items: center; } .title-bar .menu-icon { margin-left: 0.25rem; margin-right: 0.25rem; } .title-bar-left, .title-bar-right { -ms-flex: 1 1 0px; flex: 1 1 0px; } .title-bar-right { text-align: right; } .title-bar-title { display: inline-block; vertical-align: middle; font-weight: bold; } .top-bar { display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; padding: 0.5rem; -ms-flex-wrap: wrap; flex-wrap: wrap; } .top-bar, .top-bar ul { background-color: #e6e6e6; } .top-bar input { max-width: 200px; margin-right: 1rem; } .top-bar .input-group-field { width: 100%; margin-right: 0; } .top-bar input.button { width: auto; } .top-bar .top-bar-left, .top-bar .top-bar-right { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } @media print, screen and (min-width: 40em) { .top-bar { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .top-bar .top-bar-left { -ms-flex: 1 1 auto; flex: 1 1 auto; margin-right: auto; } .top-bar .top-bar-right { -ms-flex: 0 1 auto; flex: 0 1 auto; margin-left: auto; } } @media screen and (max-width: 63.9375em) { .top-bar.stacked-for-medium { -ms-flex-wrap: wrap; flex-wrap: wrap; } .top-bar.stacked-for-medium .top-bar-left, .top-bar.stacked-for-medium .top-bar-right { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } @media screen and (max-width: 74.9375em) { .top-bar.stacked-for-large { -ms-flex-wrap: wrap; flex-wrap: wrap; } .top-bar.stacked-for-large .top-bar-left, .top-bar.stacked-for-large .top-bar-right { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } .top-bar-title { -ms-flex: 0 0 auto; flex: 0 0 auto; margin: 0.5rem 1rem 0.5rem 0; } .top-bar-left, .top-bar-right { -ms-flex: 0 0 auto; flex: 0 0 auto; } .breadcrumbs { margin: 0 0 1rem 0; list-style: none; } .breadcrumbs::before, .breadcrumbs::after { display: table; content: ' '; -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-order: 1; order: 1; } .breadcrumbs::after { clear: both; } .breadcrumbs li { float: left; font-size: 0.6875rem; color: #0a0a0a; cursor: default; text-transform: uppercase; } .breadcrumbs li:not(:last-child)::after { position: relative; margin: 0 0.75rem; opacity: 1; content: "/"; color: #cacaca; } .breadcrumbs a { color: #2ba6cb; } .breadcrumbs a:hover { text-decoration: underline; } .breadcrumbs .disabled { color: #cacaca; cursor: not-allowed; } .pagination { margin-left: 0; margin-bottom: 1rem; } .pagination::before, .pagination::after { display: table; content: ' '; -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-order: 1; order: 1; } .pagination::after { clear: both; } .pagination li { margin-right: 0.0625rem; border-radius: 3px; font-size: 0.875rem; display: none; } .pagination li:last-child, .pagination li:first-child { display: inline-block; } @media print, screen and (min-width: 40em) { .pagination li { display: inline-block; } } .pagination a, .pagination button { display: block; padding: 0.1875rem 0.625rem; border-radius: 3px; color: #0a0a0a; } .pagination a:hover, .pagination button:hover { background: #e6e6e6; } .pagination .current { padding: 0.1875rem 0.625rem; background: #2ba6cb; color: #fefefe; cursor: default; } .pagination .disabled { padding: 0.1875rem 0.625rem; color: #cacaca; cursor: not-allowed; } .pagination .disabled:hover { background: transparent; } .pagination .ellipsis::after { padding: 0.1875rem 0.625rem; content: '\2026'; color: #0a0a0a; } .pagination-previous a::before, .pagination-previous.disabled::before { display: inline-block; margin-right: 0.5rem; content: '\00ab'; } .pagination-next a::after, .pagination-next.disabled::after { display: inline-block; margin-left: 0.5rem; content: '\00bb'; } .accordion { margin-left: 0; background: #fefefe; list-style-type: none; } .accordion[disabled] .accordion-title { cursor: not-allowed; } .accordion-item:first-child > :first-child { border-radius: 3px 3px 0 0; } .accordion-item:last-child > :last-child { border-radius: 0 0 3px 3px; } .accordion-title { position: relative; display: block; padding: 1.25rem 1rem; border: 1px solid #e6e6e6; border-bottom: 0; font-size: 0.75rem; line-height: 1; color: #2ba6cb; } :last-child:not(.is-active) > .accordion-title { border-bottom: 1px solid #e6e6e6; border-radius: 0 0 3px 3px; } .accordion-title:hover, .accordion-title:focus { background-color: #e6e6e6; } .accordion-title::before { position: absolute; top: 50%; right: 1rem; margin-top: -0.5rem; content: '+'; } .is-active > .accordion-title::before { content: '\2013'; } .accordion-content { display: none; padding: 1rem; border: 1px solid #e6e6e6; border-bottom: 0; background-color: #fefefe; color: #0a0a0a; } :last-child > .accordion-content:last-child { border-bottom: 1px solid #e6e6e6; } .dropdown-pane { position: absolute; z-index: 10; width: 300px; padding: 1rem; visibility: hidden; display: none; border: 1px solid #cacaca; border-radius: 3px; background-color: #fefefe; font-size: 1rem; } .dropdown-pane.is-opening { display: block; } .dropdown-pane.is-open { visibility: visible; display: block; } .dropdown-pane.tiny { width: 100px; } .dropdown-pane.small { width: 200px; } .dropdown-pane.large { width: 400px; } .is-off-canvas-open { overflow: hidden; } .js-off-canvas-overlay { position: absolute; top: 0; left: 0; z-index: 11; width: 100%; height: 100%; transition: opacity 0.5s ease, visibility 0.5s ease; background: rgba(254, 254, 254, 0.25); opacity: 0; visibility: hidden; overflow: hidden; } .js-off-canvas-overlay.is-visible { opacity: 1; visibility: visible; } .js-off-canvas-overlay.is-closable { cursor: pointer; } .js-off-canvas-overlay.is-overlay-absolute { position: absolute; } .js-off-canvas-overlay.is-overlay-fixed { position: relative; } .off-canvas-wrapper { position: relative; overflow: hidden; } .off-canvas { position: fixed; z-index: 12; transition: transform 0.5s ease; -webkit-backface-visibility: hidden; backface-visibility: hidden; background: #e6e6e6; } [data-whatinput='mouse'] .off-canvas { outline: 0; } .off-canvas.is-transition-push { z-index: 12; } .off-canvas.is-closed { visibility: hidden; } .off-canvas.is-transition-overlap { z-index: 13; } .off-canvas.is-transition-overlap.is-open { box-shadow: 0 0 10px rgba(10, 10, 10, 0.7); } .off-canvas.is-open { -ms-transform: translate(0, 0); transform: translate(0, 0); } .off-canvas-absolute { position: absolute; z-index: 12; transition: transform 0.5s ease; -webkit-backface-visibility: hidden; backface-visibility: hidden; background: #e6e6e6; } [data-whatinput='mouse'] .off-canvas-absolute { outline: 0; } .off-canvas-absolute.is-transition-push { z-index: 12; } .off-canvas-absolute.is-closed { visibility: hidden; } .off-canvas-absolute.is-transition-overlap { z-index: 13; } .off-canvas-absolute.is-transition-overlap.is-open { box-shadow: 0 0 10px rgba(10, 10, 10, 0.7); } .off-canvas-absolute.is-open { -ms-transform: translate(0, 0); transform: translate(0, 0); } .position-left { top: 0; left: 0; height: 100%; overflow-y: auto; width: 250px; -ms-transform: translateX(-250px); transform: translateX(-250px); } .off-canvas-content .off-canvas.position-left { -ms-transform: translateX(-250px); transform: translateX(-250px); } .off-canvas-content .off-canvas.position-left.is-transition-overlap.is-open { -ms-transform: translate(0, 0); transform: translate(0, 0); } .off-canvas-content.is-open-left.has-transition-push { -ms-transform: translateX(250px); transform: translateX(250px); } .position-left.is-transition-push { box-shadow: inset -13px 0 20px -13px rgba(10, 10, 10, 0.25); } .position-right { top: 0; right: 0; height: 100%; overflow-y: auto; width: 250px; -ms-transform: translateX(250px); transform: translateX(250px); } .off-canvas-content .off-canvas.position-right { -ms-transform: translateX(250px); transform: translateX(250px); } .off-canvas-content .off-canvas.position-right.is-transition-overlap.is-open { -ms-transform: translate(0, 0); transform: translate(0, 0); } .off-canvas-content.is-open-right.has-transition-push { -ms-transform: translateX(-250px); transform: translateX(-250px); } .position-right.is-transition-push { box-shadow: inset 13px 0 20px -13px rgba(10, 10, 10, 0.25); } .position-top { top: 0; left: 0; width: 100%; overflow-x: auto; height: 250px; -ms-transform: translateY(-250px); transform: translateY(-250px); } .off-canvas-content .off-canvas.position-top { -ms-transform: translateY(-250px); transform: translateY(-250px); } .off-canvas-content .off-canvas.position-top.is-transition-overlap.is-open { -ms-transform: translate(0, 0); transform: translate(0, 0); } .off-canvas-content.is-open-top.has-transition-push { -ms-transform: translateY(250px); transform: translateY(250px); } .position-top.is-transition-push { box-shadow: inset 0 -13px 20px -13px rgba(10, 10, 10, 0.25); } .position-bottom { bottom: 0; left: 0; width: 100%; overflow-x: auto; height: 250px; -ms-transform: translateY(250px); transform: translateY(250px); } .off-canvas-content .off-canvas.position-bottom { -ms-transform: translateY(250px); transform: translateY(250px); } .off-canvas-content .off-canvas.position-bottom.is-transition-overlap.is-open { -ms-transform: translate(0, 0); transform: translate(0, 0); } .off-canvas-content.is-open-bottom.has-transition-push { -ms-transform: translateY(-250px); transform: translateY(-250px); } .position-bottom.is-transition-push { box-shadow: inset 0 13px 20px -13px rgba(10, 10, 10, 0.25); } .off-canvas-content { -ms-transform: none; transform: none; transition: transform 0.5s ease; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .off-canvas-content.has-transition-push { -ms-transform: translate(0, 0); transform: translate(0, 0); } .off-canvas-content .off-canvas.is-open { -ms-transform: translate(0, 0); transform: translate(0, 0); } @media print, screen and (min-width: 40em) { .position-left.reveal-for-medium { -ms-transform: none; transform: none; z-index: 12; transition: none; visibility: visible; } .position-left.reveal-for-medium .close-button { display: none; } .off-canvas-content .position-left.reveal-for-medium { -ms-transform: none; transform: none; } .off-canvas-content.has-reveal-left { margin-left: 250px; } .position-left.reveal-for-medium ~ .off-canvas-content { margin-left: 250px; } .position-right.reveal-for-medium { -ms-transform: none; transform: none; z-index: 12; transition: none; visibility: visible; } .position-right.reveal-for-medium .close-button { display: none; } .off-canvas-content .position-right.reveal-for-medium { -ms-transform: none; transform: none; } .off-canvas-content.has-reveal-right { margin-right: 250px; } .position-right.reveal-for-medium ~ .off-canvas-content { margin-right: 250px; } .position-top.reveal-for-medium { -ms-transform: none; transform: none; z-index: 12; transition: none; visibility: visible; } .position-top.reveal-for-medium .close-button { display: none; } .off-canvas-content .position-top.reveal-for-medium { -ms-transform: none; transform: none; } .off-canvas-content.has-reveal-top { margin-top: 250px; } .position-top.reveal-for-medium ~ .off-canvas-content { margin-top: 250px; } .position-bottom.reveal-for-medium { -ms-transform: none; transform: none; z-index: 12; transition: none; visibility: visible; } .position-bottom.reveal-for-medium .close-button { display: none; } .off-canvas-content .position-bottom.reveal-for-medium { -ms-transform: none; transform: none; } .off-canvas-content.has-reveal-bottom { margin-bottom: 250px; } .position-bottom.reveal-for-medium ~ .off-canvas-content { margin-bottom: 250px; } } @media print, screen and (min-width: 64em) { .position-left.reveal-for-large { -ms-transform: none; transform: none; z-index: 12; transition: none; visibility: visible; } .position-left.reveal-for-large .close-button { display: none; } .off-canvas-content .position-left.reveal-for-large { -ms-transform: none; transform: none; } .off-canvas-content.has-reveal-left { margin-left: 250px; } .position-left.reveal-for-large ~ .off-canvas-content { margin-left: 250px; } .position-right.reveal-for-large { -ms-transform: none; transform: none; z-index: 12; transition: none; visibility: visible; } .position-right.reveal-for-large .close-button { display: none; } .off-canvas-content .position-right.reveal-for-large { -ms-transform: none; transform: none; } .off-canvas-content.has-reveal-right { margin-right: 250px; } .position-right.reveal-for-large ~ .off-canvas-content { margin-right: 250px; } .position-top.reveal-for-large { -ms-transform: none; transform: none; z-index: 12; transition: none; visibility: visible; } .position-top.reveal-for-large .close-button { display: none; } .off-canvas-content .position-top.reveal-for-large { -ms-transform: none; transform: none; } .off-canvas-content.has-reveal-top { margin-top: 250px; } .position-top.reveal-for-large ~ .off-canvas-content { margin-top: 250px; } .position-bottom.reveal-for-large { -ms-transform: none; transform: none; z-index: 12; transition: none; visibility: visible; } .position-bottom.reveal-for-large .close-button { display: none; } .off-canvas-content .position-bottom.reveal-for-large { -ms-transform: none; transform: none; } .off-canvas-content.has-reveal-bottom { margin-bottom: 250px; } .position-bottom.reveal-for-large ~ .off-canvas-content { margin-bottom: 250px; } } @media print, screen and (min-width: 40em) { .off-canvas.in-canvas-for-medium { visibility: visible; height: auto; position: static; background: inherit; width: inherit; overflow: inherit; transition: inherit; } .off-canvas.in-canvas-for-medium.position-left, .off-canvas.in-canvas-for-medium.position-right, .off-canvas.in-canvas-for-medium.position-top, .off-canvas.in-canvas-for-medium.position-bottom { box-shadow: none; -ms-transform: none; transform: none; } .off-canvas.in-canvas-for-medium .close-button { display: none; } } @media print, screen and (min-width: 64em) { .off-canvas.in-canvas-for-large { visibility: visible; height: auto; position: static; background: inherit; width: inherit; overflow: inherit; transition: inherit; } .off-canvas.in-canvas-for-large.position-left, .off-canvas.in-canvas-for-large.position-right, .off-canvas.in-canvas-for-large.position-top, .off-canvas.in-canvas-for-large.position-bottom { box-shadow: none; -ms-transform: none; transform: none; } .off-canvas.in-canvas-for-large .close-button { display: none; } } .tabs { margin: 0; border: 1px solid #e6e6e6; background: #fefefe; list-style-type: none; } .tabs::before, .tabs::after { display: table; content: ' '; -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-order: 1; order: 1; } .tabs::after { clear: both; } .tabs.vertical > li { display: block; float: none; width: auto; } .tabs.simple > li > a { padding: 0; } .tabs.simple > li > a:hover { background: transparent; } .tabs.primary { background: #2ba6cb; } .tabs.primary > li > a { color: #0a0a0a; } .tabs.primary > li > a:hover, .tabs.primary > li > a:focus { background: #299ec1; } .tabs-title { float: left; } .tabs-title > a { display: block; padding: 1.25rem 1.5rem; font-size: 0.75rem; line-height: 1; color: #2ba6cb; } .tabs-title > a:hover { /*background: #fefefe;*/ color: #258faf; } .tabs-title > a:focus, .tabs-title > a[aria-selected='true'] { background: #e6e6e6; color: #2ba6cb; } .tabs-content { border: 1px solid #e6e6e6; border-top: 0; background: #fefefe; color: #0a0a0a; transition: all 0.5s ease; } .tabs-content.vertical { border: 1px solid #e6e6e6; border-left: 0; } .tabs-panel { display: none; padding: 1rem; } .tabs-panel.is-active { display: block; } .callout { position: relative; margin: 0 0 1rem 0; padding: 1rem; border: 1px solid rgba(10, 10, 10, 0.25); border-radius: 3px; background-color: white; color: #0a0a0a; } .callout > :first-child { margin-top: 0; } .callout > :last-child { margin-bottom: 0; } .callout.primary { background-color: #def2f8; color: #0a0a0a; } .callout.secondary { background-color: #fcfcfc; color: #0a0a0a; } .callout.alert { background-color: #fcd6d6; color: #0a0a0a; } .callout.success { background-color: #e6f7d9; color: #0a0a0a; } .callout.warning { background-color: #2ba6cb3d9; color: #0a0a0a; } .callout.body-font { background-color: #dedede; color: #0a0a0a; } .callout.header { background-color: #dedede; color: #0a0a0a; } .callout.small { padding-top: 0.5rem; padding-right: 0.5rem; padding-bottom: 0.5rem; padding-left: 0.5rem; } .callout.large { padding-top: 3rem; padding-right: 3rem; padding-bottom: 3rem; padding-left: 3rem; } .card { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-positive: 1; flex-grow: 1; margin-bottom: 1rem; border: 1px solid #e6e6e6; border-radius: 3px; background: #fefefe; box-shadow: none; overflow: hidden; color: #0a0a0a; } .card > :last-child { margin-bottom: 0; } .card-divider { -ms-flex: 0 1 auto; flex: 0 1 auto; display: -ms-flexbox; display: flex; padding: 1rem; background: #e6e6e6; } .card-divider > :last-child { margin-bottom: 0; } .card-section { -ms-flex: 1 0 auto; flex: 1 0 auto; padding: 1rem; } .card-section > :last-child { margin-bottom: 0; } .card-image { min-height: 1px; } .media-object { display: -ms-flexbox; display: flex; margin-bottom: 1rem; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .media-object img { max-width: none; } @media screen and (max-width: 39.9375em) { .media-object.stack-for-small { -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media screen and (max-width: 39.9375em) { .media-object.stack-for-small .media-object-section { padding: 0; padding-bottom: 1rem; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .media-object.stack-for-small .media-object-section img { width: 100%; } } .media-object-section { -ms-flex: 0 1 auto; flex: 0 1 auto; } .media-object-section:first-child { padding-right: 1rem; } .media-object-section:last-child:not(:nth-child(2)) { padding-left: 1rem; } .media-object-section > :last-child { margin-bottom: 0; } .media-object-section.main-section { -ms-flex: 1 1 0px; flex: 1 1 0px; } body.is-reveal-open { overflow: hidden; } html.is-reveal-open, html.is-reveal-open body { min-height: 100%; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .reveal-overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1005; display: none; background-color: rgba(10, 10, 10, 0.45); overflow-y: scroll; } .reveal { z-index: 1006; -webkit-backface-visibility: hidden; backface-visibility: hidden; display: none; padding: 1rem; border: 1px solid #cacaca; border-radius: 3px; background-color: #fefefe; position: relative; top: 100px; margin-right: auto; margin-left: auto; overflow-y: auto; } [data-whatinput='mouse'] .reveal { outline: 0; } @media print, screen and (min-width: 40em) { .reveal { min-height: 0; } } .reveal .column { min-width: 0; } .reveal > :last-child { margin-bottom: 0; } @media print, screen and (min-width: 40em) { .reveal { width: 600px; max-width: 62.5rem; } } .reveal.collapse { padding: 0; } @media print, screen and (min-width: 40em) { .reveal.tiny { width: 30%; max-width: 62.5rem; } } @media print, screen and (min-width: 40em) { .reveal.small { width: 50%; max-width: 62.5rem; } } @media print, screen and (min-width: 40em) { .reveal.large { width: 90%; max-width: 62.5rem; } } .reveal.full { top: 0; left: 0; width: 100%; max-width: none; height: 100%; height: 100vh; min-height: 100vh; margin-left: 0; border: 0; border-radius: 0; } @media screen and (max-width: 39.9375em) { .reveal { top: 0; left: 0; width: 100%; max-width: none; height: 100%; height: 100vh; min-height: 100vh; margin-left: 0; border: 0; border-radius: 0; } } .reveal.without-overlay { position: fixed; } table { border-collapse: collapse; width: 100%; margin-bottom: 1rem; border-radius: 3px; } table thead, table tbody, table tfoot { border: 1px solid #f1f1f1; background-color: #fefefe; } table caption { padding: 0.5rem 0.625rem 0.625rem; font-weight: bold; } table thead { background: #f8f8f8; color: #0a0a0a; } table tfoot { background: #f1f1f1; color: #0a0a0a; } table thead tr, table tfoot tr { background: transparent; } table thead th, table thead td, table tfoot th, table tfoot td { padding: 0.5rem 0.625rem 0.625rem; font-weight: bold; text-align: left; } table tbody th, table tbody td { padding: 0.5rem 0.625rem 0.625rem; } table tbody tr:nth-child(even) { border-bottom: 0; background-color: #f1f1f1; } table.unstriped tbody { background-color: #fefefe; } table.unstriped tbody tr { border-bottom: 0; border-bottom: 1px solid #f1f1f1; background-color: #fefefe; } @media screen and (max-width: 63.9375em) { table.stack thead { display: none; } table.stack tfoot { display: none; } table.stack tr, table.stack th, table.stack td { display: block; } table.stack td { border-top: 0; } } table.scroll { display: block; width: 100%; overflow-x: auto; } table.hover thead tr:hover { background-color: #f3f3f3; } table.hover tfoot tr:hover { background-color: #ececec; } table.hover tbody tr:hover { background-color: #f9f9f9; } table.hover:not(.unstriped) tr:nth-of-type(even):hover { background-color: #ececec; } .table-scroll { overflow-x: auto; } .table-scroll table { width: auto; } .badge { display: inline-block; min-width: 2.1em; padding: 0.3em; border-radius: 50%; font-size: 0.6rem; text-align: center; background: #2ba6cb; color: #fefefe; } .badge.primary { background: #2ba6cb; color: #0a0a0a; } .badge.secondary { background: #e9e9e9; color: #0a0a0a; } .badge.alert { background: #c60f13; color: #fefefe; } .badge.success { background: #5da423; color: #0a0a0a; } .badge.warning { background: #ffae00; color: #0a0a0a; } .badge.body-font { background: #222222; color: #fefefe; } .badge.header { background: #222222; color: #fefefe; } .label { display: inline-block; padding: 0.33333rem 0.5rem; border-radius: 3px; font-size: 0.8rem; line-height: 1; white-space: nowrap; cursor: default; background: #2ba6cb; color: #fefefe; } .label.primary { background: #2ba6cb; color: #0a0a0a; } .label.secondary { background: #e9e9e9; color: #0a0a0a; } .label.alert { background: #c60f13; color: #fefefe; } .label.success { background: #5da423; color: #0a0a0a; } .label.warning { background: #ffae00; color: #0a0a0a; } .label.body-font { background: #222222; color: #fefefe; } .label.header { background: #222222; color: #fefefe; } .progress { height: 1rem; margin-bottom: 1rem; border-radius: 3px; background-color: #cacaca; } .progress.primary .progress-meter { background-color: #2ba6cb; } .progress.secondary .progress-meter { background-color: #e9e9e9; } .progress.alert .progress-meter { background-color: #c60f13; } .progress.success .progress-meter { background-color: #5da423; } .progress.warning .progress-meter { background-color: #ffae00; } .progress.body-font .progress-meter { background-color: #222222; } .progress.header .progress-meter { background-color: #222222; } .progress-meter { position: relative; display: block; width: 0%; height: 100%; background-color: #2ba6cb; border-radius: 3px; } .progress-meter-text { position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; margin: 0; font-size: 0.75rem; font-weight: bold; color: #fefefe; white-space: nowrap; border-radius: 3px; } .has-tip { position: relative; display: inline-block; border-bottom: dotted 1px #8a8a8a; font-weight: bold; cursor: help; } .tooltip { position: absolute; top: calc(100% + 0.6495rem); z-index: 1200; max-width: 10rem; padding: 0.75rem; border-radius: 3px; background-color: #0a0a0a; font-size: 80%; color: #fefefe; } .tooltip::before { position: absolute; } .tooltip.bottom::before { display: block; width: 0; height: 0; border: inset 0.75rem; content: ''; border-top-width: 0; border-bottom-style: solid; border-color: transparent transparent #0a0a0a; bottom: 100%; } .tooltip.bottom.align-center::before { left: 50%; -ms-transform: translateX(-50%); transform: translateX(-50%); } .tooltip.top::before { display: block; width: 0; height: 0; border: inset 0.75rem; content: ''; border-bottom-width: 0; border-top-style: solid; border-color: #0a0a0a transparent transparent; top: 100%; bottom: auto; } .tooltip.top.align-center::before { left: 50%; -ms-transform: translateX(-50%); transform: translateX(-50%); } .tooltip.left::before { display: block; width: 0; height: 0; border: inset 0.75rem; content: ''; border-right-width: 0; border-left-style: solid; border-color: transparent transparent transparent #0a0a0a; left: 100%; } .tooltip.left.align-center::before { bottom: auto; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); } .tooltip.right::before { display: block; width: 0; height: 0; border: inset 0.75rem; content: ''; border-left-width: 0; border-right-style: solid; border-color: transparent #0a0a0a transparent transparent; right: 100%; left: auto; } .tooltip.right.align-center::before { bottom: auto; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); } .tooltip.align-top::before { bottom: auto; top: 10%; } .tooltip.align-bottom::before { bottom: 10%; top: auto; } .tooltip.align-left::before { left: 10%; right: auto; } .tooltip.align-right::before { left: auto; right: 10%; } .responsive-embed, .flex-video { position: relative; height: 0; margin-bottom: 1rem; padding-bottom: 75%; overflow: hidden; } .responsive-embed iframe, .responsive-embed object, .responsive-embed embed, .responsive-embed video, .flex-video iframe, .flex-video object, .flex-video embed, .flex-video video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .responsive-embed.widescreen, .flex-video.widescreen { padding-bottom: 56.25%; } .orbit { position: relative; } .orbit-container { position: relative; height: 0; margin: 0; list-style: none; overflow: hidden; } .orbit-slide { width: 100%; } .orbit-slide.no-motionui.is-active { top: 0; left: 0; } .orbit-figure { margin: 0; } .orbit-image { width: 100%; max-width: 100%; margin: 0; } .orbit-caption { position: absolute; bottom: 0; width: 100%; margin-bottom: 0; padding: 1rem; background-color: rgba(10, 10, 10, 0.5); color: #fefefe; } .orbit-previous, .orbit-next { position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 10; padding: 1rem; color: #fefefe; } [data-whatinput='mouse'] .orbit-previous, [data-whatinput='mouse'] .orbit-next { outline: 0; } .orbit-previous:hover, .orbit-next:hover, .orbit-previous:active, .orbit-next:active, .orbit-previous:focus, .orbit-next:focus { background-color: rgba(10, 10, 10, 0.5); } .orbit-previous { left: 0; } .orbit-next { left: auto; right: 0; } .orbit-bullets { position: relative; margin-top: 0.8rem; margin-bottom: 0.8rem; text-align: center; } [data-whatinput='mouse'] .orbit-bullets { outline: 0; } .orbit-bullets button { width: 1.2rem; height: 1.2rem; margin: 0.1rem; border-radius: 50%; background-color: #cacaca; } .orbit-bullets button:hover { background-color: #8a8a8a; } .orbit-bullets button.is-active { background-color: #8a8a8a; } .thumbnail { display: inline-block; max-width: 100%; margin-bottom: 1rem; border: solid 4px #fefefe; border-radius: 3px; box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.2); line-height: 0; } a.thumbnail { transition: box-shadow 200ms ease-out; } a.thumbnail:hover, a.thumbnail:focus { box-shadow: 0 0 6px 1px rgba(43, 166, 203, 0.5); } a.thumbnail image { box-shadow: none; } .sticky-container { position: relative; } .sticky { position: relative; z-index: 0; transform: translate3d(0, 0, 0); } .sticky.is-stuck { position: fixed; z-index: 5; width: 100%; } .sticky.is-stuck.is-at-top { top: 0; } .sticky.is-stuck.is-at-bottom { bottom: 0; } .sticky.is-anchored { position: relative; right: auto; left: auto; } .sticky.is-anchored.is-at-bottom { bottom: 0; } .grid-container { padding-right: 0.9375rem; padding-left: 0.9375rem; max-width: 62.5rem; margin: 0 auto; } .grid-container.fluid { padding-right: 0.9375rem; padding-left: 0.9375rem; max-width: 100%; margin: 0 auto; } .grid-container.full { padding-right: 0; padding-left: 0; max-width: 100%; margin: 0 auto; } .grid-x { display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; } .cell { -ms-flex: 0 0 auto; flex: 0 0 auto; min-height: 0px; min-width: 0px; width: 100%; } .cell.auto { -ms-flex: 1 1 0px; flex: 1 1 0px; } .cell.shrink { -ms-flex: 0 0 auto; flex: 0 0 auto; } .grid-x > .auto { width: auto; } .grid-x > .shrink { width: auto; } .grid-x > .small-shrink, .grid-x > .small-full, .grid-x > .small-1, .grid-x > .small-2, .grid-x > .small-3, .grid-x > .small-4, .grid-x > .small-5, .grid-x > .small-6, .grid-x > .small-7, .grid-x > .small-8, .grid-x > .small-9, .grid-x > .small-10, .grid-x > .small-11, .grid-x > .small-12 { -ms-flex-preferred-size: auto; flex-basis: auto; } @media print, screen and (min-width: 40em) { .grid-x > .medium-shrink, .grid-x > .medium-full, .grid-x > .medium-1, .grid-x > .medium-2, .grid-x > .medium-3, .grid-x > .medium-4, .grid-x > .medium-5, .grid-x > .medium-6, .grid-x > .medium-7, .grid-x > .medium-8, .grid-x > .medium-9, .grid-x > .medium-10, .grid-x > .medium-11, .grid-x > .medium-12 { -ms-flex-preferred-size: auto; flex-basis: auto; } } @media print, screen and (min-width: 64em) { .grid-x > .large-shrink, .grid-x > .large-full, .grid-x > .large-1, .grid-x > .large-2, .grid-x > .large-3, .grid-x > .large-4, .grid-x > .large-5, .grid-x > .large-6, .grid-x > .large-7, .grid-x > .large-8, .grid-x > .large-9, .grid-x > .large-10, .grid-x > .large-11, .grid-x > .large-12 { -ms-flex-preferred-size: auto; flex-basis: auto; } } .grid-x > .small-1 { width: 8.33333%; } .grid-x > .small-2 { width: 16.66667%; } .grid-x > .small-3 { width: 25%; } .grid-x > .small-4 { width: 33.33333%; } .grid-x > .small-5 { width: 41.66667%; } .grid-x > .small-6 { width: 50%; } .grid-x > .small-7 { width: 58.33333%; } .grid-x > .small-8 { width: 66.66667%; } .grid-x > .small-9 { width: 75%; } .grid-x > .small-10 { width: 83.33333%; } .grid-x > .small-11 { width: 91.66667%; } .grid-x > .small-12 { width: 100%; } @media print, screen and (min-width: 40em) { .grid-x > .medium-auto { -ms-flex: 1 1 0px; flex: 1 1 0px; width: auto; } .grid-x > .medium-shrink { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .grid-x > .medium-1 { width: 8.33333%; } .grid-x > .medium-2 { width: 16.66667%; } .grid-x > .medium-3 { width: 25%; } .grid-x > .medium-4 { width: 33.33333%; } .grid-x > .medium-5 { width: 41.66667%; } .grid-x > .medium-6 { width: 50%; } .grid-x > .medium-7 { width: 58.33333%; } .grid-x > .medium-8 { width: 66.66667%; } .grid-x > .medium-9 { width: 75%; } .grid-x > .medium-10 { width: 83.33333%; } .grid-x > .medium-11 { width: 91.66667%; } .grid-x > .medium-12 { width: 100%; } } @media print, screen and (min-width: 64em) { .grid-x > .large-auto { -ms-flex: 1 1 0px; flex: 1 1 0px; width: auto; } .grid-x > .large-shrink { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .grid-x > .large-1 { width: 8.33333%; } .grid-x > .large-2 { width: 16.66667%; } .grid-x > .large-3 { width: 25%; } .grid-x > .large-4 { width: 33.33333%; } .grid-x > .large-5 { width: 41.66667%; } .grid-x > .large-6 { width: 50%; } .grid-x > .large-7 { width: 58.33333%; } .grid-x > .large-8 { width: 66.66667%; } .grid-x > .large-9 { width: 75%; } .grid-x > .large-10 { width: 83.33333%; } .grid-x > .large-11 { width: 91.66667%; } .grid-x > .large-12 { width: 100%; } } .grid-margin-x:not(.grid-x) > .cell { width: auto; } .grid-margin-y:not(.grid-y) > .cell { height: auto; } .grid-margin-x { margin-left: -0.9375rem; margin-right: -0.9375rem; } .grid-margin-x > .cell { width: calc(100% - 1.875rem); margin-left: 0.9375rem; margin-right: 0.9375rem; } .grid-margin-x > .auto { width: auto; } .grid-margin-x > .shrink { width: auto; } .grid-margin-x > .small-1 { width: calc(8.33333% - 1.875rem); } .grid-margin-x > .small-2 { width: calc(16.66667% - 1.875rem); } .grid-margin-x > .small-3 { width: calc(25% - 1.875rem); } .grid-margin-x > .small-4 { width: calc(33.33333% - 1.875rem); } .grid-margin-x > .small-5 { width: calc(41.66667% - 1.875rem); } .grid-margin-x > .small-6 { width: calc(50% - 1.875rem); } .grid-margin-x > .small-7 { width: calc(58.33333% - 1.875rem); } .grid-margin-x > .small-8 { width: calc(66.66667% - 1.875rem); } .grid-margin-x > .small-9 { width: calc(75% - 1.875rem); } .grid-margin-x > .small-10 { width: calc(83.33333% - 1.875rem); } .grid-margin-x > .small-11 { width: calc(91.66667% - 1.875rem); } .grid-margin-x > .small-12 { width: calc(100% - 1.875rem); } @media print, screen and (min-width: 40em) { .grid-margin-x > .medium-auto { width: auto; } .grid-margin-x > .medium-shrink { width: auto; } .grid-margin-x > .medium-1 { width: calc(8.33333% - 1.875rem); } .grid-margin-x > .medium-2 { width: calc(16.66667% - 1.875rem); } .grid-margin-x > .medium-3 { width: calc(25% - 1.875rem); } .grid-margin-x > .medium-4 { width: calc(33.33333% - 1.875rem); } .grid-margin-x > .medium-5 { width: calc(41.66667% - 1.875rem); } .grid-margin-x > .medium-6 { width: calc(50% - 1.875rem); } .grid-margin-x > .medium-7 { width: calc(58.33333% - 1.875rem); } .grid-margin-x > .medium-8 { width: calc(66.66667% - 1.875rem); } .grid-margin-x > .medium-9 { width: calc(75% - 1.875rem); } .grid-margin-x > .medium-10 { width: calc(83.33333% - 1.875rem); } .grid-margin-x > .medium-11 { width: calc(91.66667% - 1.875rem); } .grid-margin-x > .medium-12 { width: calc(100% - 1.875rem); } } @media print, screen and (min-width: 64em) { .grid-margin-x > .large-auto { width: auto; } .grid-margin-x > .large-shrink { width: auto; } .grid-margin-x > .large-1 { width: calc(8.33333% - 1.875rem); } .grid-margin-x > .large-2 { width: calc(16.66667% - 1.875rem); } .grid-margin-x > .large-3 { width: calc(25% - 1.875rem); } .grid-margin-x > .large-4 { width: calc(33.33333% - 1.875rem); } .grid-margin-x > .large-5 { width: calc(41.66667% - 1.875rem); } .grid-margin-x > .large-6 { width: calc(50% - 1.875rem); } .grid-margin-x > .large-7 { width: calc(58.33333% - 1.875rem); } .grid-margin-x > .large-8 { width: calc(66.66667% - 1.875rem); } .grid-margin-x > .large-9 { width: calc(75% - 1.875rem); } .grid-margin-x > .large-10 { width: calc(83.33333% - 1.875rem); } .grid-margin-x > .large-11 { width: calc(91.66667% - 1.875rem); } .grid-margin-x > .large-12 { width: calc(100% - 1.875rem); } } .grid-padding-x .grid-padding-x { margin-right: -0.9375rem; margin-left: -0.9375rem; } .grid-container:not(.full) > .grid-padding-x { margin-right: -0.9375rem; margin-left: -0.9375rem; } .grid-padding-x > .cell { padding-right: 0.9375rem; padding-left: 0.9375rem; } .small-up-1 > .cell { width: 100%; } .small-up-2 > .cell { width: 50%; } .small-up-3 > .cell { width: 33.33333%; } .small-up-4 > .cell { width: 25%; } .small-up-5 > .cell { width: 20%; } .small-up-6 > .cell { width: 16.66667%; } .small-up-7 > .cell { width: 14.28571%; } .small-up-8 > .cell { width: 12.5%; } @media print, screen and (min-width: 40em) { .medium-up-1 > .cell { width: 100%; } .medium-up-2 > .cell { width: 50%; } .medium-up-3 > .cell { width: 33.33333%; } .medium-up-4 > .cell { width: 25%; } .medium-up-5 > .cell { width: 20%; } .medium-up-6 > .cell { width: 16.66667%; } .medium-up-7 > .cell { width: 14.28571%; } .medium-up-8 > .cell { width: 12.5%; } } @media print, screen and (min-width: 64em) { .large-up-1 > .cell { width: 100%; } .large-up-2 > .cell { width: 50%; } .large-up-3 > .cell { width: 33.33333%; } .large-up-4 > .cell { width: 25%; } .large-up-5 > .cell { width: 20%; } .large-up-6 > .cell { width: 16.66667%; } .large-up-7 > .cell { width: 14.28571%; } .large-up-8 > .cell { width: 12.5%; } } .grid-margin-x.small-up-1 > .cell { width: calc(100% - 1.875rem); } .grid-margin-x.small-up-2 > .cell { width: calc(50% - 1.875rem); } .grid-margin-x.small-up-3 > .cell { width: calc(33.33333% - 1.875rem); } .grid-margin-x.small-up-4 > .cell { width: calc(25% - 1.875rem); } .grid-margin-x.small-up-5 > .cell { width: calc(20% - 1.875rem); } .grid-margin-x.small-up-6 > .cell { width: calc(16.66667% - 1.875rem); } .grid-margin-x.small-up-7 > .cell { width: calc(14.28571% - 1.875rem); } .grid-margin-x.small-up-8 > .cell { width: calc(12.5% - 1.875rem); } @media print, screen and (min-width: 40em) { .grid-margin-x.medium-up-1 > .cell { width: calc(100% - 1.875rem); } .grid-margin-x.medium-up-2 > .cell { width: calc(50% - 1.875rem); } .grid-margin-x.medium-up-3 > .cell { width: calc(33.33333% - 1.875rem); } .grid-margin-x.medium-up-4 > .cell { width: calc(25% - 1.875rem); } .grid-margin-x.medium-up-5 > .cell { width: calc(20% - 1.875rem); } .grid-margin-x.medium-up-6 > .cell { width: calc(16.66667% - 1.875rem); } .grid-margin-x.medium-up-7 > .cell { width: calc(14.28571% - 1.875rem); } .grid-margin-x.medium-up-8 > .cell { width: calc(12.5% - 1.875rem); } } @media print, screen and (min-width: 64em) { .grid-margin-x.large-up-1 > .cell { width: calc(100% - 1.875rem); } .grid-margin-x.large-up-2 > .cell { width: calc(50% - 1.875rem); } .grid-margin-x.large-up-3 > .cell { width: calc(33.33333% - 1.875rem); } .grid-margin-x.large-up-4 > .cell { width: calc(25% - 1.875rem); } .grid-margin-x.large-up-5 > .cell { width: calc(20% - 1.875rem); } .grid-margin-x.large-up-6 > .cell { width: calc(16.66667% - 1.875rem); } .grid-margin-x.large-up-7 > .cell { width: calc(14.28571% - 1.875rem); } .grid-margin-x.large-up-8 > .cell { width: calc(12.5% - 1.875rem); } } .small-margin-collapse { margin-right: 0; margin-left: 0; } .small-margin-collapse > .cell { margin-right: 0; margin-left: 0; } .small-margin-collapse > .small-1 { width: 8.33333%; } .small-margin-collapse > .small-2 { width: 16.66667%; } .small-margin-collapse > .small-3 { width: 25%; } .small-margin-collapse > .small-4 { width: 33.33333%; } .small-margin-collapse > .small-5 { width: 41.66667%; } .small-margin-collapse > .small-6 { width: 50%; } .small-margin-collapse > .small-7 { width: 58.33333%; } .small-margin-collapse > .small-8 { width: 66.66667%; } .small-margin-collapse > .small-9 { width: 75%; } .small-margin-collapse > .small-10 { width: 83.33333%; } .small-margin-collapse > .small-11 { width: 91.66667%; } .small-margin-collapse > .small-12 { width: 100%; } @media print, screen and (min-width: 40em) { .small-margin-collapse > .medium-1 { width: 8.33333%; } .small-margin-collapse > .medium-2 { width: 16.66667%; } .small-margin-collapse > .medium-3 { width: 25%; } .small-margin-collapse > .medium-4 { width: 33.33333%; } .small-margin-collapse > .medium-5 { width: 41.66667%; } .small-margin-collapse > .medium-6 { width: 50%; } .small-margin-collapse > .medium-7 { width: 58.33333%; } .small-margin-collapse > .medium-8 { width: 66.66667%; } .small-margin-collapse > .medium-9 { width: 75%; } .small-margin-collapse > .medium-10 { width: 83.33333%; } .small-margin-collapse > .medium-11 { width: 91.66667%; } .small-margin-collapse > .medium-12 { width: 100%; } } @media print, screen and (min-width: 64em) { .small-margin-collapse > .large-1 { width: 8.33333%; } .small-margin-collapse > .large-2 { width: 16.66667%; } .small-margin-collapse > .large-3 { width: 25%; } .small-margin-collapse > .large-4 { width: 33.33333%; } .small-margin-collapse > .large-5 { width: 41.66667%; } .small-margin-collapse > .large-6 { width: 50%; } .small-margin-collapse > .large-7 { width: 58.33333%; } .small-margin-collapse > .large-8 { width: 66.66667%; } .small-margin-collapse > .large-9 { width: 75%; } .small-margin-collapse > .large-10 { width: 83.33333%; } .small-margin-collapse > .large-11 { width: 91.66667%; } .small-margin-collapse > .large-12 { width: 100%; } } .small-padding-collapse { margin-right: 0; margin-left: 0; } .small-padding-collapse > .cell { padding-right: 0; padding-left: 0; } @media print, screen and (min-width: 40em) { .medium-margin-collapse { margin-right: 0; margin-left: 0; } .medium-margin-collapse > .cell { margin-right: 0; margin-left: 0; } } @media print, screen and (min-width: 40em) { .medium-margin-collapse > .small-1 { width: 8.33333%; } .medium-margin-collapse > .small-2 { width: 16.66667%; } .medium-margin-collapse > .small-3 { width: 25%; } .medium-margin-collapse > .small-4 { width: 33.33333%; } .medium-margin-collapse > .small-5 { width: 41.66667%; } .medium-margin-collapse > .small-6 { width: 50%; } .medium-margin-collapse > .small-7 { width: 58.33333%; } .medium-margin-collapse > .small-8 { width: 66.66667%; } .medium-margin-collapse > .small-9 { width: 75%; } .medium-margin-collapse > .small-10 { width: 83.33333%; } .medium-margin-collapse > .small-11 { width: 91.66667%; } .medium-margin-collapse > .small-12 { width: 100%; } } @media print, screen and (min-width: 40em) { .medium-margin-collapse > .medium-1 { width: 8.33333%; } .medium-margin-collapse > .medium-2 { width: 16.66667%; } .medium-margin-collapse > .medium-3 { width: 25%; } .medium-margin-collapse > .medium-4 { width: 33.33333%; } .medium-margin-collapse > .medium-5 { width: 41.66667%; } .medium-margin-collapse > .medium-6 { width: 50%; } .medium-margin-collapse > .medium-7 { width: 58.33333%; } .medium-margin-collapse > .medium-8 { width: 66.66667%; } .medium-margin-collapse > .medium-9 { width: 75%; } .medium-margin-collapse > .medium-10 { width: 83.33333%; } .medium-margin-collapse > .medium-11 { width: 91.66667%; } .medium-margin-collapse > .medium-12 { width: 100%; } } @media print, screen and (min-width: 64em) { .medium-margin-collapse > .large-1 { width: 8.33333%; } .medium-margin-collapse > .large-2 { width: 16.66667%; } .medium-margin-collapse > .large-3 { width: 25%; } .medium-margin-collapse > .large-4 { width: 33.33333%; } .medium-margin-collapse > .large-5 { width: 41.66667%; } .medium-margin-collapse > .large-6 { width: 50%; } .medium-margin-collapse > .large-7 { width: 58.33333%; } .medium-margin-collapse > .large-8 { width: 66.66667%; } .medium-margin-collapse > .large-9 { width: 75%; } .medium-margin-collapse > .large-10 { width: 83.33333%; } .medium-margin-collapse > .large-11 { width: 91.66667%; } .medium-margin-collapse > .large-12 { width: 100%; } } @media print, screen and (min-width: 40em) { .medium-padding-collapse { margin-right: 0; margin-left: 0; } .medium-padding-collapse > .cell { padding-right: 0; padding-left: 0; } } @media print, screen and (min-width: 64em) { .large-margin-collapse { margin-right: 0; margin-left: 0; } .large-margin-collapse > .cell { margin-right: 0; margin-left: 0; } } @media print, screen and (min-width: 64em) { .large-margin-collapse > .small-1 { width: 8.33333%; } .large-margin-collapse > .small-2 { width: 16.66667%; } .large-margin-collapse > .small-3 { width: 25%; } .large-margin-collapse > .small-4 { width: 33.33333%; } .large-margin-collapse > .small-5 { width: 41.66667%; } .large-margin-collapse > .small-6 { width: 50%; } .large-margin-collapse > .small-7 { width: 58.33333%; } .large-margin-collapse > .small-8 { width: 66.66667%; } .large-margin-collapse > .small-9 { width: 75%; } .large-margin-collapse > .small-10 { width: 83.33333%; } .large-margin-collapse > .small-11 { width: 91.66667%; } .large-margin-collapse > .small-12 { width: 100%; } } @media print, screen and (min-width: 64em) { .large-margin-collapse > .medium-1 { width: 8.33333%; } .large-margin-collapse > .medium-2 { width: 16.66667%; } .large-margin-collapse > .medium-3 { width: 25%; } .large-margin-collapse > .medium-4 { width: 33.33333%; } .large-margin-collapse > .medium-5 { width: 41.66667%; } .large-margin-collapse > .medium-6 { width: 50%; } .large-margin-collapse > .medium-7 { width: 58.33333%; } .large-margin-collapse > .medium-8 { width: 66.66667%; } .large-margin-collapse > .medium-9 { width: 75%; } .large-margin-collapse > .medium-10 { width: 83.33333%; } .large-margin-collapse > .medium-11 { width: 91.66667%; } .large-margin-collapse > .medium-12 { width: 100%; } } @media print, screen and (min-width: 64em) { .large-margin-collapse > .large-1 { width: 8.33333%; } .large-margin-collapse > .large-2 { width: 16.66667%; } .large-margin-collapse > .large-3 { width: 25%; } .large-margin-collapse > .large-4 { width: 33.33333%; } .large-margin-collapse > .large-5 { width: 41.66667%; } .large-margin-collapse > .large-6 { width: 50%; } .large-margin-collapse > .large-7 { width: 58.33333%; } .large-margin-collapse > .large-8 { width: 66.66667%; } .large-margin-collapse > .large-9 { width: 75%; } .large-margin-collapse > .large-10 { width: 83.33333%; } .large-margin-collapse > .large-11 { width: 91.66667%; } .large-margin-collapse > .large-12 { width: 100%; } } @media print, screen and (min-width: 64em) { .large-padding-collapse { margin-right: 0; margin-left: 0; } .large-padding-collapse > .cell { padding-right: 0; padding-left: 0; } } .small-offset-0 { margin-left: 0%; } .grid-margin-x > .small-offset-0 { margin-left: calc(0% + 0.9375rem); } .small-offset-1 { margin-left: 8.33333%; } .grid-margin-x > .small-offset-1 { margin-left: calc(8.33333% + 0.9375rem); } .small-offset-2 { margin-left: 16.66667%; } .grid-margin-x > .small-offset-2 { margin-left: calc(16.66667% + 0.9375rem); } .small-offset-3 { margin-left: 25%; } .grid-margin-x > .small-offset-3 { margin-left: calc(25% + 0.9375rem); } .small-offset-4 { margin-left: 33.33333%; } .grid-margin-x > .small-offset-4 { margin-left: calc(33.33333% + 0.9375rem); } .small-offset-5 { margin-left: 41.66667%; } .grid-margin-x > .small-offset-5 { margin-left: calc(41.66667% + 0.9375rem); } .small-offset-6 { margin-left: 50%; } .grid-margin-x > .small-offset-6 { margin-left: calc(50% + 0.9375rem); } .small-offset-7 { margin-left: 58.33333%; } .grid-margin-x > .small-offset-7 { margin-left: calc(58.33333% + 0.9375rem); } .small-offset-8 { margin-left: 66.66667%; } .grid-margin-x > .small-offset-8 { margin-left: calc(66.66667% + 0.9375rem); } .small-offset-9 { margin-left: 75%; } .grid-margin-x > .small-offset-9 { margin-left: calc(75% + 0.9375rem); } .small-offset-10 { margin-left: 83.33333%; } .grid-margin-x > .small-offset-10 { margin-left: calc(83.33333% + 0.9375rem); } .small-offset-11 { margin-left: 91.66667%; } .grid-margin-x > .small-offset-11 { margin-left: calc(91.66667% + 0.9375rem); } @media print, screen and (min-width: 40em) { .medium-offset-0 { margin-left: 0%; } .grid-margin-x > .medium-offset-0 { margin-left: calc(0% + 0.9375rem); } .medium-offset-1 { margin-left: 8.33333%; } .grid-margin-x > .medium-offset-1 { margin-left: calc(8.33333% + 0.9375rem); } .medium-offset-2 { margin-left: 16.66667%; } .grid-margin-x > .medium-offset-2 { margin-left: calc(16.66667% + 0.9375rem); } .medium-offset-3 { margin-left: 25%; } .grid-margin-x > .medium-offset-3 { margin-left: calc(25% + 0.9375rem); } .medium-offset-4 { margin-left: 33.33333%; } .grid-margin-x > .medium-offset-4 { margin-left: calc(33.33333% + 0.9375rem); } .medium-offset-5 { margin-left: 41.66667%; } .grid-margin-x > .medium-offset-5 { margin-left: calc(41.66667% + 0.9375rem); } .medium-offset-6 { margin-left: 50%; } .grid-margin-x > .medium-offset-6 { margin-left: calc(50% + 0.9375rem); } .medium-offset-7 { margin-left: 58.33333%; } .grid-margin-x > .medium-offset-7 { margin-left: calc(58.33333% + 0.9375rem); } .medium-offset-8 { margin-left: 66.66667%; } .grid-margin-x > .medium-offset-8 { margin-left: calc(66.66667% + 0.9375rem); } .medium-offset-9 { margin-left: 75%; } .grid-margin-x > .medium-offset-9 { margin-left: calc(75% + 0.9375rem); } .medium-offset-10 { margin-left: 83.33333%; } .grid-margin-x > .medium-offset-10 { margin-left: calc(83.33333% + 0.9375rem); } .medium-offset-11 { margin-left: 91.66667%; } .grid-margin-x > .medium-offset-11 { margin-left: calc(91.66667% + 0.9375rem); } } @media print, screen and (min-width: 64em) { .large-offset-0 { margin-left: 0%; } .grid-margin-x > .large-offset-0 { margin-left: calc(0% + 0.9375rem); } .large-offset-1 { margin-left: 8.33333%; } .grid-margin-x > .large-offset-1 { margin-left: calc(8.33333% + 0.9375rem); } .large-offset-2 { margin-left: 16.66667%; } .grid-margin-x > .large-offset-2 { margin-left: calc(9.66667% + 0.9375rem); } .large-offset-3 { margin-left: 25%; } .grid-margin-x > .large-offset-3 { margin-left: calc(25% + 0.9375rem); } .large-offset-4 { margin-left: 33.33333%; } .grid-margin-x > .large-offset-4 { margin-left: calc(33.33333% + 0.9375rem); } .large-offset-5 { margin-left: 41.66667%; } .grid-margin-x > .large-offset-5 { margin-left: calc(41.66667% + 0.9375rem); } .large-offset-6 { margin-left: 50%; } .grid-margin-x > .large-offset-6 { margin-left: calc(50% + 0.9375rem); } .large-offset-7 { margin-left: 58.33333%; } .grid-margin-x > .large-offset-7 { margin-left: calc(58.33333% + 0.9375rem); } .large-offset-8 { margin-left: 66.66667%; } .grid-margin-x > .large-offset-8 { margin-left: calc(66.66667% + 0.9375rem); } .large-offset-9 { margin-left: 75%; } .grid-margin-x > .large-offset-9 { margin-left: calc(75% + 0.9375rem); } .large-offset-10 { margin-left: 83.33333%; } .grid-margin-x > .large-offset-10 { margin-left: calc(83.33333% + 0.9375rem); } .large-offset-11 { margin-left: 91.66667%; } .grid-margin-x > .large-offset-11 { margin-left: calc(91.66667% + 0.9375rem); } } .grid-y { display: -ms-flexbox; display: flex; -ms-flex-flow: column nowrap; flex-flow: column nowrap; } .grid-y > .cell { width: auto; } .grid-y > .auto { height: auto; } .grid-y > .shrink { height: auto; } .grid-y > .small-shrink, .grid-y > .small-full, .grid-y > .small-1, .grid-y > .small-2, .grid-y > .small-3, .grid-y > .small-4, .grid-y > .small-5, .grid-y > .small-6, .grid-y > .small-7, .grid-y > .small-8, .grid-y > .small-9, .grid-y > .small-10, .grid-y > .small-11, .grid-y > .small-12 { -ms-flex-preferred-size: auto; flex-basis: auto; } @media print, screen and (min-width: 40em) { .grid-y > .medium-shrink, .grid-y > .medium-full, .grid-y > .medium-1, .grid-y > .medium-2, .grid-y > .medium-3, .grid-y > .medium-4, .grid-y > .medium-5, .grid-y > .medium-6, .grid-y > .medium-7, .grid-y > .medium-8, .grid-y > .medium-9, .grid-y > .medium-10, .grid-y > .medium-11, .grid-y > .medium-12 { -ms-flex-preferred-size: auto; flex-basis: auto; } } @media print, screen and (min-width: 64em) { .grid-y > .large-shrink, .grid-y > .large-full, .grid-y > .large-1, .grid-y > .large-2, .grid-y > .large-3, .grid-y > .large-4, .grid-y > .large-5, .grid-y > .large-6, .grid-y > .large-7, .grid-y > .large-8, .grid-y > .large-9, .grid-y > .large-10, .grid-y > .large-11, .grid-y > .large-12 { -ms-flex-preferred-size: auto; flex-basis: auto; } } .grid-y > .small-1 { height: 8.33333%; } .grid-y > .small-2 { height: 16.66667%; } .grid-y > .small-3 { height: 25%; } .grid-y > .small-4 { height: 33.33333%; } .grid-y > .small-5 { height: 41.66667%; } .grid-y > .small-6 { height: 50%; } .grid-y > .small-7 { height: 58.33333%; } .grid-y > .small-8 { height: 66.66667%; } .grid-y > .small-9 { height: 75%; } .grid-y > .small-10 { height: 83.33333%; } .grid-y > .small-11 { height: 91.66667%; } .grid-y > .small-12 { height: 100%; } @media print, screen and (min-width: 40em) { .grid-y > .medium-auto { -ms-flex: 1 1 0px; flex: 1 1 0px; height: auto; } .grid-y > .medium-shrink { height: auto; } .grid-y > .medium-1 { height: 8.33333%; } .grid-y > .medium-2 { height: 16.66667%; } .grid-y > .medium-3 { height: 25%; } .grid-y > .medium-4 { height: 33.33333%; } .grid-y > .medium-5 { height: 41.66667%; } .grid-y > .medium-6 { height: 50%; } .grid-y > .medium-7 { height: 58.33333%; } .grid-y > .medium-8 { height: 66.66667%; } .grid-y > .medium-9 { height: 75%; } .grid-y > .medium-10 { height: 83.33333%; } .grid-y > .medium-11 { height: 91.66667%; } .grid-y > .medium-12 { height: 100%; } } @media print, screen and (min-width: 64em) { .grid-y > .large-auto { -ms-flex: 1 1 0px; flex: 1 1 0px; height: auto; } .grid-y > .large-shrink { height: auto; } .grid-y > .large-1 { height: 8.33333%; } .grid-y > .large-2 { height: 16.66667%; } .grid-y > .large-3 { height: 25%; } .grid-y > .large-4 { height: 33.33333%; } .grid-y > .large-5 { height: 41.66667%; } .grid-y > .large-6 { height: 50%; } .grid-y > .large-7 { height: 58.33333%; } .grid-y > .large-8 { height: 66.66667%; } .grid-y > .large-9 { height: 75%; } .grid-y > .large-10 { height: 83.33333%; } .grid-y > .large-11 { height: 91.66667%; } .grid-y > .large-12 { height: 100%; } } .grid-padding-y .grid-padding-y { margin-top: -0.9375rem; margin-bottom: -0.9375rem; } .grid-padding-y > .cell { padding-top: 0.9375rem; padding-bottom: 0.9375rem; } .grid-margin-y { margin-top: -0.9375rem; margin-bottom: -0.9375rem; } .grid-margin-y > .cell { height: calc(100% - 1.875rem); margin-top: 0.9375rem; margin-bottom: 0.9375rem; } .grid-margin-y > .auto { height: auto; } .grid-margin-y > .shrink { height: auto; } .grid-margin-y > .small-1 { height: calc(8.33333% - 1.875rem); } .grid-margin-y > .small-2 { height: calc(16.66667% - 1.875rem); } .grid-margin-y > .small-3 { height: calc(25% - 1.875rem); } .grid-margin-y > .small-4 { height: calc(33.33333% - 1.875rem); } .grid-margin-y > .small-5 { height: calc(41.66667% - 1.875rem); } .grid-margin-y > .small-6 { height: calc(50% - 1.875rem); } .grid-margin-y > .small-7 { height: calc(58.33333% - 1.875rem); } .grid-margin-y > .small-8 { height: calc(66.66667% - 1.875rem); } .grid-margin-y > .small-9 { height: calc(75% - 1.875rem); } .grid-margin-y > .small-10 { height: calc(83.33333% - 1.875rem); } .grid-margin-y > .small-11 { height: calc(91.66667% - 1.875rem); } .grid-margin-y > .small-12 { height: calc(100% - 1.875rem); } @media print, screen and (min-width: 40em) { .grid-margin-y > .medium-auto { height: auto; } .grid-margin-y > .medium-shrink { height: auto; } .grid-margin-y > .medium-1 { height: calc(8.33333% - 1.875rem); } .grid-margin-y > .medium-2 { height: calc(16.66667% - 1.875rem); } .grid-margin-y > .medium-3 { height: calc(25% - 1.875rem); } .grid-margin-y > .medium-4 { height: calc(33.33333% - 1.875rem); } .grid-margin-y > .medium-5 { height: calc(41.66667% - 1.875rem); } .grid-margin-y > .medium-6 { height: calc(50% - 1.875rem); } .grid-margin-y > .medium-7 { height: calc(58.33333% - 1.875rem); } .grid-margin-y > .medium-8 { height: calc(66.66667% - 1.875rem); } .grid-margin-y > .medium-9 { height: calc(75% - 1.875rem); } .grid-margin-y > .medium-10 { height: calc(83.33333% - 1.875rem); } .grid-margin-y > .medium-11 { height: calc(91.66667% - 1.875rem); } .grid-margin-y > .medium-12 { height: calc(100% - 1.875rem); } } @media print, screen and (min-width: 64em) { .grid-margin-y > .large-auto { height: auto; } .grid-margin-y > .large-shrink { height: auto; } .grid-margin-y > .large-1 { height: calc(8.33333% - 1.875rem); } .grid-margin-y > .large-2 { height: calc(16.66667% - 1.875rem); } .grid-margin-y > .large-3 { height: calc(25% - 1.875rem); } .grid-margin-y > .large-4 { height: calc(33.33333% - 1.875rem); } .grid-margin-y > .large-5 { height: calc(41.66667% - 1.875rem); } .grid-margin-y > .large-6 { height: calc(50% - 1.875rem); } .grid-margin-y > .large-7 { height: calc(58.33333% - 1.875rem); } .grid-margin-y > .large-8 { height: calc(66.66667% - 1.875rem); } .grid-margin-y > .large-9 { height: calc(75% - 1.875rem); } .grid-margin-y > .large-10 { height: calc(83.33333% - 1.875rem); } .grid-margin-y > .large-11 { height: calc(91.66667% - 1.875rem); } .grid-margin-y > .large-12 { height: calc(100% - 1.875rem); } } .grid-frame { overflow: hidden; position: relative; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-align: stretch; align-items: stretch; width: 100vw; } .cell .grid-frame { width: 100%; } .cell-block { overflow-x: auto; max-width: 100%; -webkit-overflow-scrolling: touch; -ms-overflow-stype: -ms-autohiding-scrollbar; } .cell-block-y { overflow-y: auto; max-height: 100%; -webkit-overflow-scrolling: touch; -ms-overflow-stype: -ms-autohiding-scrollbar; } .cell-block-container { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; max-height: 100%; } .cell-block-container > .grid-x { max-height: 100%; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } @media print, screen and (min-width: 40em) { .medium-grid-frame { overflow: hidden; position: relative; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-align: stretch; align-items: stretch; width: 100vw; } .cell .medium-grid-frame { width: 100%; } .medium-cell-block { overflow-x: auto; max-width: 100%; -webkit-overflow-scrolling: touch; -ms-overflow-stype: -ms-autohiding-scrollbar; } .medium-cell-block-container { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; max-height: 100%; } .medium-cell-block-container > .grid-x { max-height: 100%; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .medium-cell-block-y { overflow-y: auto; max-height: 100%; -webkit-overflow-scrolling: touch; -ms-overflow-stype: -ms-autohiding-scrollbar; } } @media print, screen and (min-width: 64em) { .large-grid-frame { overflow: hidden; position: relative; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-align: stretch; align-items: stretch; width: 100vw; } .cell .large-grid-frame { width: 100%; } .large-cell-block { overflow-x: auto; max-width: 100%; -webkit-overflow-scrolling: touch; -ms-overflow-stype: -ms-autohiding-scrollbar; } .large-cell-block-container { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; max-height: 100%; } .large-cell-block-container > .grid-x { max-height: 100%; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .large-cell-block-y { overflow-y: auto; max-height: 100%; -webkit-overflow-scrolling: touch; -ms-overflow-stype: -ms-autohiding-scrollbar; } } .grid-y.grid-frame { width: auto; overflow: hidden; position: relative; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-align: stretch; align-items: stretch; height: 100vh; } @media print, screen and (min-width: 40em) { .grid-y.medium-grid-frame { width: auto; overflow: hidden; position: relative; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-align: stretch; align-items: stretch; height: 100vh; } } @media print, screen and (min-width: 64em) { .grid-y.large-grid-frame { width: auto; overflow: hidden; position: relative; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-align: stretch; align-items: stretch; height: 100vh; } } .cell .grid-y.grid-frame { height: 100%; } @media print, screen and (min-width: 40em) { .cell .grid-y.medium-grid-frame { height: 100%; } } @media print, screen and (min-width: 64em) { .cell .grid-y.large-grid-frame { height: 100%; } } .grid-margin-y { margin-top: -0.9375rem; margin-bottom: -0.9375rem; } .grid-margin-y > .cell { height: calc(100% - 1.875rem); margin-top: 0.9375rem; margin-bottom: 0.9375rem; } .grid-margin-y > .auto { height: auto; } .grid-margin-y > .shrink { height: auto; } .grid-margin-y > .small-1 { height: calc(8.33333% - 1.875rem); } .grid-margin-y > .small-2 { height: calc(16.66667% - 1.875rem); } .grid-margin-y > .small-3 { height: calc(25% - 1.875rem); } .grid-margin-y > .small-4 { height: calc(33.33333% - 1.875rem); } .grid-margin-y > .small-5 { height: calc(41.66667% - 1.875rem); } .grid-margin-y > .small-6 { height: calc(50% - 1.875rem); } .grid-margin-y > .small-7 { height: calc(58.33333% - 1.875rem); } .grid-margin-y > .small-8 { height: calc(66.66667% - 1.875rem); } .grid-margin-y > .small-9 { height: calc(75% - 1.875rem); } .grid-margin-y > .small-10 { height: calc(83.33333% - 1.875rem); } .grid-margin-y > .small-11 { height: calc(91.66667% - 1.875rem); } .grid-margin-y > .small-12 { height: calc(100% - 1.875rem); } @media print, screen and (min-width: 40em) { .grid-margin-y > .medium-auto { height: auto; } .grid-margin-y > .medium-shrink { height: auto; } .grid-margin-y > .medium-1 { height: calc(8.33333% - 1.875rem); } .grid-margin-y > .medium-2 { height: calc(16.66667% - 1.875rem); } .grid-margin-y > .medium-3 { height: calc(25% - 1.875rem); } .grid-margin-y > .medium-4 { height: calc(33.33333% - 1.875rem); } .grid-margin-y > .medium-5 { height: calc(41.66667% - 1.875rem); } .grid-margin-y > .medium-6 { height: calc(50% - 1.875rem); } .grid-margin-y > .medium-7 { height: calc(58.33333% - 1.875rem); } .grid-margin-y > .medium-8 { height: calc(66.66667% - 1.875rem); } .grid-margin-y > .medium-9 { height: calc(75% - 1.875rem); } .grid-margin-y > .medium-10 { height: calc(83.33333% - 1.875rem); } .grid-margin-y > .medium-11 { height: calc(91.66667% - 1.875rem); } .grid-margin-y > .medium-12 { height: calc(100% - 1.875rem); } } @media print, screen and (min-width: 64em) { .grid-margin-y > .large-auto { height: auto; } .grid-margin-y > .large-shrink { height: auto; } .grid-margin-y > .large-1 { height: calc(8.33333% - 1.875rem); } .grid-margin-y > .large-2 { height: calc(16.66667% - 1.875rem); } .grid-margin-y > .large-3 { height: calc(25% - 1.875rem); } .grid-margin-y > .large-4 { height: calc(33.33333% - 1.875rem); } .grid-margin-y > .large-5 { height: calc(41.66667% - 1.875rem); } .grid-margin-y > .large-6 { height: calc(50% - 1.875rem); } .grid-margin-y > .large-7 { height: calc(58.33333% - 1.875rem); } .grid-margin-y > .large-8 { height: calc(66.66667% - 1.875rem); } .grid-margin-y > .large-9 { height: calc(75% - 1.875rem); } .grid-margin-y > .large-10 { height: calc(83.33333% - 1.875rem); } .grid-margin-y > .large-11 { height: calc(91.66667% - 1.875rem); } .grid-margin-y > .large-12 { height: calc(100% - 1.875rem); } } .grid-frame.grid-margin-y { height: calc(100vh + 1.875rem); } @media print, screen and (min-width: 40em) { .grid-margin-y.medium-grid-frame { height: calc(100vh + 1.875rem); } } @media print, screen and (min-width: 64em) { .grid-margin-y.large-grid-frame { height: calc(100vh + 1.875rem); } } .align-right { -ms-flex-pack: end; justify-content: flex-end; } .align-center { -ms-flex-pack: center; justify-content: center; } .align-justify { -ms-flex-pack: justify; justify-content: space-between; } .align-spaced { -ms-flex-pack: distribute; justify-content: space-around; } .align-right.vertical.menu > li > a { -ms-flex-pack: end; justify-content: flex-end; } .align-center.vertical.menu > li > a { -ms-flex-pack: center; justify-content: center; } .align-top { -ms-flex-align: start; align-items: flex-start; } .align-self-top { -ms-flex-item-align: start; align-self: flex-start; } .align-bottom { -ms-flex-align: end; align-items: flex-end; } .align-self-bottom { -ms-flex-item-align: end; align-self: flex-end; } .align-middle { -ms-flex-align: center; align-items: center; } .align-self-middle { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } .align-stretch { -ms-flex-align: stretch; align-items: stretch; } .align-self-stretch { -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch; } .align-center-middle { -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; } .small-order-1 { -ms-flex-order: 1; order: 1; } .small-order-2 { -ms-flex-order: 2; order: 2; } .small-order-3 { -ms-flex-order: 3; order: 3; } .small-order-4 { -ms-flex-order: 4; order: 4; } .small-order-5 { -ms-flex-order: 5; order: 5; } .small-order-6 { -ms-flex-order: 6; order: 6; } @media print, screen and (min-width: 40em) { .medium-order-1 { -ms-flex-order: 1; order: 1; } .medium-order-2 { -ms-flex-order: 2; order: 2; } .medium-order-3 { -ms-flex-order: 3; order: 3; } .medium-order-4 { -ms-flex-order: 4; order: 4; } .medium-order-5 { -ms-flex-order: 5; order: 5; } .medium-order-6 { -ms-flex-order: 6; order: 6; } } @media print, screen and (min-width: 64em) { .large-order-1 { -ms-flex-order: 1; order: 1; } .large-order-2 { -ms-flex-order: 2; order: 2; } .large-order-3 { -ms-flex-order: 3; order: 3; } .large-order-4 { -ms-flex-order: 4; order: 4; } .large-order-5 { -ms-flex-order: 5; order: 5; } .large-order-6 { -ms-flex-order: 6; order: 6; } } .flex-container { display: -ms-flexbox; display: flex; } .flex-child-auto { -ms-flex: 1 1 auto; flex: 1 1 auto; } .flex-child-grow { -ms-flex: 1 0 auto; flex: 1 0 auto; } .flex-child-shrink { -ms-flex: 0 1 auto; flex: 0 1 auto; } .flex-dir-row { -ms-flex-direction: row; flex-direction: row; } .flex-dir-row-reverse { -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .flex-dir-column { -ms-flex-direction: column; flex-direction: column; } .flex-dir-column-reverse { -ms-flex-direction: column-reverse; flex-direction: column-reverse; } @media print, screen and (min-width: 40em) { .medium-flex-container { display: -ms-flexbox; display: flex; } .medium-flex-child-auto { -ms-flex: 1 1 auto; flex: 1 1 auto; } .medium-flex-child-grow { -ms-flex: 1 0 auto; flex: 1 0 auto; } .medium-flex-child-shrink { -ms-flex: 0 1 auto; flex: 0 1 auto; } .medium-flex-dir-row { -ms-flex-direction: row; flex-direction: row; } .medium-flex-dir-row-reverse { -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .medium-flex-dir-column { -ms-flex-direction: column; flex-direction: column; } .medium-flex-dir-column-reverse { -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } @media print, screen and (min-width: 64em) { .large-flex-container { display: -ms-flexbox; display: flex; } .large-flex-child-auto { -ms-flex: 1 1 auto; flex: 1 1 auto; } .large-flex-child-grow { -ms-flex: 1 0 auto; flex: 1 0 auto; } .large-flex-child-shrink { -ms-flex: 0 1 auto; flex: 0 1 auto; } .large-flex-dir-row { -ms-flex-direction: row; flex-direction: row; } .large-flex-dir-row-reverse { -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .large-flex-dir-column { -ms-flex-direction: column; flex-direction: column; } .large-flex-dir-column-reverse { -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } .menu-icon { position: relative; display: inline-block; vertical-align: middle; width: 20px; height: 16px; cursor: pointer; } .menu-icon::after { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 2px; background: #fefefe; box-shadow: 0 7px 0 #fefefe, 0 14px 0 #fefefe; content: ''; } .menu-icon:hover::after { background: #cacaca; box-shadow: 0 7px 0 #cacaca, 0 14px 0 #cacaca; } .menu-icon.dark { position: relative; display: inline-block; vertical-align: middle; width: 20px; height: 16px; cursor: pointer; } .menu-icon.dark::after { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 2px; background: #0a0a0a; box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a; content: ''; } .menu-icon.dark:hover::after { background: #8a8a8a; box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a; } .slide-in-down.mui-enter { transition-duration: 500ms; transition-timing-function: linear; -ms-transform: translateY(-100%); transform: translateY(-100%); transition-property: transform, opacity; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .slide-in-down.mui-enter.mui-enter-active { -ms-transform: translateY(0); transform: translateY(0); } .slide-in-left.mui-enter { transition-duration: 500ms; transition-timing-function: linear; -ms-transform: translateX(-100%); transform: translateX(-100%); transition-property: transform, opacity; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .slide-in-left.mui-enter.mui-enter-active { -ms-transform: translateX(0); transform: translateX(0); } .slide-in-up.mui-enter { transition-duration: 500ms; transition-timing-function: linear; -ms-transform: translateY(100%); transform: translateY(100%); transition-property: transform, opacity; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .slide-in-up.mui-enter.mui-enter-active { -ms-transform: translateY(0); transform: translateY(0); } .slide-in-right.mui-enter { transition-duration: 500ms; transition-timing-function: linear; -ms-transform: translateX(100%); transform: translateX(100%); transition-property: transform, opacity; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .slide-in-right.mui-enter.mui-enter-active { -ms-transform: translateX(0); transform: translateX(0); } .slide-out-down.mui-leave { transition-duration: 500ms; transition-timing-function: linear; -ms-transform: translateY(0); transform: translateY(0); transition-property: transform, opacity; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .slide-out-down.mui-leave.mui-leave-active { -ms-transform: translateY(100%); transform: translateY(100%); } .slide-out-right.mui-leave { transition-duration: 500ms; transition-timing-function: linear; -ms-transform: translateX(0); transform: translateX(0); transition-property: transform, opacity; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .slide-out-right.mui-leave.mui-leave-active { -ms-transform: translateX(100%); transform: translateX(100%); } .slide-out-up.mui-leave { transition-duration: 500ms; transition-timing-function: linear; -ms-transform: translateY(0); transform: translateY(0); transition-property: transform, opacity; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .slide-out-up.mui-leave.mui-leave-active { -ms-transform: translateY(-100%); transform: translateY(-100%); } .slide-out-left.mui-leave { transition-duration: 500ms; transition-timing-function: linear; -ms-transform: translateX(0); transform: translateX(0); transition-property: transform, opacity; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .slide-out-left.mui-leave.mui-leave-active { -ms-transform: translateX(-100%); transform: translateX(-100%); } .fade-in.mui-enter { transition-duration: 500ms; transition-timing-function: linear; opacity: 0; transition-property: opacity; } .fade-in.mui-enter.mui-enter-active { opacity: 1; } .fade-out.mui-leave { transition-duration: 500ms; transition-timing-function: linear; opacity: 1; transition-property: opacity; } .fade-out.mui-leave.mui-leave-active { opacity: 0; } .hinge-in-from-top.mui-enter { transition-duration: 500ms; transition-timing-function: linear; transform: perspective(2000px) rotateX(-90deg); -ms-transform-origin: top; transform-origin: top; transition-property: transform, opacity; opacity: 0; } .hinge-in-from-top.mui-enter.mui-enter-active { transform: perspective(2000px) rotate(0deg); opacity: 1; } .hinge-in-from-right.mui-enter { transition-duration: 500ms; transition-timing-function: linear; transform: perspective(2000px) rotateY(-90deg); -ms-transform-origin: right; transform-origin: right; transition-property: transform, opacity; opacity: 0; } .hinge-in-from-right.mui-enter.mui-enter-active { transform: perspective(2000px) rotate(0deg); opacity: 1; } .hinge-in-from-bottom.mui-enter { transition-duration: 500ms; transition-timing-function: linear; transform: perspective(2000px) rotateX(90deg); -ms-transform-origin: bottom; transform-origin: bottom; transition-property: transform, opacity; opacity: 0; } .hinge-in-from-bottom.mui-enter.mui-enter-active { transform: perspective(2000px) rotate(0deg); opacity: 1; } .hinge-in-from-left.mui-enter { transition-duration: 500ms; transition-timing-function: linear; transform: perspective(2000px) rotateY(90deg); -ms-transform-origin: left; transform-origin: left; transition-property: transform, opacity; opacity: 0; } .hinge-in-from-left.mui-enter.mui-enter-active { transform: perspective(2000px) rotate(0deg); opacity: 1; } .hinge-in-from-middle-x.mui-enter { transition-duration: 500ms; transition-timing-function: linear; transform: perspective(2000px) rotateX(-90deg); -ms-transform-origin: center; transform-origin: center; transition-property: transform, opacity; opacity: 0; } .hinge-in-from-middle-x.mui-enter.mui-enter-active { transform: perspective(2000px) rotate(0deg); opacity: 1; } .hinge-in-from-middle-y.mui-enter { transition-duration: 500ms; transition-timing-function: linear; transform: perspective(2000px) rotateY(-90deg); -ms-transform-origin: center; transform-origin: center; transition-property: transform, opacity; opacity: 0; } .hinge-in-from-middle-y.mui-enter.mui-enter-active { transform: perspective(2000px) rotate(0deg); opacity: 1; } .hinge-out-from-top.mui-leave { transition-duration: 500ms; transition-timing-function: linear; transform: perspective(2000px) rotate(0deg); -ms-transform-origin: top; transform-origin: top; transition-property: transform, opacity; opacity: 1; } .hinge-out-from-top.mui-leave.mui-leave-active { transform: perspective(2000px) rotateX(-90deg); opacity: 0; } .hinge-out-from-right.mui-leave { transition-duration: 500ms; transition-timing-function: linear; transform: perspective(2000px) rotate(0deg); -ms-transform-origin: right; transform-origin: right; transition-property: transform, opacity; opacity: 1; } .hinge-out-from-right.mui-leave.mui-leave-active { transform: perspective(2000px) rotateY(-90deg); opacity: 0; } .hinge-out-from-bottom.mui-leave { transition-duration: 500ms; transition-timing-function: linear; transform: perspective(2000px) rotate(0deg); -ms-transform-origin: bottom; transform-origin: bottom; transition-property: transform, opacity; opacity: 1; } .hinge-out-from-bottom.mui-leave.mui-leave-active { transform: perspective(2000px) rotateX(90deg); opacity: 0; } .hinge-out-from-left.mui-leave { transition-duration: 500ms; transition-timing-function: linear; transform: perspective(2000px) rotate(0deg); -ms-transform-origin: left; transform-origin: left; transition-property: transform, opacity; opacity: 1; } .hinge-out-from-left.mui-leave.mui-leave-active { transform: perspective(2000px) rotateY(90deg); opacity: 0; } .hinge-out-from-middle-x.mui-leave { transition-duration: 500ms; transition-timing-function: linear; transform: perspective(2000px) rotate(0deg); -ms-transform-origin: center; transform-origin: center; transition-property: transform, opacity; opacity: 1; } .hinge-out-from-middle-x.mui-leave.mui-leave-active { transform: perspective(2000px) rotateX(-90deg); opacity: 0; } .hinge-out-from-middle-y.mui-leave { transition-duration: 500ms; transition-timing-function: linear; transform: perspective(2000px) rotate(0deg); -ms-transform-origin: center; transform-origin: center; transition-property: transform, opacity; opacity: 1; } .hinge-out-from-middle-y.mui-leave.mui-leave-active { transform: perspective(2000px) rotateY(-90deg); opacity: 0; } .scale-in-up.mui-enter { transition-duration: 500ms; transition-timing-function: linear; -ms-transform: scale(0.5); transform: scale(0.5); transition-property: transform, opacity; opacity: 0; } .scale-in-up.mui-enter.mui-enter-active { -ms-transform: scale(1); transform: scale(1); opacity: 1; } .scale-in-down.mui-enter { transition-duration: 500ms; transition-timing-function: linear; -ms-transform: scale(1.5); transform: scale(1.5); transition-property: transform, opacity; opacity: 0; } .scale-in-down.mui-enter.mui-enter-active { -ms-transform: scale(1); transform: scale(1); opacity: 1; } .scale-out-up.mui-leave { transition-duration: 500ms; transition-timing-function: linear; -ms-transform: scale(1); transform: scale(1); transition-property: transform, opacity; opacity: 1; } .scale-out-up.mui-leave.mui-leave-active { -ms-transform: scale(1.5); transform: scale(1.5); opacity: 0; } .scale-out-down.mui-leave { transition-duration: 500ms; transition-timing-function: linear; -ms-transform: scale(1); transform: scale(1); transition-property: transform, opacity; opacity: 1; } .scale-out-down.mui-leave.mui-leave-active { -ms-transform: scale(0.5); transform: scale(0.5); opacity: 0; } .spin-in.mui-enter { transition-duration: 500ms; transition-timing-function: linear; -ms-transform: rotate(-0.75turn); transform: rotate(-0.75turn); transition-property: transform, opacity; opacity: 0; } .spin-in.mui-enter.mui-enter-active { -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } .spin-out.mui-leave { transition-duration: 500ms; transition-timing-function: linear; -ms-transform: rotate(0); transform: rotate(0); transition-property: transform, opacity; opacity: 1; } .spin-out.mui-leave.mui-leave-active { -ms-transform: rotate(0.75turn); transform: rotate(0.75turn); opacity: 0; } .spin-in-ccw.mui-enter { transition-duration: 500ms; transition-timing-function: linear; -ms-transform: rotate(0.75turn); transform: rotate(0.75turn); transition-property: transform, opacity; opacity: 0; } .spin-in-ccw.mui-enter.mui-enter-active { -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } .spin-out-ccw.mui-leave { transition-duration: 500ms; transition-timing-function: linear; -ms-transform: rotate(0); transform: rotate(0); transition-property: transform, opacity; opacity: 1; } .spin-out-ccw.mui-leave.mui-leave-active { -ms-transform: rotate(-0.75turn); transform: rotate(-0.75turn); opacity: 0; } .slow { transition-duration: 750ms !important; } .fast { transition-duration: 250ms !important; } .linear { transition-timing-function: linear !important; } .ease { transition-timing-function: ease !important; } .ease-in { transition-timing-function: ease-in !important; } .ease-out { transition-timing-function: ease-out !important; } .ease-in-out { transition-timing-function: ease-in-out !important; } .bounce-in { transition-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; } .bounce-out { transition-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; } .bounce-in-out { transition-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; } .short-delay { transition-delay: 300ms !important; } .long-delay { transition-delay: 700ms !important; } .shake { animation-name: shake-7; } @keyframes shake-7 { 0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% { transform: translateX(7%); } 5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% { transform: translateX(-7%); } } .spin-cw { animation-name: spin-cw-1turn; } @keyframes spin-cw-1turn { 0% { transform: rotate(-1turn); } 100% { transform: rotate(0); } } .spin-ccw { animation-name: spin-cw-1turn; } @keyframes spin-cw-1turn { 0% { transform: rotate(0); } 100% { transform: rotate(1turn); } } .wiggle { animation-name: wiggle-7deg; } @keyframes wiggle-7deg { 40%, 50%, 60% { transform: rotate(7deg); } 35%, 45%, 55%, 65% { transform: rotate(-7deg); } 0%, 30%, 70%, 100% { transform: rotate(0); } } .shake, .spin-cw, .spin-ccw, .wiggle { animation-duration: 500ms; } .infinite { animation-iteration-count: infinite; } .slow { animation-duration: 750ms !important; } .fast { animation-duration: 250ms !important; } .linear { animation-timing-function: linear !important; } .ease { animation-timing-function: ease !important; } .ease-in { animation-timing-function: ease-in !important; } .ease-out { animation-timing-function: ease-out !important; } .ease-in-out { animation-timing-function: ease-in-out !important; } .bounce-in { animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; } .bounce-out { animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; } .bounce-in-out { animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; } .short-delay { animation-delay: 300ms !important; } .long-delay { animation-delay: 700ms !important; } img.header-logo { height: auto; width: auto; max-width: 92px; margin-left: auto; margin-right: auto; display: block; max-height: 150px; margin-top: 11px; } #menudesktop { background-color: #001C71; width: 100%; z-index: 1; height: 60px; } a.imagetopheader{ padding-top: 0; /* padding-right: 50px;*/ } .title-icon a { font-size: 25px; color: white; padding: 0.0rem 0.5rem; margin-top: 13px; } .paddinginput{ margin-top: 10px; } .nameuserebi{ color: white; padding-right: 50px; padding-top: 18px; } .webuserbi{ color: white; padding-top: 18px; } li.title-icon-second a { font-size: 21px; color: #707070; padding: 0.7rem 25px; } i.iconfindbpm { position: relative; margin-top: 34px; left: -2rem; color: black; font-size: 1.3rem; cursor: pointer; top: 0px; } i.iconhome{ position: relative; margin-top: 34px; left: -2rem !important; color:#fff; font-size: 1.3rem; cursor: pointer; top: 18px!important; } i.iconhome1:hover { color: #00C1D4; } .top-icon { margin-top: 6px; } /*elimina x del find*/ input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { -webkit-appearance:none; } input[type=search]::-ms-clear { display: none; width : 0; height: 0; } input[type=search]::-ms-reveal { display: none; width : 0; height: 0; } #menusecondmenu { background-color: #F6F6F6; width: 100%; z-index: 1; text-align: center; } .menusecondmenurow{ max-width: 100%; } .secund{ /* text-align: center; margin-left: auto; margin-right: auto; display: -webkit-inline-box;*/ display: flex; align-items: center; justify-content: center; } #menusecondmenu2 { background-color: #F6F6F6; width: 100%; z-index: 1; height: 90px; padding-right: 5rem; } .menuthree{ background-color: #EDEDED; } .division { border-bottom: 1px solid #001C71; width: 100%; } .inlinedivuser{ display: inline-flex; margin-left: 10px; margin-top: 4px; } .dropdown.menu > li.is-dropdown-submenu-parent > a::after { border-color: white transparent transparent; } .dropdown.menu > li.is-active > a { color: white; } .topnav li { /* border-bottom: 1px solid #aaaaaa;*/ } .drilldown a { background: #03407C; color: white!important; } .drilldown a:hover { background: #001C71; } .drilldown .is-drilldown-submenu-parent > a::after { border-color: transparent transparent transparent #fff; } .drilldown .js-drilldown-back > a::before { border-color: transparent #fff transparent transparent; } .is-dropdown-submenu { border: 0px solid #cacaca; background: #415BA6; opacity: 7; } .vertical li a { color: #000000; } .dropdown-pane { width: auto; z-index: 9999; margin-bottom: 0; } .styleheadermobil{ background: #03407C; } .stylehamburger{ font-size: 25px; color: white; } .stylehamburger:hover{ font-size: 25px; color: white; } .styleheadertop{ margin-top: 10px; margin-bottom: 10px; /* margin-left: 20px;*/ } .vertical li a { color: #fff; } .is-drilldown.animate-height { max-width: 100% !important; } @media only screen and (max-width: 1024px) { #menudesktop { height: 115px; } .top-icon.headerright{ float: right; /* margin-right: 50px;*/ } .inlinedivuser{ display: block; margin-left: 10px; } .top-icon { margin-top: 18px; } a.imagetopheader { padding: 0; } .nameuserebi{ padding-top: 0px; } .webuserbi{ padding-top: 0px; } .menuresponsivecolor{ color: #000000!important; } } .icon-Iconos_BPM_lupa:before { color: #001C71; } .gridspecial3menu:hover{ background-color: #001C71; /* transition: .5s; */ padding-top: 10px; margin-top: 0px; height: auto; } .gridspecial3menu{ text-align: center; margin-top: 10px; } /*.gridspecial3menu:hover a.icon-Iconos_BPM_desc{ margin-top: -7px; color: white; transition: .5s; }*/ .gridspecial3menu:hover a.hoverwhite{ color: white; transition: .5s; } .gridspecial3menu:hover h6 { color: white; transition: .5s; } .coloricon2{ color: #001C71; } .coloricon3{ color: #001C71!important; } .coloricon3: hover{ color: white!important; } .coloriconhome{ color: #001C71; } li.title-icon-second:hover h6,li.title-icon-second a:hover, li.title-icon-second:hover a { color: #001C71; } /*nuevo Hover header */ a.iconhome1{ color: white; } a.iconhome1:hover { color: #1984D7; } a.iconhome1:focus { color: #1984D7; } .title-icon a:hover { color: #1984D7; } a.icon-Iconos_BPM_log-out.logoutheader:focus { color: white; } .footer { background-color: #5A5A5A; width: 100%; position: absolute; z-index: 999999999; } .footer p { color: #FFFFFF; font-size: 14px; text-align: left; } .margin-footer { margin-top: 30px; margin-bottom: 15px; display: flex; } .margin-footer1 { margin-top: 30px; display: flex; } .footer i { color: #FFFFFF; font-size: 28px; margin-top: 10px; } /* @media (max-width: 640px) { .margin-footer { margin-left: 1rem; } } */ @media (max-width: 1023px) { .margin-footer1 { margin-top: 0px; text-align: center; } .margin-footer { display: flex; } .margin-footer1 { display: flex; justify-content: center; } } .footerp p { font-size: 11px!important; } .specialfooter2 { background-color: #EDEDED; width: 100%; z-index: 1; height: 40px; padding-left: 0px; padding-top: 0px; } .textofooter2 { font-size: 10px; color: #001C71; margin-top: 10px; } .row.rowspecial4 { max-width: 83.5rem; } .pushfootertext{ margin-right: 20px; } /* table content */ /* line 67, ../../src/scss/_tableresponsive.scss */ .table-responsive { width: 100%; overflow-x: auto; margin-bottom: 1.25rem; overflow-y: visible; } /* line 74, ../../src/scss/_tableresponsive.scss */ .table-responsive .tbl-report input, .table-responsive .tbl-report select { margin-bottom: 0; } /* line 80, ../../src/scss/_tableresponsive.scss */ .table-responsive .display-for-medium-up { display: none; } /* line 84, ../../src/scss/_tableresponsive.scss */ .table-responsive .btns-options { text-align: center; } /* line 87, ../../src/scss/_tableresponsive.scss */ .table-responsive .btns-options a { display: inline-block; color: #13b2ff; text-decoration: none; } /* line 92, ../../src/scss/_tableresponsive.scss */ .table-responsive .btns-options a span { color: #13b2ff; border-bottom: 0 none; cursor: pointer; font-size: 30px; } /* line 134, ../../src/scss/_tableresponsive.scss */ .table-responsive table { width: 100%; max-width: 100%; margin-bottom: 0; border: 0 none; border-bottom: 1px solid #DDDDDD; color: #666666; } /* line 144, ../../src/scss/_tableresponsive.scss */ .table-responsive table tr td { font-weight: 300; text-align: right; color: black; vertical-align: middle; font-size: 0.875rem; padding-right: 0.5rem !important; padding-top: 0.3rem !important; padding-bottom: 0.3rem !important; padding-left: 0.5rem !important; font-size: 12px; } .table-responsive table tr td:First-letter { text-transform: uppercase; } /* line 148, ../../src/scss/_tableresponsive.scss */ .table-responsive table tr td p { font-weight: 300; color: #006db0; font-size: 0.7rem; margin: 0; } /* line 155, ../../src/scss/_tableresponsive.scss */ .table-responsive table thead { color: #ffffff; background-color: #aaaaaa; } .table-responsive table thead tr th { text-align: center; font-size: 12px; line-height: 12px; color: #ffffff; font-weight: 300; text-transform: uppercase; border-right: 1px solid #ffffff; padding-right: 0.5rem !important; padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; padding-left: 0.5rem !important; } /* line 167, ../../src/scss/_tableresponsive.scss */ .table-responsive table thead tr th input[type='checkbox'] { font-size: 0.875rem; } /* line 171, ../../src/scss/_tableresponsive.scss */ .table-responsive table thead tr th.w-hover { padding: 0; } /* line 174, ../../src/scss/_tableresponsive.scss */ .table-responsive table thead tr th.w-hover:hover { background-color: #919191; } /* line 179, ../../src/scss/_tableresponsive.scss */ .table-responsive table thead tr th:last-child { border-right: 0 none; } /* line 183, ../../src/scss/_tableresponsive.scss */ .table-responsive table thead tr th p { font-size: 10px; line-height: 12px; font-weight: 300; } /* line 189, ../../src/scss/_tableresponsive.scss */ .table-responsive table thead tr th a { padding: 0.5rem 0.625rem 0.625rem; position: relative; display: block; color: #ffffff; text-transform: uppercase; } /* line 196, ../../src/scss/_tableresponsive.scss */ .table-responsive table thead tr th a.desc, .table-responsive table thead tr th a.asc { text-decoration: none; padding-right: 20px; } /* line 201, ../../src/scss/_tableresponsive.scss */ .table-responsive table thead tr th a.desc:after, .table-responsive table thead tr th a.asc:after { position: absolute; top: 0.625rem; right: 0.625rem; content: ""; width: 0; height: 0; border-right: 5px solid transparent; border-left: 5px solid transparent; } /* line 214, ../../src/scss/_tableresponsive.scss */ .table-responsive table thead tr th a.desc:after { border-top: 5px solid #ffffff; } /* line 220, ../../src/scss/_tableresponsive.scss */ .table-responsive table thead tr th a.asc:after { border-bottom: 5px solid #ffffff; } /* line 231, ../../src/scss/_tableresponsive.scss */ .table-responsive table tr.first-header th { background-color: #aaaaaa; font-size: 10px; line-height: 12px; color: #ffffff; font-weight: 300; text-transform: uppercase; border-right: 1px solid #ffffff; } /* line 239, ../../src/scss/_tableresponsive.scss */ .table-responsive table tr.first-header th input[type='checkbox'] { font-size: 0.875rem; } /* line 243, ../../src/scss/_tableresponsive.scss */ .table-responsive table tr.first-header th.w-hover { padding: 0; } /* line 246, ../../src/scss/_tableresponsive.scss */ .table-responsive table tr.first-header th.w-hover:hover { background-color: #919191; } /* line 251, ../../src/scss/_tableresponsive.scss */ .table-responsive table tr.first-header th:last-child { border-right: 0 none; } /* line 255, ../../src/scss/_tableresponsive.scss */ .table-responsive table tr.first-header th p { font-size: 10px; line-height: 12px; font-weight: 300; } /* line 261, ../../src/scss/_tableresponsive.scss */ .table-responsive table tr.first-header th a { padding: 0.5rem 0.625rem 0.625rem; position: relative; display: block; color: #ffffff; } /* line 267, ../../src/scss/_tableresponsive.scss */ .table-responsive table tr.first-header th a.desc, .table-responsive table tr.first-header th a.asc { text-decoration: none; padding-right: 15px; } /* line 272, ../../src/scss/_tableresponsive.scss */ .table-responsive table tr.first-header th a.desc:after, .table-responsive table tr.first-header th a.asc:after { position: absolute; top: 0.625rem; right: 0.625rem; content: ""; width: 0; height: 0; border-right: 5px solid transparent; border-left: 5px solid transparent; } /* line 285, ../../src/scss/_tableresponsive.scss */ .table-responsive table tr.first-header th a.desc:after { border-top: 5px solid #ffffff; } /* line 291, ../../src/scss/_tableresponsive.scss */ .table-responsive table tr.first-header th a.asc:after { border-bottom: 5px solid #ffffff; } /* line 299, ../../src/scss/_tableresponsive.scss */ .table-responsive table tfoot { background-color: #DDDDDD; } /* line 303, ../../src/scss/_tableresponsive.scss */ .table-responsive table tfoot tr td { border-right: 1px solid #ffffff; } /* line 306, ../../src/scss/_tableresponsive.scss */ .table-responsive table tfoot tr td p.totals, .table-responsive table tfoot tr td span.totals { font-size: 0.875rem; font-weight: 300; text-transform: uppercase; } /* line 313, ../../src/scss/_tableresponsive.scss */ .table-responsive table tfoot tr td:last-child { border-right: 0 none; } /* line 320, ../../src/scss/_tableresponsive.scss */ .table-responsive table tr.first-footer { background-color: #DDDDDD; } /* line 322, ../../src/scss/_tableresponsive.scss */ .table-responsive table tr.first-footer td { border-right: 1px solid #ffffff; } /* line 325, ../../src/scss/_tableresponsive.scss */ .table-responsive table tr.first-footer td p.totals, .table-responsive table tr.first-footer td span.totals { font-size: 0.875rem; font-weight: 300; text-transform: uppercase; } /* line 332, ../../src/scss/_tableresponsive.scss */ .table-responsive table tr.first-footer td:last-child { border-right: 0 none; } /* line 338, ../../src/scss/_tableresponsive.scss */ .table-responsive table .warning { color: #f13852; } /* line 341, ../../src/scss/_tableresponsive.scss */ .table-responsive table .warning a { color: #f13852; } /* line 348, ../../src/scss/_tableresponsive.scss */ .table-responsive table tbody tr:nth-child(odd) { background-color: #ffffff; font-weight: 300; text-align: center; color: #666666; vertical-align: middle; font-size: 0.875rem; /* padding-right: 0.5rem !important;*/ padding-top: 0.3rem !important; padding-bottom: 0.3rem !important; /* padding-left: 0.5rem !important;*/ font-size: 0.7rem; } /* line 351, ../../src/scss/_tableresponsive.scss */ .table-responsive table tbody tr:nth-child(even) { background-color: #ebebeb; } /* line 359, ../../src/scss/_tableresponsive.scss */ .table-responsive .table-mobile .row-mobile .col-mobile.row { margin: 0; background-color: #F6F6F6; border-bottom: 1px solid #efefef; } /* line 364, ../../src/scss/_tableresponsive.scss */ .table-responsive .table-mobile .row-mobile .col-mobile.row p { font-size: 0.875rem; margin: 0; } /* line 369, ../../src/scss/_tableresponsive.scss */ .table-responsive .table-mobile .row-mobile .col-mobile.row a { color: #13b2ff; text-decoration: none; } /* line 373, ../../src/scss/_tableresponsive.scss */ .table-responsive .table-mobile .row-mobile .col-mobile.row a.desc, .table-responsive .table-mobile .row-mobile .col-mobile.row a.asc { position: relative; display: block; padding-right: 15px; } /* line 379, ../../src/scss/_tableresponsive.scss */ .table-responsive .table-mobile .row-mobile .col-mobile.row a.desc:after, .table-responsive .table-mobile .row-mobile .col-mobile.row a.asc:after { position: absolute; top: 8px; right: 0; width: 0; height: 0; border-right: 5px solid transparent; border-left: 5px solid transparent; } /* line 391, ../../src/scss/_tableresponsive.scss */ .table-responsive .table-mobile .row-mobile .col-mobile.row a.desc:after { border-top: 5px solid #13b2ff; } /* line 397, ../../src/scss/_tableresponsive.scss */ .table-responsive .table-mobile .row-mobile .col-mobile.row a.asc:after { border-bottom: 5px solid #13b2ff; } /* line 403, ../../src/scss/_tableresponsive.scss */ .table-responsive .table-mobile .row-mobile .col-mobile.row .columns { padding-top: 9px; padding-bottom: 9px; } /* line 409, ../../src/scss/_tableresponsive.scss */ .table-responsive .table-mobile .row-mobile .col-mobile.row:first-child { color: #ffffff; font-size: 14px; font-weight: 300; height: 45px; background-color: #aaaaaa; text-transform: uppercase; } /* line 416, ../../src/scss/_tableresponsive.scss */ .table-responsive .table-mobile .row-mobile .col-mobile.row:first-child a { color: #ffffff; } /* line 420, ../../src/scss/_tableresponsive.scss */ .table-responsive .table-mobile .row-mobile .col-mobile.row:first-child a.desc:after { border-top: 5px solid #ffffff; } /* line 425, ../../src/scss/_tableresponsive.scss */ .table-responsive .table-mobile .row-mobile .col-mobile.row:first-child a.asc:after { border-bottom: 5px solid #ffffff; } /* line 430, ../../src/scss/_tableresponsive.scss */ .table-responsive .table-mobile .row-mobile .col-mobile.row:first-child .col-data a { color: white; text-decoration: underline; margin-top: 0px; line-height: 0px; } /* line 439, ../../src/scss/_tableresponsive.scss */ .table-responsive .table-mobile .row-totals .col-mobile, .table-responsive .table-mobile .row-totals .col-mobile.row:first-child { color: #666666; background-color: #DDDDDD; } @media only screen and (max-width: 40em) { .table-responsive { width: 100%; overflow: visible; margin-bottom: 1.25rem; } } @media only screen and (min-width: 40.0625em) { /* line 449, ../../src/scss/_tableresponsive.scss */ .table-responsive .display-for-medium-up { display: inline; } /* line 453, ../../src/scss/_tableresponsive.scss */ .table-responsive table { display: table; } /* line 457, ../../src/scss/_tableresponsive.scss */ .table-responsive .table-mobile { display: none; } } /* table pager */ /* line 466, ../../src/scss/_tableresponsive.scss */ .pagination-centered ul.pagination .first, .pagination-centered ul.pagination .last, .pagination-centered ul.pagination .arrow { line-height: 16px; border: 1px solid #13b2ff; } /* line 472, ../../src/scss/_tableresponsive.scss */ .pagination-centered ul.pagination .first a, .pagination-centered ul.pagination .last a, .pagination-centered ul.pagination .arrow a { display: inline-block; text-decoration: none; height: 16px; padding-top: 0; padding-bottom: 0; font-size: 14px; line-height: 28px; height: 28px; color: #13b2ff; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } /* line 485, ../../src/scss/_tableresponsive.scss */ .pagination-centered ul.pagination .first a:hover, .pagination-centered ul.pagination .last a:hover, .pagination-centered ul.pagination .arrow a:hover { color: #ffffff; background-color: #13b2ff; } /* line 490, ../../src/scss/_tableresponsive.scss */ .pagination-centered ul.pagination .first.aleft, .pagination-centered ul.pagination .last.aleft, .pagination-centered ul.pagination .arrow.aleft { margin-right: 0px; } /* line 493, ../../src/scss/_tableresponsive.scss */ .pagination-centered ul.pagination .first.aright, .pagination-centered ul.pagination .last.aright, .pagination-centered ul.pagination .arrow.aright { margin-left: 0px; } /* line 499, ../../src/scss/_tableresponsive.scss */ .pagination-centered ul.pagination .pos a { line-height: 28px; text-decoration: none; } /* line 505, ../../src/scss/_tableresponsive.scss */ .pagination-centered ul.pagination .first, .pagination-centered ul.pagination .last, .pagination-centered ul.pagination .pos4, .pagination-centered ul.pagination .pos5, .pagination-centered ul.pagination .pos6 { display: none; } /* line 513, ../../src/scss/_tableresponsive.scss */ .pagination-centered ul.pagination li { height: 30px; } @media only screen and (min-width: 64.0625em) { /* line 522, ../../src/scss/_tableresponsive.scss */ .pagination-centered ul.pagination .arrow.aleft { margin-right: 50px; } /* line 525, ../../src/scss/_tableresponsive.scss */ .pagination-centered ul.pagination .arrow.aright { margin-left: 50px; } } /* line 533, ../../src/scss/_tableresponsive.scss */ .hr-pager { margin-top: 0; } @media only screen and (min-width: 40.0625em) { /* line 540, ../../src/scss/_tableresponsive.scss */ .pagination-centered ul.pagination .first, .pagination-centered ul.pagination .last, .pagination-centered ul.pagination .pos4, .pagination-centered ul.pagination .pos5, .pagination-centered ul.pagination .pos6 { display: inline-block; } } /* STEPS */ /* step tabs */ /* line 3, ../../src/scss/_steps.scss */ .steps .col1 { padding-right: 0 !important; } /* line 6, ../../src/scss/_steps.scss */ .steps .col2 { padding-left: 0 !important; } /* line 10, ../../src/scss/_steps.scss */ .steps .option { color: #CCCCCC; padding-bottom: 5px; margin-bottom: 20px; border-bottom: 1px solid #CCCCCC; } /* line 16, ../../src/scss/_steps.scss */ .steps .option span { display: block; float: left; line-height: 20px; } /* line 22, ../../src/scss/_steps.scss */ .steps .option .step { color: #CCCCCC; width: 20px; height: 20px; font-size: 12px; text-align: center; margin-right: 5px; border: 1px solid #CCCCCC; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } /* line 34, ../../src/scss/_steps.scss */ .steps .option.old .step { color: #ffffff; background-color: #CCCCCC; border-color: #CCCCCC; } /* line 41, ../../src/scss/_steps.scss */ .steps .option.active { color: #13b2ff; border-bottom: 1px solid #13b2ff; } /* line 45, ../../src/scss/_steps.scss */ .steps .option.active .step { color: #ffffff; background-color: #13b2ff; border-color: #13b2ff; } @media only screen and (max-width: 40em) { /* line 57, ../../src/scss/_steps.scss */ .steps .option .step { width: 30px; height: 30px; font-size: 16px; margin-left: auto; margin-right: auto; line-height: 26px; -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; } /* line 66, ../../src/scss/_steps.scss */ .steps .option .s-title { display: none; } } @media only screen and (min-width: 40.0625em) { /* line 77, ../../src/scss/_steps.scss */ .steps .option { padding-bottom: 10px; } /* line 80, ../../src/scss/_steps.scss */ .steps .option span { line-height: 34px; } /* line 82, ../../src/scss/_steps.scss */ .steps .option span.s-title { line-height: 100%; margin-top: 8px; } /* line 88, ../../src/scss/_steps.scss */ .steps .option .step { width: 34px; height: 34px; font-size: 14px; margin-right: 10px; -moz-border-radius: 17px; -webkit-border-radius: 17px; border-radius: 17px; } } .table-responsive table tr td { text-align: center; } @media screen and (max-width: 640px) { .table-responsive table tr td { text-align: right; } .table-responsive table { border: 0; } .table-responsive table caption { font-size: 1.3em; } .table-responsive table thead { border: none; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .table-responsive table tr { border-bottom: 1px solid #efefef; display: block; /* margin-bottom: .625em;*/ } .table-responsive table td { border-bottom: 1px solid #ddd; display: block; font-size: .8em; text-align: right; } .table-responsive table td::before { /* * aria-label has no advantage, it won't be read inside a table content: attr(aria-label); */ content: attr(data-label); float: left; text-transform: uppercase; } .table-responsive table td:last-child { border-bottom: 0; } } .table-responsive table thead { color: #1f3366; background-color: #5A5A5A; } .bordertableright{ border-right: 1px solid #00000029; } @media only screen and (max-width: 640px) { .table-responsive table tr td { text-align: right; } .table-responsive table tr td:first-child { background-color:#5A5A5A; color: white; } } li.data-tooltip{background-color: red;} .tooltip { background-color: #003865; } .tooltip.bottom::before { border-color: transparent transparent #003865 ; } .h2colorblue { color: #003865; } .h4colorblue { color: #003865; } .h6 { color: #003865; } h6.contestelcil { color:#003865; } #menudesktop { background-color: #003865; } .division { border-bottom: 1px solid #003865; } .drilldown a:hover { background: #003865; } .icon-Iconos_BPM_lupa:before { color: #003865; } .gridspecial3menu:hover{ background-color: #003865; } .coloricon2{ color: #003865; } .coloricon3{ color: #003865!important; } .coloriconhome{ color: #003865; } li.title-icon-second:hover h6,li.title-icon-second a:hover, li.title-icon-second:hover a { color: #00C1D4; } .textofooter2 { color: #003865; } .clicktable tr:hover td { color: #003865 !important; } .title-icon a:hover { color: #00C1D4; } .iconadjuntos { color: #003865; } li.hoversecond:hover h6, li.hoversecond a:hover, li.hoversecond:hover a { color: #00C1D4!important; } a:hover, a:focus { color: #00C1D4; } input[type=checkbox]:not(old) + label > span, input[type=radio]:not(old) + label > span { border: 2px solid #003865; background: #ffffff; } .pagination .current { background: #003865!important; } .icon-Iconos_BPM_flecha_izda2:before { color: #003865; } .icon-Iconos_BPM_flecha-izquierda2:before { color: #003865; } .icon-Iconos_BPM_flecha_derecha2:before { color: #003865; } v.icon-Iconos_BPM_flecha_dcha2:before { color: #003865; } .pagination li:last-child, .pagination li:first-child { border: 1px solid #003865!important; } .h4hover:hover { color: #00C1D4; } .backblue { color: #003865; } .boxcasos { background-color: #003865; } a.iconlink:hover i { color: #003865; } a:hover{ color: #003865; } .alerta a { color: #003865; text-decoration: underline; } .check.bodertablecheck{ border: 1px solid #003865!important; } .alertspecial i { border-right: 1px solid #003865!important; } .menuthree1 a:hover { background-color: #00C1D4; } .boxcasos:focus { background-color: #00C1D4; } .boxcasos:hover{ background-color: #003865; } .acasos:hover > .boxcasos { background-color: #00C1D4; } .button:hover, .button:focus { background-color: #003865; } [type='text']:focus, [type='password']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='week']:focus, [type='email']:focus, [type='number']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='url']:focus, [type='color']:focus, textarea:focus { border: 1px solid #003865;; } .button { background-color: #003865; } .button:hover, .button:focus { background-color: #00C1D4; } .accordion-title { color: #003865; } .top-bar { background-color: #003865; } .accordion-title:hover, .accordion-title:focus { background-color: #003865; color: #fff; } .ayuda-descargas .button { background-color: #F0F0F0; color: #003865; } .ayuda-descargas .button:hover, .ayuda-descargas .button:focus { background-color: #003865; color: #fff; } .valid p { color: #008E58; } .button.hollow { border: 2px solid #003865; color: #003865; } a{ color: #003865; } @media (max-width:640px){ a { color: white; } } a:hover { color: #00C1D4; } .coloriconmodalbandeja { color: #003865 !important; } .coloriconmodalbandeja:hover { color: #00C1D4 !important; } .iconsomedate { color: #003865 ; } .button.hollow:hover, .button.hollow:focus { border-color: #003865; color: #fff; background-color: #003865; } .checkbox input:checked ~ .check { background-color: #003865; } .olvide-contra a:hover, a:focus { color: #003865; } .alert-box.alerta { background-color: #FFB81C; color: #003865; } .alert-box { background-color: #003865; } .tooltip .tooltiptext { background-color: #00C1D4; } .tooltip .tooltiptext::after { border-color: #00C1D4 transparent transparent transparent; } .badge { background-color: #003865; } .clicktable tr:hover td { color: #003865 !important; } .clicktable tr:hover td { background-color: #C4C4C4!important; } .clicktable tr:hover td > a { background-color: #C4C4C4 !important; color: #003865!important; } .reveal i { color: #FFB81C; } .styleheadermobil { background: #003865; } .drilldown a { background: #003865; } .iconadjuntos:hover { color: #00C1D4; } /*u:hover { color: #00C1D4; }*/ a span.icon-Iconos_BPM_flecha-izquierda2:hover:before { color: #00C1D4; } a span.icon-Iconos_BPM_flecha_dcha2:hover:before { color: #00C1D4; } a span.icon-Iconos_BPM_flecha_izda2:hover:before { color: #00C1D4; } a span.icon-Iconos_BPM_flecha_derecha2:hover:before { color: #00C1D4; } /*nuevo css */ ul.menu.icon-menus.secund { text-align: center; } .badge.notificacion2 { background-color: #F23752; display: inline; position: absolute; margin-left: 3rem; margin-top: -18px; padding-top: 2px; padding-bottom: 11px; padding-right: -4px; padding-left: 2px; font-size: 6px; margin-left: 40px; } .bordericon3 { border-right: 1px solid #C4C4C4; height: 50px; padding-left: 14px; padding-right: 8px; display: initial; } /*.stylebadge{ margin-left: -12px; margin-top: -12px; z-index: 1; }*/ li.hoversecond { list-style: none; } img.imgloading { height: 10rem; } .textimgloadingh5{ font-weight: 100; } .textlooader { margin-top: -25px; } .textlooader2 { margin-top: 0px; } .bordericon4 { border-right: 1px solid #C4C4C4; height: 63px; padding-left: 14px; padding-right: 8px; display: initial; margin-top: 10px; } @font-face { font-family: 'BiIcons'; src: url("../fonts/BiIcons.ttf") format("truetype"), url("../fonts/BiIcons.eot") format("embedded-opentype"), url("../fonts/BiIcons.woff") format("woff"); } .bi-icons { font-family: 'BiIcons' !important; font-size: 18px; font-style:normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .bi-icons-aceptar:before { content: "\ea01"; } .bi-icons-aceptar-circulo:before { content: "\ea02"; } .bi-icons-aceptar-circulo-solido:before { content: "\ea03"; } .bi-icons-rechazar:before { content: "\ea04"; } .bi-icons-rechazar-circulo:before { content: "\ea05"; } .bi-icons-rechazar-circulo-solido:before { content: "\ea06"; } .bi-icons-menos:before { content: "\ea07"; } .bi-icons-menos-circulo:before { content: "\ea08"; } .bi-icons-menos-circulo-solido:before { content: "\ea09"; } .bi-icons-menos-cuadrado:before { content: "\ea0a"; } .bi-icons-agregar:before { content: "\ea0b"; } .bi-icons-agregar-circulo:before { content: "\ea0c"; } .bi-icons-agregar-circulo-solido:before { content: "\ea0d"; } .bi-icons-agregar-cuadrado:before { content: "\ea0e"; } .bi-icons-ir-abajo:before { content: "\ea0f"; } .bi-icons-ir-arriba:before { content: "\ea10"; } .bi-icons-ir-izquierda:before { content: "\ea11"; } .bi-icons-ir-derecha:before { content: "\ea12"; } .bi-icons-cerrar-sesion:before { content: "\ea13"; } .bi-icons-iniciar-sesion:before { content: "\ea14"; } .bi-icons-descargar:before { content: "\ea15"; } .bi-icons-subir:before { content: "\ea16"; } .bi-icons-enlace:before { content: "\ea17"; } .bi-icons-abrir-enlace-externo:before { content: "\ea18"; } .bi-icons-marcador:before { content: "\ea19"; } .bi-icons-guardar:before { content: "\ea1a"; } .bi-icons-visualizar:before { content: "\ea1b"; } .bi-icons-ocultar:before { content: "\ea1c"; } .bi-icons-bloqueado:before { content: "\ea1d"; } .bi-icons-desbloqueado:before { content: "\ea1e"; } .bi-icons-llave:before { content: "\ea1f"; } .bi-icons-huella:before { content: "\ea20"; } .bi-icons-maleware:before { content: "\ea21"; } .bi-icons-phishing:before { content: "\ea22"; } .bi-icons-basurero:before { content: "\ea23"; } .bi-icons-ajustes:before { content: "\ea24"; } .bi-icons-estrella:before { content: "\ea25"; } .bi-icons-estrella-solido:before { content: "\ea26"; } .bi-icons-corazon:before { content: "\ea27"; } .bi-icons-multiples-errores:before { content: "\ea28"; } .bi-icons-copiar:before { content: "\ea29"; } .bi-icons-portapapeles:before { content: "\ea2a"; } .bi-icons-idioma:before { content: "\ea2b"; } .bi-icons-ajustar-texto:before { content: "\ea2c"; } .bi-icons-arriba:before { content: "\ea2d"; } .bi-icons-abajo:before { content: "\ea2e"; } .bi-icons-derecha:before { content: "\ea2f"; } .bi-icons-izquierda:before { content: "\ea30"; } .bi-icons-cardinales:before { content: "\ea31"; } .bi-icons-esquinas:before { content: "\ea32"; } .bi-icons-ambos-sentidos:before { content: "\ea33"; } .bi-icons-recargar:before { content: "\ea34"; } .bi-icons-notificacion:before { content: "\ea35"; } .bi-icons-notificacion-solido:before { content: "\ea36"; } .bi-icons-notificacion-activa:before { content: "\ea37"; } .bi-icons-notificacion-activa-solido:before { content: "\ea38"; } .bi-icons-informacion:before { content: "\ea39"; } .bi-icons-informacion-solido:before { content: "\ea3a"; } .bi-icons-pregunta:before { content: "\ea3b"; } .bi-icons-pregunta-solido:before { content: "\ea3c"; } .bi-icons-advertencia:before { content: "\ea3d"; } .bi-icons-advertencia-solido:before { content: "\ea3e"; } .bi-icons-menu-hamburguesa:before { content: "\ea3f"; } .bi-icons-menu-hamburguesa-solido:before { content: "\ea40"; } .bi-icons-menu-hamburguesa-circulo:before { content: "\ea41"; } .bi-icons-menu-opciones:before { content: "\ea42"; } .bi-icons-menu-opciones-solido:before { content: "\ea43"; } .bi-icons-menu-opciones-circulo:before { content: "\ea44"; } .bi-icons-bentobox:before { content: "\ea45"; } .bi-icons-bentobox-solido:before { content: "\ea46"; } .bi-icons-vista-bentobox:before { content: "\ea47"; } .bi-icons-vista-bentobox-solido:before { content: "\ea48"; } .bi-icons-vista-lista:before { content: "\ea49"; } .bi-icons-vista-lista-solido:before { content: "\ea4a"; } .bi-icons-grupo-tablero:before { content: "\ea4b"; } .bi-icons-grupo-lista:before { content: "\ea4c"; } .bi-icons-cuadricula:before { content: "\ea4d"; } .bi-icons-filtros:before { content: "\ea4e"; } .bi-icons-opciones:before { content: "\ea4f"; } .bi-icons-buscador:before { content: "\ea50"; } .bi-icons-zoom-alejar:before { content: "\ea51"; } .bi-icons-zoom-aumentar:before { content: "\ea52"; } .bi-icons-buscador-sin-resultados:before { content: "\ea53"; } .bi-icons-reproducir:before { content: "\ea54"; } .bi-icons-pausar:before { content: "\ea55"; } .bi-icons-anterior:before { content: "\ea56"; } .bi-icons-siguiente:before { content: "\ea57"; } .bi-icons-volumen:before { content: "\ea58"; } .bi-icons-silenciar:before { content: "\ea59"; } .bi-icons-camara:before { content: "\ea5a"; } .bi-icons-imagen:before { content: "\ea5b"; } .bi-icons-imagen-agregar:before { content: "\ea5c"; } .bi-icons-imagen-solido:before { content: "\ea5d"; } .bi-icons-video:before { content: "\ea5e"; } .bi-icons-ubicacion:before { content: "\ea5f"; } .bi-icons-ubicacion-aceptar:before { content: "\ea60"; } .bi-icons-ubicacion-rechazar:before { content: "\ea61"; } .bi-icons-ubicacion-agregar:before { content: "\ea62"; } .bi-icons-ubicacion-izquierda:before { content: "\ea63"; } .bi-icons-ubicacion-derecha:before { content: "\ea64"; } .bi-icons-ubicacion-arriba:before { content: "\ea65"; } .bi-icons-ubicacion-abajo:before { content: "\ea66"; } .bi-icons-ubicacion-ajustes:before { content: "\ea67"; } .bi-icons-ubicacion-basurero:before { content: "\ea68"; } .bi-icons-ubicacion-bloqueado:before { content: "\ea69"; } .bi-icons-ubicacion-desbloqueado:before { content: "\ea6a"; } .bi-icons-ubicacion-tarjeta:before { content: "\ea6b"; } .bi-icons-ubicacion-efectivo:before { content: "\ea6c"; } .bi-icons-ubicacion-usuario:before { content: "\ea6d"; } .bi-icons-ubicacion-buscar:before { content: "\ea6e"; } .bi-icons-ubicacion-internacional:before { content: "\ea6f"; } .bi-icons-ubicacion-archivo:before { content: "\ea70"; } .bi-icons-ubicacion-documento:before { content: "\ea71"; } .bi-icons-ubicacion-celular:before { content: "\ea72"; } .bi-icons-ubicacion-laptop:before { content: "\ea73"; } .bi-icons-ubicacion-compras:before { content: "\ea74"; } .bi-icons-ubicacion-regalo:before { content: "\ea75"; } .bi-icons-ubicacion-opciones:before { content: "\ea76"; } .bi-icons-ubicacion-enlace:before { content: "\ea77"; } .bi-icons-ubicacion-guardar:before { content: "\ea78"; } .bi-icons-usuario:before { content: "\ea79"; } .bi-icons-usuario-aceptar:before { content: "\ea7a"; } .bi-icons-usuario-rechazar:before { content: "\ea7b"; } .bi-icons-usuario-agregar:before { content: "\ea7c"; } .bi-icons-usuario-izquierda:before { content: "\ea7d"; } .bi-icons-usuario-derecha:before { content: "\ea7e"; } .bi-icons-usuario-arriba:before { content: "\ea7f"; } .bi-icons-usuario-abajo:before { content: "\ea80"; } .bi-icons-usuario-ajustes:before { content: "\ea81"; } .bi-icons-usuario-basurero:before { content: "\ea82"; } .bi-icons-usuario-notificacion:before { content: "\ea83"; } .bi-icons-usuario-bloqueado:before { content: "\ea84"; } .bi-icons-usuario-desbloqueado:before { content: "\ea85"; } .bi-icons-usuario-tarjeta:before { content: "\ea86"; } .bi-icons-usuario-efectivo:before { content: "\ea87"; } .bi-icons-usuario-monedas:before { content: "\ea88"; } .bi-icons-usuario-cheque:before { content: "\ea89"; } .bi-icons-usuario-buscar:before { content: "\ea8a"; } .bi-icons-usuario-internacional:before { content: "\ea8b"; } .bi-icons-usuario-archivo:before { content: "\ea8c"; } .bi-icons-usuario-documento:before { content: "\ea8d"; } .bi-icons-usuario-celular:before { content: "\ea8e"; } .bi-icons-usuario-laptop:before { content: "\ea8f"; } .bi-icons-usuario-computadora:before { content: "\ea90"; } .bi-icons-usuario-impresora:before { content: "\ea91"; } .bi-icons-usuario-token:before { content: "\ea92"; } .bi-icons-usuario-correo:before { content: "\ea93"; } .bi-icons-usuario-favorito:before { content: "\ea94"; } .bi-icons-usuario-horario:before { content: "\ea95"; } .bi-icons-usuario-calendario:before { content: "\ea96"; } .bi-icons-usuario-compras:before { content: "\ea97"; } .bi-icons-usuario-luz:before { content: "\ea98"; } .bi-icons-usuario-energia:before { content: "\ea99"; } .bi-icons-usuario-qr:before { content: "\ea9a"; } .bi-icons-usuario-auriculares:before { content: "\ea9b"; } .bi-icons-usuario-regalo:before { content: "\ea9c"; } .bi-icons-usuario-editar:before { content: "\ea9d"; } .bi-icons-usuario-cargar:before { content: "\ea9e"; } .bi-icons-usuario-descargar:before { content: "\ea9f"; } .bi-icons-usuario-opciones:before { content: "\eaa0"; } .bi-icons-usuario-enlace:before { content: "\eaa1"; } .bi-icons-usuario-guardar:before { content: "\eaa2"; } .bi-icons-usuario-telefono:before { content: "\eaa3"; } .bi-icons-usuario-id:before { content: "\eaa4"; } .bi-icons-usuario-microfono:before { content: "\eaa5"; } .bi-icons-usuario-ubicacion:before { content: "\eaa6"; } .bi-icons-usuario-quetzal:before { content: "\eaa7"; } .bi-icons-usuario-lempira:before { content: "\eaa8"; } .bi-icons-usuario-dolar:before { content: "\eaa9"; } .bi-icons-usuario-euro:before { content: "\eaaa"; } .bi-icons-usuario-boleto:before { content: "\eaab"; } .bi-icons-usuario-banco:before { content: "\eaac"; } .bi-icons-usuario-calculadora:before { content: "\eaad"; } .bi-icons-usuario-mensaje:before { content: "\eaae"; } .bi-icons-usuario-web:before { content: "\eaaf"; } .bi-icons-equipo:before { content: "\eab0"; } .bi-icons-mujer:before { content: "\eab1"; } .bi-icons-hombre:before { content: "\eab2"; } .bi-icons-id:before { content: "\eab3"; } .bi-icons-id-detras:before { content: "\eab4"; } .bi-icons-gafete:before { content: "\eab5"; } .bi-icons-celular:before { content: "\eab6"; } .bi-icons-celular-aceptar:before { content: "\eab7"; } .bi-icons-celular-rechazar:before { content: "\eab8"; } .bi-icons-celular-agregar:before { content: "\eab9"; } .bi-icons-celular-izquierda:before { content: "\eaba"; } .bi-icons-celular-derecha:before { content: "\eabb"; } .bi-icons-celular-arriba:before { content: "\eabc"; } .bi-icons-celular-abajo:before { content: "\eabd"; } .bi-icons-celular-ajustes:before { content: "\eabe"; } .bi-icons-celular-basurero:before { content: "\eabf"; } .bi-icons-celular-notificacion:before { content: "\eac0"; } .bi-icons-celular-bloqueado:before { content: "\eac1"; } .bi-icons-celular-desbloqueado:before { content: "\eac2"; } .bi-icons-celular-tarjeta:before { content: "\eac3"; } .bi-icons-celular-efectivo:before { content: "\eac4"; } .bi-icons-celular-monedas:before { content: "\eac5"; } .bi-icons-celular-cheque:before { content: "\eac6"; } .bi-icons-celular-usuario:before { content: "\eac7"; } .bi-icons-celular-buscar:before { content: "\eac8"; } .bi-icons-celular-internacional:before { content: "\eac9"; } .bi-icons-celular-archivo:before { content: "\eaca"; } .bi-icons-celular-documento:before { content: "\eacb"; } .bi-icons-celular-laptop:before { content: "\eacc"; } .bi-icons-celular-computadora:before { content: "\eacd"; } .bi-icons-celular-impresora:before { content: "\eace"; } .bi-icons-celular-token:before { content: "\eacf"; } .bi-icons-celular-correo:before { content: "\ead0"; } .bi-icons-celular-favorito:before { content: "\ead1"; } .bi-icons-celular-reloj:before { content: "\ead2"; } .bi-icons-celular-calendario:before { content: "\ead3"; } .bi-icons-celular-compras:before { content: "\ead4"; } .bi-icons-celular-luz:before { content: "\ead5"; } .bi-icons-celular-energia:before { content: "\ead6"; } .bi-icons-celular-qr:before { content: "\ead7"; } .bi-icons-celular-auriculares:before { content: "\ead8"; } .bi-icons-celular-regalo:before { content: "\ead9"; } .bi-icons-celular-editar:before { content: "\eada"; } .bi-icons-celular-cargar:before { content: "\eadb"; } .bi-icons-celular-descargar:before { content: "\eadc"; } .bi-icons-celular-opciones:before { content: "\eadd"; } .bi-icons-celular-enlace:before { content: "\eade"; } .bi-icons-celular-guardar:before { content: "\eadf"; } .bi-icons-celular-telefono:before { content: "\eae0"; } .bi-icons-celular-id:before { content: "\eae1"; } .bi-icons-celular-microfono:before { content: "\eae2"; } .bi-icons-celular-ubicacion:before { content: "\eae3"; } .bi-icons-celular-quetzal:before { content: "\eae4"; } .bi-icons-celular-lempira:before { content: "\eae5"; } .bi-icons-celular-dolar:before { content: "\eae6"; } .bi-icons-celular-euro:before { content: "\eae7"; } .bi-icons-celular-boleto:before { content: "\eae8"; } .bi-icons-celular-banco:before { content: "\eae9"; } .bi-icons-celular-calculadora:before { content: "\eaea"; } .bi-icons-celular-mensaje:before { content: "\eaeb"; } .bi-icons-celular-web:before { content: "\eaec"; } .bi-icons-celular-amor:before { content: "\eaed"; } .bi-icons-celular-pos:before { content: "\eaee"; } .bi-icons-tablet:before { content: "\eaef"; } .bi-icons-tablet-aceptar:before { content: "\eaf0"; } .bi-icons-tablet-rechazar:before { content: "\eaf1"; } .bi-icons-tablet-agregar:before { content: "\eaf2"; } .bi-icons-tablet-izquierda:before { content: "\eaf3"; } .bi-icons-tablet-derecha:before { content: "\eaf4"; } .bi-icons-tablet-arriba:before { content: "\eaf5"; } .bi-icons-tablet-abajo:before { content: "\eaf6"; } .bi-icons-tablet-ajustes:before { content: "\eaf7"; } .bi-icons-tablet-basurero:before { content: "\eaf8"; } .bi-icons-tablet-notificacion:before { content: "\eaf9"; } .bi-icons-tablet-bloqueado:before { content: "\eafa"; } .bi-icons-tablet-desbloqueado:before { content: "\eafb"; } .bi-icons-tablet-tarjeta:before { content: "\eafc"; } .bi-icons-tablet-efectivo:before { content: "\eafd"; } .bi-icons-tablet-monedas:before { content: "\eafe"; } .bi-icons-tablet-cheque:before { content: "\eaff"; } .bi-icons-tablet-usuario:before { content: "\eb00"; } .bi-icons-tablet-buscar:before { content: "\eb01"; } .bi-icons-tablet-internacional:before { content: "\eb02"; } .bi-icons-tablet-archivo:before { content: "\eb03"; } .bi-icons-tablet-documento:before { content: "\eb04"; } .bi-icons-tablet-celular:before { content: "\eb05"; } .bi-icons-tablet-laptop:before { content: "\eb06"; } .bi-icons-tablet-computadora:before { content: "\eb07"; } .bi-icons-tablet-impresora:before { content: "\eb08"; } .bi-icons-tablet-token:before { content: "\eb09"; } .bi-icons-tablet-correo:before { content: "\eb0a"; } .bi-icons-tablet-favorito:before { content: "\eb0b"; } .bi-icons-tablet-reloj:before { content: "\eb0c"; } .bi-icons-tablet-compras:before { content: "\eb0d"; } .bi-icons-tablet-calendario:before { content: "\eb0e"; } .bi-icons-tablet-luz:before { content: "\eb0f"; } .bi-icons-tablet-energia:before { content: "\eb10"; } .bi-icons-tablet-qr:before { content: "\eb11"; } .bi-icons-tablet-auriculares:before { content: "\eb12"; } .bi-icons-tablet-regalo:before { content: "\eb13"; } .bi-icons-tablet-editar:before { content: "\eb14"; } .bi-icons-tablet-cargar:before { content: "\eb15"; } .bi-icons-tablet-descargar:before { content: "\eb16"; } .bi-icons-tablet-opciones:before { content: "\eb17"; } .bi-icons-tablet-enlace:before { content: "\eb18"; } .bi-icons-tablet-guardar:before { content: "\eb19"; } .bi-icons-tablet-telefono:before { content: "\eb1a"; } .bi-icons-tablet-id:before { content: "\eb1b"; } .bi-icons-tablet-microfono:before { content: "\eb1c"; } .bi-icons-tablet-ubicacion:before { content: "\eb1d"; } .bi-icons-tablet-quetzal:before { content: "\eb1e"; } .bi-icons-tablet-lempira:before { content: "\eb1f"; } .bi-icons-tablet-dolar:before { content: "\eb20"; } .bi-icons-tablet-euro:before { content: "\eb21"; } .bi-icons-tablet-boleto:before { content: "\eb22"; } .bi-icons-tablet-banco:before { content: "\eb23"; } .bi-icons-tablet-calculadora:before { content: "\eb24"; } .bi-icons-tablet-mensaje:before { content: "\eb25"; } .bi-icons-tablet-web:before { content: "\eb26"; } .bi-icons-tablet-amor:before { content: "\eb27"; } .bi-icons-laptop:before { content: "\eb28"; } .bi-icons-laptop-aceptar:before { content: "\eb29"; } .bi-icons-laptop-rechazar:before { content: "\eb2a"; } .bi-icons-laptop-agregar:before { content: "\eb2b"; } .bi-icons-laptop-izquierda:before { content: "\eb2c"; } .bi-icons-laptop-derecha:before { content: "\eb2d"; } .bi-icons-laptop-arriba:before { content: "\eb2e"; } .bi-icons-laptop-abajo:before { content: "\eb2f"; } .bi-icons-laptop-ajustes:before { content: "\eb30"; } .bi-icons-laptop-basurero:before { content: "\eb31"; } .bi-icons-laptop-notificacion:before { content: "\eb32"; } .bi-icons-laptop-bloqueado:before { content: "\eb33"; } .bi-icons-laptop-desbloqueado:before { content: "\eb34"; } .bi-icons-laptop-tarjeta:before { content: "\eb35"; } .bi-icons-laptop-efectivo:before { content: "\eb36"; } .bi-icons-laptop-monedas:before { content: "\eb37"; } .bi-icons-laptop-cheque:before { content: "\eb38"; } .bi-icons-laptop-usuario:before { content: "\eb39"; } .bi-icons-laptop-buscar:before { content: "\eb3a"; } .bi-icons-laptop-internacional:before { content: "\eb3b"; } .bi-icons-laptop-archivo:before { content: "\eb3c"; } .bi-icons-laptop-documento:before { content: "\eb3d"; } .bi-icons-laptop-celular:before { content: "\eb3e"; } .bi-icons-laptop-computadora:before { content: "\eb3f"; } .bi-icons-laptop-impresora:before { content: "\eb40"; } .bi-icons-laptop-token:before { content: "\eb41"; } .bi-icons-laptop-correo:before { content: "\eb42"; } .bi-icons-laptop-favorito:before { content: "\eb43"; } .bi-icons-laptop-reloj:before { content: "\eb44"; } .bi-icons-laptop-calendario:before { content: "\eb45"; } .bi-icons-laptop-compras:before { content: "\eb46"; } .bi-icons-laptop-luz:before { content: "\eb47"; } .bi-icons-laptop-energia:before { content: "\eb48"; } .bi-icons-laptop-qr:before { content: "\eb49"; } .bi-icons-laptop-auriculares:before { content: "\eb4a"; } .bi-icons-laptop-regalo:before { content: "\eb4b"; } .bi-icons-laptop-editar:before { content: "\eb4c"; } .bi-icons-laptop-cargar:before { content: "\eb4d"; } .bi-icons-laptop-descargar:before { content: "\eb4e"; } .bi-icons-laptop-opciones:before { content: "\eb4f"; } .bi-icons-laptop-enlace:before { content: "\eb50"; } .bi-icons-laptop-guardar:before { content: "\eb51"; } .bi-icons-laptop-telefono:before { content: "\eb52"; } .bi-icons-laptop-id:before { content: "\eb53"; } .bi-icons-laptop-microfono:before { content: "\eb54"; } .bi-icons-laptop-ubicacion:before { content: "\eb55"; } .bi-icons-laptop-quetzal:before { content: "\eb56"; } .bi-icons-laptop-lempira:before { content: "\eb57"; } .bi-icons-laptop-dolar:before { content: "\eb58"; } .bi-icons-laptop-euro:before { content: "\eb59"; } .bi-icons-laptop-boleto:before { content: "\eb5a"; } .bi-icons-laptop-banco:before { content: "\eb5b"; } .bi-icons-laptop-calculadora:before { content: "\eb5c"; } .bi-icons-laptop-mensaje:before { content: "\eb5d"; } .bi-icons-laptop-web:before { content: "\eb5e"; } .bi-icons-laptop-amor:before { content: "\eb5f"; } .bi-icons-desktop:before { content: "\eb60"; } .bi-icons-desktop-aceptar:before { content: "\eb61"; } .bi-icons-desktop-rechazar:before { content: "\eb62"; } .bi-icons-desktop-agregar:before { content: "\eb63"; } .bi-icons-desktop-izquierda:before { content: "\eb64"; } .bi-icons-desktop-derecha:before { content: "\eb65"; } .bi-icons-desktop-arriba:before { content: "\eb66"; } .bi-icons-desktop-abajo:before { content: "\eb67"; } .bi-icons-desktop-ajustes:before { content: "\eb68"; } .bi-icons-desktop-basurero:before { content: "\eb69"; } .bi-icons-desktop-notificacion:before { content: "\eb6a"; } .bi-icons-desktop-bloqueado:before { content: "\eb6b"; } .bi-icons-desktop-desbloqueado:before { content: "\eb6c"; } .bi-icons-desktop-tarjeta:before { content: "\eb6d"; } .bi-icons-desktop-efectivo:before { content: "\eb6e"; } .bi-icons-desktop-monedas:before { content: "\eb6f"; } .bi-icons-desktop-cheque:before { content: "\eb70"; } .bi-icons-desktop-usuario:before { content: "\eb71"; } .bi-icons-desktop-buscar:before { content: "\eb72"; } .bi-icons-desktop-internacional:before { content: "\eb73"; } .bi-icons-desktop-archivo:before { content: "\eb74"; } .bi-icons-desktop-documento:before { content: "\eb75"; } .bi-icons-desktop-celular:before { content: "\eb76"; } .bi-icons-desktop-laptop:before { content: "\eb77"; } .bi-icons-desktop-print:before { content: "\eb78"; } .bi-icons-desktop-token:before { content: "\eb79"; } .bi-icons-desktop-correo:before { content: "\eb7a"; } .bi-icons-desktop-favorito:before { content: "\eb7b"; } .bi-icons-desktop-reloj:before { content: "\eb7c"; } .bi-icons-desktop-calendario:before { content: "\eb7d"; } .bi-icons-desktop-compras:before { content: "\eb7e"; } .bi-icons-desktop-luz:before { content: "\eb7f"; } .bi-icons-desktop-energia:before { content: "\eb80"; } .bi-icons-desktop-qr:before { content: "\eb81"; } .bi-icons-desktop-auriculares:before { content: "\eb82"; } .bi-icons-desktop-regalo:before { content: "\eb83"; } .bi-icons-desktop-editar:before { content: "\eb84"; } .bi-icons-desktop-cargar:before { content: "\eb85"; } .bi-icons-desktop-descargar:before { content: "\eb86"; } .bi-icons-desktop-opciones:before { content: "\eb87"; } .bi-icons-desktop-enlace:before { content: "\eb88"; } .bi-icons-desktop-guardar:before { content: "\eb89"; } .bi-icons-desktop-telefono:before { content: "\eb8a"; } .bi-icons-desktop-id:before { content: "\eb8b"; } .bi-icons-desktop-microfono:before { content: "\eb8c"; } .bi-icons-desktop-ubicacion:before { content: "\eb8d"; } .bi-icons-desktop-quetzal:before { content: "\eb8e"; } .bi-icons-desktop-lempira:before { content: "\eb8f"; } .bi-icons-desktop-dolar:before { content: "\eb90"; } .bi-icons-desktop-euro:before { content: "\eb91"; } .bi-icons-desktop-boleto:before { content: "\eb92"; } .bi-icons-desktop-banco:before { content: "\eb93"; } .bi-icons-desktop-calculadora:before { content: "\eb94"; } .bi-icons-desktop-mensaje:before { content: "\eb95"; } .bi-icons-desktop-web:before { content: "\eb96"; } .bi-icons-desktop-amor:before { content: "\eb97"; } .bi-icons-impresora:before { content: "\eb98"; } .bi-icons-impresora-aceptar:before { content: "\eb99"; } .bi-icons-impresora-rechazar:before { content: "\eb9a"; } .bi-icons-impresora-agregar:before { content: "\eb9b"; } .bi-icons-impresora-ajustes:before { content: "\eb9c"; } .bi-icons-impresora-basurero:before { content: "\eb9d"; } .bi-icons-impresora-notificacion:before { content: "\eb9e"; } .bi-icons-impresora-bloqueado:before { content: "\eb9f"; } .bi-icons-impresora-desbloqueado:before { content: "\eba0"; } .bi-icons-impresora-tarjeta:before { content: "\eba1"; } .bi-icons-impresora-cheque:before { content: "\eba2"; } .bi-icons-impresora-buscar:before { content: "\eba3"; } .bi-icons-impresora-archivo:before { content: "\eba4"; } .bi-icons-impresora-documento:before { content: "\eba5"; } .bi-icons-nube:before { content: "\eba6"; } .bi-icons-banco:before { content: "\eba7"; } .bi-icons-banco-aceptar:before { content: "\eba8"; } .bi-icons-banco-rechazar:before { content: "\eba9"; } .bi-icons-banco-agregar:before { content: "\ebaa"; } .bi-icons-banco-izquierda:before { content: "\ebab"; } .bi-icons-banco-derecha:before { content: "\ebac"; } .bi-icons-banco-arriba:before { content: "\ebad"; } .bi-icons-banco-abajo:before { content: "\ebae"; } .bi-icons-banco-ajustes:before { content: "\ebaf"; } .bi-icons-banco-basurero:before { content: "\ebb0"; } .bi-icons-banco-notificacion:before { content: "\ebb1"; } .bi-icons-banco-bloqueado:before { content: "\ebb2"; } .bi-icons-banco-desbloqueado:before { content: "\ebb3"; } .bi-icons-banco-tarjeta:before { content: "\ebb4"; } .bi-icons-banco-efectivo:before { content: "\ebb5"; } .bi-icons-banco-monedas:before { content: "\ebb6"; } .bi-icons-banco-cheque:before { content: "\ebb7"; } .bi-icons-banco-usuario:before { content: "\ebb8"; } .bi-icons-banco-buscar:before { content: "\ebb9"; } .bi-icons-banco-internacional:before { content: "\ebba"; } .bi-icons-banco-archivo:before { content: "\ebbb"; } .bi-icons-banco-documento:before { content: "\ebbc"; } .bi-icons-banco-celular:before { content: "\ebbd"; } .bi-icons-banco-laptop:before { content: "\ebbe"; } .bi-icons-banco-computadora:before { content: "\ebbf"; } .bi-icons-banco-impresora:before { content: "\ebc0"; } .bi-icons-banco-token:before { content: "\ebc1"; } .bi-icons-banco-correo:before { content: "\ebc2"; } .bi-icons-banco-favorito:before { content: "\ebc3"; } .bi-icons-banco-reloj:before { content: "\ebc4"; } .bi-icons-banco-calendario:before { content: "\ebc5"; } .bi-icons-banco-compras:before { content: "\ebc6"; } .bi-icons-banco-luz:before { content: "\ebc7"; } .bi-icons-banco-energia:before { content: "\ebc8"; } .bi-icons-banco-qr:before { content: "\ebc9"; } .bi-icons-banco-auriculares:before { content: "\ebca"; } .bi-icons-banco-regalo:before { content: "\ebcb"; } .bi-icons-banco-editar:before { content: "\ebcc"; } .bi-icons-banco-cargar:before { content: "\ebcd"; } .bi-icons-banco-descargar:before { content: "\ebce"; } .bi-icons-banco-opciones:before { content: "\ebcf"; } .bi-icons-banco-enlace:before { content: "\ebd0"; } .bi-icons-banco-guardar:before { content: "\ebd1"; } .bi-icons-banco-telefono:before { content: "\ebd2"; } .bi-icons-banco-id:before { content: "\ebd3"; } .bi-icons-banco-microfono:before { content: "\ebd4"; } .bi-icons-banco-ubicacion:before { content: "\ebd5"; } .bi-icons-banco-quetzal:before { content: "\ebd6"; } .bi-icons-banco-lempira:before { content: "\ebd7"; } .bi-icons-banco-dolar:before { content: "\ebd8"; } .bi-icons-banco-euro:before { content: "\ebd9"; } .bi-icons-banco-boleto:before { content: "\ebda"; } .bi-icons-banco-calculadora:before { content: "\ebdb"; } .bi-icons-banco-mensaje:before { content: "\ebdc"; } .bi-icons-banco-web:before { content: "\ebdd"; } .bi-icons-tarjeta:before { content: "\ebde"; } .bi-icons-tarjeta-aceptar:before { content: "\ebdf"; } .bi-icons-tarjeta-rechazar:before { content: "\ebe0"; } .bi-icons-tarjeta-agregar:before { content: "\ebe1"; } .bi-icons-tarjeta-izquierda:before { content: "\ebe2"; } .bi-icons-tarjeta-derecha:before { content: "\ebe3"; } .bi-icons-tarjeta-arriba:before { content: "\ebe4"; } .bi-icons-tarjeta-abajo:before { content: "\ebe5"; } .bi-icons-tarjeta-unificar-saldos:before { content: "\ebe6"; } .bi-icons-tarjeta-ajustes:before { content: "\ebe7"; } .bi-icons-tarjeta-basurero:before { content: "\ebe8"; } .bi-icons-tarjeta-notificacion:before { content: "\ebe9"; } .bi-icons-tarjeta-bloqueado:before { content: "\ebea"; } .bi-icons-tarjeta-desbloqueado:before { content: "\ebeb"; } .bi-icons-tarjeta-efectivo:before { content: "\ebec"; } .bi-icons-tarjeta-monedas:before { content: "\ebed"; } .bi-icons-tarjeta-cheque:before { content: "\ebee"; } .bi-icons-tarjeta-usuario:before { content: "\ebef"; } .bi-icons-tarjeta-buscar:before { content: "\ebf0"; } .bi-icons-tarjeta-internacional:before { content: "\ebf1"; } .bi-icons-tarjeta-archivo:before { content: "\ebf2"; } .bi-icons-tarjeta-documento:before { content: "\ebf3"; } .bi-icons-tarjeta-celular:before { content: "\ebf4"; } .bi-icons-tarjeta-laptop:before { content: "\ebf5"; } .bi-icons-tarjeta-computadora:before { content: "\ebf6"; } .bi-icons-tarjeta-impresora:before { content: "\ebf7"; } .bi-icons-tarjeta-token:before { content: "\ebf8"; } .bi-icons-tarjeta-correo:before { content: "\ebf9"; } .bi-icons-tarjeta-favorito:before { content: "\ebfa"; } .bi-icons-tarjeta-reloj:before { content: "\ebfb"; } .bi-icons-tarjeta-calendario:before { content: "\ebfc"; } .bi-icons-tarjeta-compras:before { content: "\ebfd"; } .bi-icons-tarjeta-luz:before { content: "\ebfe"; } .bi-icons-tarjeta-energia:before { content: "\ebff"; } .bi-icons-tarjeta-qr:before { content: "\ec00"; } .bi-icons-tarjeta-auriculares:before { content: "\ec01"; } .bi-icons-tarjeta-regalo:before { content: "\ec02"; } .bi-icons-tarjeta-editar:before { content: "\ec03"; } .bi-icons-tarjeta-cargar:before { content: "\ec04"; } .bi-icons-tarjeta-descargar:before { content: "\ec05"; } .bi-icons-tarjeta-opciones:before { content: "\ec06"; } .bi-icons-tarjeta-enalce:before { content: "\ec07"; } .bi-icons-tarjeta-guardar:before { content: "\ec08"; } .bi-icons-tarjeta-telefono:before { content: "\ec09"; } .bi-icons-tarjeta-id:before { content: "\ec0a"; } .bi-icons-tarjeta-microfono:before { content: "\ec0b"; } .bi-icons-tarjeta-ubicacion:before { content: "\ec0c"; } .bi-icons-tarjeta-quetzal:before { content: "\ec0d"; } .bi-icons-tarjeta-lempira:before { content: "\ec0e"; } .bi-icons-tarjeta-dollar:before { content: "\ec0f"; } .bi-icons-tarjeta-euro:before { content: "\ec10"; } .bi-icons-tarjeta-boleto:before { content: "\ec11"; } .bi-icons-tarjeta-banco:before { content: "\ec12"; } .bi-icons-tarjeta-calculadora:before { content: "\ec13"; } .bi-icons-tarjeta-mensaje:before { content: "\ec14"; } .bi-icons-tarjeta-web:before { content: "\ec15"; } .bi-icons-tarjetas-adicionales:before { content: "\ec16"; } .bi-icons-efectivo:before { content: "\ec17"; } .bi-icons-efectivo-aceptar:before { content: "\ec18"; } .bi-icons-efectivo-rechazar:before { content: "\ec19"; } .bi-icons-efectivo-agregar:before { content: "\ec1a"; } .bi-icons-efectivo-izquierda:before { content: "\ec1b"; } .bi-icons-efectivo-derecha:before { content: "\ec1c"; } .bi-icons-efectivo-arriba:before { content: "\ec1d"; } .bi-icons-efectivo-abajo:before { content: "\ec1e"; } .bi-icons-efectivo-ajustes:before { content: "\ec1f"; } .bi-icons-efectivo-notificacion:before { content: "\ec20"; } .bi-icons-efectivo-bloqueado:before { content: "\ec21"; } .bi-icons-efectivo-desbloqueado:before { content: "\ec22"; } .bi-icons-efectivo-tarjeta:before { content: "\ec23"; } .bi-icons-efectivo-monedas:before { content: "\ec24"; } .bi-icons-efectivo-cheque:before { content: "\ec25"; } .bi-icons-efectivo-usuario:before { content: "\ec26"; } .bi-icons-efectivo-buscar:before { content: "\ec27"; } .bi-icons-efectivo-internacional:before { content: "\ec28"; } .bi-icons-efectivo-archivo:before { content: "\ec29"; } .bi-icons-efectivo-documento:before { content: "\ec2a"; } .bi-icons-efectivo-celular:before { content: "\ec2b"; } .bi-icons-efectivo-laptop:before { content: "\ec2c"; } .bi-icons-efectivo-computadora:before { content: "\ec2d"; } .bi-icons-efectivo-token:before { content: "\ec2e"; } .bi-icons-efectivo-correo:before { content: "\ec2f"; } .bi-icons-efectivo-favorito:before { content: "\ec30"; } .bi-icons-efectivo-reloj:before { content: "\ec31"; } .bi-icons-efectivo-calendario:before { content: "\ec32"; } .bi-icons-efectivo-compras:before { content: "\ec33"; } .bi-icons-efectivo-luz:before { content: "\ec34"; } .bi-icons-efectivo-energia:before { content: "\ec35"; } .bi-icons-efectivo-qr:before { content: "\ec36"; } .bi-icons-efectivo-auriculares:before { content: "\ec37"; } .bi-icons-efectivo-regalo:before { content: "\ec38"; } .bi-icons-efectivo-editar:before { content: "\ec39"; } .bi-icons-efectivo-cargar:before { content: "\ec3a"; } .bi-icons-efectivo-descargar:before { content: "\ec3b"; } .bi-icons-efectivo-opciones:before { content: "\ec3c"; } .bi-icons-efectivo-enlace:before { content: "\ec3d"; } .bi-icons-efectivo-guardar:before { content: "\ec3e"; } .bi-icons-efectivo-telefono:before { content: "\ec3f"; } .bi-icons-efectivo-id:before { content: "\ec40"; } .bi-icons-efectivo-microfono:before { content: "\ec41"; } .bi-icons-efectivo-ubicacion:before { content: "\ec42"; } .bi-icons-efectivo-quetzal:before { content: "\ec43"; } .bi-icons-efectivo-lempira:before { content: "\ec44"; } .bi-icons-efectivo-dollar:before { content: "\ec45"; } .bi-icons-efectivo-euro:before { content: "\ec46"; } .bi-icons-efectivo-boleto:before { content: "\ec47"; } .bi-icons-efectivo-banco:before { content: "\ec48"; } .bi-icons-efectivo-calculadora:before { content: "\ec49"; } .bi-icons-efectivo-mensaje:before { content: "\ec4a"; } .bi-icons-efectivo-web:before { content: "\ec4b"; } .bi-icons-efectivo-amor:before { content: "\ec4c"; } .bi-icons-efectivo-seguro:before { content: "\ec4d"; } .bi-icons-efectivo-seguro-aprobado:before { content: "\ec4e"; } .bi-icons-efectivo-seguro-rechazado:before { content: "\ec4f"; } .bi-icons-cheque:before { content: "\ec50"; } .bi-icons-cheque-aceptar:before { content: "\ec51"; } .bi-icons-cheque-rechazar:before { content: "\ec52"; } .bi-icons-cheque-agregar:before { content: "\ec53"; } .bi-icons-cheque-izquierda:before { content: "\ec54"; } .bi-icons-cheque-derecha:before { content: "\ec55"; } .bi-icons-cheque-arriba:before { content: "\ec56"; } .bi-icons-cheque-abajo:before { content: "\ec57"; } .bi-icons-cheque-ajustes:before { content: "\ec58"; } .bi-icons-cheque-basurero:before { content: "\ec59"; } .bi-icons-cheque-notificacion:before { content: "\ec5a"; } .bi-icons-cheque-bloqueado:before { content: "\ec5b"; } .bi-icons-cheque-desbloqueado:before { content: "\ec5c"; } .bi-icons-cheque-tarjeta:before { content: "\ec5d"; } .bi-icons-cheque-efectivo:before { content: "\ec5e"; } .bi-icons-cheque-monedas:before { content: "\ec5f"; } .bi-icons-cheque-usuario:before { content: "\ec60"; } .bi-icons-cheque-buscar:before { content: "\ec61"; } .bi-icons-cheque-internacional:before { content: "\ec62"; } .bi-icons-cheque-archivo:before { content: "\ec63"; } .bi-icons-cheque-documento:before { content: "\ec64"; } .bi-icons-cheque-celular:before { content: "\ec65"; } .bi-icons-cheque-laptop:before { content: "\ec66"; } .bi-icons-cheque-computadora:before { content: "\ec67"; } .bi-icons-cheque-impresora:before { content: "\ec68"; } .bi-icons-cheque-token:before { content: "\ec69"; } .bi-icons-cheque-correo:before { content: "\ec6a"; } .bi-icons-cheque-favorito:before { content: "\ec6b"; } .bi-icons-cheque-reloj:before { content: "\ec6c"; } .bi-icons-cheque-calendario:before { content: "\ec6d"; } .bi-icons-cheque-compras:before { content: "\ec6e"; } .bi-icons-cheque-luz:before { content: "\ec6f"; } .bi-icons-cheque-energia:before { content: "\ec70"; } .bi-icons-cheque-qr:before { content: "\ec71"; } .bi-icons-cheque-auriculares:before { content: "\ec72"; } .bi-icons-cheque-regalo:before { content: "\ec73"; } .bi-icons-cheque-editar:before { content: "\ec74"; } .bi-icons-cheque-cargar:before { content: "\ec75"; } .bi-icons-cheque-descargar:before { content: "\ec76"; } .bi-icons-cheque-opciones:before { content: "\ec77"; } .bi-icons-cheque-enlace:before { content: "\ec78"; } .bi-icons-cheque-guardar:before { content: "\ec79"; } .bi-icons-cheque-telefono:before { content: "\ec7a"; } .bi-icons-cheque-id:before { content: "\ec7b"; } .bi-icons-cheque-microfono:before { content: "\ec7c"; } .bi-icons-cheque-ubicacion:before { content: "\ec7d"; } .bi-icons-cheque-quetzal:before { content: "\ec7e"; } .bi-icons-cheque-lempira:before { content: "\ec7f"; } .bi-icons-cheque-dollar:before { content: "\ec80"; } .bi-icons-cheque-euro:before { content: "\ec81"; } .bi-icons-cheque-boleto:before { content: "\ec82"; } .bi-icons-cheque-banco:before { content: "\ec83"; } .bi-icons-cheque-calculadora:before { content: "\ec84"; } .bi-icons-cheque-mensaje:before { content: "\ec85"; } .bi-icons-cheque-web:before { content: "\ec86"; } .bi-icons-cajero:before { content: "\ec87"; } .bi-icons-cajero-aceptar:before { content: "\ec88"; } .bi-icons-cajero-rechazar:before { content: "\ec89"; } .bi-icons-cajero-agregar:before { content: "\ec8a"; } .bi-icons-cajero-izquierda:before { content: "\ec8b"; } .bi-icons-cajero-derecha:before { content: "\ec8c"; } .bi-icons-cajero-arriba:before { content: "\ec8d"; } .bi-icons-cajero-abajo:before { content: "\ec8e"; } .bi-icons-cajero-ajustes:before { content: "\ec8f"; } .bi-icons-cajero-basurero:before { content: "\ec90"; } .bi-icons-cajero-notificacion:before { content: "\ec91"; } .bi-icons-cajero-bloqueado:before { content: "\ec92"; } .bi-icons-cajero-desbloqueado:before { content: "\ec93"; } .bi-icons-cajero-tarjeta:before { content: "\ec94"; } .bi-icons-cajero-efectivo:before { content: "\ec95"; } .bi-icons-cajero-monedas:before { content: "\ec96"; } .bi-icons-cajero-cheque:before { content: "\ec97"; } .bi-icons-cajero-usuario:before { content: "\ec98"; } .bi-icons-cajero-buscar:before { content: "\ec99"; } .bi-icons-cajero-internacional:before { content: "\ec9a"; } .bi-icons-cajero-archivo:before { content: "\ec9b"; } .bi-icons-cajero-documento:before { content: "\ec9c"; } .bi-icons-cajero-celular:before { content: "\ec9d"; } .bi-icons-cajero-laptop:before { content: "\ec9e"; } .bi-icons-cajero-computadora:before { content: "\ec9f"; } .bi-icons-cajero-impresora:before { content: "\eca0"; } .bi-icons-cajero-token:before { content: "\eca1"; } .bi-icons-cajero-correo:before { content: "\eca2"; } .bi-icons-cajero-favorito:before { content: "\eca3"; } .bi-icons-cajero-reloj:before { content: "\eca4"; } .bi-icons-cajero-calendario:before { content: "\eca5"; } .bi-icons-cajero-compras:before { content: "\eca6"; } .bi-icons-cajero-luz:before { content: "\eca7"; } .bi-icons-cajero-energia:before { content: "\eca8"; } .bi-icons-cajero-qr:before { content: "\eca9"; } .bi-icons-cajero-auriculares:before { content: "\ecaa"; } .bi-icons-cajero-regalo:before { content: "\ecab"; } .bi-icons-cajero-editar:before { content: "\ecac"; } .bi-icons-cajero-cargar:before { content: "\ecad"; } .bi-icons-cajero-descargar:before { content: "\ecae"; } .bi-icons-cajero-opciones:before { content: "\ecaf"; } .bi-icons-cajero-enlace:before { content: "\ecb0"; } .bi-icons-cajero-guardar:before { content: "\ecb1"; } .bi-icons-cajero-telefono:before { content: "\ecb2"; } .bi-icons-cajero-id:before { content: "\ecb3"; } .bi-icons-cajero-microfono:before { content: "\ecb4"; } .bi-icons-cajero-ubicacion:before { content: "\ecb5"; } .bi-icons-cajero-quetzal:before { content: "\ecb6"; } .bi-icons-cajero-lempira:before { content: "\ecb7"; } .bi-icons-cajero-dolar:before { content: "\ecb8"; } .bi-icons-cajero-euro:before { content: "\ecb9"; } .bi-icons-cajero-boleto:before { content: "\ecba"; } .bi-icons-cajero-banco:before { content: "\ecbb"; } .bi-icons-cajero-calculadora:before { content: "\ecbc"; } .bi-icons-cajero-mensaje:before { content: "\ecbd"; } .bi-icons-cajero-web:before { content: "\ecbe"; } .bi-icons-pos:before { content: "\ecbf"; } .bi-icons-pos-aceptar:before { content: "\ecc0"; } .bi-icons-pos-rechazar:before { content: "\ecc1"; } .bi-icons-pos-agregar:before { content: "\ecc2"; } .bi-icons-pos-izquierda:before { content: "\ecc3"; } .bi-icons-pos-derecha:before { content: "\ecc4"; } .bi-icons-pos-arriba:before { content: "\ecc5"; } .bi-icons-pos-abajo:before { content: "\ecc6"; } .bi-icons-pos-ajustes:before { content: "\ecc7"; } .bi-icons-pos-basurero:before { content: "\ecc8"; } .bi-icons-pos-notificacion:before { content: "\ecc9"; } .bi-icons-pos-bloqueado:before { content: "\ecca"; } .bi-icons-pos-desbloqueado:before { content: "\eccb"; } .bi-icons-pos-tarjeta:before { content: "\eccc"; } .bi-icons-pos-efectivo:before { content: "\eccd"; } .bi-icons-pos-monedas:before { content: "\ecce"; } .bi-icons-pos-cheque:before { content: "\eccf"; } .bi-icons-pos-usuario:before { content: "\ecd0"; } .bi-icons-pos-buscar:before { content: "\ecd1"; } .bi-icons-pos-internacional:before { content: "\ecd2"; } .bi-icons-pos-archivo:before { content: "\ecd3"; } .bi-icons-pos-documento:before { content: "\ecd4"; } .bi-icons-pos-celular:before { content: "\ecd5"; } .bi-icons-pos-laptop:before { content: "\ecd6"; } .bi-icons-pos-computadora:before { content: "\ecd7"; } .bi-icons-pos-print:before { content: "\ecd8"; } .bi-icons-pos-token:before { content: "\ecd9"; } .bi-icons-pos-correo:before { content: "\ecda"; } .bi-icons-pos-favorito:before { content: "\ecdb"; } .bi-icons-pos-reloj:before { content: "\ecdc"; } .bi-icons-pos-calendario:before { content: "\ecdd"; } .bi-icons-pos-compras:before { content: "\ecde"; } .bi-icons-pos-luz:before { content: "\ecdf"; } .bi-icons-pos-energia:before { content: "\ece0"; } .bi-icons-pos-qr:before { content: "\ece1"; } .bi-icons-pos-auriculares:before { content: "\ece2"; } .bi-icons-pos-regalo:before { content: "\ece3"; } .bi-icons-pos-editar:before { content: "\ece4"; } .bi-icons-pos-cargar:before { content: "\ece5"; } .bi-icons-pos-descargar:before { content: "\ece6"; } .bi-icons-pos-opciones:before { content: "\ece7"; } .bi-icons-pos-enlace:before { content: "\ece8"; } .bi-icons-pos-guardar:before { content: "\ece9"; } .bi-icons-pos-telefono:before { content: "\ecea"; } .bi-icons-pos-id:before { content: "\eceb"; } .bi-icons-pos-microfono:before { content: "\ecec"; } .bi-icons-pos-ubicacion:before { content: "\eced"; } .bi-icons-pos-quetzal:before { content: "\ecee"; } .bi-icons-pos-lempira:before { content: "\ecef"; } .bi-icons-pos-dollar:before { content: "\ecf0"; } .bi-icons-pos-euro:before { content: "\ecf1"; } .bi-icons-pos-boleto:before { content: "\ecf2"; } .bi-icons-pos-banco:before { content: "\ecf3"; } .bi-icons-pos-calculadora:before { content: "\ecf4"; } .bi-icons-pos-web:before { content: "\ecf5"; } .bi-icons-pos-mensaje:before { content: "\ecf6"; } .bi-icons-quetzal-circulo:before { content: "\ecf7"; } .bi-icons-lempira-circulo:before { content: "\ecf8"; } .bi-icons-dolar-circulo:before { content: "\ecf9"; } .bi-icons-euro-circulo:before { content: "\ecfa"; } .bi-icons-solicitud-apertura-cuenta:before { content: "\ecfb"; } .bi-icons-solicitud-tarjeta:before { content: "\ecfc"; } .bi-icons-solicitud-efectivo:before { content: "\ecfd"; } .bi-icons-solicitud-recibo:before { content: "\ecfe"; } .bi-icons-solicitud-seguro:before { content: "\ecff"; } .bi-icons-solicitud-puntos-bi:before { content: "\ed00"; } .bi-icons-solicitud-tasa-baja:before { content: "\ed01"; } .bi-icons-compras:before { content: "\ed02"; } .bi-icons-compras-aceptar:before { content: "\ed03"; } .bi-icons-compras-rechazar:before { content: "\ed04"; } .bi-icons-compras-agregar:before { content: "\ed05"; } .bi-icons-compras-ajustes:before { content: "\ed06"; } .bi-icons-compras-basurero:before { content: "\ed07"; } .bi-icons-compras-notificacion:before { content: "\ed08"; } .bi-icons-compras-bloqueado:before { content: "\ed09"; } .bi-icons-compras-desbloqueado:before { content: "\ed0a"; } .bi-icons-compras-tarjeta:before { content: "\ed0b"; } .bi-icons-compras-efectivo:before { content: "\ed0c"; } .bi-icons-compras-monedas:before { content: "\ed0d"; } .bi-icons-compras-cheque:before { content: "\ed0e"; } .bi-icons-compras-usuario:before { content: "\ed0f"; } .bi-icons-compras-buscar:before { content: "\ed10"; } .bi-icons-compras-internacional:before { content: "\ed11"; } .bi-icons-compras-archivo:before { content: "\ed12"; } .bi-icons-compras-documento:before { content: "\ed13"; } .bi-icons-compras-celular:before { content: "\ed14"; } .bi-icons-compras-laptop:before { content: "\ed15"; } .bi-icons-compras-computadora:before { content: "\ed16"; } .bi-icons-compras-impresora:before { content: "\ed17"; } .bi-icons-compras-token:before { content: "\ed18"; } .bi-icons-compras-correo:before { content: "\ed19"; } .bi-icons-compras-favorito:before { content: "\ed1a"; } .bi-icons-compras-horario:before { content: "\ed1b"; } .bi-icons-compras-calendario:before { content: "\ed1c"; } .bi-icons-compras-qr:before { content: "\ed1d"; } .bi-icons-compras-auriculares:before { content: "\ed1e"; } .bi-icons-compras-regalo:before { content: "\ed1f"; } .bi-icons-compras-editar:before { content: "\ed20"; } .bi-icons-compras-opciones:before { content: "\ed21"; } .bi-icons-compras-enlace:before { content: "\ed22"; } .bi-icons-compras-guardar:before { content: "\ed23"; } .bi-icons-compras-telefono:before { content: "\ed24"; } .bi-icons-carrito-de-compras:before { content: "\ed25"; } .bi-icons-carrito-de-compras-tarjeta:before { content: "\ed26"; } .bi-icons-carrito-de-compras-efectivo:before { content: "\ed27"; } .bi-icons-carrito-de-compras-monedas:before { content: "\ed28"; } .bi-icons-carrito-de-compras-internacional:before { content: "\ed29"; } .bi-icons-carrito-de-compras-celular:before { content: "\ed2a"; } .bi-icons-carrito-de-compras-laptop:before { content: "\ed2b"; } .bi-icons-carrito-de-compras-computadora:before { content: "\ed2c"; } .bi-icons-carrito-de-compras-amor:before { content: "\ed2d"; } .bi-icons-carrito-de-compras-regalo:before { content: "\ed2e"; } .bi-icons-grafica-ascendente:before { content: "\ed2f"; } .bi-icons-grafica-ascendente-solido:before { content: "\ed30"; } .bi-icons-grafica-descendente:before { content: "\ed31"; } .bi-icons-grafica-descendente-solido:before { content: "\ed32"; } .bi-icons-grafica-circular:before { content: "\ed33"; } .bi-icons-grafica-circular-solido:before { content: "\ed34"; } .bi-icons-qr:before { content: "\ed35"; } .bi-icons-qr-aceptar:before { content: "\ed36"; } .bi-icons-qr-rechazar:before { content: "\ed37"; } .bi-icons-qr-agregar:before { content: "\ed38"; } .bi-icons-qr-izquierda:before { content: "\ed39"; } .bi-icons-qr-derecha:before { content: "\ed3a"; } .bi-icons-qr-arriba:before { content: "\ed3b"; } .bi-icons-qr-abajo:before { content: "\ed3c"; } .bi-icons-qr-ajustes:before { content: "\ed3d"; } .bi-icons-qr-basurero:before { content: "\ed3e"; } .bi-icons-qr-notificacion:before { content: "\ed3f"; } .bi-icons-qr-bloqueado:before { content: "\ed40"; } .bi-icons-qr-desbloqueado:before { content: "\ed41"; } .bi-icons-qr-tarjeta:before { content: "\ed42"; } .bi-icons-qr-efectivo:before { content: "\ed43"; } .bi-icons-qr-monedas:before { content: "\ed44"; } .bi-icons-qr-cheque:before { content: "\ed45"; } .bi-icons-qr-usuario:before { content: "\ed46"; } .bi-icons-qr-buscar:before { content: "\ed47"; } .bi-icons-qr-internacional:before { content: "\ed48"; } .bi-icons-qr-archivo:before { content: "\ed49"; } .bi-icons-qr-documento:before { content: "\ed4a"; } .bi-icons-qr-celular:before { content: "\ed4b"; } .bi-icons-qr-laptop:before { content: "\ed4c"; } .bi-icons-qr-computadora:before { content: "\ed4d"; } .bi-icons-qr-impresora:before { content: "\ed4e"; } .bi-icons-qr-token:before { content: "\ed4f"; } .bi-icons-qr-correo:before { content: "\ed50"; } .bi-icons-qr-favorito:before { content: "\ed51"; } .bi-icons-qr-reloj:before { content: "\ed52"; } .bi-icons-qr-calendario:before { content: "\ed53"; } .bi-icons-qr-compras:before { content: "\ed54"; } .bi-icons-qr-luz:before { content: "\ed55"; } .bi-icons-qr-energia:before { content: "\ed56"; } .bi-icons-qr-auriculares:before { content: "\ed57"; } .bi-icons-qr-regalo:before { content: "\ed58"; } .bi-icons-qr-editar:before { content: "\ed59"; } .bi-icons-qr-cargar:before { content: "\ed5a"; } .bi-icons-qr-descargar:before { content: "\ed5b"; } .bi-icons-qr-opciones:before { content: "\ed5c"; } .bi-icons-qr-enlace:before { content: "\ed5d"; } .bi-icons-qr-guardar:before { content: "\ed5e"; } .bi-icons-qr-telefono:before { content: "\ed5f"; } .bi-icons-qr-id:before { content: "\ed60"; } .bi-icons-qr-microfono:before { content: "\ed61"; } .bi-icons-qr-ubicacion:before { content: "\ed62"; } .bi-icons-qr-quetzal:before { content: "\ed63"; } .bi-icons-qr-lempira:before { content: "\ed64"; } .bi-icons-qr-dolar:before { content: "\ed65"; } .bi-icons-qr-euro:before { content: "\ed66"; } .bi-icons-qr-boleto:before { content: "\ed67"; } .bi-icons-qr-banco:before { content: "\ed68"; } .bi-icons-qr-calculadora:before { content: "\ed69"; } .bi-icons-qr-mensaje:before { content: "\ed6a"; } .bi-icons-qr-web:before { content: "\ed6b"; } .bi-icons-biometria:before { content: "\ed6c"; } .bi-icons-biometria-aceptar:before { content: "\ed6d"; } .bi-icons-biometria-rechazar:before { content: "\ed6e"; } .bi-icons-biometria-agregar:before { content: "\ed6f"; } .bi-icons-biometria-izquierda:before { content: "\ed70"; } .bi-icons-biometria-derecha:before { content: "\ed71"; } .bi-icons-biometria-arriba:before { content: "\ed72"; } .bi-icons-biometria-abajo:before { content: "\ed73"; } .bi-icons-biometria-ajustes:before { content: "\ed74"; } .bi-icons-biometria-basurero:before { content: "\ed75"; } .bi-icons-biometria-notificacion:before { content: "\ed76"; } .bi-icons-biometria-bloqueado:before { content: "\ed77"; } .bi-icons-biometria-desbloqueado:before { content: "\ed78"; } .bi-icons-biometria-tarjeta:before { content: "\ed79"; } .bi-icons-biometria-efectivo:before { content: "\ed7a"; } .bi-icons-biometria-monedas:before { content: "\ed7b"; } .bi-icons-biometria-cheque:before { content: "\ed7c"; } .bi-icons-biometria-buscar:before { content: "\ed7d"; } .bi-icons-biometria-internacional:before { content: "\ed7e"; } .bi-icons-biometria-archivo:before { content: "\ed7f"; } .bi-icons-biometria-documento:before { content: "\ed80"; } .bi-icons-biometria-celular:before { content: "\ed81"; } .bi-icons-biometria-laptop:before { content: "\ed82"; } .bi-icons-biometria-computadora:before { content: "\ed83"; } .bi-icons-biometria-impresora:before { content: "\ed84"; } .bi-icons-biometria-token:before { content: "\ed85"; } .bi-icons-biometria-correo:before { content: "\ed86"; } .bi-icons-biometria-favorito:before { content: "\ed87"; } .bi-icons-biometria-reloj:before { content: "\ed88"; } .bi-icons-biometria-calendario:before { content: "\ed89"; } .bi-icons-biometria-compras:before { content: "\ed8a"; } .bi-icons-biometria-luz:before { content: "\ed8b"; } .bi-icons-biometria-energia:before { content: "\ed8c"; } .bi-icons-biometria-qr:before { content: "\ed8d"; } .bi-icons-biometria-auriculares:before { content: "\ed8e"; } .bi-icons-biometria-regalo:before { content: "\ed8f"; } .bi-icons-biometria-editar:before { content: "\ed90"; } .bi-icons-biometria-cargar:before { content: "\ed91"; } .bi-icons-biometria-descargar:before { content: "\ed92"; } .bi-icons-biometria-opciones:before { content: "\ed93"; } .bi-icons-biometria-enlace:before { content: "\ed94"; } .bi-icons-biometria-guardar:before { content: "\ed95"; } .bi-icons-biometria-telefono:before { content: "\ed96"; } .bi-icons-biometria-id:before { content: "\ed97"; } .bi-icons-biometria-microfono:before { content: "\ed98"; } .bi-icons-biometria-ubicacion:before { content: "\ed99"; } .bi-icons-biometria-quetzal:before { content: "\ed9a"; } .bi-icons-biometria-lempira:before { content: "\ed9b"; } .bi-icons-biometria-dolar:before { content: "\ed9c"; } .bi-icons-biometria-euro:before { content: "\ed9d"; } .bi-icons-biometria-boleto:before { content: "\ed9e"; } .bi-icons-biometria-banco:before { content: "\ed9f"; } .bi-icons-biometria-calculadora:before { content: "\eda0"; } .bi-icons-biometria-mensaje:before { content: "\eda1"; } .bi-icons-biometria-web:before { content: "\eda2"; } .bi-icons-biid:before { content: "\eda3"; } .bi-icons-biid-aceptar:before { content: "\eda4"; } .bi-icons-biid-rechazar:before { content: "\eda5"; } .bi-icons-biid-agregar:before { content: "\eda6"; } .bi-icons-biid-izquierda:before { content: "\eda7"; } .bi-icons-biid-derecha:before { content: "\eda8"; } .bi-icons-biid-arriba:before { content: "\eda9"; } .bi-icons-biid-abajo:before { content: "\edaa"; } .bi-icons-biid-ajustes:before { content: "\edab"; } .bi-icons-biid-basurero:before { content: "\edac"; } .bi-icons-biid-usuario:before { content: "\edad"; } .bi-icons-faceid:before { content: "\edae"; } .bi-icons-faceid-aceptar:before { content: "\edaf"; } .bi-icons-faceid-rechazar:before { content: "\edb0"; } .bi-icons-faceid-agregar:before { content: "\edb1"; } .bi-icons-faceid-izquierda:before { content: "\edb2"; } .bi-icons-faceid-derecha:before { content: "\edb3"; } .bi-icons-faceid-arriba:before { content: "\edb4"; } .bi-icons-faceid-abajo:before { content: "\edb5"; } .bi-icons-faceid-ajustes:before { content: "\edb6"; } .bi-icons-faceid-basurero:before { content: "\edb7"; } .bi-icons-faceid-usuario:before { content: "\edb8"; } .bi-icons-tecolote:before { content: "\edb9"; } .bi-icons-billetera:before { content: "\edba"; } .bi-icons-abi:before { content: "\edbb"; } .bi-icons-porcentaje:before { content: "\edbc"; } .bi-icons-firma:before { content: "\edbd"; } .bi-icons-regalo:before { content: "\edbe"; } .bi-icons-regalo-aceptar:before { content: "\edbf"; } .bi-icons-regalo-rechazar:before { content: "\edc0"; } .bi-icons-regalo-agregar:before { content: "\edc1"; } .bi-icons-regalo-izquierda:before { content: "\edc2"; } .bi-icons-regalo-derecha:before { content: "\edc3"; } .bi-icons-regalo-arriba:before { content: "\edc4"; } .bi-icons-regalo-abajo:before { content: "\edc5"; } .bi-icons-regalo-ajustes:before { content: "\edc6"; } .bi-icons-regalo-basurero:before { content: "\edc7"; } .bi-icons-regalo-notificacion:before { content: "\edc8"; } .bi-icons-regalo-bloqueado:before { content: "\edc9"; } .bi-icons-regalo-desbloqueado:before { content: "\edca"; } .bi-icons-regalo-tarjeta:before { content: "\edcb"; } .bi-icons-regalo-efectivo:before { content: "\edcc"; } .bi-icons-regalo-monedas:before { content: "\edcd"; } .bi-icons-regalo-cheque:before { content: "\edce"; } .bi-icons-regalo-usuario:before { content: "\edcf"; } .bi-icons-regalo-buscar:before { content: "\edd0"; } .bi-icons-regalo-internacional:before { content: "\edd1"; } .bi-icons-regalo-archivo:before { content: "\edd2"; } .bi-icons-regalo-documento:before { content: "\edd3"; } .bi-icons-regalo-celular:before { content: "\edd4"; } .bi-icons-regalo-laptop:before { content: "\edd5"; } .bi-icons-regalo-computadora:before { content: "\edd6"; } .bi-icons-regalo-impresora:before { content: "\edd7"; } .bi-icons-regalo-token:before { content: "\edd8"; } .bi-icons-regalo-correo:before { content: "\edd9"; } .bi-icons-regalo-favorito:before { content: "\edda"; } .bi-icons-regalo-reloj:before { content: "\eddb"; } .bi-icons-regalo-calendario:before { content: "\eddc"; } .bi-icons-regalo-compras:before { content: "\eddd"; } .bi-icons-regalo-luz:before { content: "\edde"; } .bi-icons-regalo-energia:before { content: "\eddf"; } .bi-icons-regalo-qr:before { content: "\ede0"; } .bi-icons-regalo-auriculares:before { content: "\ede1"; } .bi-icons-regalo-editar:before { content: "\ede2"; } .bi-icons-regalo-cargar:before { content: "\ede3"; } .bi-icons-regalo-descargar:before { content: "\ede4"; } .bi-icons-regalo-opciones:before { content: "\ede5"; } .bi-icons-regalo-enlace:before { content: "\ede6"; } .bi-icons-regalo-guardar:before { content: "\ede7"; } .bi-icons-regalo-telefono:before { content: "\ede8"; } .bi-icons-regalo-id:before { content: "\ede9"; } .bi-icons-regalo-microfono:before { content: "\edea"; } .bi-icons-regalo-ubicacion:before { content: "\edeb"; } .bi-icons-regalo-quetzal:before { content: "\edec"; } .bi-icons-regalo-lempira:before { content: "\eded"; } .bi-icons-regalo-dolar:before { content: "\edee"; } .bi-icons-regalo-euro:before { content: "\edef"; } .bi-icons-regalo-boleto:before { content: "\edf0"; } .bi-icons-regalo-banco:before { content: "\edf1"; } .bi-icons-regalo-calculadora:before { content: "\edf2"; } .bi-icons-regalo-mensaje:before { content: "\edf3"; } .bi-icons-regalo-web:before { content: "\edf4"; } .bi-icons-luz:before { content: "\edf5"; } .bi-icons-luz-aceptar:before { content: "\edf6"; } .bi-icons-luz-rechazar:before { content: "\edf7"; } .bi-icons-luz-agregar:before { content: "\edf8"; } .bi-icons-luz-izquierda:before { content: "\edf9"; } .bi-icons-luz-derecha:before { content: "\edfa"; } .bi-icons-luz-arriba:before { content: "\edfb"; } .bi-icons-luz-abajo:before { content: "\edfc"; } .bi-icons-luz-ajustes:before { content: "\edfd"; } .bi-icons-luz-basurero:before { content: "\edfe"; } .bi-icons-luz-notificacion:before { content: "\edff"; } .bi-icons-luz-bloqueado:before { content: "\ee00"; } .bi-icons-luz-desbloqueado:before { content: "\ee01"; } .bi-icons-luz-tarjeta:before { content: "\ee02"; } .bi-icons-luz-efectivo:before { content: "\ee03"; } .bi-icons-luz-monedas:before { content: "\ee04"; } .bi-icons-luz-cheque:before { content: "\ee05"; } .bi-icons-luz-usuario:before { content: "\ee06"; } .bi-icons-luz-buscar:before { content: "\ee07"; } .bi-icons-luz-internacional:before { content: "\ee08"; } .bi-icons-luz-archivo:before { content: "\ee09"; } .bi-icons-luz-documento:before { content: "\ee0a"; } .bi-icons-luz-celular:before { content: "\ee0b"; } .bi-icons-luz-laptop:before { content: "\ee0c"; } .bi-icons-luz-computadora:before { content: "\ee0d"; } .bi-icons-luz-impresora:before { content: "\ee0e"; } .bi-icons-luz-token:before { content: "\ee0f"; } .bi-icons-luz-correo:before { content: "\ee10"; } .bi-icons-luz-favorito:before { content: "\ee11"; } .bi-icons-luz-reloj:before { content: "\ee12"; } .bi-icons-luz-calendario:before { content: "\ee13"; } .bi-icons-luz-compras:before { content: "\ee14"; } .bi-icons-luz-energia:before { content: "\ee15"; } .bi-icons-luz-qr:before { content: "\ee16"; } .bi-icons-luz-auriculares:before { content: "\ee17"; } .bi-icons-luz-editar:before { content: "\ee18"; } .bi-icons-luz-cargar:before { content: "\ee19"; } .bi-icons-luz-descargar:before { content: "\ee1a"; } .bi-icons-luz-opciones:before { content: "\ee1b"; } .bi-icons-luz-enlace:before { content: "\ee1c"; } .bi-icons-luz-guardar:before { content: "\ee1d"; } .bi-icons-luz-telefono:before { content: "\ee1e"; } .bi-icons-luz-id:before { content: "\ee1f"; } .bi-icons-luz-microfono:before { content: "\ee20"; } .bi-icons-luz-ubicacion:before { content: "\ee21"; } .bi-icons-luz-quetzal:before { content: "\ee22"; } .bi-icons-luz-lempira:before { content: "\ee23"; } .bi-icons-luz-dolar:before { content: "\ee24"; } .bi-icons-luz-euro:before { content: "\ee25"; } .bi-icons-luz-boleto:before { content: "\ee26"; } .bi-icons-luz-banco:before { content: "\ee27"; } .bi-icons-luz-calculadora:before { content: "\ee28"; } .bi-icons-luz-mensaje:before { content: "\ee29"; } .bi-icons-luz-web:before { content: "\ee2a"; } .bi-icons-energia:before { content: "\ee2b"; } .bi-icons-energia-aceptar:before { content: "\ee2c"; } .bi-icons-energia-rechazar:before { content: "\ee2d"; } .bi-icons-energia-agregar:before { content: "\ee2e"; } .bi-icons-energia-izquierda:before { content: "\ee2f"; } .bi-icons-energia-derecha:before { content: "\ee30"; } .bi-icons-energia-arriba:before { content: "\ee31"; } .bi-icons-energia-abajo:before { content: "\ee32"; } .bi-icons-energia-ajustes:before { content: "\ee33"; } .bi-icons-energia-basurero:before { content: "\ee34"; } .bi-icons-energia-notificacion:before { content: "\ee35"; } .bi-icons-energia-bloqueado:before { content: "\ee36"; } .bi-icons-energia-desbloqueado:before { content: "\ee37"; } .bi-icons-energia-tarjeta:before { content: "\ee38"; } .bi-icons-energia-efectivo:before { content: "\ee39"; } .bi-icons-energia-monedas:before { content: "\ee3a"; } .bi-icons-energia-cheque:before { content: "\ee3b"; } .bi-icons-energia-usuario:before { content: "\ee3c"; } .bi-icons-energia-buscar:before { content: "\ee3d"; } .bi-icons-energia-internacional:before { content: "\ee3e"; } .bi-icons-energia-archivo:before { content: "\ee3f"; } .bi-icons-energia-documento:before { content: "\ee40"; } .bi-icons-energia-celular:before { content: "\ee41"; } .bi-icons-energia-laptop:before { content: "\ee42"; } .bi-icons-energia-computadora:before { content: "\ee43"; } .bi-icons-energia-impresora:before { content: "\ee44"; } .bi-icons-energia-token:before { content: "\ee45"; } .bi-icons-energia-correo:before { content: "\ee46"; } .bi-icons-energia-favoritos:before { content: "\ee47"; } .bi-icons-energia-reloj:before { content: "\ee48"; } .bi-icons-energia-calendario:before { content: "\ee49"; } .bi-icons-energia-compras:before { content: "\ee4a"; } .bi-icons-energia-luz:before { content: "\ee4b"; } .bi-icons-energia-qr:before { content: "\ee4c"; } .bi-icons-energia-auriculares:before { content: "\ee4d"; } .bi-icons-energia-editar:before { content: "\ee4e"; } .bi-icons-energia-cargar:before { content: "\ee4f"; } .bi-icons-energia-descargar:before { content: "\ee50"; } .bi-icons-energia-opciones:before { content: "\ee51"; } .bi-icons-energia-enlace:before { content: "\ee52"; } .bi-icons-energia-guardar:before { content: "\ee53"; } .bi-icons-energia-telefono:before { content: "\ee54"; } .bi-icons-energia-id:before { content: "\ee55"; } .bi-icons-energia-microfono:before { content: "\ee56"; } .bi-icons-energia-ubicacion:before { content: "\ee57"; } .bi-icons-energia-quetzal:before { content: "\ee58"; } .bi-icons-energia-lempira:before { content: "\ee59"; } .bi-icons-energia-dolar:before { content: "\ee5a"; } .bi-icons-energia-euro:before { content: "\ee5b"; } .bi-icons-energia-boleto:before { content: "\ee5c"; } .bi-icons-energia-banco:before { content: "\ee5d"; } .bi-icons-energia-calculadora:before { content: "\ee5e"; } .bi-icons-energia-mensaje:before { content: "\ee5f"; } .bi-icons-energia-web:before { content: "\ee60"; } .bi-icons-seguro:before { content: "\ee61"; } .bi-icons-seguro-aceptar:before { content: "\ee62"; } .bi-icons-seguro-rechazar:before { content: "\ee63"; } .bi-icons-seguro-agregar:before { content: "\ee64"; } .bi-icons-seguro-izquierda:before { content: "\ee65"; } .bi-icons-seguro-derecha:before { content: "\ee66"; } .bi-icons-seguro-arriba:before { content: "\ee67"; } .bi-icons-seguro-abajo:before { content: "\ee68"; } .bi-icons-seguro-ajustes:before { content: "\ee69"; } .bi-icons-seguro-basurero:before { content: "\ee6a"; } .bi-icons-seguro-notificacion:before { content: "\ee6b"; } .bi-icons-seguro-bloqueado:before { content: "\ee6c"; } .bi-icons-seguro-desbloqueado:before { content: "\ee6d"; } .bi-icons-seguro-tarjeta:before { content: "\ee6e"; } .bi-icons-seguro-efectivo:before { content: "\ee6f"; } .bi-icons-seguro-monedas:before { content: "\ee70"; } .bi-icons-seguro-cheque:before { content: "\ee71"; } .bi-icons-seguro-usuario:before { content: "\ee72"; } .bi-icons-seguro-buscar:before { content: "\ee73"; } .bi-icons-seguro-internacional:before { content: "\ee74"; } .bi-icons-seguro-archivo:before { content: "\ee75"; } .bi-icons-seguro-documento:before { content: "\ee76"; } .bi-icons-seguro-celular:before { content: "\ee77"; } .bi-icons-seguro-laptop:before { content: "\ee78"; } .bi-icons-seguro-computadora:before { content: "\ee79"; } .bi-icons-seguro-impresora:before { content: "\ee7a"; } .bi-icons-seguro-token:before { content: "\ee7b"; } .bi-icons-seguro-correo:before { content: "\ee7c"; } .bi-icons-seguro-favorito:before { content: "\ee7d"; } .bi-icons-seguro-reloj:before { content: "\ee7e"; } .bi-icons-seguro-calendario:before { content: "\ee7f"; } .bi-icons-seguro-compras:before { content: "\ee80"; } .bi-icons-seguro-luz:before { content: "\ee81"; } .bi-icons-seguro-energia:before { content: "\ee82"; } .bi-icons-seguro-qr:before { content: "\ee83"; } .bi-icons-seguro-auriculares:before { content: "\ee84"; } .bi-icons-seguro-regalo:before { content: "\ee85"; } .bi-icons-seguro-editar:before { content: "\ee86"; } .bi-icons-seguro-cargar:before { content: "\ee87"; } .bi-icons-seguro-descargar:before { content: "\ee88"; } .bi-icons-seguro-opciones:before { content: "\ee89"; } .bi-icons-seguro-enlace:before { content: "\ee8a"; } .bi-icons-seguro-guardar:before { content: "\ee8b"; } .bi-icons-seguro-telefono:before { content: "\ee8c"; } .bi-icons-seguro-id:before { content: "\ee8d"; } .bi-icons-seguro-quetzal:before { content: "\ee8e"; } .bi-icons-seguro-lempira:before { content: "\ee8f"; } .bi-icons-seguro-dolar:before { content: "\ee90"; } .bi-icons-seguro-euro:before { content: "\ee91"; } .bi-icons-seguro-boleto:before { content: "\ee92"; } .bi-icons-seguro-banco:before { content: "\ee93"; } .bi-icons-seguro-calculadora:before { content: "\ee94"; } .bi-icons-seguro-mensaje:before { content: "\ee95"; } .bi-icons-seguro-web:before { content: "\ee96"; } .bi-icons-seguro-amor:before { content: "\ee97"; } .bi-icons-seguro-muerte:before { content: "\ee98"; } .bi-icons-seguro-cirugia:before { content: "\ee99"; } .bi-icons-seguro-cancer:before { content: "\ee9a"; } .bi-icons-seguro-motocicleta:before { content: "\ee9b"; } .bi-icons-seguro-carro:before { content: "\ee9c"; } .bi-icons-seguro-tienda:before { content: "\ee9d"; } .bi-icons-carro:before { content: "\ee9e"; } .bi-icons-carro-aceptar:before { content: "\ee9f"; } .bi-icons-carro-rechazar:before { content: "\eea0"; } .bi-icons-carro-agregar:before { content: "\eea1"; } .bi-icons-carro-izquierda:before { content: "\eea2"; } .bi-icons-carro-derecha:before { content: "\eea3"; } .bi-icons-carro-arriba:before { content: "\eea4"; } .bi-icons-carro-abajo:before { content: "\eea5"; } .bi-icons-carro-ajustes:before { content: "\eea6"; } .bi-icons-carro-basurero:before { content: "\eea7"; } .bi-icons-carro-notificacion:before { content: "\eea8"; } .bi-icons-carro-bloqueado:before { content: "\eea9"; } .bi-icons-carro-desbloqueado:before { content: "\eeaa"; } .bi-icons-carro-tarjeta:before { content: "\eeab"; } .bi-icons-carro-efectivo:before { content: "\eeac"; } .bi-icons-carro-monedas:before { content: "\eead"; } .bi-icons-carro-cheque:before { content: "\eeae"; } .bi-icons-carro-usuario:before { content: "\eeaf"; } .bi-icons-carro-buscar:before { content: "\eeb0"; } .bi-icons-carro-internacional:before { content: "\eeb1"; } .bi-icons-carro-archivo:before { content: "\eeb2"; } .bi-icons-carro-documento:before { content: "\eeb3"; } .bi-icons-carro-token:before { content: "\eeb4"; } .bi-icons-carro-correo:before { content: "\eeb5"; } .bi-icons-carro-favorito:before { content: "\eeb6"; } .bi-icons-carro-reloj:before { content: "\eeb7"; } .bi-icons-carro-calendario:before { content: "\eeb8"; } .bi-icons-carro-compra:before { content: "\eeb9"; } .bi-icons-carro-energia:before { content: "\eeba"; } .bi-icons-carro-qr:before { content: "\eebb"; } .bi-icons-carro-regalo:before { content: "\eebc"; } .bi-icons-carro-editar:before { content: "\eebd"; } .bi-icons-carro-enlace:before { content: "\eebe"; } .bi-icons-carro-guardar:before { content: "\eebf"; } .bi-icons-carro-telefono:before { content: "\eec0"; } .bi-icons-carro-id:before { content: "\eec1"; } .bi-icons-carro-ubicacion:before { content: "\eec2"; } .bi-icons-carro-quetzal:before { content: "\eec3"; } .bi-icons-carro-lempira:before { content: "\eec4"; } .bi-icons-carro-dolar:before { content: "\eec5"; } .bi-icons-carro-euro:before { content: "\eec6"; } .bi-icons-carro-boleto:before { content: "\eec7"; } .bi-icons-carro-banco:before { content: "\eec8"; } .bi-icons-carro-calculadora:before { content: "\eec9"; } .bi-icons-carro-web:before { content: "\eeca"; } .bi-icons-carro-amor:before { content: "\eecb"; } .bi-icons-carro-seguro:before { content: "\eecc"; } .bi-icons-carro-seguro-aprobado:before { content: "\eecd"; } .bi-icons-carro-seguro-rechazado:before { content: "\eece"; } .bi-icons-casa:before { content: "\eecf"; } .bi-icons-casa-aceptar:before { content: "\eed0"; } .bi-icons-casa-rechazar:before { content: "\eed1"; } .bi-icons-casa-agregar:before { content: "\eed2"; } .bi-icons-casa-izquierda:before { content: "\eed3"; } .bi-icons-casa-derecha:before { content: "\eed4"; } .bi-icons-casa-arriba:before { content: "\eed5"; } .bi-icons-casa-abajo:before { content: "\eed6"; } .bi-icons-casa-ajustes:before { content: "\eed7"; } .bi-icons-casa-basurero:before { content: "\eed8"; } .bi-icons-casa-notificacion:before { content: "\eed9"; } .bi-icons-casa-bloqueado:before { content: "\eeda"; } .bi-icons-casa-desbloqueado:before { content: "\eedb"; } .bi-icons-casa-tarjeta:before { content: "\eedc"; } .bi-icons-casa-efectivo:before { content: "\eedd"; } .bi-icons-casa-monedas:before { content: "\eede"; } .bi-icons-casa-cheque:before { content: "\eedf"; } .bi-icons-casa-usuario:before { content: "\eee0"; } .bi-icons-casa-buscar:before { content: "\eee1"; } .bi-icons-casa-internacional:before { content: "\eee2"; } .bi-icons-casa-archivo:before { content: "\eee3"; } .bi-icons-casa-documento:before { content: "\eee4"; } .bi-icons-casa-celular:before { content: "\eee5"; } .bi-icons-casa-laptop:before { content: "\eee6"; } .bi-icons-casa-computadora:before { content: "\eee7"; } .bi-icons-casa-impresora:before { content: "\eee8"; } .bi-icons-casa-token:before { content: "\eee9"; } .bi-icons-casa-correo:before { content: "\eeea"; } .bi-icons-casa-favorito:before { content: "\eeeb"; } .bi-icons-casa-reloj:before { content: "\eeec"; } .bi-icons-casa-calendario:before { content: "\eeed"; } .bi-icons-casa-compras:before { content: "\eeee"; } .bi-icons-casa-luz:before { content: "\eeef"; } .bi-icons-casa-energia:before { content: "\eef0"; } .bi-icons-casa-qr:before { content: "\eef1"; } .bi-icons-casa-auriculares:before { content: "\eef2"; } .bi-icons-casa-regalo:before { content: "\eef3"; } .bi-icons-casa-editar:before { content: "\eef4"; } .bi-icons-casa-cargar:before { content: "\eef5"; } .bi-icons-casa-descargar:before { content: "\eef6"; } .bi-icons-casa-opciones:before { content: "\eef7"; } .bi-icons-casa-enlace:before { content: "\eef8"; } .bi-icons-casa-guardar:before { content: "\eef9"; } .bi-icons-casa-telefono:before { content: "\eefa"; } .bi-icons-casa-id:before { content: "\eefb"; } .bi-icons-casa-microfono:before { content: "\eefc"; } .bi-icons-casa-ubicacion:before { content: "\eefd"; } .bi-icons-casa-quetzal:before { content: "\eefe"; } .bi-icons-casa-lempira:before { content: "\eeff"; } .bi-icons-casa-dolar:before { content: "\ef00"; } .bi-icons-casa-euro:before { content: "\ef01"; } .bi-icons-casa-boleto:before { content: "\ef02"; } .bi-icons-casa-banco:before { content: "\ef03"; } .bi-icons-casa-calculadora:before { content: "\ef04"; } .bi-icons-casa-mensaje:before { content: "\ef05"; } .bi-icons-casa-web:before { content: "\ef06"; } .bi-icons-muerte:before { content: "\ef07"; } .bi-icons-choque:before { content: "\ef08"; } .bi-icons-juez:before { content: "\ef09"; } .bi-icons-edificio:before { content: "\ef0a"; } .bi-icons-edificio-aceptar:before { content: "\ef0b"; } .bi-icons-edificio-rechazar:before { content: "\ef0c"; } .bi-icons-edificio-agregar:before { content: "\ef0d"; } .bi-icons-edificio-izquierda:before { content: "\ef0e"; } .bi-icons-edificio-derecha:before { content: "\ef0f"; } .bi-icons-edificio-arriba:before { content: "\ef10"; } .bi-icons-edificio-abajo:before { content: "\ef11"; } .bi-icons-edificio-ajustes:before { content: "\ef12"; } .bi-icons-edificio-basurero:before { content: "\ef13"; } .bi-icons-edificio-notificacion:before { content: "\ef14"; } .bi-icons-edificio-bloqueado:before { content: "\ef15"; } .bi-icons-edificio-desbloqueado:before { content: "\ef16"; } .bi-icons-edificio-tarjeta:before { content: "\ef17"; } .bi-icons-edificio-efectivo:before { content: "\ef18"; } .bi-icons-edificio-monedas:before { content: "\ef19"; } .bi-icons-edificio-cheque:before { content: "\ef1a"; } .bi-icons-edificio-usuario:before { content: "\ef1b"; } .bi-icons-edificio-buscar:before { content: "\ef1c"; } .bi-icons-edificio-internacional:before { content: "\ef1d"; } .bi-icons-edificio-archivo:before { content: "\ef1e"; } .bi-icons-edificio-documento:before { content: "\ef1f"; } .bi-icons-edificio-celular:before { content: "\ef20"; } .bi-icons-edificio-laptop:before { content: "\ef21"; } .bi-icons-edificio-computadora:before { content: "\ef22"; } .bi-icons-edificio-impresora:before { content: "\ef23"; } .bi-icons-edificio-token:before { content: "\ef24"; } .bi-icons-edificio-correo:before { content: "\ef25"; } .bi-icons-edificio-favorito:before { content: "\ef26"; } .bi-icons-edificio-reloj:before { content: "\ef27"; } .bi-icons-edificio-calendario:before { content: "\ef28"; } .bi-icons-edificio-compras:before { content: "\ef29"; } .bi-icons-edificio-luz:before { content: "\ef2a"; } .bi-icons-edificio-energia:before { content: "\ef2b"; } .bi-icons-edificio-qr:before { content: "\ef2c"; } .bi-icons-edificio-auriculares:before { content: "\ef2d"; } .bi-icons-edificio-regalo:before { content: "\ef2e"; } .bi-icons-edificio-editar:before { content: "\ef2f"; } .bi-icons-edificio-cargar:before { content: "\ef30"; } .bi-icons-edificio-descargar:before { content: "\ef31"; } .bi-icons-edificio-opciones:before { content: "\ef32"; } .bi-icons-edificio-enlace:before { content: "\ef33"; } .bi-icons-edificio-guardar:before { content: "\ef34"; } .bi-icons-edificio-telefono:before { content: "\ef35"; } .bi-icons-edificio-id:before { content: "\ef36"; } .bi-icons-edificio-microfono:before { content: "\ef37"; } .bi-icons-edificio-ubicacion:before { content: "\ef38"; } .bi-icons-edificio-quetzal:before { content: "\ef39"; } .bi-icons-edificio-lempira:before { content: "\ef3a"; } .bi-icons-edificio-dolar:before { content: "\ef3b"; } .bi-icons-edificio-euro:before { content: "\ef3c"; } .bi-icons-edificio-boleto:before { content: "\ef3d"; } .bi-icons-edificio-banco:before { content: "\ef3e"; } .bi-icons-edificio-calculadora:before { content: "\ef3f"; } .bi-icons-edificio-mensaje:before { content: "\ef40"; } .bi-icons-edificio-web:before { content: "\ef41"; } .bi-icons-edificio-seguro:before { content: "\ef42"; } .bi-icons-maletin:before { content: "\ef43"; } .bi-icons-maletin-aceptar:before { content: "\ef44"; } .bi-icons-maletin-rechazar:before { content: "\ef45"; } .bi-icons-maletin-agregar:before { content: "\ef46"; } .bi-icons-maletin-izquierda:before { content: "\ef47"; } .bi-icons-maletin-derecha:before { content: "\ef48"; } .bi-icons-maletin-arriba:before { content: "\ef49"; } .bi-icons-maletin-abajo:before { content: "\ef4a"; } .bi-icons-maletin-ajustes:before { content: "\ef4b"; } .bi-icons-maletin-basurero:before { content: "\ef4c"; } .bi-icons-maletin-notificacion:before { content: "\ef4d"; } .bi-icons-maletin-bloqueado:before { content: "\ef4e"; } .bi-icons-maletin-desbloqueado:before { content: "\ef4f"; } .bi-icons-maletin-tarjeta:before { content: "\ef50"; } .bi-icons-maletin-efectivo:before { content: "\ef51"; } .bi-icons-maletin-monedas:before { content: "\ef52"; } .bi-icons-maletin-cheque:before { content: "\ef53"; } .bi-icons-maletin-usuario:before { content: "\ef54"; } .bi-icons-maletin-buscar:before { content: "\ef55"; } .bi-icons-maletin-internacional:before { content: "\ef56"; } .bi-icons-maletin-archivo:before { content: "\ef57"; } .bi-icons-maletin-documento:before { content: "\ef58"; } .bi-icons-maletin-celular:before { content: "\ef59"; } .bi-icons-maletin-laptop:before { content: "\ef5a"; } .bi-icons-maletin-computadora:before { content: "\ef5b"; } .bi-icons-maletin-impresora:before { content: "\ef5c"; } .bi-icons-maletin-token:before { content: "\ef5d"; } .bi-icons-maletin-correo:before { content: "\ef5e"; } .bi-icons-maletin-favorito:before { content: "\ef5f"; } .bi-icons-maletin-reloj:before { content: "\ef60"; } .bi-icons-maletin-calendario:before { content: "\ef61"; } .bi-icons-maletin-compras:before { content: "\ef62"; } .bi-icons-maletin-luz:before { content: "\ef63"; } .bi-icons-maletin-energia:before { content: "\ef64"; } .bi-icons-maletin-qr:before { content: "\ef65"; } .bi-icons-maletin-auriculares:before { content: "\ef66"; } .bi-icons-maletin-regalo:before { content: "\ef67"; } .bi-icons-maletin-editar:before { content: "\ef68"; } .bi-icons-maletin-cargar:before { content: "\ef69"; } .bi-icons-maletin-descargar:before { content: "\ef6a"; } .bi-icons-maletin-opciones:before { content: "\ef6b"; } .bi-icons-maletin-enlace:before { content: "\ef6c"; } .bi-icons-maletin-guardar:before { content: "\ef6d"; } .bi-icons-maletin-telefono:before { content: "\ef6e"; } .bi-icons-maletin-id:before { content: "\ef6f"; } .bi-icons-maletin-microfono:before { content: "\ef70"; } .bi-icons-maletin-ubicacion:before { content: "\ef71"; } .bi-icons-maletin-quetzal:before { content: "\ef72"; } .bi-icons-maletin-lempira:before { content: "\ef73"; } .bi-icons-maletin-dolar:before { content: "\ef74"; } .bi-icons-maletin-euro:before { content: "\ef75"; } .bi-icons-maletin-boleto:before { content: "\ef76"; } .bi-icons-maletin-banco:before { content: "\ef77"; } .bi-icons-maletin-calculadora:before { content: "\ef78"; } .bi-icons-maletin-mensaje:before { content: "\ef79"; } .bi-icons-maletin-web:before { content: "\ef7a"; } .bi-icons-hospital:before { content: "\ef7b"; } .bi-icons-hospital-aceptar:before { content: "\ef7c"; } .bi-icons-hospital-rechazar:before { content: "\ef7d"; } .bi-icons-hospital-agregar:before { content: "\ef7e"; } .bi-icons-hospital-izquierda:before { content: "\ef7f"; } .bi-icons-hospital-derecha:before { content: "\ef80"; } .bi-icons-hospital-arriba:before { content: "\ef81"; } .bi-icons-hospital-abajo:before { content: "\ef82"; } .bi-icons-hospital-ajustes:before { content: "\ef83"; } .bi-icons-hospital-basurero:before { content: "\ef84"; } .bi-icons-hospital-notificacion:before { content: "\ef85"; } .bi-icons-hospital-bloqueado:before { content: "\ef86"; } .bi-icons-hospital-desbloqueado:before { content: "\ef87"; } .bi-icons-hospital-tarjeta:before { content: "\ef88"; } .bi-icons-hospital-efectivo:before { content: "\ef89"; } .bi-icons-hospital-monedas:before { content: "\ef8a"; } .bi-icons-hospital-cheque:before { content: "\ef8b"; } .bi-icons-hospital-usuario:before { content: "\ef8c"; } .bi-icons-hospital-buscar:before { content: "\ef8d"; } .bi-icons-hospital-internacional:before { content: "\ef8e"; } .bi-icons-hospital-archivo:before { content: "\ef8f"; } .bi-icons-hospital-documento:before { content: "\ef90"; } .bi-icons-hospital-celular:before { content: "\ef91"; } .bi-icons-hospital-laptop:before { content: "\ef92"; } .bi-icons-hospital-computadora:before { content: "\ef93"; } .bi-icons-hospital-impresora:before { content: "\ef94"; } .bi-icons-hospital-token:before { content: "\ef95"; } .bi-icons-hospital-correo:before { content: "\ef96"; } .bi-icons-hospital-favorito:before { content: "\ef97"; } .bi-icons-hospital-reloj:before { content: "\ef98"; } .bi-icons-hospital-calendario:before { content: "\ef99"; } .bi-icons-hospital-compras:before { content: "\ef9a"; } .bi-icons-hospital-luz:before { content: "\ef9b"; } .bi-icons-hospital-energia:before { content: "\ef9c"; } .bi-icons-hospital-qr:before { content: "\ef9d"; } .bi-icons-hospital-auriculares:before { content: "\ef9e"; } .bi-icons-hospital-regalo:before { content: "\ef9f"; } .bi-icons-hospital-editar:before { content: "\efa0"; } .bi-icons-hospital-cargar:before { content: "\efa1"; } .bi-icons-hospital-descargar:before { content: "\efa2"; } .bi-icons-hospital-opciones:before { content: "\efa3"; } .bi-icons-hospital-enlace:before { content: "\efa4"; } .bi-icons-hospital-guardar:before { content: "\efa5"; } .bi-icons-hospital-telefono:before { content: "\efa6"; } .bi-icons-hospital-id:before { content: "\efa7"; } .bi-icons-hospital-microfono:before { content: "\efa8"; } .bi-icons-hospital-ubicacion:before { content: "\efa9"; } .bi-icons-hospital-quetzal:before { content: "\efaa"; } .bi-icons-hospital-lempira:before { content: "\efab"; } .bi-icons-hospital-dolar:before { content: "\efac"; } .bi-icons-hospital-euro:before { content: "\efad"; } .bi-icons-hospital-boleto:before { content: "\efae"; } .bi-icons-hospital-banco:before { content: "\efaf"; } .bi-icons-hospital-calculadora:before { content: "\efb0"; } .bi-icons-hospital-mensaje:before { content: "\efb1"; } .bi-icons-hospital-web:before { content: "\efb2"; } .bi-icons-hospital-amor:before { content: "\efb3"; } .bi-icons-hospital-seguro:before { content: "\efb4"; } .bi-icons-hospital-seguro-aprobado:before { content: "\efb5"; } .bi-icons-hospital-seguro-rechazado:before { content: "\efb6"; } .bi-icons-tienda:before { content: "\efb7"; } .bi-icons-tienda-efectivo:before { content: "\efb8"; } .bi-icons-tienda-tarjeta:before { content: "\efb9"; } .bi-icons-tienda-usuario:before { content: "\efba"; } .bi-icons-tienda-compras:before { content: "\efbb"; } .bi-icons-tienda-carro:before { content: "\efbc"; } .bi-icons-tienda-seguro:before { content: "\efbd"; } .bi-icons-agenda:before { content: "\efbe"; } .bi-icons-agenda-aceptar:before { content: "\efbf"; } .bi-icons-agenda-rechazar:before { content: "\efc0"; } .bi-icons-agenda-agregar:before { content: "\efc1"; } .bi-icons-agenda-izquierda:before { content: "\efc2"; } .bi-icons-agenda-derecha:before { content: "\efc3"; } .bi-icons-agenda-arriba:before { content: "\efc4"; } .bi-icons-agenda-abajo:before { content: "\efc5"; } .bi-icons-agenda-ajustes:before { content: "\efc6"; } .bi-icons-agenda-basurero:before { content: "\efc7"; } .bi-icons-agenda-notificacion:before { content: "\efc8"; } .bi-icons-agenda-bloquear:before { content: "\efc9"; } .bi-icons-agenda-desbloquear:before { content: "\efca"; } .bi-icons-agenda-tarjeta:before { content: "\efcb"; } .bi-icons-agenda-efectivo:before { content: "\efcc"; } .bi-icons-agenda-monedas:before { content: "\efcd"; } .bi-icons-agenda-cheque:before { content: "\efce"; } .bi-icons-agenda-usuario:before { content: "\efcf"; } .bi-icons-agenda-buscar:before { content: "\efd0"; } .bi-icons-agenda-internacional:before { content: "\efd1"; } .bi-icons-agenda-archivo:before { content: "\efd2"; } .bi-icons-agenda-documento:before { content: "\efd3"; } .bi-icons-agenda-token:before { content: "\efd4"; } .bi-icons-agenda-correo:before { content: "\efd5"; } .bi-icons-agenda-favorito:before { content: "\efd6"; } .bi-icons-agenda-reloj:before { content: "\efd7"; } .bi-icons-agenda-calendario:before { content: "\efd8"; } .bi-icons-agenda-compra:before { content: "\efd9"; } .bi-icons-agenda-editar:before { content: "\efda"; } .bi-icons-agenda-cargar:before { content: "\efdb"; } .bi-icons-agenda-descargar:before { content: "\efdc"; } .bi-icons-agenda-opciones:before { content: "\efdd"; } .bi-icons-agenda-enlace:before { content: "\efde"; } .bi-icons-agenda-telefono:before { content: "\efdf"; } .bi-icons-agenda-id:before { content: "\efe0"; } .bi-icons-agenda-ubicacion:before { content: "\efe1"; } .bi-icons-agenda-quetzal:before { content: "\efe2"; } .bi-icons-agenda-lempira:before { content: "\efe3"; } .bi-icons-agenda-dolar:before { content: "\efe4"; } .bi-icons-agenda-euro:before { content: "\efe5"; } .bi-icons-agenda-boleto:before { content: "\efe6"; } .bi-icons-agenda-banco:before { content: "\efe7"; } .bi-icons-calendario:before { content: "\efe8"; } .bi-icons-calendario-aceptar:before { content: "\efe9"; } .bi-icons-calendario-rechazar:before { content: "\efea"; } .bi-icons-calendario-agregar:before { content: "\efeb"; } .bi-icons-calendario-izquierda:before { content: "\efec"; } .bi-icons-calendario-derecha:before { content: "\efed"; } .bi-icons-calendario-arriba:before { content: "\efee"; } .bi-icons-calendario-abajo:before { content: "\efef"; } .bi-icons-calendario-ajustes:before { content: "\eff0"; } .bi-icons-calendario-basurero:before { content: "\eff1"; } .bi-icons-calendario-notificacion:before { content: "\eff2"; } .bi-icons-calendario-bloqueado:before { content: "\eff3"; } .bi-icons-calendario-desbloqueado:before { content: "\eff4"; } .bi-icons-calendario-tarjeta:before { content: "\eff5"; } .bi-icons-calendario-efectivo:before { content: "\eff6"; } .bi-icons-calendario-monedas:before { content: "\eff7"; } .bi-icons-calendario-cheque:before { content: "\eff8"; } .bi-icons-calendario-usuario:before { content: "\eff9"; } .bi-icons-calendario-buscar:before { content: "\effa"; } .bi-icons-calendario-archivo:before { content: "\effb"; } .bi-icons-calendario-documento:before { content: "\effc"; } .bi-icons-calendario-reloj:before { content: "\effd"; } .bi-icons-calendario-compras:before { content: "\effe"; } .bi-icons-calendario-luz:before { content: "\efff"; } .bi-icons-calendario-energia:before { content: "\f000"; } .bi-icons-calendario-qr:before { content: "\f001"; } .bi-icons-calendario-regalo:before { content: "\f002"; } .bi-icons-calendario-editar:before { content: "\f003"; } .bi-icons-calendario-boleto:before { content: "\f004"; } .bi-icons-calendario-regresar:before { content: "\f005"; } .bi-icons-documento:before { content: "\f006"; } .bi-icons-documento-aceptar:before { content: "\f007"; } .bi-icons-documento-rechazar:before { content: "\f008"; } .bi-icons-documento-agregar:before { content: "\f009"; } .bi-icons-documento-izquierda:before { content: "\f00a"; } .bi-icons-documento-derecha:before { content: "\f00b"; } .bi-icons-documento-arriba:before { content: "\f00c"; } .bi-icons-documento-abajo:before { content: "\f00d"; } .bi-icons-documento-ajustes:before { content: "\f00e"; } .bi-icons-documento-basurero:before { content: "\f00f"; } .bi-icons-documento-notificacion:before { content: "\f010"; } .bi-icons-documento-bloqueado:before { content: "\f011"; } .bi-icons-documento-desbloqueado:before { content: "\f012"; } .bi-icons-documento-tarjeta:before { content: "\f013"; } .bi-icons-documento-efectivo:before { content: "\f014"; } .bi-icons-documento-monedas:before { content: "\f015"; } .bi-icons-documento-cheque:before { content: "\f016"; } .bi-icons-documento-usuario:before { content: "\f017"; } .bi-icons-documento-buscar:before { content: "\f018"; } .bi-icons-documento-internacional:before { content: "\f019"; } .bi-icons-documento-archivo:before { content: "\f01a"; } .bi-icons-documento-celular:before { content: "\f01b"; } .bi-icons-documento-laptop:before { content: "\f01c"; } .bi-icons-documento-computadora:before { content: "\f01d"; } .bi-icons-documento-impresora:before { content: "\f01e"; } .bi-icons-documento-token:before { content: "\f01f"; } .bi-icons-documento-correo:before { content: "\f020"; } .bi-icons-documento-favorito:before { content: "\f021"; } .bi-icons-documento-reloj:before { content: "\f022"; } .bi-icons-documento-calendario:before { content: "\f023"; } .bi-icons-documento-compras:before { content: "\f024"; } .bi-icons-documento-luz:before { content: "\f025"; } .bi-icons-documento-energia:before { content: "\f026"; } .bi-icons-documento-qr:before { content: "\f027"; } .bi-icons-documento-regalo:before { content: "\f028"; } .bi-icons-documento-editar:before { content: "\f029"; } .bi-icons-documento-cargar:before { content: "\f02a"; } .bi-icons-documento-descargar:before { content: "\f02b"; } .bi-icons-documento-opciones:before { content: "\f02c"; } .bi-icons-documento-enlace:before { content: "\f02d"; } .bi-icons-documento-guardar:before { content: "\f02e"; } .bi-icons-documento-id:before { content: "\f02f"; } .bi-icons-documento-microfono:before { content: "\f030"; } .bi-icons-documento-quetzal:before { content: "\f031"; } .bi-icons-documento-lempira:before { content: "\f032"; } .bi-icons-documento-dolar:before { content: "\f033"; } .bi-icons-documento-euro:before { content: "\f034"; } .bi-icons-documento-boleto:before { content: "\f035"; } .bi-icons-documento-banco:before { content: "\f036"; } .bi-icons-documento-calculadora:before { content: "\f037"; } .bi-icons-archivo:before { content: "\f038"; } .bi-icons-archivo-aceptar:before { content: "\f039"; } .bi-icons-archivo-rechazar:before { content: "\f03a"; } .bi-icons-archivo-agregar:before { content: "\f03b"; } .bi-icons-archivo-izquierda:before { content: "\f03c"; } .bi-icons-archivo-derecha:before { content: "\f03d"; } .bi-icons-archivo-arriba:before { content: "\f03e"; } .bi-icons-archivo-abajo:before { content: "\f03f"; } .bi-icons-archivo-ajustes:before { content: "\f040"; } .bi-icons-archivo-basurero:before { content: "\f041"; } .bi-icons-archivo-notificacion:before { content: "\f042"; } .bi-icons-archivo-bloqueado:before { content: "\f043"; } .bi-icons-archivo-desbloqueado:before { content: "\f044"; } .bi-icons-archivo-tarjeta:before { content: "\f045"; } .bi-icons-archivo-efectivo:before { content: "\f046"; } .bi-icons-archivo-monedas:before { content: "\f047"; } .bi-icons-archivo-cheque:before { content: "\f048"; } .bi-icons-archivo-usuario:before { content: "\f049"; } .bi-icons-archivo-buscar:before { content: "\f04a"; } .bi-icons-archivo-internacional:before { content: "\f04b"; } .bi-icons-archivo-documento:before { content: "\f04c"; } .bi-icons-archivo-celular:before { content: "\f04d"; } .bi-icons-archivo-laptop:before { content: "\f04e"; } .bi-icons-archivo-computadora:before { content: "\f04f"; } .bi-icons-archivo-impresora:before { content: "\f050"; } .bi-icons-archivo-token:before { content: "\f051"; } .bi-icons-archivo-correo:before { content: "\f052"; } .bi-icons-archivo-favorito:before { content: "\f053"; } .bi-icons-archivo-reloj:before { content: "\f054"; } .bi-icons-archivo-calendario:before { content: "\f055"; } .bi-icons-archivo-compras:before { content: "\f056"; } .bi-icons-archivo-luz:before { content: "\f057"; } .bi-icons-archivo-energia:before { content: "\f058"; } .bi-icons-archivo-qr:before { content: "\f059"; } .bi-icons-archivo-regalo:before { content: "\f05a"; } .bi-icons-archivo-editar:before { content: "\f05b"; } .bi-icons-archivo-cargar:before { content: "\f05c"; } .bi-icons-archivo-descargar:before { content: "\f05d"; } .bi-icons-archivo-opciones:before { content: "\f05e"; } .bi-icons-archivo-enlace:before { content: "\f05f"; } .bi-icons-archivo-guardar:before { content: "\f060"; } .bi-icons-archivo-id:before { content: "\f061"; } .bi-icons-archivo-ubicacion:before { content: "\f062"; } .bi-icons-archivo-quetzal:before { content: "\f063"; } .bi-icons-archivo-lempira:before { content: "\f064"; } .bi-icons-archivo-dolar:before { content: "\f065"; } .bi-icons-archivo-euro:before { content: "\f066"; } .bi-icons-archivo-boleto:before { content: "\f067"; } .bi-icons-archivo-banco:before { content: "\f068"; } .bi-icons-archivo-calculadora:before { content: "\f069"; } .bi-icons-lista:before { content: "\f06a"; } .bi-icons-lista-agregar:before { content: "\f06b"; } .bi-icons-lista-izquierda:before { content: "\f06c"; } .bi-icons-lista-derecha:before { content: "\f06d"; } .bi-icons-lista-arriba:before { content: "\f06e"; } .bi-icons-lista-abajo:before { content: "\f06f"; } .bi-icons-lista-usuario:before { content: "\f070"; } .bi-icons-lista-buscar:before { content: "\f071"; } .bi-icons-lista-compras:before { content: "\f072"; } .bi-icons-lista-cargar:before { content: "\f073"; } .bi-icons-lista-descargar:before { content: "\f074"; } .bi-icons-lista-opciones:before { content: "\f075"; } .bi-icons-lista-enlace:before { content: "\f076"; } .bi-icons-lista-boleto:before { content: "\f077"; } .bi-icons-lista-banco:before { content: "\f078"; } .bi-icons-caja:before { content: "\f079"; } .bi-icons-caja-producto:before { content: "\f07a"; } .bi-icons-word:before { content: "\f07b"; } .bi-icons-excel:before { content: "\f07c"; } .bi-icons-pdf:before { content: "\f07d"; } .bi-icons-internacional:before { content: "\f07e"; } .bi-icons-internacional-aceptar:before { content: "\f07f"; } .bi-icons-internacional-rechazar:before { content: "\f080"; } .bi-icons-internacional-agregar:before { content: "\f081"; } .bi-icons-internacional-izquierda:before { content: "\f082"; } .bi-icons-internacional-derecha:before { content: "\f083"; } .bi-icons-internacional-arriba:before { content: "\f084"; } .bi-icons-internacional-abajo:before { content: "\f085"; } .bi-icons-internacional-ajustes:before { content: "\f086"; } .bi-icons-internacional-basurero:before { content: "\f087"; } .bi-icons-internacional-notificacion:before { content: "\f088"; } .bi-icons-internacional-bloqueado:before { content: "\f089"; } .bi-icons-internacional-desbloqueado:before { content: "\f08a"; } .bi-icons-internacional-tarjeta:before { content: "\f08b"; } .bi-icons-internacional-efectivo:before { content: "\f08c"; } .bi-icons-internacional-monedas:before { content: "\f08d"; } .bi-icons-internacional-cheque:before { content: "\f08e"; } .bi-icons-internacional-usuario:before { content: "\f08f"; } .bi-icons-internacional-buscar:before { content: "\f090"; } .bi-icons-internacional-archivo:before { content: "\f091"; } .bi-icons-internacional-documento:before { content: "\f092"; } .bi-icons-internacional-celular:before { content: "\f093"; } .bi-icons-internacional-laptop:before { content: "\f094"; } .bi-icons-internacional-computadora:before { content: "\f095"; } .bi-icons-internacional-impresora:before { content: "\f096"; } .bi-icons-internacional-token:before { content: "\f097"; } .bi-icons-internacional-correo:before { content: "\f098"; } .bi-icons-internacional-favorito:before { content: "\f099"; } .bi-icons-internacional-reloj:before { content: "\f09a"; } .bi-icons-internacional-calendario:before { content: "\f09b"; } .bi-icons-internacional-compras:before { content: "\f09c"; } .bi-icons-internacional-luz:before { content: "\f09d"; } .bi-icons-internacional-energia:before { content: "\f09e"; } .bi-icons-internacional-qr:before { content: "\f09f"; } .bi-icons-internacional-auriculares:before { content: "\f0a0"; } .bi-icons-internacional-regalo:before { content: "\f0a1"; } .bi-icons-internacional-editar:before { content: "\f0a2"; } .bi-icons-internacional-opciones:before { content: "\f0a3"; } .bi-icons-internacional-enlace:before { content: "\f0a4"; } .bi-icons-internacional-guardar:before { content: "\f0a5"; } .bi-icons-internacional-telefono:before { content: "\f0a6"; } .bi-icons-internacional-id:before { content: "\f0a7"; } .bi-icons-internacional-microfono:before { content: "\f0a8"; } .bi-icons-internacional-ubicacion:before { content: "\f0a9"; } .bi-icons-internacional-quetzal:before { content: "\f0aa"; } .bi-icons-internacional-dolar:before { content: "\f0ab"; } .bi-icons-internacional-euro:before { content: "\f0ac"; } .bi-icons-internacional-boleto:before { content: "\f0ad"; } .bi-icons-internacional-banco:before { content: "\f0ae"; } .bi-icons-internacional-mensaje:before { content: "\f0af"; } .bi-icons-correo:before { content: "\f0b0"; } .bi-icons-correo-aceptar:before { content: "\f0b1"; } .bi-icons-correo-rechazar:before { content: "\f0b2"; } .bi-icons-correo-agregar:before { content: "\f0b3"; } .bi-icons-correo-izquierda:before { content: "\f0b4"; } .bi-icons-correo-derecha:before { content: "\f0b5"; } .bi-icons-correo-arriba:before { content: "\f0b6"; } .bi-icons-correo-abajo:before { content: "\f0b7"; } .bi-icons-correo-ajustes:before { content: "\f0b8"; } .bi-icons-correo-basurero:before { content: "\f0b9"; } .bi-icons-correo-notificacion:before { content: "\f0ba"; } .bi-icons-correo-tarjeta:before { content: "\f0bb"; } .bi-icons-correo-efectivo:before { content: "\f0bc"; } .bi-icons-correo-monedas:before { content: "\f0bd"; } .bi-icons-correo-cheque:before { content: "\f0be"; } .bi-icons-correo-usuario:before { content: "\f0bf"; } .bi-icons-correo-buscar:before { content: "\f0c0"; } .bi-icons-correo-archivo:before { content: "\f0c1"; } .bi-icons-correo-impresora:before { content: "\f0c2"; } .bi-icons-correo-token:before { content: "\f0c3"; } .bi-icons-correo-favorito:before { content: "\f0c4"; } .bi-icons-correo-reloj:before { content: "\f0c5"; } .bi-icons-correo-calendario:before { content: "\f0c6"; } .bi-icons-correo-compras:before { content: "\f0c7"; } .bi-icons-correo-luz:before { content: "\f0c8"; } .bi-icons-correo-energia:before { content: "\f0c9"; } .bi-icons-correo-regalo:before { content: "\f0ca"; } .bi-icons-correo-editar:before { content: "\f0cb"; } .bi-icons-correo-enlace:before { content: "\f0cc"; } .bi-icons-correo-ubicacion:before { content: "\f0cd"; } .bi-icons-correo-quetzal:before { content: "\f0ce"; } .bi-icons-correo-lempira:before { content: "\f0cf"; } .bi-icons-correo-dolar:before { content: "\f0d0"; } .bi-icons-correo-euro:before { content: "\f0d1"; } .bi-icons-correo-boleto:before { content: "\f0d2"; } .bi-icons-correo-banco:before { content: "\f0d3"; } .bi-icons-correo-mensaje:before { content: "\f0d4"; } .bi-icons-correo-amor:before { content: "\f0d5"; } .bi-icons-correo-seguro:before { content: "\f0d6"; } .bi-icons-correo-seguro-aprobado:before { content: "\f0d7"; } .bi-icons-correo-seguro-rechazado:before { content: "\f0d8"; } .bi-icons-mensaje:before { content: "\f0d9"; } .bi-icons-mensaje-aceptar:before { content: "\f0da"; } .bi-icons-mensaje-rechazar:before { content: "\f0db"; } .bi-icons-mensaje-agregar:before { content: "\f0dc"; } .bi-icons-mensaje-izquierda:before { content: "\f0dd"; } .bi-icons-mensaje-derecha:before { content: "\f0de"; } .bi-icons-mensaje-arriba:before { content: "\f0df"; } .bi-icons-mensaje-abajo:before { content: "\f0e0"; } .bi-icons-mensaje-ajustes:before { content: "\f0e1"; } .bi-icons-mensaje-basurero:before { content: "\f0e2"; } .bi-icons-mensaje-notificacion:before { content: "\f0e3"; } .bi-icons-mensaje-bloqueado:before { content: "\f0e4"; } .bi-icons-mensaje-desbloqueado:before { content: "\f0e5"; } .bi-icons-mensaje-tarjeta:before { content: "\f0e6"; } .bi-icons-mensaje-efectivo:before { content: "\f0e7"; } .bi-icons-mensaje-monedas:before { content: "\f0e8"; } .bi-icons-mensaje-cheque:before { content: "\f0e9"; } .bi-icons-mensaje-usuario:before { content: "\f0ea"; } .bi-icons-mensaje-buscar:before { content: "\f0eb"; } .bi-icons-mensaje-internacional:before { content: "\f0ec"; } .bi-icons-mensaje-archivo:before { content: "\f0ed"; } .bi-icons-mensaje-documento:before { content: "\f0ee"; } .bi-icons-mensaje-celular:before { content: "\f0ef"; } .bi-icons-mensaje-laptop:before { content: "\f0f0"; } .bi-icons-mensaje-computadora:before { content: "\f0f1"; } .bi-icons-mensaje-token:before { content: "\f0f2"; } .bi-icons-mensaje-correo:before { content: "\f0f3"; } .bi-icons-mensaje-favorito:before { content: "\f0f4"; } .bi-icons-mensaje-reloj:before { content: "\f0f5"; } .bi-icons-mensaje-calendario:before { content: "\f0f6"; } .bi-icons-mensaje-compras:before { content: "\f0f7"; } .bi-icons-mensaje-luz:before { content: "\f0f8"; } .bi-icons-mensaje-energia:before { content: "\f0f9"; } .bi-icons-mensaje-qr:before { content: "\f0fa"; } .bi-icons-mensaje-auriculares:before { content: "\f0fb"; } .bi-icons-mensaje-regalo:before { content: "\f0fc"; } .bi-icons-mensaje-editar:before { content: "\f0fd"; } .bi-icons-mensaje-cargar:before { content: "\f0fe"; } .bi-icons-mensaje-descargar:before { content: "\f0ff"; } .bi-icons-mensaje-opciones:before { content: "\f100"; } .bi-icons-mensaje-enlace:before { content: "\f101"; } .bi-icons-mensaje-guardar:before { content: "\f102"; } .bi-icons-mensaje-telefono:before { content: "\f103"; } .bi-icons-mensaje-id:before { content: "\f104"; } .bi-icons-mensaje-microfono:before { content: "\f105"; } .bi-icons-mensaje-ubicacion:before { content: "\f106"; } .bi-icons-mensaje-quetzal:before { content: "\f107"; } .bi-icons-mensaje-lempira:before { content: "\f108"; } .bi-icons-mensaje-dolar:before { content: "\f109"; } .bi-icons-mensaje-euro:before { content: "\f10a"; } .bi-icons-mensaje-boleto:before { content: "\f10b"; } .bi-icons-mensaje-banco:before { content: "\f10c"; } .bi-icons-mensaje-calculadora:before { content: "\f10d"; } .bi-icons-mensaje-mensaje:before { content: "\f10e"; } .bi-icons-mensaje-web:before { content: "\f10f"; } .bi-icons-microfono:before { content: "\f110"; } .bi-icons-microfono-aceptar:before { content: "\f111"; } .bi-icons-microfono-rechazar:before { content: "\f112"; } .bi-icons-microfono-ajustes:before { content: "\f113"; } .bi-icons-prensa:before { content: "\f114"; } .bi-icons-auriculares:before { content: "\f115"; } .bi-icons-radio:before { content: "\f116"; } .bi-icons-router:before { content: "\f117"; } .bi-icons-wifi:before { content: "\f118"; } .bi-icons-telefono:before { content: "\f119"; } .bi-icons-internet:before { content: "\f11a"; } .bi-icons-web:before { content: "\f11b"; } .bi-icons-bus:before { content: "\f11c"; } .bi-icons-ambulancia:before { content: "\f11d"; } .bi-icons-carro-lado:before { content: "\f11e"; } .bi-icons-carro-frente:before { content: "\f11f"; } .bi-icons-avion:before { content: "\f120"; } .bi-icons-barco:before { content: "\f121"; } .bi-icons-moto:before { content: "\f122"; } .bi-icons-gasolina:before { content: "\f123"; } .bi-icons-gasolina-tarjeta:before { content: "\f124"; } .bi-icons-precaucion:before { content: "\f125"; } .bi-icons-excavadora:before { content: "\f126"; } .bi-icons-casco:before { content: "\f127"; } .bi-icons-transportacion:before { content: "\f128"; } .bi-icons-carro-de-carga:before { content: "\f129"; } .bi-icons-anatomia-corazon:before { content: "\f12a"; } .bi-icons-anatomia-pulmones:before { content: "\f12b"; } .bi-icons-necesidades-especiales:before { content: "\f12c"; } .bi-icons-mano-agradecimiento:before { content: "\f12d"; } .bi-icons-servicios-de-salud:before { content: "\f12e"; } .bi-icons-estetoscopio:before { content: "\f12f"; } .bi-icons-gastos-medicos:before { content: "\f130"; } .bi-icons-cancer:before { content: "\f131"; } .bi-icons-navidad:before { content: "\f132"; } .bi-icons-graduacion:before { content: "\f133"; } .bi-icons-halloween:before { content: "\f134"; } .bi-icons-hamburguesa:before { content: "\f135"; } .bi-icons-bebida:before { content: "\f136"; } .bi-icons-licor:before { content: "\f137"; } .bi-icons-calculadora:before { content: "\f138"; } .bi-icons-libro:before { content: "\f139"; } .bi-icons-libro-usuario:before { content: "\f13a"; } .bi-icons-utiles:before { content: "\f13b"; } .bi-icons-herramientas:before { content: "\f13c"; } .bi-icons-reloj:before { content: "\f13d"; } .bi-icons-mochila:before { content: "\f13e"; } .bi-icons-anteojos:before { content: "\f13f"; } .bi-icons-lapiz:before { content: "\f140"; } .bi-icons-juego:before { content: "\f141"; } .bi-icons-camisa:before { content: "\f142"; } .bi-icons-sombrilla:before { content: "\f143"; } .bi-icons-ticket:before { content: "\f144"; } .bi-icons-boleto:before { content: "\f145"; } .bi-icons-joya:before { content: "\f146"; } .bi-icons-llanta:before { content: "\f147"; } .bi-icons-maleta:before { content: "\f148"; } .bi-icons-vacaciones:before { content: "\f149"; } .bi-icons-pelota:before { content: "\f14a"; } .bi-icons-medalla:before { content: "\f14b"; } .bi-icons-idea:before { content: "\f14c"; } .bi-icons-reciclaje:before { content: "\f14d"; } .bi-icons-mano-planta:before { content: "\f14e"; } .bi-icons-deporte:before { content: "\f14f"; } .bi-icons-publicidad:before { content: "\f150"; } .bi-icons-conexion-regional:before { content: "\f151"; } .bi-icons-ciudad:before { content: "\f152"; } .bi-icons-velocidad:before { content: "\f153"; } .bi-icons-ebi:before { content: "\f154"; } .bi-icons-ebi-derecha:before { content: "\f155"; } .bi-icons-ebi-usuario:before { content: "\f156"; } .bi-icons-ebi-efectivo:before { content: "\f157"; } .bi-icons-ebi-celular:before { content: "\f158"; } .bi-icons-ebi-internacional:before { content: "\f159"; } .bi-icons-zigi:before { content: "\f15a"; } .bi-icons-cuik:before { content: "\f15b"; } .bi-icons-bi-pay:before { content: "\f15c"; } .bi-icons-click-to-pay:before { content: "\f15d"; } .bi-icons-facebook:before { content: "\f15e"; } .bi-icons-facebook-solido:before { content: "\f15f"; } .bi-icons-x:before { content: "\f160"; } .bi-icons-x-solido:before { content: "\f161"; } .bi-icons-instagram:before { content: "\f162"; } .bi-icons-instagram-solido:before { content: "\f163"; } .bi-icons-whatsapp:before { content: "\f164"; } .bi-icons-whatsapp-solido:before { content: "\f165"; } .bi-icons-tiktok:before { content: "\f166"; } .bi-icons-tiktok-solido:before { content: "\f167"; } .bi-icons-linkedin:before { content: "\f168"; } .bi-icons-linkedin-solido:before { content: "\f169"; } .bi-icons-youtube:before { content: "\f16a"; } .bi-icons-youtube-solido:before { content: "\f16b"; } .bi-icons-google:before { content: "\f16c"; } .bi-icons-apple:before { content: "\f16d"; } .bi-icons-android:before { content: "\f16e"; } .bi-icons-accesibilidad:before { content: "\f16f"; } .bi-icons-documento-bidireccionales:before { content: "\f170"; } .bi-icons-pago-sin-contacto:before { content: "\f171"; } .bi-icons-documento-en-pausa:before { content: "\f172"; } .bi-icons-documento-en-proceso:before { content: "\f173"; } @font-face { font-family: "Lato"; src:url(../fonts/Lato-Regular.ttf); } body, h1, h2, h3, h4, h5, h6, p, strong, span, ul, li, a, button { font-family: Lato !important; } /*ESTILOS UNICOS STENCIL*/ .totalwidth { max-width: none !important; margin-right: auto; margin-left: auto; padding-top: 10px; padding-bottom: 10px; display: block; float: left; width: 100%; } td.textleft{ text-align: left !important; } .pushonlymobil{ margin-top: 0; } .bordernamecaso{ border-right: solid 1px #5A5A5A } .off-canvas-content.is-open-left.has-transition-push { -ms-transform: translateX(250px); transform: translateX(250px); } .inlinediv{ display: inline-flex; } .top30atencion{ margin-top: 30px; } .rightpaddingcell{ padding-left: 40px; } .pull-icon{ justify-content: center; } .bordericonbuscacliente{ border-right: solid 1px; } #textarea{ height: auto; min-height: 300px; resize: none; } .coloriconmodalbandeja{ color: #001C71 !important; font-size: 18px !important; padding-right: 15px; } #menusecondmenubuscacliente { width: 100%; z-index: 1; text-align: center; margin-bottom: 30px; } .divtitulos { padding-top: 30px; } #titlestencil2 { margin-top: 40px; margin-bottom: 20px; background-color: #e2e2e2 !important; color: #001C71 !important; } #titlestencil3 { margin-top: 20px; color: #001C71 !important; } #titlestencil3 h1 { color: #001C71 !important; } #titlestencil2 h1 { color: #001C71 !important; } #titlestencil { background-color: #001C71; padding-top: 20px; padding-bottom: 20px; } span#titulostencil { color: #001C71; font-size: 24px; display: block; float: left; position: relative; line-height: 24px; font-weight: bold; margin-bottom: 10px; } span#titulostencil2 { color: #001C71; font-size: 18px; display: block; float: left; position: relative; line-height: 24px; font-weight: bold; margin-bottom: 10px; width: 100%; } #titulostencil:after { content: "\00a0\00a0\00a0\00a0\00a0\00a0"; } .spacer { margin-top: 20px; } .spacer2 { margin-top: 40px; } .boxes { width: 60px; display: block; float: left; margin-right: 2.9rem; } #hextext { display: block; float: left; color: black; font-weight: regular; font-size: 14px; } .colorbox { height: 60px; width: 60px; display: block; float: left; position: relative; border-radius: 3px; } #color1 { background-color: #001C71; } #color2 { background-color: #001657; } #color3 { background-color: #03407C; } #color4{ background-color: #00BBDD; } #color5{ background-color: #1984D7; } #color6{ background-color: #008E58; } #color7{ background-color: #27C671; } #color8{ background-color: #F23752; } #color9{ background-color: #FFD800; } #gs1 { background-color: #5A5A5A; } #gs2 { background-color: #707070; } #gs3 { background-color: #909090; } #gs4 { background-color: #C4C4C4; } #gs5 { background-color: #EDEDED; } #gs6 { background-color: #F6F6F6; } #gs7 { background-color: #FAFAFA; } #backgpres { background: gainsboro; padding: 20px; } /* /ESTILOS UNICOS STENCIL*/ /* CONTENIDO */ body { background-color: #FAFAFA; } h1 { color: #5A5A5A; font-size: 28px; font-weight: bold; line-height: 28px } h2 { color: #5A5A5A; font-size: 20px; font-weight: bold; line-height: 20px } .h2colorblue{ color: #001C71; } .h2grey{ color: #5A5A5A; } h3 { color: #5A5A5A; font-size: 18px; font-weight: bold; line-height: 18px } h4 { color: #5A5A5A; font-size: 16px; /* font-weight: bold;*/ line-height: 16px } .h4colorblue{ color: #001C71; } h5{ color: #5A5A5A; font-size: 14px; font-weight: bold; line-height: 14px } h6 { color: #5A5A5A; font-size: 9px; /*font-weight: bold;*/ line-height: 10px } h6.contestelcil { color: #001C71; font-size: 25px; font-weight: bold; background: #F5F5F5; line-height: 25px } #label1{ font-size: 10px !important; line-height: 10px; margin-top: 0px !important; } #label2{ font-size: 9px !important; line-height: 9px; margin-top: 0px !important; } p { color: #5A5A5A; font-size: 16px; line-height: 16px } /* FORMULARIO */ label { font-size: 16px; font-weight: normal; color: #5A5A5A; margin-top: 0px; } [type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'], select { color: #000000; border: 1px solid #C4C4C4; /* height: 55px;*/ /* padding: 20px;*/ /* margin-top: 10px;*/ } [type='text']:focus, [type='password']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='week']:focus, [type='email']:focus, [type='number']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='url']:focus, [type='color']:focus { border: 2px solid #001C71; } input::placeholder { color: #C4C4C4; font-size: 16px; } .is-invalid-label { color: #5A5A5A; } .is-invalid-input:not(:focus) { border-color: #F23752; background-color: #fefefe; } input::placeholder { color: #909090; } .form-error { font-style: italic; font-size: 12px; font-weight: normal; color: #F23752; text-align: right; background-color: #FAFAFA; border: none; } input:disabled, input[readonly], textarea:disabled, textarea[readonly] { background-color: #F6F6F6; } .login-error .form-error { font-style: normal; font-size: 12px; font-weight: normal; color: #fff; float: right; background: #F23752; margin-top: -17px; border-radius: 3px; padding: 0px 0px 0px 0px; text-align: center; } .login [type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'] { padding-left: 1rem; } table tr a { display: block; font-size: 12px; } .clicktable tr { cursor: pointer; } .table-responsive table tr td { /* color:#5A5A5A!important;*/ } .clicktable tr:hover td { cursor: pointer; background-color: #C4C4C4 !important; transition: .0s; color: #001C71 !important; font-weight: bold; } .clicktable tr:hover td > a { cursor: pointer; background-color: #C4C4C4 !important; transition: .0s; color: #001C71 !important; font-weight: bold; } table tr:last-child td:first-child { border-bottom-left-radius: 5px; } table tr:last-child td:last-child { border-bottom-right-radius: 5px; } table thead:last-child th:first-child { border-bottom-left-radius: 5px; } table thead:last-child th:last-child { border-bottom-right-radius: 5px; } th:first-child { border-top-left-radius: 5px; } th:last-child { border-top-right-radius: 5px; } tr { background-color: #ebebeb; /* height: 30px !important;*/ } .button { background-color: #001C71; color: #fff; height: 60px; font-size: 18px !important; font-weight: bold; padding: 18px 1em; margin-bottom: 20px; min-width: 100%; } .button:hover, .button:focus { background-color: #001657; color: #fff; } .button.disabled { background-color: #909090; opacity: 1; } .button.disabled:hover { background-color: #909090; } .button.disabled:focus { background-color: #909090; } .button.hollow { border: 2px solid #001C71; color: #001C71; } .button.hollow:hover, .button.hollow:focus { border-color: #001C71; color: #fff; background-color: #001C71; } .button.hollow[disabled] { border: 2px solid #909090; color: #909090; opacity: 1; } .button.hollow[disabled]:hover { border: 2px solid #909090; color: #909090; } .coloriconhome{ } /* Bóton con icono */ .boton-ico { font-size: 16px !important; } .boton-ico i { margin-right: 10px; font-size: x-large; vertical-align: sub; } /* Bóton con icono */ /* links */ a.linkurl{ text-decoration: underline; } a { color: #5A5A5A; font-size: 18px; /* text-decoration: underline;*/ } a.abox { text-decoration: none; } .acasos { display: block; max-width: 260px; /* text-align: center; margin-left: auto; margin-right: auto;*/ } .acasos:hover > .boxcasos { background-color: #001657; transition: .5s; } .boxcasos { transition: .5s; display: block; background-color: #001C71; padding: 20px; max-width: 260px; text-align: center; } .boxcasos:nth-child > i, h1, h2 { color: white !important; } .boxcasos h2 { font-size: 16px; font-weight: normal; color: white; } .boxcasos h3 { font-size: 30px; font-weight: bold; text-decoration: underline; color: white; } .boxcasos i { color: white; font-size: 30px; padding-bottom: 14px; display: block; } a.iconlink { text-decoration: none !important; font-size: 26px; } a.iconlink i { background: grey; color: white; padding: 10px; border-radius: 30px; transition: .3s; } a.iconlink:hover i { transition: .3s ; background: none; color: #001C71; padding: 12px; border-radius: 30px; } a:hover, a:focus { color: #001C71; transition: .3s; } /* /links */ /* RADIOS */ /* Create a custom radio button */ .checkmark { position: absolute; top: 0; left: 0; height: 25px; width: 25px; background-color: #eee; border-radius: 50%; } /* On mouse-over, add a grey background color */ .container:hover input ~ .checkmark { background-color: #ccc; } /* When the radio button is checked, add a blue background */ .container input:checked ~ .checkmark { background-color: #2196F3; } /* Create the indicator (the dot/circle - hidden when not checked) */ .checkmark:after { content: ""; position: absolute; display: none; } /* Show the indicator (dot/circle) when checked */ .container input:checked ~ .checkmark:after { display: block; } /* Style the indicator (dot/circle) */ .container .checkmark:after { top: 9px; left: 9px; width: 8px; height: 8px; border-radius: 50%; background: white; } /* /RADIOS */ .activo.texto-icon i{ color: #008E58; } .error.texto-icon i{ color: #F23752; } .texto-icon p { color: #909090; } .activo.texto-icon p { color: #008E58; } .error.texto-icon p { color: #F23752; } .texto-icon { display: flex; } .error a { color: #fff; text-decoration: underline; } .alerta a { color: #001C71; text-decoration: underline; } .accordion a { background: #EDEDED; } .accordion-title { padding: 1.5rem 1rem; border: 0px solid #e6e6e6; font-size: 16px; font-weight: bold; height: 65px; border-radius: 3px; color: #001C71; margin: 1rem 0rem 0rem 0rem; } .icon-Iconos_BPM_menu1:before { content: "\e915"; color: #fefefe; font-size: 18px; } .fontusuario{ font-size: 14px!important; } .fontarrow3{ } /* MEDIA QUERY*/ @media (max-width: 808px){ .ayuda-descargas .button { height: 84px !important; } h4.h4colorblue { line-height: inherit; } } @media (max-width: 639px){ .accordion-title { padding: 1.5rem 1rem; height: 80px; } .iconcopiar1{ margin-left: 0px!important; } .file-upload { display: block; text-align: center; margin-bottom: 0rem!important; margin-top: 22px; } /*tabla responsive 03/08*/ .table-responsive table tr td { /* color: white!important;*/ /*text-align: center;*/ } .boton-ico { margin-left: auto !important; margin-right: auto !important; width: 30px !important; min-width: 150px !important; } .boton-ico i { margin-right: 0px; } } /*FIN MEDIA QUERY*/ .accordion-item:first-child > :first-child { border-radius: 3px; } :last-child:not(.is-active) > .accordion-title { border-radius: 3px; } .accordion-content { border: 0px solid #e6e6e6; background-color: #fefefe; color: #0a0a0a; } .accordion-title:hover, .accordion-title:focus { background-color: #001C71; color: #fff; } .accordion-title::before { top: 36%; content: "+"; font-size: 2rem; } .has-tip {; border-bottom: none; cursor: initial; font-weight: normal; } .reveal i { font-size: 3rem; color: #FFC400; margin-top: -7px; } .reveal h2 { margin-top: 1rem; } /*.reveal p { margin-top: 1rem; margin-bottom: 2rem; } .reveal { padding-top: 3rem; }*/ /* custom checkbox */ .checkbox { display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* hide the browser's default checkbox */ .checkbox input { position: absolute; opacity: 0; cursor: pointer; } /* create custom checkbox */ .check1 { position: absolute; top: 4px; left: 4px; height: 20px; width: 20px; background-color: #C4C4C4; border: 1px solid #C4C4C4; border-radius: 3px; } /* add background color when the checkbox is checked */ .checkbox input:checked ~ .check { background-color: #001C71; border:none; } /* create the checkmark and hide when not checked */ .check:after { content: ""; position: absolute; display: none; } /* show the checkmark when checked */ .checkbox input:checked ~ .check:after { display: block; } /* checkmark style */ .checkbox .check:after { left: 7px; top: 4px; width: 6px; height: 10px; border: solid white; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .check.bodertablecheck{ border: 1px solid #001C71!important; background-color: #fff; } /* ALERTAS */ .alert-box.callout { color: #fefefe; font-weight: bold; font-size: 16px; } .alert-box { border-radius: 5px; background-color: #1984D7; padding-left: 3.96875rem; border: none; padding-right: 3.25rem; width: 100%; } .alert-box i { display: block; position: absolute; left: 0; top: 0; height: 100%; width: 3.09375rem; font-size: 1.5rem; line-height: 3.5rem; text-align: center; border-right: 1px solid #fff; } .alert-box.error { background-color: #F23752; } .alert-box.exito { background-color: #27C671; } .alert-box.alerta { background-color: #FFD800; color: #001C71; } .iconospecialmargin i { line-height: 5.5rem; } /* HOME */ .form-error { width: 245px; } .ayuda-descargas .button { background-color: #F0F0F0; color: #001C71; height: 64px; font-size: 16px; font-weight: bold; padding: 17px 0rem; } .ayuda-descargas .button:hover, .ayuda-descargas .button:focus { background-color: #001C71; color: #fff; } /*FIN MEDIA QUERY*/ /*FIN MEDIA QUERY*/ .alertspecial i { border-right: 1px solid #001c71!important; } .buttonspecialvolver{ padding: 18px; margin-bottom: 5rem; } .buttoncancelarspecial{ margin-bottom: 7rem; } .buttonspecialenviar{ margin-bottom: 2rem; } .buttonspecialcancelar1{ margin-bottom: 3rem; } /* diver*/ .divider1 { border-bottom: 0.5px solid #5A5A5A; width: 100%; margin-top: 1rem; margin-bottom: 1.5rem; } .is-invalid-input:not(:focus) { border-color: #F23752; background-color: #fefefe; } .button { background-color: #001C71; color: #fff; height: 50px; font-size: 15px; font-weight: bold; padding: 0px 1em; margin-bottom: 20px; } .button:hover, .button:focus { background-color: #001657; color: #fff; } .button.disabled { background-color: #909090; opacity: 1; } .button.disabled:hover { background-color: #909090; } .button.hollow { border: 2px solid #001C71; color: #001C71; } .button.hollow:hover, .button.hollow:focus { border-color: #001C71; color: #fff; background-color: #001C71; } .button.disabled, .button.disabled:hover, .button.disabled:focus, .button[disabled], .button[disabled]:hover, .button[disabled]:focus { background-color: #909090; color: #fefefe; } .button.hollow[disabled] { border: 2px solid #909090; color: #909090; opacity: 1; } .button.hollow[disabled]:hover { border: 2px solid #909090; color: #909090; } .olvide-contra a:hover, a:focus { /*color: #001C71;*/ } a { color: #5A5A5A; font-size: 18px; font-weight: regular; } /* checkbox*/ .checkbox input { position: absolute; opacity: 0; cursor: pointer; } .checkbox input:checked ~ .check { background-color: #001C71; border: none; } .checkbox { display: inline-block; position: relative; padding-left: 0px; margin-bottom: 0px; cursor: pointer; vertical-align: middle; margin: 0px; line-height: 22px; top: 0px; padding: 0px; margin-left: auto; margin-right: auto; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .checkbox input { position: absolute; opacity: 0; cursor: pointer; } .check { position: relative; display: inline-block; float: left; top: 0px; left: 0px; right: 4px; vertical-align: middle; height: 20px; width: 20px; background-color: #C4C4C4; border: 1px solid #C4C4C4; border-radius: 3px; margin-left: 10px; margin-right: 10px; } /* radio */ input[type=checkbox]:not(old), input[type=radio]:not(old) { width: 1.4em; font-size: 1em; display: none; opacity: 0; background: #001C71; } input[type=checkbox]:not(old) + label > span, input[type=radio]:not(old) + label > span { display: inline-block; width: 22px; height: 22px; border-radius: 11px; border: 2px solid #001C71; background: #ffffff; margin-right: 20px; padding-left: 0px; margin-top: 0px; vertical-align: middle; /*margin-left: 28px;*/ margin-left: 0px; } input[type=radio]:not(old):checked + label > span > span { display: block; width: 10px; height: 10px; margin: 4px; border-radius: 9px; background: #001C71; background-image: -moz-linear-gradient(#001C71, #001C71); background-image: -ms-linear-gradient(#001C71, #001C71); background-image: -o-linear-gradient(#001C71, #001C71); background-image: -webkit-linear-gradient(#001C71, #001C71); background-image: linear-gradient(#001C71, #001C71); } /*alerta*/ .alert-box.callout { color: #fefefe; font-weight: bold; font-size: 15px; } .alert-box { border-radius: 5px; background-color: #1984D7; padding-left: 3.96875rem; border: none; padding-right: 3.25rem; width: 100%; } .alert-box.error { background-color: #F23752; } .alert-box.exito { background-color: #27C671; text-align: initial; } .alert-box.alerta { background-color: #FFD800; color: #001C71; } .alertspecial i { border-right: 1px solid #001c71!important; } .alert-box i { display: block; position: absolute; left: 0; top: 0; height: 100%; width: 3.09375rem; font-size: 1.5rem; line-height: 3.5rem; text-align: center; border-right: 1px solid #fff; } .close-button.medium, .close-button { color: #001C71; line-height: 1.2; } .alerta { } /* acordion */ .accordion-item:first-child > :first-child { border-radius: 3px; } .accordion a { background: #EDEDED; } .accordion-title { padding: 1.5rem 1rem; border: 0px solid #e6e6e6; font-size: 16px; font-weight: bold; height: 65px; border-radius: 3px; color: #001C71; margin: 1rem 0rem 0rem 0rem; } .accordion-title:hover, .accordion-title:focus { background-color: #001C71; color: #fff; } /* search*/ i.iconfindbpm { position: relative; margin-top: 34px; left: -2rem; color: black; font-size: 1.3rem; cursor: pointer; top: 0px; } /*contenido*/ .backgblue{ background-color: #001C71; color: #fff; } .cuadroprincipal { color: black; height: 7rem; background: #001C71; margin-left: 11px; padding-top: 15px; padding-bottom: 0px; } .specialpadding { margin-left: 0px; width: 14rem; } .numeroespecial { color: white; margin-top: -1rem; text-align: center; font-size: 28px; line-height: 54px; } a.icon-Iconos_BPM_desc { font-size: 20px; } .sizetext{ font-size: 11px!important; margin-bottom: 7rem; } a.icon-Iconos_BPM_exito { position: absolute; margin-right: 8rem; display: flow-root; margin-left: -1rem; color: #001C71; } .borderRigh { border-right: 0.5px solid #D5D5D5 !important; height: auto; } .sizetext:hover { color: #001C71 !important; transition: .5s; } .textmedia{ font-size: 13px!important; margin-bottom: 2rem; } .textmedia:hover { color: #001C71 !important; transition: .5s; } .cuadroprincipal:hover{ background-color: #001657; } .iconaros{ background: url("../img/logotipo_reconocimiento.png"); } a img { height: auto; width: auto; /*max-width: 130px;*/ margin-left: auto; margin-right: auto; display: block; max-height: 23px; } /* footer */ .section-size-privado { width: 100%; min-height: calc(110vh - 467px); margin-bottom: 40px; margin-top: 40px; } /* general nuevo */ .backg{ background: #001C71; } .colorh1stencil{ color: #fff; } .buttonspecilcaso { color: #5A5A5A; font-size: 14px; font-weight: bold; color: white; margin-left: 12px; } .buttontopinput{ margin-top: 24px; } .marginbuttonarchivos{ margin-top: 5rem; } .mtopadjuntar{ margin-top: 0px; } .coloriconcerrar{ color: #fff!important; } .marginbottomcancelar{ margin-bottom: 7rem!important; } /*color modal iconos de alerta */ .modalbotton{ float:none!important; } .colormodal2{ color: #ff0000d1!important; } .colormodal3{ color: #27C671!important; } .colormodal4{ color: #1984D7!important; } .pull-inicio{ justify-content: flex-end; /* margin-top: 90px;*/ } .spaceicon{ margin-right: 15px; } .menuthree1 a:hover { color: white; background-color: #1984D7; } .menuthree1{ background-color: #EDEDED; } .rowspecial-menu3{ max-width: 95%; } .badge { background-color:#1984D7; } .stylebadge{ margin-left: -12px; margin-top: -12px; z-index: 1; } .top60{ margin-top: 60px; } .top30{ margin-top: 30px; } .paddlimpiar{ padding-right: 40px; } .accordion-content { background-color: #FAFAFA; } /*.position-left { top: 78px; }*/ .h4white{ color: #fff; } .h1white{ color: #fff; } .h4hover:hover{ color: #001C71; } .h6white{ color: #fff; } .mt40{ margin-top:40px; } .title-icon-second { /* padding-right: 15px;*/ } .title-icon-third{ padding-right: 15px; } .iconimg{ width: 77px; } .coloricontoptable{ color: #001C71; margin-right: 8px; } /*multilevel*/ .multilevel-accordion-menu .is-accordion-submenu-parent a { /*background: #4d5158;*/ } .multilevel-accordion-menu .is-accordion-submenu a { /* background: #35383d;*/ } .multilevel-accordion-menu .sublevel-1 { text-indent: 1rem; } .multilevel-accordion-menu .sublevel-2 { text-indent: 2rem; } .multilevel-accordion-menu .sublevel-3 { text-indent: 2px; } .multilevel-accordion-menu .sublevel-4 { text-indent: 4rem; } .multilevel-accordion-menu .sublevel-5 { text-indent: 5rem; } .multilevel-accordion-menu .sublevel-6 { text-indent: 6rem; } .multilevel-accordion-menu a { color: #fefefe; /*box-shadow: inset 0 -1px #41444a;*/ } .multilevel-accordion-menu a::after { border-color: #fefefe transparent transparent; } .multilevel-accordion-menu .menu > li:not(.menu-text) > a { padding: 8px; } .multilevel-accordion-menu .is-accordion-submenu-parent[aria-expanded="true"] a.subitem::before { /*content: "\f016";*/ font-family: FontAwesome; margin-right: 1rem; } .multilevel-accordion-menu .is-accordion-submenu-parent[aria-expanded="true"] a::before { /*content: "\f07c";*/ font-family: FontAwesome; margin-right: 1rem; } .multilevel-accordion-menu .is-accordion-submenu-parent[aria-expanded="false"] a::before { /* content: "\f07b";*/ font-family: FontAwesome; margin-right: 1rem; } .fontcanvas{ font-size: 14px!important; } .fontcanvas2{ font-size: 14px!important; text-align: left; } a.subitem.fontcanvas:hover { color: #00BBDD; } a.fontcanvas:hover { color: #00BBDE; } .buttoncloseoff{ color: #ffffff; line-height: 1.2; position: absolute; display: flex; margin-top: -1rem; } .divisioncanvas{ border-bottom: 1px solid #dcd9d9; width: 100%; } .close-button.buttoncloseoff:hover, .close-button:focus { color: #fff; } .pagination .current { background: #001C71!important; } .listamensaje{ margin-right: 20px; } .listamensajetop{ display: inline-flex; } .mtopselectinput{ margin-top: 40px; position: absolute; } .colorxtable{ color: #001C71; } .marginticket{ margin-top: 40px; margin-bottom: 30px; } .iconcolormodal { color: #001C71!important; font-size: 18px!important; } .textmodalmargin{ margin-top: 30px; margin-bottom: 40px; } .coloriconinfomodal{ color: #fff!important; } .buttonrealizar{ height: 47px; padding-top: 13px; } .marginbotonincidente{ margin-bottom: 5rem; } /*of canvas */ .position-left { /* top: 221px;*/ left: 0; height: 100%; overflow-y: auto; width: 250px; -ms-transform: translateX(-250px); transform: translateX(-250px); } .off-canvas { position: absolute; z-index: 12; transition: transform 0.5s ease; -webkit-backface-visibility: hidden; backface-visibility: hidden; background: #03407C; } .js-off-canvas-overlay.is-overlay-absolute { position: relative; } .section-size-privado .row { max-width: 100rem!important; } /* date picker*/ .datepanel{ position: relative; } .somedate{ /*padding-right: 60px;*/ cursor: pointer } .findmodal{ position: absolute; } .iconsomedate { position: absolute; right: 20px; top: 37.5px; font-size: 18px; color: #001C71; cursor: pointer; } .iconfindspecial{ position: absolute; right: 20px; top: 37.5px; font-size: 18px; color: #001C71; cursor: pointer; } .marginatencion{ margin-bottom: 10px; } .modaltoparchivo{ margin-top: 2rem!important; margin-bottom: 6rem!important; } .centerinput{ margin-top: 13px; position: absolute; } .verplantilla1{ text-align: right; margin-top: 20px; } .row.rowspecial{ max-width: 54.5rem!important; } .colored{ color: #F23752; } .colorgreen{ color: #008E58; } .margincheckbox2{ margin-bottom: 25px; margin-top: 50px; } .marginseccatencion{ margin-bottom: 10px; } .icon-Iconos_BPM_menu:before { content: "\e93d"; color: white!important; font-size: 19px; } .icon-Iconos_BPM_flecha-izquierda2:before { content: "\e92a"; font-size: 14px; color: #001C71; } .icon-Iconos_BPM_flecha_izda2:before { content: "\e927"; font-size: 12px; color: #001C71; } .icon-Iconos_BPM_flecha_derecha2:before { content: "\e928"; font-size: 12px; color: #001C71; } .icon-Iconos_BPM_flecha_dcha2:before { content: "\e929"; font-size: 14px; color: #001C71; } .pagination a, .pagination button { display: block; padding: 0px 6px!important; border-radius: 3px; color: #0a0a0a; } .pagination .current { padding: 2px 0.625rem!important; background: #2ba6cb; color: #fefefe; cursor: default; } .margincheck{ line-height: 32px!important; } /*.canvas-estatico{ background: #F6F6F6; } */ @media screen and (max-width: 640px) { .bordernamecaso{ border-right: none; } h4.h4colorblue { line-height: inherit; } .off-canvas-content.is-open-left.has-transition-push { -ms-transform: translateX(250px); transform: none } .pushonlymobil{ margin-top: 250px ; } input[type=checkbox]:not(old) + label > span, input[type=radio]:not(old) + label > span { margin-right: 7px !important; } .clicktable{ } .top30atencion{ margin-top: 0px; margin-bottom: 30px; } .table-responsive table tr td:first-child { background-color: #5A5A5A; color: white!important; } .verplantilla1{ text-align: center; margin-top: 0px; } .marginbotonincidente{ margin-bottom: 2rem; margin-top: 1rem; } .pushicontable{ margin-bottom: 30px!important; } .section-size-privado { margin-top: 50px; } .acasos{ margin-bottom: 20px; text-align: center; display: block; margin-left: auto; margin-right: auto; max-width: 100%; } .boxcasos { transition: .5s; display: block; background-color: #001C71; padding: 20px; max-width: 100%; text-align: center; } .spaceicon { margin-right: 0px !important; margin-bottom: 15px; } .stylebadge { margin-left: -12px; margin-top: -53px !important; } .onlysmallicon { /* margin-right: 15px; */ width: 100%; text-align: center; } .ayuda-descargas .button { padding: 39px 0rem; height: 105px !important; } .ayuda-descargas h3 { height: 106px; } .boton-home { margin-top: 0rem; } .accordion-title::before { margin-right: -8px; } .ayuda-descargas .button { padding: 43px 0rem !important; } .accordion-title::before { top: 44%; content: "+"; font-size: 1.6rem; } .ayuda-descargas h3 { padding: 1.1rem 10px 1.1rem 10px; } .marginrow20{ margin-bottom: 0rem!important; } h4.h4hover { margin-bottom: 20px; } .buttontopinput{ margin-top: 7px; } .marginbuttonarchivos{ margin-top: 0rem; } .table-responsive table tr td { color:white!important; } } select:disabled { background-color: #F6F6F6!important; } .examinarbutton{ padding: 0px 1em!important; margin-top: 19px!important; } .realizarbutton{ padding: 0px 1em!important; margin-top: 23px!important; } /*MEDIA QUERY*/ @media only screen and (max-width: 320px) { .ayuda-descargas h3 { padding: 7px 10px 1.0rem 10px; } .ayuda-descargas h3 { padding: 0.5rem 10px 1.1rem 10px!important; } .accordion-title { padding: 1.5rem 1rem; height: 99px; } } .marginrow20{ margin-bottom: 3rem; } .backblue{ color: #001C71; } .backblue2{ color: #001C71; font-size: 25px; } .iconadjuntos{ color: #001C71; font-size: 18px; } #overflow{ background: #FAFAFA; color: white; padding: 15px; width: 100%; height: 300px; overflow: scroll; border: 0px solid #ccc; overflow-y: scroll; overflow-x: visible; } /* offcanvas fijo */ .offcanvasfijo{ background: #F6F6F6; } .fontcanvasfijo{ font-size: 12px!important; line-height: 16px; margin-bottom: 4px; } .margincanvasfijo{ margin-top: 20px; } .margincanvasfijo2{ margin-bottom: 20px; } .table-responsive table tr td { color:#5A5A5A!important; } .table-responsive table tbody tr:nth-child(odd) { background-color: #FAFAFA!important; } .table-responsive table tbody tr:nth-child(even) { background-color: #EDEDED!important; } .pagination li:last-child, .pagination li:first-child { border: 1px solid #001C71!important; } .borderarrow{ border: 1px solid; } .bordericon3{ border-right: 1px solid #C4C4C4; height: 50px; } .marginreport{ margin-bottom: 25px; } /* adjuntar archivo*/ .file-upload .file-select input[type=file] { z-index: 100; cursor: pointer; position: absolute; height: 100%; width: 100%; top: 0; left: 0; opacity: 0; filter: alpha(opacity=0); } .file-upload .file-select .file-select-name { line-height: 40px; display: inline-block; padding: 0 10px; } .file-upload .file-select .file-select-button { background: #0D4073; padding: 0 10px; display: inline-block; height: 40px; line-height: 40px; color: #fff; } .file-upload .file-select { display: block; border: 1px solid #5A5A5A; color: #5A5A5A; cursor: pointer; /* height: 40px; */ line-height: 40px; text-align: left; background: #FFFFFF; overflow: hidden; position: relative; font-size: 20px; } .file-upload { display: block; text-align: center; margin-bottom: 2rem; margin-top: 22px; } /* media de altura */ @media (max-height:657px){ .section-size-privado { min-height: calc(108vh - 402px); } .top60 { margin-top: 0px!important; transition: 0.5s; } table tr a { font-size: 10px!important; } .table-responsive table tr td { font-size: 10px; } .top30 { margin-top: 0px; } .section-size-privado { margin-top: 10px!important; } .modaltoparchivo { margin-top: 0rem!important; margin-bottom: 1rem!important; } h4 { font-size: 12px; } } /* fin del media de altura */ .iconcopiar1{ margin-left: 32px; } .coloriconhome{ color: #001C71; } li.hoversecond:hover h6,li.hoversecond a:hover, li.hoversecond:hover a { color: #1984D7!important; } /* prueba de textbox y drop*/ .inputheight{ height: 25px; } label.labelinput { margin-top: -12px; } /*nuevo canvas texto */ a.subitem.fontcanvas.fontcanvas2 { display: inline-flex; } .iconcanvas{ margin-left: 3rem; } .hovercanvas2{ color: white; font-size: 14px; ine-height: 17px; margin-bottom: 0px; margin-left: 5px; } .hovercanvas2:hover { color: #00BBDD; } .hovercanvas1:hover { color: #00BBDD; } .hovercanvas1 { color: white; font-size: 14px; ine-height: 17px; margin-bottom: 0px; margin-top: -1rem; margin-left: 25px; } .margintoplabel { margin-top: -13px; } .margintopbutton { margin-top: -8px; } /*campos nuevos*/ .margintoplabel { margin-top: -13px; } .margintopbutton { margin-top: -8px; } .btncuatro { height: 35px; } button.btncuatro { font-size: 14px !important; } .campocuatroinput { height: 35px; } label.campocuatrolabel { font-size: 12px; } .campocuatrotxt input::placeholder { font-size: 12px; } .campocuatrotxt input[type='text'] { font-size: 12px; } .campocuatrotxt span.form-error { font-size: 12px; } .campocincoinput { height: 30px; } label.campocincolabel { font-size: 10px; } .campocincotxt input::placeholder { font-size: 10px; } .campocincotxt input[type='text'] { font-size: 10px; } .campocincotxt span.form-error { font-size: 10px; } .camposeisinput { height: 30px; } label.camposeislabel { font-size: 12px; } .camposeistxt input::placeholder { font-size: 12px; } .camposeistxt input[type='text'] { font-size: 12px; } .camposeistxt span.form-error { font-size: 12px; } .camposieteinput { height: 25px; } label.camposietelabel { font-size: 12px; } .camposietetxt input::placeholder { font-size: 12px; } .camposietetxt input[type='text'] { font-size: 12px; } .camposietetxt span.form-error { font-size: 12px; } select.camposieteinput{ font-size: 10px !important;; } .camponueveinput { height: 20px; padding-top: 0.15rem; } label.camponuevelabel { font-size: 10px; } .camponuevetxt input::placeholder { font-size: 10px; } .camponuevetxt input[type='text'] { font-size: 10px; } .camponuevetxt span.form-error { font-size: 10px; } .btncinco { height: 30px; } button.btncinco { font-size: 14px !important; } .buscadordosinput { height: 40px; } .buscadordostexto input::placeholder { font-size: 14px; }