@charset "UTF-8"; /* Breakpoints */ /* Typography */ /* Toolboxes */ /* Workshops */ /* Buttons */ /* Balloons */ /* Palette */ /* Forms */ /* Lists */ /* Spinners */ /* Scrollbars */ /* Layout editor */ /* Others */ @font-face { font-family: "OpenSans"; font-style: normal; font-weight: 400; src: url("fonts/OpenSans-Light.ttf") format("truetype"); } @font-face { font-family: "OpenSans"; font-style: italic; font-weight: 400; src: url("fonts/OpenSans-LightItalic.ttf") format("truetype"); } @font-face { font-family: "OpenSans"; font-style: normal; font-weight: 600; src: url("fonts/OpenSans-Regular.ttf") format("truetype"); } @font-face { font-family: "OpenSans"; font-style: italic; font-weight: 600; src: url("fonts/OpenSans-Italic.ttf") format("truetype"); } @font-face { font-family: "OpenSans"; font-style: normal; font-weight: 900; src: url("fonts/OpenSans-Bold.ttf") format("truetype"); } @font-face { font-family: "OpenSans"; font-style: italic; font-weight: 900; src: url("fonts/OpenSans-BoldItalic.ttf") format("truetype"); } @font-face { font-family: "paperbits"; src: url("fonts/paperbits.eot"); src: url("fonts/paperbits.eot") format("embedded-opentype"), url("fonts/paperbits.woff2") format("woff2"), url("fonts/paperbits.woff") format("woff"), url("fonts/paperbits.ttf") format("truetype"), url("fonts/paperbits.svg") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "IBM Plex Sans"; src: url("fonts/IBMPlexSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; } @font-face { font-family: "IBM Plex Sans"; src: url("fonts/IBMPlexSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; } @font-face { font-family: "IBM Plex Sans"; src: url("fonts/IBMPlexSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; } @font-face { font-family: "IBM Plex Sans"; src: url("fonts/IBMPlexSans-ExtraLight.ttf") format("truetype"); font-weight: 300; font-style: normal; } @font-face { font-family: "IBM Plex Sans"; src: url("fonts/IBMPlexSans-ExtraLightItalic.ttf") format("truetype"); font-weight: 300; font-style: italic; } @font-face { font-family: "IBM Plex Sans"; src: url("fonts/IBMPlexSans-Italic.ttf") format("truetype"); font-weight: normal; font-style: italic; } @font-face { font-family: "IBM Plex Sans"; src: url("fonts/IBMPlexSans-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; } @font-face { font-family: "IBM Plex Sans"; src: url("fonts/IBMPlexSans-Light.ttf") format("truetype"); font-weight: 300; font-style: italic; } @font-face { font-family: "IBM Plex Sans"; src: url("fonts/IBMPlexSans-Medium.ttf") format("truetype"); font-weight: 400; font-style: normal; } @font-face { font-family: "IBM Plex Sans"; src: url("fonts/IBMPlexSans-MediumItalic.ttf") format("truetype"); font-weight: 400; font-style: italic; } @font-face { font-family: "IBM Plex Sans"; src: url("fonts/IBMPlexSans-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: "IBM Plex Sans"; src: url("fonts/IBMPlexSans-SemiBold.ttf") format("truetype"); font-weight: 600; font-style: normal; } @font-face { font-family: "IBM Plex Sans"; src: url("fonts/IBMPlexSans-SemiBoldItalic.ttf") format("truetype"); font-weight: 600; font-style: italic; } @font-face { font-family: "IBM Plex Sans"; src: url("fonts/IBMPlexSans-SemiBoldItalic.ttf") format("truetype"); font-weight: 600; font-style: italic; } .flex { display: flex; justify-content: flex-start; align-content: flex-start; min-height: 0; } .flex.flex-row { flex-direction: row; } .flex.flex-column { flex-direction: column; } .flex .flex-item { flex: 0 1 auto; align-self: auto; } .flex .flex-item.flex-item-grow, .flex .workshop .flex-item.workshop-journey-step:first-child, .workshop .flex .flex-item.workshop-journey-step:first-child { flex: 1 1 auto; } .flex .flex-wrap { flex-wrap: wrap; } /* Breakpoints */ /* Typography */ /* Toolboxes */ /* Workshops */ /* Buttons */ /* Balloons */ /* Palette */ /* Forms */ /* Lists */ /* Spinners */ /* Scrollbars */ /* Layout editor */ /* Others */ /* Breakpoints */ /* Typography */ /* Toolboxes */ /* Workshops */ /* Buttons */ /* Balloons */ /* Palette */ /* Forms */ /* Lists */ /* Spinners */ /* Scrollbars */ /* Layout editor */ /* Others */ .fit { top: 0; left: 0; right: 0; bottom: 0; position: absolute; } .balloon { box-shadow: 1px 1px 20px 1px rgba(0, 0, 0, 0.15); margin: 0; font-family: "Montserra", sans-serif; font-weight: 500; list-style: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; font-size: 13px; position: fixed; background-color: #fff; z-index: 9120; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.15); border-radius: 10px; padding: 7px; display: none; } .balloon.balloon-is-active { display: flex; } .add-block-container { width: 100%; max-height: 600px; } .add-block-container .remove-block { background-color: rgb(43, 135, 218); background-repeat: no-repeat; position: absolute; top: 10px; right: 10px; } .add-block-container .remove-block .paperbits-icon, .add-block-container .remove-block .form-group.form-group-collapsible .form-group-toggle, .form-group.form-group-collapsible .add-block-container .remove-block .form-group-toggle, .add-block-container .remove-block .list-checkboxes .list-item.list-item-checked::before, .list-checkboxes .add-block-container .remove-block .list-item.list-item-checked::before, .add-block-container .remove-block .btn-info { padding: 0; } .zoom-selector-item { width: 100%; height: 120px; overflow: hidden; margin: 8px 2px 2px 2px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } .zoom-item { transform: scale(0.32); transform-origin: 0% 0%; transform-origin: top left; pointer-events: none; } .balloon-tip { position: fixed; background-color: #fff; width: 10px; height: 10px; z-index: 9120; box-shadow: -2px -2px 2px rgba(0, 0, 0, 0.15); } .balloon-tip.balloon-top { transform: rotate(45deg); box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.15); } .balloon-tip.balloon-bottom { transform: rotate(45deg); box-shadow: -2px -2px 2px rgba(0, 0, 0, 0.15); } .balloon-tip.balloon-left { transform: rotate(-45deg); box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.15); } .balloon-tip.balloon-right { transform: rotate(-45deg); box-shadow: -2px -2px 2px rgba(0, 0, 0, 0.15); } /* Breakpoints */ /* Typography */ /* Toolboxes */ /* Workshops */ /* Buttons */ /* Balloons */ /* Palette */ /* Forms */ /* Lists */ /* Spinners */ /* Scrollbars */ /* Layout editor */ /* Others */ /* Breakpoints */ /* Typography */ /* Toolboxes */ /* Workshops */ /* Buttons */ /* Balloons */ /* Palette */ /* Forms */ /* Lists */ /* Spinners */ /* Scrollbars */ /* Layout editor */ /* Others */ .fit { top: 0; left: 0; right: 0; bottom: 0; position: absolute; } .btn { border: none; background: none; color: #5b5f61; font-family: "Montserra", sans-serif; font-size: 13px; line-height: 2em; min-width: 2em; -webkit-text-decoration: none; text-decoration: none; text-align: center; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .btn:focus, .btn:hover { outline: none; color: #5b5f61; cursor: pointer; } .btn:focus:after, .btn:hover:after { top: 0; left: 0; right: 0; bottom: 0; position: absolute; pointer-events: none; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjQwcHgiIGhlaWdodD0iNDBweCIgdmVyc2lvbj0iMS4xIiBzdHlsZT0ic2hhcGUtcmVuZGVyaW5nOmdlb21ldHJpY1ByZWNpc2lvbjsgdGV4dC1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uOyBpbWFnZS1yZW5kZXJpbmc6b3B0aW1pemVRdWFsaXR5OyBmaWxsLXJ1bGU6ZXZlbm9kZDsgY2xpcC1ydWxlOmV2ZW5vZGQiDQp2aWV3Qm94PSIwIDAgNDAwMCA0MDAwIg0KIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4NCiA8ZGVmcz4NCiAgPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCiAgIDwhW0NEQVRBWw0KICAgIC5zdHIwIHtzdHJva2U6IzAwMDtzdHJva2Utd2lkdGg6MjAwfQ0KICAgIC5maWwwIHtmaWxsOm5vbmV9DQogICBdXT4NCiAgPC9zdHlsZT4NCiA8L2RlZnM+DQogPGc+DQogIDxwb2x5bGluZSBjbGFzcz0iZmlsMCBzdHIwIiBwb2ludHM9IjM0MjksMzQwMCA1NzEsMzQwMCA1NzEsNjAwICIvPg0KIDwvZz4NCjwvc3ZnPg0K"), url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8IS0tIENyZWF0b3I6IENvcmVsRFJBVyBYNyAtLT4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNDBweCIgaGVpZ2h0PSI0MHB4IiB2ZXJzaW9uPSIxLjEiIHN0eWxlPSJzaGFwZS1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uOyB0ZXh0LXJlbmRlcmluZzpnZW9tZXRyaWNQcmVjaXNpb247IGltYWdlLXJlbmRlcmluZzpvcHRpbWl6ZVF1YWxpdHk7IGZpbGwtcnVsZTpldmVub2RkOyBjbGlwLXJ1bGU6ZXZlbm9kZCINCnZpZXdCb3g9IjAgMCA0MDAwIDQwMDAiDQogeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KIDxkZWZzPg0KICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KICAgPCFbQ0RBVEFbDQogICAgLnN0cjAge3N0cm9rZTojMzczNDM1O3N0cm9rZS13aWR0aDoyMDguMzUxfQ0KICAgIC5maWwwIHtmaWxsOm5vbmV9DQogICBdXT4NCiAgPC9zdHlsZT4NCiA8L2RlZnM+DQogPGcgaWQ9IkxheWVyX3gwMDIwXzEiPg0KICA8bWV0YWRhdGEgaWQ9IkNvcmVsQ29ycElEXzBDb3JlbC1MYXllciIvPg0KICA8cG9seWxpbmUgY2xhc3M9ImZpbDAgc3RyMCIgcG9pbnRzPSI1NzEsMzQwMCAzNDI5LDM0MDAgMzQyOSw2MDAgIi8+DQogPC9nPg0KPC9zdmc+DQo="), url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8IS0tIENyZWF0b3I6IENvcmVsRFJBVyBYNyAtLT4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNDBweCIgaGVpZ2h0PSI0MHB4IiB2ZXJzaW9uPSIxLjEiIHN0eWxlPSJzaGFwZS1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uOyB0ZXh0LXJlbmRlcmluZzpnZW9tZXRyaWNQcmVjaXNpb247IGltYWdlLXJlbmRlcmluZzpvcHRpbWl6ZVF1YWxpdHk7IGZpbGwtcnVsZTpldmVub2RkOyBjbGlwLXJ1bGU6ZXZlbm9kZCINCnZpZXdCb3g9IjAgMCA0MDAwIDQwMDAiDQogeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KIDxkZWZzPg0KICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KICAgPCFbQ0RBVEFbDQogICAgLnN0cjAge3N0cm9rZTojMzczNDM1O3N0cm9rZS13aWR0aDoyMDguMzUxfQ0KICAgIC5maWwwIHtmaWxsOm5vbmV9DQogICBdXT4NCiAgPC9zdHlsZT4NCiA8L2RlZnM+DQogPGcgaWQ9IkxheWVyX3gwMDIwXzEiPg0KICA8bWV0YWRhdGEgaWQ9IkNvcmVsQ29ycElEXzBDb3JlbC1MYXllciIvPg0KICA8cG9seWxpbmUgY2xhc3M9ImZpbDAgc3RyMCIgcG9pbnRzPSIzNDI5LDYwMCA1NzEsNjAwIDU3MSwzNDAwICIvPg0KIDwvZz4NCjwvc3ZnPg0K"), url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8IS0tIENyZWF0b3I6IENvcmVsRFJBVyBYNyAtLT4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNDBweCIgaGVpZ2h0PSI0MHB4IiB2ZXJzaW9uPSIxLjEiIHN0eWxlPSJzaGFwZS1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uOyB0ZXh0LXJlbmRlcmluZzpnZW9tZXRyaWNQcmVjaXNpb247IGltYWdlLXJlbmRlcmluZzpvcHRpbWl6ZVF1YWxpdHk7IGZpbGwtcnVsZTpldmVub2RkOyBjbGlwLXJ1bGU6ZXZlbm9kZCINCnZpZXdCb3g9IjAgMCA0MDAwIDQwMDAiDQogeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KIDxkZWZzPg0KICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KICAgPCFbQ0RBVEFbDQogICAgLnN0cjAge3N0cm9rZTojMzczNDM1O3N0cm9rZS13aWR0aDoyMDguMzUxfQ0KICAgIC5maWwwIHtmaWxsOm5vbmV9DQogICBdXT4NCiAgPC9zdHlsZT4NCiA8L2RlZnM+DQogPGcgaWQ9IkxheWVyX3gwMDIwXzEiPg0KICA8bWV0YWRhdGEgaWQ9IkNvcmVsQ29ycElEXzBDb3JlbC1MYXllciIvPg0KICA8cG9seWxpbmUgY2xhc3M9ImZpbDAgc3RyMCIgcG9pbnRzPSI1NzEsNjAwIDM0MjksNjAwIDM0MjksMzQwMCAiLz4NCiA8L2c+DQo8L3N2Zz4NCg=="); background-position: bottom left, bottom right, top left, top right; background-repeat: no-repeat; background-size: 5px; z-index: 9000; content: ""; } .btn:disabled { opacity: 0.2; } .btn-link { color: #99c248; -webkit-text-decoration: none; text-decoration: none; } .btn-danger, .btn-danger:hover, .btn-danger:active { background: #e46969; color: #fff; } .btn-group { padding-top: 15px; } .btn-group .btn { margin-right: 15px; } .btn-info, .btn-info:hover, .btn-info:active { min-width: 0; min-width: initial; border: none; padding: 0; position: absolute; right: 0; color: #91d8f7; z-index: 99999; } .btn-dismiss { position: absolute; right: 5px; top: 5px; } .button-tqec { height: 36px; width: auto; position: relative; border-radius: 8px; padding: 11px 12px 11px 14px; font-family: "IBM Plex Sans Condensed"; font-size: 13px; font-style: normal; font-weight: 700; line-height: 14px; letter-spacing: 3px; text-transform: uppercase; cursor: pointer; /* primary */ /* secondary */ } .button-tqec:focus { outline-style: none; border: 2px solid #1343fb; } .button-tqec:active { outline-style: none; border: 1px solid #1343fb; } .button-tqec.btn-primary { background-color: #011592; border: none; border: 1px solid #011592; color: #ffffff; } .button-tqec.btn-primary.btn-perso { left: 2px; max-width: 122px; } .button-tqec.btn-primary.btn-teaching { max-width: 123px; left: 2px; } .button-tqec.btn-primary:hover { background-color: #060f64; border: 1px solid #060f64; } .button-tqec.btn-primary:focus-visible { outline: 2px solid #1343fb; background-color: #060f64; border-radius: 8px; } .button-tqec.btn-primary:active { background-color: #060f64; border: 1px solid #1343fb; } .button-tqec.btn-primary:disabled { background-color: #d8d8d9; border: 1px solid #d8d8d9; } .button-tqec.btn-primary-reverse { background-color: #ffffff; color: #011592; } .button-tqec.btn-primary-reverse:hover { background-color: rgba(255, 255, 255, 0.8); border: 1px solid rgb(255, 255, 255); } .button-tqec.btn-primary-reverse:focus { background-color: rgba(255, 255, 255, 0.8); } .button-tqec.btn-primary-reverse:active { background-color: rgba(255, 255, 255, 0.8); } .button-tqec.btn-secondary { background-color: #ffffff; border: 1px solid rgb(216, 216, 217); color: #011592; } .button-tqec.btn-secondary:hover { background-color: rgba(1, 21, 146, 0.1); border: 1px solid rgb(1, 21, 146); } .button-tqec.btn-secondary:focus-visible { outline: 2px solid #1343fb; background-color: rgba(1, 21, 146, 0.1); border-radius: 8px; } .button-tqec.btn-secondary:active { background-color: rgba(1, 21, 146, 0.1); outline: 1px solid #1343fb; } .button-tqec.btn-secondary-reverse { background-color: rgba(1, 21, 146, 0.1); color: #ffffff; } .button-tqec.btn-secondary-reverse:hover { background-color: rgba(241, 245, 246, 0.2); } .button-tqec.btn-secondary-reverse:focus { background-color: rgba(241, 245, 246, 0.2); border: 2px solid #1343fb; } .button-tqec.btn-secondary-reverse:active { background-color: rgba(241, 245, 246, 0.2); } .button-icon { height: 36px; width: 36px; border-radius: 8px; padding: 0; } .button-icon:focus { outline-style: none; border: 2px solid #1343fb; } .button-icon:active { outline-style: none; border: 1px solid #1343fb; } .button-icon.btn-icon-primary { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIyLjQgMjMuMlYyMS42QzIyLjQgMjAuNzUxMyAyMi4wNjI5IDE5LjkzNzQgMjEuNDYyNyAxOS4zMzczQzIwLjg2MjYgMTguNzM3MiAyMC4wNDg3IDE4LjQgMTkuMiAxOC40SDEyLjhDMTEuOTUxMyAxOC40IDExLjEzNzQgMTguNzM3MiAxMC41MzczIDE5LjMzNzNDOS45MzcxNCAxOS45Mzc0IDkuNiAyMC43NTEzIDkuNiAyMS42VjIzLjIiIHN0cm9rZT0iI2ZmZmZmZiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTE2IDE1LjJDMTcuNzY3MyAxNS4yIDE5LjIgMTMuNzY3NCAxOS4yIDEyQzE5LjIgMTAuMjMyNyAxNy43NjczIDguODAwMDUgMTYgOC44MDAwNUMxNC4yMzI3IDguODAwMDUgMTIuOCAxMC4yMzI3IDEyLjggMTJDMTIuOCAxMy43Njc0IDE0LjIzMjcgMTUuMiAxNiAxNS4yWiIgc3Ryb2tlPSIjZmZmZmZmIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K"); background-color: #011592; border: none; border: 1px solid #011592; } .button-icon.btn-icon-primary:hover { background-color: #060f64; } .button-icon.btn-icon-primary:focus { background-color: #060f64; } .button-icon.btn-icon-primary:active { background-color: #060f64; } .button-icon.btn-icon-primary-reverse { background-color: #ffffff; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIyLjQgMjMuMlYyMS42QzIyLjQgMjAuNzUxMyAyMi4wNjI5IDE5LjkzNzQgMjEuNDYyNyAxOS4zMzczQzIwLjg2MjYgMTguNzM3MiAyMC4wNDg3IDE4LjQgMTkuMiAxOC40SDEyLjhDMTEuOTUxMyAxOC40IDExLjEzNzQgMTguNzM3MiAxMC41MzczIDE5LjMzNzNDOS45MzcxNCAxOS45Mzc0IDkuNiAyMC43NTEzIDkuNiAyMS42VjIzLjIiIHN0cm9rZT0iIzAxMTU5MiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTE2IDE1LjJDMTcuNzY3MyAxNS4yIDE5LjIgMTMuNzY3NCAxOS4yIDEyQzE5LjIgMTAuMjMyNyAxNy43NjczIDguODAwMDUgMTYgOC44MDAwNUMxNC4yMzI3IDguODAwMDUgMTIuOCAxMC4yMzI3IDEyLjggMTJDMTIuOCAxMy43Njc0IDE0LjIzMjcgMTUuMiAxNiAxNS4yWiIgc3Ryb2tlPSIjMDExNTkyIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K"); } .button-icon.btn-icon-primary-reverse:hover { background-color: rgba(255, 255, 255, 0.8); border: 1px solid rgb(255, 255, 255); } .button-icon.btn-icon-primary-reverse:focus { background-color: rgba(255, 255, 255, 0.8); } .button-icon.btn-icon-primary-reverse:active { background-color: rgba(255, 255, 255, 0.8); } .button-icon.btn-icon-secondary { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIyLjQgMjMuMlYyMS42QzIyLjQgMjAuNzUxMyAyMi4wNjI5IDE5LjkzNzQgMjEuNDYyNyAxOS4zMzczQzIwLjg2MjYgMTguNzM3MiAyMC4wNDg3IDE4LjQgMTkuMiAxOC40SDEyLjhDMTEuOTUxMyAxOC40IDExLjEzNzQgMTguNzM3MiAxMC41MzczIDE5LjMzNzNDOS45MzcxNCAxOS45Mzc0IDkuNiAyMC43NTEzIDkuNiAyMS42VjIzLjIiIHN0cm9rZT0iIzAxMTU5MiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTE2IDE1LjJDMTcuNzY3MyAxNS4yIDE5LjIgMTMuNzY3NCAxOS4yIDEyQzE5LjIgMTAuMjMyNyAxNy43NjczIDguODAwMDUgMTYgOC44MDAwNUMxNC4yMzI3IDguODAwMDUgMTIuOCAxMC4yMzI3IDEyLjggMTJDMTIuOCAxMy43Njc0IDE0LjIzMjcgMTUuMiAxNiAxNS4yWiIgc3Ryb2tlPSIjMDExNTkyIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K"); background-color: #ffffff; border: 1px solid #d8d8d9; } .button-icon.btn-icon-secondary:hover { background-color: rgba(1, 21, 146, 0.1); border: 1px solid rgb(1, 21, 146); } .button-icon.btn-icon-secondary:focus { background-color: rgba(1, 21, 146, 0.1); } .button-icon.btn-icon-secondary:active { background-color: rgba(1, 21, 146, 0.1); } .button-icon.btn-icon-secondary-reverse { background-color: rgb(1, 21, 146); background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIyLjQgMjMuMlYyMS42QzIyLjQgMjAuNzUxMyAyMi4wNjI5IDE5LjkzNzQgMjEuNDYyNyAxOS4zMzczQzIwLjg2MjYgMTguNzM3MiAyMC4wNDg3IDE4LjQgMTkuMiAxOC40SDEyLjhDMTEuOTUxMyAxOC40IDExLjEzNzQgMTguNzM3MiAxMC41MzczIDE5LjMzNzNDOS45MzcxNCAxOS45Mzc0IDkuNiAyMC43NTEzIDkuNiAyMS42VjIzLjIiIHN0cm9rZT0iI2ZmZmZmZiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTE2IDE1LjJDMTcuNzY3MyAxNS4yIDE5LjIgMTMuNzY3NCAxOS4yIDEyQzE5LjIgMTAuMjMyNyAxNy43NjczIDguODAwMDUgMTYgOC44MDAwNUMxNC4yMzI3IDguODAwMDUgMTIuOCAxMC4yMzI3IDEyLjggMTJDMTIuOCAxMy43Njc0IDE0LjIzMjcgMTUuMiAxNiAxNS4yWiIgc3Ryb2tlPSIjZmZmZmZmIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K"); } .button-icon.btn-icon-secondary-reverse:hover { background-color: rgba(241, 245, 246, 0.2); } .button-icon.btn-icon-secondary-reverse:focus { background-color: rgba(241, 245, 246, 0.2); } .button-icon.btn-icon-secondary-reverse:active { background-color: rgba(241, 245, 246, 0.2); } .tag-tqec { padding: 7px 14px; position: relative; width: auto; height: 32px; font-style: normal; font-weight: bold; font-size: 14px; line-height: 18px; /* primary */ /* secondary */ } .tag-tqec:focus { outline-style: none; border: 2px solid #1343fb; } .tag-tqec:active { outline-style: none; border: 1px solid #1343fb; } .tag-tqec.tag-primary { background-color: #011592; border: none; border: 1px solid #011592; color: #ffffff; } .tag-tqec.tag-primary:hover { background-color: #060f64; } .tag-tqec.tag-primary:focus { background-color: #060f64; } .tag-tqec.tag-primary:active { background-color: #060f64; } .tag-tqec.tag-secondary { background-color: #ffffff; border: 1px solid rgb(216, 216, 217); color: #011592; } .tag-tqec.tag-secondary:hover { background-color: rgba(1, 21, 146, 0.1); border: 1px solid rgb(1, 21, 146); } .tag-tqec.tag-secondary:focus { background-color: rgba(1, 21, 146, 0.1); } .tag-tqec.tag-secondary:active { background-color: rgba(1, 21, 146, 0.1); } .tag-tqec.tag-non-clickable { background-color: #ffffff; border: 1px solid #d8d8d9; color: #555563; border-radius: 8px; } .filter-tqec { padding: 7px 14px; position: relative; width: auto; height: 32px; font-style: normal; font-weight: bold; font-size: 14px; line-height: 18px; background-color: #ffffff; border: 1px solid rgb(216, 216, 217); color: #011592; /* primary */ } .filter-tqec::after { content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIwLjggMTEuMkwxMS4yIDIwLjgiIHN0cm9rZT0iIzAxMTU5MiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTExLjIgMTEuMkwyMC44IDIwLjgiIHN0cm9rZT0iIzAxMTU5MiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg=="); position: relative; top: 10px; } .filter-tqec:hover::after { content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIwLjggMTEuMkwxMS4yIDIwLjgiIHN0cm9rZT0iIzA2MEY2NCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTExLjIgMTEuMkwyMC44IDIwLjgiIHN0cm9rZT0iIzA2MEY2NCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg=="); } .filter-tqec:focus { outline-style: none; border: 2px solid #1343fb; background-color: rgba(1, 21, 146, 0.1); } .filter-tqec:active { outline-style: none; border: 1px solid #1343fb; background-color: rgba(1, 21, 146, 0.1); } .filter-tqec:hover { background-color: rgba(1, 21, 146, 0.1); border: 1px solid rgb(1, 21, 146); } /* Breakpoints */ /* Typography */ /* Toolboxes */ /* Workshops */ /* Buttons */ /* Balloons */ /* Palette */ /* Forms */ /* Lists */ /* Spinners */ /* Scrollbars */ /* Layout editor */ /* Others */ .toolbox-dropdown { display: inline-block; box-sizing: border-box; border: none; } .toolbox-dropdown > span { line-height: 45px; padding: 0 10px; } .toolbox-dropdown a { -webkit-text-decoration: none; text-decoration: none; } .paperbits-icon, .form-group.form-group-collapsible .form-group-toggle.collapsed, .form-group.form-group-collapsible .form-group-toggle, .list-checkboxes .list-item.list-item-checked::before, .btn-info, .btn-info:hover, .btn-info:active { display: inline-block; font: normal normal normal 1em/1 "paperbits"; font-size: 1.1em; vertical-align: middle; speak: none; text-transform: none; line-height: inherit; /* Better Font Rendering */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /*------------------------ change icon size -------------------------*/ /* relative units */ .paperbits-sm { font-size: 0.8em; } .paperbits-lg { font-size: 1.2em; } /* absolute units */ .paperbits-16 { font-size: 16px; } .paperbits-32 { font-size: 32px; } /*---------------------------------- add a square/circle background -----------------------------------*/ .paperbits-bg-square, .paperbits-bg-circle { padding: 0.35em; background-color: #eee; } .paperbits-bg-circle { border-radius: 50%; } /*------------------------------------ use icons as list item markers -------------------------------------*/ .paperbits-ul { padding-left: 0; list-style-type: none; } .paperbits-ul > li { display: flex; align-items: flex-start; line-height: 1.4; } .paperbits-ul > li > .paperbits { margin-right: 0.4em; line-height: inherit; } /*------------------------ spinning icons -------------------------*/ .paperbits-is-spinning { animation: paperbits-spin 2s infinite linear; } @keyframes paperbits-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /*------------------------ rotated/flipped icons -------------------------*/ .paperbits-rotate-90 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); transform: rotate(90deg); } .paperbits-rotate-180 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); transform: rotate(180deg); } .paperbits-rotate-270 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); transform: rotate(270deg); } .paperbits-flip-y { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0); transform: scale(-1, 1); } .paperbits-flip-x { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); transform: scale(1, -1); } /*------------------------ icons -------------------------*/ .paperbits-layout-11::before { content: "\ea03"; } .paperbits-action-74::before { content: "\ea08"; } .paperbits-align-center::before { content: "\ea09"; } .paperbits-align-justify::before { content: "\ea0a"; } .paperbits-align-left-2::before { content: "\ea0b"; } .paperbits-align-right-2::before { content: "\ea0c"; } .paperbits-size::before { content: "\ea0d"; } .paperbits-edit-2::before { content: "\ea0e"; } .paperbits-code::before { content: "\ea0f"; } .paperbits-list-bullet::before { content: "\ea10"; } .paperbits-list-numbers::before { content: "\ea11"; } .paperbits-bold::before { content: "\ea12"; } .paperbits-audio-91::before { content: "\ea13"; } .paperbits-subscript::before { content: "\ea15"; } .paperbits-superscript::before { content: "\ea16"; } .paperbits-alert-circle-i::before, .btn-info::before, .btn-info:hover::before, .btn-info:active::before { content: "\ea17"; } .paperbits-chat-45-2::before { content: "\ea18"; } .paperbits-drop::before { content: "\ea1a"; } .paperbits-m-location::before { content: "\ea1d"; } .paperbits-mobile::before { content: "\ea1f"; } .paperbits-desktop-screen::before { content: "\ea20"; } .paperbits-mobile-landscape::before { content: "\ea22"; } .paperbits-player-48::before { content: "\ea23"; } .paperbits-tablet-2::before { content: "\ea24"; } .paperbits-wifi-off::before { content: "\ea25"; } .paperbits-wifi::before { content: "\ea26"; } .paperbits-ban::before { content: "\ea27"; } .paperbits-single-content-03::before { content: "\ea28"; } .paperbits-single-copy-04::before { content: "\ea29"; } .paperbits-mirror-2::before { content: "\ea2b"; } .paperbits-slider::before { content: "\ea2c"; } .paperbits-puzzle-10::before { content: "\ea30"; } .paperbits-image-2::before { content: "\ea31"; } .paperbits-paint-bucket-40::before { content: "\ea32"; } .paperbits-palette::before { content: "\ea33"; } .paperbits-menu-34::before { content: "\ea36"; } .paperbits-check-2::before, .list-checkboxes .list-item.list-item-checked::before { content: "\ea38"; } .paperbits-preferences-circle::before { content: "\ea39"; } .paperbits-underline::before { content: "\ea3a"; } .paperbits-link-69-2::before { content: "\ea3d"; } .paperbits-capitalize::before { content: "\ea3e"; } .paperbits-color::before { content: "\ea3f"; } .paperbits-anchor::before { content: "\ea40"; } .paperbits-italic::before { content: "\ea41"; } .paperbits-square-upload::before { content: "\ea42"; } .paperbits-square-download::before { content: "\ea43"; } .paperbits-simple-add::before { content: "\ea44"; } .paperbits-simple-remove::before { content: "\ea45"; } .paperbits-circle-delete::before, .form-group.form-group-collapsible .form-group-toggle::before { content: "\ea47"; } .paperbits-circle-add::before, .form-group.form-group-collapsible .form-group-toggle.collapsed::before { content: "\ea48"; } .paperbits-button-2::before { content: "\ea49"; } .paperbits-enlarge-circle::before { content: "\ea4a"; } .paperbits-align-bottom::before { content: "\ea4c"; } .paperbits-align-right::before { content: "\ea4d"; } .paperbits-align-top::before { content: "\ea4e"; } .paperbits-align-center-horizontal::before { content: "\ea4f"; } .paperbits-align-center-vertical::before { content: "\ea50"; } .paperbits-align-left::before { content: "\ea51"; } .paperbits-disperse::before { content: "\ea52"; } .paperbits-zoom-out::before { content: "\ea53"; } .paperbits-zoom-in::before { content: "\ea54"; } .paperbits-trash-simple::before { content: "\ea55"; } .paperbits-edit-72::before { content: "\ea56"; } .paperbits-form::before { content: "\ea57"; } .paperbits-zoom-99::before { content: "\ea58"; } .paperbits-crop::before { content: "\ea59"; } .paperbits-enlarge-vertical::before { content: "\ea5a"; } .paperbits-enlarge-horizontal::before { content: "\ea5b"; } .paperbits-rotate-right-2::before { content: "\ea5c"; } .paperbits-rotate-left-2::before { content: "\ea5d"; } .paperbits-margin-right::before { content: "\ea5e"; } .paperbits-margin-left::before { content: "\ea5f"; } .paperbits-alert::before { content: "\ea60"; } .paperbits-cheque-3::before { content: "\ea61"; } .paperbits-favourite-31::before { content: "\ea62"; } .paperbits-at-sign::before { content: "\ea63"; } .paperbits-gradient::before { content: "\ea64"; } .paperbits-polaroid::before { content: "\ea65"; } .paperbits-marker-2::before { content: "\ea67"; } .paperbits-undo-25::before { content: "\ea68"; } .paperbits-redo-26::before { content: "\ea69"; } .paperbits-floppy-disk::before { content: "\ea6a"; } .paperbits-upload::before { content: "\ea6b"; } .paperbits-world::before { content: "\ea6e"; } .paperbits-wireframe::before { content: "\ea6f"; } .paperbits-send::before { content: "\ea70"; } .paperbits-c-question::before { content: "\ea71"; } .paperbits-layout-11-2::before { content: "\ea73"; } .paperbits-clapperboard::before { content: "\ea75"; } .paperbits-single-02::before { content: "\ea76"; } .paperbits-lightning::before { content: "\ea77"; } .paperbits-l-search::before { content: "\ea78"; } .paperbits-small-down::before { content: "\ea79"; } .paperbits-small-up::before { content: "\ea7a"; } .paperbits-menu-4::before { content: "\ea7b"; } .paperbits-tablet-2-2::before { content: "\ea7c"; } .paperbits-strikethrough::before { content: "\ea7d"; } .paperbits-a-security::before { content: "\ea82"; } /* Breakpoints */ /* Typography */ /* Toolboxes */ /* Workshops */ /* Buttons */ /* Balloons */ /* Palette */ /* Forms */ /* Lists */ /* Spinners */ /* Scrollbars */ /* Layout editor */ /* Others */ /* Breakpoints */ /* Typography */ /* Toolboxes */ /* Workshops */ /* Buttons */ /* Balloons */ /* Palette */ /* Forms */ /* Lists */ /* Spinners */ /* Scrollbars */ /* Layout editor */ /* Others */ .fit { top: 0; left: 0; right: 0; bottom: 0; position: absolute; } .paperbits-icon, .form-group.form-group-collapsible .form-group-toggle.collapsed, .form-group.form-group-collapsible .form-group-toggle, .list-checkboxes .list-item.list-item-checked::before, .btn-info, .btn-info:hover, .btn-info:active { display: inline-block; font: normal normal normal 1em/1 "paperbits"; font-size: 1.1em; vertical-align: middle; speak: none; text-transform: none; line-height: inherit; /* Better Font Rendering */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /*------------------------ change icon size -------------------------*/ /* relative units */ .paperbits-sm { font-size: 0.8em; } .paperbits-lg { font-size: 1.2em; } /* absolute units */ .paperbits-16 { font-size: 16px; } .paperbits-32 { font-size: 32px; } /*---------------------------------- add a square/circle background -----------------------------------*/ .paperbits-bg-square, .paperbits-bg-circle { padding: 0.35em; background-color: #eee; } .paperbits-bg-circle { border-radius: 50%; } /*------------------------------------ use icons as list item markers -------------------------------------*/ .paperbits-ul { padding-left: 0; list-style-type: none; } .paperbits-ul > li { display: flex; align-items: flex-start; line-height: 1.4; } .paperbits-ul > li > .paperbits { margin-right: 0.4em; line-height: inherit; } /*------------------------ spinning icons -------------------------*/ .paperbits-is-spinning { animation: paperbits-spin 2s infinite linear; } @keyframes paperbits-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /*------------------------ rotated/flipped icons -------------------------*/ .paperbits-rotate-90 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); transform: rotate(90deg); } .paperbits-rotate-180 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); transform: rotate(180deg); } .paperbits-rotate-270 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); transform: rotate(270deg); } .paperbits-flip-y { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0); transform: scale(-1, 1); } .paperbits-flip-x { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); transform: scale(1, -1); } /*------------------------ icons -------------------------*/ .paperbits-layout-11::before { content: "\ea03"; } .paperbits-action-74::before { content: "\ea08"; } .paperbits-align-center::before { content: "\ea09"; } .paperbits-align-justify::before { content: "\ea0a"; } .paperbits-align-left-2::before { content: "\ea0b"; } .paperbits-align-right-2::before { content: "\ea0c"; } .paperbits-size::before { content: "\ea0d"; } .paperbits-edit-2::before { content: "\ea0e"; } .paperbits-code::before { content: "\ea0f"; } .paperbits-list-bullet::before { content: "\ea10"; } .paperbits-list-numbers::before { content: "\ea11"; } .paperbits-bold::before { content: "\ea12"; } .paperbits-audio-91::before { content: "\ea13"; } .paperbits-subscript::before { content: "\ea15"; } .paperbits-superscript::before { content: "\ea16"; } .paperbits-alert-circle-i::before, .btn-info::before, .btn-info:hover::before, .btn-info:active::before { content: "\ea17"; } .paperbits-chat-45-2::before { content: "\ea18"; } .paperbits-drop::before { content: "\ea1a"; } .paperbits-m-location::before { content: "\ea1d"; } .paperbits-mobile::before { content: "\ea1f"; } .paperbits-desktop-screen::before { content: "\ea20"; } .paperbits-mobile-landscape::before { content: "\ea22"; } .paperbits-player-48::before { content: "\ea23"; } .paperbits-tablet-2::before { content: "\ea24"; } .paperbits-wifi-off::before { content: "\ea25"; } .paperbits-wifi::before { content: "\ea26"; } .paperbits-ban::before { content: "\ea27"; } .paperbits-single-content-03::before { content: "\ea28"; } .paperbits-single-copy-04::before { content: "\ea29"; } .paperbits-mirror-2::before { content: "\ea2b"; } .paperbits-slider::before { content: "\ea2c"; } .paperbits-puzzle-10::before { content: "\ea30"; } .paperbits-image-2::before { content: "\ea31"; } .paperbits-paint-bucket-40::before { content: "\ea32"; } .paperbits-palette::before { content: "\ea33"; } .paperbits-menu-34::before { content: "\ea36"; } .paperbits-check-2::before, .list-checkboxes .list-item.list-item-checked::before { content: "\ea38"; } .paperbits-preferences-circle::before { content: "\ea39"; } .paperbits-underline::before { content: "\ea3a"; } .paperbits-link-69-2::before { content: "\ea3d"; } .paperbits-capitalize::before { content: "\ea3e"; } .paperbits-color::before { content: "\ea3f"; } .paperbits-anchor::before { content: "\ea40"; } .paperbits-italic::before { content: "\ea41"; } .paperbits-square-upload::before { content: "\ea42"; } .paperbits-square-download::before { content: "\ea43"; } .paperbits-simple-add::before { content: "\ea44"; } .paperbits-simple-remove::before { content: "\ea45"; } .paperbits-circle-delete::before, .form-group.form-group-collapsible .form-group-toggle::before { content: "\ea47"; } .paperbits-circle-add::before, .form-group.form-group-collapsible .form-group-toggle.collapsed::before { content: "\ea48"; } .paperbits-button-2::before { content: "\ea49"; } .paperbits-enlarge-circle::before { content: "\ea4a"; } .paperbits-align-bottom::before { content: "\ea4c"; } .paperbits-align-right::before { content: "\ea4d"; } .paperbits-align-top::before { content: "\ea4e"; } .paperbits-align-center-horizontal::before { content: "\ea4f"; } .paperbits-align-center-vertical::before { content: "\ea50"; } .paperbits-align-left::before { content: "\ea51"; } .paperbits-disperse::before { content: "\ea52"; } .paperbits-zoom-out::before { content: "\ea53"; } .paperbits-zoom-in::before { content: "\ea54"; } .paperbits-trash-simple::before { content: "\ea55"; } .paperbits-edit-72::before { content: "\ea56"; } .paperbits-form::before { content: "\ea57"; } .paperbits-zoom-99::before { content: "\ea58"; } .paperbits-crop::before { content: "\ea59"; } .paperbits-enlarge-vertical::before { content: "\ea5a"; } .paperbits-enlarge-horizontal::before { content: "\ea5b"; } .paperbits-rotate-right-2::before { content: "\ea5c"; } .paperbits-rotate-left-2::before { content: "\ea5d"; } .paperbits-margin-right::before { content: "\ea5e"; } .paperbits-margin-left::before { content: "\ea5f"; } .paperbits-alert::before { content: "\ea60"; } .paperbits-cheque-3::before { content: "\ea61"; } .paperbits-favourite-31::before { content: "\ea62"; } .paperbits-at-sign::before { content: "\ea63"; } .paperbits-gradient::before { content: "\ea64"; } .paperbits-polaroid::before { content: "\ea65"; } .paperbits-marker-2::before { content: "\ea67"; } .paperbits-undo-25::before { content: "\ea68"; } .paperbits-redo-26::before { content: "\ea69"; } .paperbits-floppy-disk::before { content: "\ea6a"; } .paperbits-upload::before { content: "\ea6b"; } .paperbits-world::before { content: "\ea6e"; } .paperbits-wireframe::before { content: "\ea6f"; } .paperbits-send::before { content: "\ea70"; } .paperbits-c-question::before { content: "\ea71"; } .paperbits-layout-11-2::before { content: "\ea73"; } .paperbits-clapperboard::before { content: "\ea75"; } .paperbits-single-02::before { content: "\ea76"; } .paperbits-lightning::before { content: "\ea77"; } .paperbits-l-search::before { content: "\ea78"; } .paperbits-small-down::before { content: "\ea79"; } .paperbits-small-up::before { content: "\ea7a"; } .paperbits-menu-4::before { content: "\ea7b"; } .paperbits-tablet-2-2::before { content: "\ea7c"; } .paperbits-strikethrough::before { content: "\ea7d"; } .paperbits-a-security::before { content: "\ea82"; } .list-item-group { width: 100%; } .list-item-group .list-item-group { padding-left: 2.75em; } .list-item-group .list-item { flex-basis: initial; } .list-item-group.dragged { pointer-events: none; box-shadow: 0 0 2px 2px rgba(128, 128, 128, 0.4); transform: scale(1.07); transition: transform 0.1s ease-in-out; min-width: 200px; position: fixed; } .list-item-collapsible { display: flex; align-items: center; } .list-item-collapsible .list-item-collapse { display: block; cursor: pointer; background: none; border: none; margin-right: 5px; } .list-item-collapsible .list-item-collapse .paperbits-icon, .list-item-collapsible .list-item-collapse .form-group.form-group-collapsible .form-group-toggle, .form-group.form-group-collapsible .list-item-collapsible .list-item-collapse .form-group-toggle, .list-item-collapsible .list-item-collapse .list-checkboxes .list-item.list-item-checked::before, .list-checkboxes .list-item-collapsible .list-item-collapse .list-item.list-item-checked::before, .list-item-collapsible .list-item-collapse .btn-info { color: #91d8f7; } .list { width: 300px; height: 400px; } .list-item { line-height: 2em; position: relative; cursor: pointer; vertical-align: middle; display: flex; -webkit-text-decoration: none; text-decoration: none; color: #5b5f61; margin-bottom: 5px; } .list-item .paperbits-icon, .list-item .form-group.form-group-collapsible .form-group-toggle, .form-group.form-group-collapsible .list-item .form-group-toggle, .list-item .list-checkboxes .list-item.list-item-checked::before, .list-checkboxes .list-item .list-item.list-item-checked::before, .list-item .btn-info { padding: 0 5px 0 10px; } .list-item .list-item-label { padding: 0 5px; flex: 1; -webkit-text-decoration: none; text-decoration: none; color: #5b5f61; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .list-item:focus, .list-item:hover { outline: none; } .list-item:hover:after { top: 0; left: 0; right: 0; bottom: 0; position: absolute; pointer-events: none; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjQwcHgiIGhlaWdodD0iNDBweCIgdmVyc2lvbj0iMS4xIiBzdHlsZT0ic2hhcGUtcmVuZGVyaW5nOmdlb21ldHJpY1ByZWNpc2lvbjsgdGV4dC1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uOyBpbWFnZS1yZW5kZXJpbmc6b3B0aW1pemVRdWFsaXR5OyBmaWxsLXJ1bGU6ZXZlbm9kZDsgY2xpcC1ydWxlOmV2ZW5vZGQiDQp2aWV3Qm94PSIwIDAgNDAwMCA0MDAwIg0KIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4NCiA8ZGVmcz4NCiAgPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCiAgIDwhW0NEQVRBWw0KICAgIC5zdHIwIHtzdHJva2U6IzAwMDtzdHJva2Utd2lkdGg6MjAwfQ0KICAgIC5maWwwIHtmaWxsOm5vbmV9DQogICBdXT4NCiAgPC9zdHlsZT4NCiA8L2RlZnM+DQogPGc+DQogIDxwb2x5bGluZSBjbGFzcz0iZmlsMCBzdHIwIiBwb2ludHM9IjM0MjksMzQwMCA1NzEsMzQwMCA1NzEsNjAwICIvPg0KIDwvZz4NCjwvc3ZnPg0K"), url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8IS0tIENyZWF0b3I6IENvcmVsRFJBVyBYNyAtLT4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNDBweCIgaGVpZ2h0PSI0MHB4IiB2ZXJzaW9uPSIxLjEiIHN0eWxlPSJzaGFwZS1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uOyB0ZXh0LXJlbmRlcmluZzpnZW9tZXRyaWNQcmVjaXNpb247IGltYWdlLXJlbmRlcmluZzpvcHRpbWl6ZVF1YWxpdHk7IGZpbGwtcnVsZTpldmVub2RkOyBjbGlwLXJ1bGU6ZXZlbm9kZCINCnZpZXdCb3g9IjAgMCA0MDAwIDQwMDAiDQogeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KIDxkZWZzPg0KICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KICAgPCFbQ0RBVEFbDQogICAgLnN0cjAge3N0cm9rZTojMzczNDM1O3N0cm9rZS13aWR0aDoyMDguMzUxfQ0KICAgIC5maWwwIHtmaWxsOm5vbmV9DQogICBdXT4NCiAgPC9zdHlsZT4NCiA8L2RlZnM+DQogPGcgaWQ9IkxheWVyX3gwMDIwXzEiPg0KICA8bWV0YWRhdGEgaWQ9IkNvcmVsQ29ycElEXzBDb3JlbC1MYXllciIvPg0KICA8cG9seWxpbmUgY2xhc3M9ImZpbDAgc3RyMCIgcG9pbnRzPSI1NzEsMzQwMCAzNDI5LDM0MDAgMzQyOSw2MDAgIi8+DQogPC9nPg0KPC9zdmc+DQo="), url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8IS0tIENyZWF0b3I6IENvcmVsRFJBVyBYNyAtLT4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNDBweCIgaGVpZ2h0PSI0MHB4IiB2ZXJzaW9uPSIxLjEiIHN0eWxlPSJzaGFwZS1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uOyB0ZXh0LXJlbmRlcmluZzpnZW9tZXRyaWNQcmVjaXNpb247IGltYWdlLXJlbmRlcmluZzpvcHRpbWl6ZVF1YWxpdHk7IGZpbGwtcnVsZTpldmVub2RkOyBjbGlwLXJ1bGU6ZXZlbm9kZCINCnZpZXdCb3g9IjAgMCA0MDAwIDQwMDAiDQogeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KIDxkZWZzPg0KICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KICAgPCFbQ0RBVEFbDQogICAgLnN0cjAge3N0cm9rZTojMzczNDM1O3N0cm9rZS13aWR0aDoyMDguMzUxfQ0KICAgIC5maWwwIHtmaWxsOm5vbmV9DQogICBdXT4NCiAgPC9zdHlsZT4NCiA8L2RlZnM+DQogPGcgaWQ9IkxheWVyX3gwMDIwXzEiPg0KICA8bWV0YWRhdGEgaWQ9IkNvcmVsQ29ycElEXzBDb3JlbC1MYXllciIvPg0KICA8cG9seWxpbmUgY2xhc3M9ImZpbDAgc3RyMCIgcG9pbnRzPSIzNDI5LDYwMCA1NzEsNjAwIDU3MSwzNDAwICIvPg0KIDwvZz4NCjwvc3ZnPg0K"), url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8IS0tIENyZWF0b3I6IENvcmVsRFJBVyBYNyAtLT4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNDBweCIgaGVpZ2h0PSI0MHB4IiB2ZXJzaW9uPSIxLjEiIHN0eWxlPSJzaGFwZS1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uOyB0ZXh0LXJlbmRlcmluZzpnZW9tZXRyaWNQcmVjaXNpb247IGltYWdlLXJlbmRlcmluZzpvcHRpbWl6ZVF1YWxpdHk7IGZpbGwtcnVsZTpldmVub2RkOyBjbGlwLXJ1bGU6ZXZlbm9kZCINCnZpZXdCb3g9IjAgMCA0MDAwIDQwMDAiDQogeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KIDxkZWZzPg0KICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KICAgPCFbQ0RBVEFbDQogICAgLnN0cjAge3N0cm9rZTojMzczNDM1O3N0cm9rZS13aWR0aDoyMDguMzUxfQ0KICAgIC5maWwwIHtmaWxsOm5vbmV9DQogICBdXT4NCiAgPC9zdHlsZT4NCiA8L2RlZnM+DQogPGcgaWQ9IkxheWVyX3gwMDIwXzEiPg0KICA8bWV0YWRhdGEgaWQ9IkNvcmVsQ29ycElEXzBDb3JlbC1MYXllciIvPg0KICA8cG9seWxpbmUgY2xhc3M9ImZpbDAgc3RyMCIgcG9pbnRzPSI1NzEsNjAwIDM0MjksNjAwIDM0MjksMzQwMCAiLz4NCiA8L2c+DQo8L3N2Zz4NCg=="); background-position: bottom left, bottom right, top left, top right; background-repeat: no-repeat; background-size: 10px; z-index: 9000; content: ""; } .list-item:focus:after { top: 0; left: 0; right: 0; bottom: 0; position: absolute; pointer-events: none; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjQwcHgiIGhlaWdodD0iNDBweCIgdmVyc2lvbj0iMS4xIiBzdHlsZT0ic2hhcGUtcmVuZGVyaW5nOmdlb21ldHJpY1ByZWNpc2lvbjsgdGV4dC1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uOyBpbWFnZS1yZW5kZXJpbmc6b3B0aW1pemVRdWFsaXR5OyBmaWxsLXJ1bGU6ZXZlbm9kZDsgY2xpcC1ydWxlOmV2ZW5vZGQiDQp2aWV3Qm94PSIwIDAgNDAwMCA0MDAwIg0KIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4NCiA8ZGVmcz4NCiAgPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCiAgIDwhW0NEQVRBWw0KICAgIC5zdHIwIHtzdHJva2U6IzAwMDtzdHJva2Utd2lkdGg6MjAwfQ0KICAgIC5maWwwIHtmaWxsOm5vbmV9DQogICBdXT4NCiAgPC9zdHlsZT4NCiA8L2RlZnM+DQogPGc+DQogIDxwb2x5bGluZSBjbGFzcz0iZmlsMCBzdHIwIiBwb2ludHM9IjM0MjksMzQwMCA1NzEsMzQwMCA1NzEsNjAwICIvPg0KIDwvZz4NCjwvc3ZnPg0K"), url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8IS0tIENyZWF0b3I6IENvcmVsRFJBVyBYNyAtLT4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNDBweCIgaGVpZ2h0PSI0MHB4IiB2ZXJzaW9uPSIxLjEiIHN0eWxlPSJzaGFwZS1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uOyB0ZXh0LXJlbmRlcmluZzpnZW9tZXRyaWNQcmVjaXNpb247IGltYWdlLXJlbmRlcmluZzpvcHRpbWl6ZVF1YWxpdHk7IGZpbGwtcnVsZTpldmVub2RkOyBjbGlwLXJ1bGU6ZXZlbm9kZCINCnZpZXdCb3g9IjAgMCA0MDAwIDQwMDAiDQogeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KIDxkZWZzPg0KICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KICAgPCFbQ0RBVEFbDQogICAgLnN0cjAge3N0cm9rZTojMzczNDM1O3N0cm9rZS13aWR0aDoyMDguMzUxfQ0KICAgIC5maWwwIHtmaWxsOm5vbmV9DQogICBdXT4NCiAgPC9zdHlsZT4NCiA8L2RlZnM+DQogPGcgaWQ9IkxheWVyX3gwMDIwXzEiPg0KICA8bWV0YWRhdGEgaWQ9IkNvcmVsQ29ycElEXzBDb3JlbC1MYXllciIvPg0KICA8cG9seWxpbmUgY2xhc3M9ImZpbDAgc3RyMCIgcG9pbnRzPSI1NzEsMzQwMCAzNDI5LDM0MDAgMzQyOSw2MDAgIi8+DQogPC9nPg0KPC9zdmc+DQo="), url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8IS0tIENyZWF0b3I6IENvcmVsRFJBVyBYNyAtLT4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNDBweCIgaGVpZ2h0PSI0MHB4IiB2ZXJzaW9uPSIxLjEiIHN0eWxlPSJzaGFwZS1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uOyB0ZXh0LXJlbmRlcmluZzpnZW9tZXRyaWNQcmVjaXNpb247IGltYWdlLXJlbmRlcmluZzpvcHRpbWl6ZVF1YWxpdHk7IGZpbGwtcnVsZTpldmVub2RkOyBjbGlwLXJ1bGU6ZXZlbm9kZCINCnZpZXdCb3g9IjAgMCA0MDAwIDQwMDAiDQogeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KIDxkZWZzPg0KICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KICAgPCFbQ0RBVEFbDQogICAgLnN0cjAge3N0cm9rZTojMzczNDM1O3N0cm9rZS13aWR0aDoyMDguMzUxfQ0KICAgIC5maWwwIHtmaWxsOm5vbmV9DQogICBdXT4NCiAgPC9zdHlsZT4NCiA8L2RlZnM+DQogPGcgaWQ9IkxheWVyX3gwMDIwXzEiPg0KICA8bWV0YWRhdGEgaWQ9IkNvcmVsQ29ycElEXzBDb3JlbC1MYXllciIvPg0KICA8cG9seWxpbmUgY2xhc3M9ImZpbDAgc3RyMCIgcG9pbnRzPSIzNDI5LDYwMCA1NzEsNjAwIDU3MSwzNDAwICIvPg0KIDwvZz4NCjwvc3ZnPg0K"), url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8IS0tIENyZWF0b3I6IENvcmVsRFJBVyBYNyAtLT4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNDBweCIgaGVpZ2h0PSI0MHB4IiB2ZXJzaW9uPSIxLjEiIHN0eWxlPSJzaGFwZS1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uOyB0ZXh0LXJlbmRlcmluZzpnZW9tZXRyaWNQcmVjaXNpb247IGltYWdlLXJlbmRlcmluZzpvcHRpbWl6ZVF1YWxpdHk7IGZpbGwtcnVsZTpldmVub2RkOyBjbGlwLXJ1bGU6ZXZlbm9kZCINCnZpZXdCb3g9IjAgMCA0MDAwIDQwMDAiDQogeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KIDxkZWZzPg0KICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KICAgPCFbQ0RBVEFbDQogICAgLnN0cjAge3N0cm9rZTojMzczNDM1O3N0cm9rZS13aWR0aDoyMDguMzUxfQ0KICAgIC5maWwwIHtmaWxsOm5vbmV9DQogICBdXT4NCiAgPC9zdHlsZT4NCiA8L2RlZnM+DQogPGcgaWQ9IkxheWVyX3gwMDIwXzEiPg0KICA8bWV0YWRhdGEgaWQ9IkNvcmVsQ29ycElEXzBDb3JlbC1MYXllciIvPg0KICA8cG9seWxpbmUgY2xhc3M9ImZpbDAgc3RyMCIgcG9pbnRzPSI1NzEsNjAwIDM0MjksNjAwIDM0MjksMzQwMCAiLz4NCiA8L2c+DQo8L3N2Zz4NCg=="); background-position: bottom left, bottom right, top left, top right; background-repeat: no-repeat; background-size: 10px; z-index: 9000; content: ""; } .list-item.selected { font-weight: bold; } .list-item .list-item-handle { cursor: pointer; cursor: grab; } .list-item .list-item-thumbnail { width: 30px; height: 30px; display: block; border-radius: 50%; background-color: #f8f8f8; float: right; box-shadow: inset -1px 1px 1px 0 rgba(0, 0, 0, 0.1); } .list-item.list-item-image { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAA3NCSVQICAjb4U/gAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAACuoAAArqAVDM774AAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAANElEQVQ4T2P8DwQMeMDr16+hLOyACUqTDUYNGAwGML569QpvOhAVFYWysIPRQBwGBjAwAABDVwrY3ACsDwAAAABJRU5ErkJggg=="); background-size: 10px; margin: 3px; flex-basis: auto; } .list-item.list-item-large { display: inline-block; width: 130px; text-align: center; padding: 15px 5px; line-height: 1.5em; margin-bottom: 15px; flex-basis: auto; } .list-item.list-item-large a { display: inline-block; } .list-item.list-item-large .paperbits-icon, .list-item.list-item-large .form-group.form-group-collapsible .form-group-toggle, .form-group.form-group-collapsible .list-item.list-item-large .form-group-toggle, .list-item.list-item-large .list-checkboxes .list-item.list-item-checked::before, .list-checkboxes .list-item.list-item-large .list-item.list-item-checked::before, .list-item.list-item-large .btn-info { display: block; padding: 0; height: 1.5em; } .list-edge { display: block; flex-basis: 100%; min-height: 10px; min-width: 10px; } .list-checkboxes .list-item { padding-left: 25px; } .list-checkboxes .list-item.list-item-checked::before { position: absolute; left: 5px; } .list-checkboxes .list-item.list-item-highlight { font-weight: bold; } /* Breakpoints */ /* Typography */ /* Toolboxes */ /* Workshops */ /* Buttons */ /* Balloons */ /* Palette */ /* Forms */ /* Lists */ /* Spinners */ /* Scrollbars */ /* Layout editor */ /* Others */ .fit { top: 0; left: 0; right: 0; bottom: 0; position: absolute; } /* Breakpoints */ /* Typography */ /* Toolboxes */ /* Workshops */ /* Buttons */ /* Balloons */ /* Palette */ /* Forms */ /* Lists */ /* Spinners */ /* Scrollbars */ /* Layout editor */ /* Others */ .fit { top: 0; left: 0; right: 0; bottom: 0; position: absolute; } html, body { width: 100%; height: 100%; padding: 0; margin: 0; overflow: hidden; } * { box-sizing: border-box; position: relative; } *:before, *:after { box-sizing: border-box; } input, button, select, textarea { font-family: inherit; font-size: inherit; } figure { margin: 0; } img { vertical-align: middle; } [role=button] { cursor: pointer; } /* Breakpoints */ /* Typography */ /* Toolboxes */ /* Workshops */ /* Buttons */ /* Balloons */ /* Palette */ /* Forms */ /* Lists */ /* Spinners */ /* Scrollbars */ /* Layout editor */ /* Others */ /* Breakpoints */ /* Typography */ /* Toolboxes */ /* Workshops */ /* Buttons */ /* Balloons */ /* Palette */ /* Forms */ /* Lists */ /* Spinners */ /* Scrollbars */ /* Layout editor */ /* Others */ /* Breakpoints */ /* Typography */ /* Toolboxes */ /* Workshops */ /* Buttons */ /* Balloons */ /* Palette */ /* Forms */ /* Lists */ /* Spinners */ /* Scrollbars */ /* Layout editor */ /* Others */ .fit { top: 0; left: 0; right: 0; bottom: 0; position: absolute; } .btn { border: none; background: none; color: #5b5f61; font-family: "Montserra", sans-serif; font-size: 13px; line-height: 2em; min-width: 2em; -webkit-text-decoration: none; text-decoration: none; text-align: center; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .btn:focus, .btn:hover { outline: none; color: #5b5f61; cursor: pointer; } .btn:focus:after, .btn:hover:after { top: 0; left: 0; right: 0; bottom: 0; position: absolute; pointer-events: none; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjQwcHgiIGhlaWdodD0iNDBweCIgdmVyc2lvbj0iMS4xIiBzdHlsZT0ic2hhcGUtcmVuZGVyaW5nOmdlb21ldHJpY1ByZWNpc2lvbjsgdGV4dC1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uOyBpbWFnZS1yZW5kZXJpbmc6b3B0aW1pemVRdWFsaXR5OyBmaWxsLXJ1bGU6ZXZlbm9kZDsgY2xpcC1ydWxlOmV2ZW5vZGQiDQp2aWV3Qm94PSIwIDAgNDAwMCA0MDAwIg0KIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4NCiA8ZGVmcz4NCiAgPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCiAgIDwhW0NEQVRBWw0KICAgIC5zdHIwIHtzdHJva2U6IzAwMDtzdHJva2Utd2lkdGg6MjAwfQ0KICAgIC5maWwwIHtmaWxsOm5vbmV9DQogICBdXT4NCiAgPC9zdHlsZT4NCiA8L2RlZnM+DQogPGc+DQogIDxwb2x5bGluZSBjbGFzcz0iZmlsMCBzdHIwIiBwb2ludHM9IjM0MjksMzQwMCA1NzEsMzQwMCA1NzEsNjAwICIvPg0KIDwvZz4NCjwvc3ZnPg0K"), url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8IS0tIENyZWF0b3I6IENvcmVsRFJBVyBYNyAtLT4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNDBweCIgaGVpZ2h0PSI0MHB4IiB2ZXJzaW9uPSIxLjEiIHN0eWxlPSJzaGFwZS1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uOyB0ZXh0LXJlbmRlcmluZzpnZW9tZXRyaWNQcmVjaXNpb247IGltYWdlLXJlbmRlcmluZzpvcHRpbWl6ZVF1YWxpdHk7IGZpbGwtcnVsZTpldmVub2RkOyBjbGlwLXJ1bGU6ZXZlbm9kZCINCnZpZXdCb3g9IjAgMCA0MDAwIDQwMDAiDQogeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KIDxkZWZzPg0KICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KICAgPCFbQ0RBVEFbDQogICAgLnN0cjAge3N0cm9rZTojMzczNDM1O3N0cm9rZS13aWR0aDoyMDguMzUxfQ0KICAgIC5maWwwIHtmaWxsOm5vbmV9DQogICBdXT4NCiAgPC9zdHlsZT4NCiA8L2RlZnM+DQogPGcgaWQ9IkxheWVyX3gwMDIwXzEiPg0KICA8bWV0YWRhdGEgaWQ9IkNvcmVsQ29ycElEXzBDb3JlbC1MYXllciIvPg0KICA8cG9seWxpbmUgY2xhc3M9ImZpbDAgc3RyMCIgcG9pbnRzPSI1NzEsMzQwMCAzNDI5LDM0MDAgMzQyOSw2MDAgIi8+DQogPC9nPg0KPC9zdmc+DQo="), url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8IS0tIENyZWF0b3I6IENvcmVsRFJBVyBYNyAtLT4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNDBweCIgaGVpZ2h0PSI0MHB4IiB2ZXJzaW9uPSIxLjEiIHN0eWxlPSJzaGFwZS1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uOyB0ZXh0LXJlbmRlcmluZzpnZW9tZXRyaWNQcmVjaXNpb247IGltYWdlLXJlbmRlcmluZzpvcHRpbWl6ZVF1YWxpdHk7IGZpbGwtcnVsZTpldmVub2RkOyBjbGlwLXJ1bGU6ZXZlbm9kZCINCnZpZXdCb3g9IjAgMCA0MDAwIDQwMDAiDQogeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KIDxkZWZzPg0KICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KICAgPCFbQ0RBVEFbDQogICAgLnN0cjAge3N0cm9rZTojMzczNDM1O3N0cm9rZS13aWR0aDoyMDguMzUxfQ0KICAgIC5maWwwIHtmaWxsOm5vbmV9DQogICBdXT4NCiAgPC9zdHlsZT4NCiA8L2RlZnM+DQogPGcgaWQ9IkxheWVyX3gwMDIwXzEiPg0KICA8bWV0YWRhdGEgaWQ9IkNvcmVsQ29ycElEXzBDb3JlbC1MYXllciIvPg0KICA8cG9seWxpbmUgY2xhc3M9ImZpbDAgc3RyMCIgcG9pbnRzPSIzNDI5LDYwMCA1NzEsNjAwIDU3MSwzNDAwICIvPg0KIDwvZz4NCjwvc3ZnPg0K"), url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8IS0tIENyZWF0b3I6IENvcmVsRFJBVyBYNyAtLT4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNDBweCIgaGVpZ2h0PSI0MHB4IiB2ZXJzaW9uPSIxLjEiIHN0eWxlPSJzaGFwZS1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uOyB0ZXh0LXJlbmRlcmluZzpnZW9tZXRyaWNQcmVjaXNpb247IGltYWdlLXJlbmRlcmluZzpvcHRpbWl6ZVF1YWxpdHk7IGZpbGwtcnVsZTpldmVub2RkOyBjbGlwLXJ1bGU6ZXZlbm9kZCINCnZpZXdCb3g9IjAgMCA0MDAwIDQwMDAiDQogeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KIDxkZWZzPg0KICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KICAgPCFbQ0RBVEFbDQogICAgLnN0cjAge3N0cm9rZTojMzczNDM1O3N0cm9rZS13aWR0aDoyMDguMzUxfQ0KICAgIC5maWwwIHtmaWxsOm5vbmV9DQogICBdXT4NCiAgPC9zdHlsZT4NCiA8L2RlZnM+DQogPGcgaWQ9IkxheWVyX3gwMDIwXzEiPg0KICA8bWV0YWRhdGEgaWQ9IkNvcmVsQ29ycElEXzBDb3JlbC1MYXllciIvPg0KICA8cG9seWxpbmUgY2xhc3M9ImZpbDAgc3RyMCIgcG9pbnRzPSI1NzEsNjAwIDM0MjksNjAwIDM0MjksMzQwMCAiLz4NCiA8L2c+DQo8L3N2Zz4NCg=="); background-position: bottom left, bottom right, top left, top right; background-repeat: no-repeat; background-size: 5px; z-index: 9000; content: ""; } .btn:disabled { opacity: 0.2; } .btn-link { color: #99c248; -webkit-text-decoration: none; text-decoration: none; } .btn-danger, .btn-danger:hover, .btn-danger:active { background: #e46969; color: #fff; } .btn-group { padding-top: 15px; } .btn-group .btn { margin-right: 15px; } .btn-info, .btn-info:hover, .btn-info:active { min-width: 0; min-width: initial; border: none; padding: 0; position: absolute; right: 0; color: #91d8f7; z-index: 99999; } .btn-dismiss { position: absolute; right: 5px; top: 5px; } .button-tqec { height: 36px; width: auto; position: relative; border-radius: 8px; padding: 11px 12px 11px 14px; font-family: "IBM Plex Sans Condensed"; font-size: 13px; font-style: normal; font-weight: 700; line-height: 14px; letter-spacing: 3px; text-transform: uppercase; cursor: pointer; /* primary */ /* secondary */ } .button-tqec:focus { outline-style: none; border: 2px solid #1343fb; } .button-tqec:active { outline-style: none; border: 1px solid #1343fb; } .button-tqec.btn-primary { background-color: #011592; border: none; border: 1px solid #011592; color: #ffffff; } .button-tqec.btn-primary.btn-perso { left: 2px; max-width: 122px; } .button-tqec.btn-primary.btn-teaching { max-width: 123px; left: 2px; } .button-tqec.btn-primary:hover { background-color: #060f64; border: 1px solid #060f64; } .button-tqec.btn-primary:focus-visible { outline: 2px solid #1343fb; background-color: #060f64; border-radius: 8px; } .button-tqec.btn-primary:active { background-color: #060f64; border: 1px solid #1343fb; } .button-tqec.btn-primary:disabled { background-color: #d8d8d9; border: 1px solid #d8d8d9; } .button-tqec.btn-primary-reverse { background-color: #ffffff; color: #011592; } .button-tqec.btn-primary-reverse:hover { background-color: rgba(255, 255, 255, 0.8); border: 1px solid rgb(255, 255, 255); } .button-tqec.btn-primary-reverse:focus { background-color: rgba(255, 255, 255, 0.8); } .button-tqec.btn-primary-reverse:active { background-color: rgba(255, 255, 255, 0.8); } .button-tqec.btn-secondary { background-color: #ffffff; border: 1px solid rgb(216, 216, 217); color: #011592; } .button-tqec.btn-secondary:hover { background-color: rgba(1, 21, 146, 0.1); border: 1px solid rgb(1, 21, 146); } .button-tqec.btn-secondary:focus-visible { outline: 2px solid #1343fb; background-color: rgba(1, 21, 146, 0.1); border-radius: 8px; } .button-tqec.btn-secondary:active { background-color: rgba(1, 21, 146, 0.1); outline: 1px solid #1343fb; } .button-tqec.btn-secondary-reverse { background-color: rgba(1, 21, 146, 0.1); color: #ffffff; } .button-tqec.btn-secondary-reverse:hover { background-color: rgba(241, 245, 246, 0.2); } .button-tqec.btn-secondary-reverse:focus { background-color: rgba(241, 245, 246, 0.2); border: 2px solid #1343fb; } .button-tqec.btn-secondary-reverse:active { background-color: rgba(241, 245, 246, 0.2); } .button-icon { height: 36px; width: 36px; border-radius: 8px; padding: 0; } .button-icon:focus { outline-style: none; border: 2px solid #1343fb; } .button-icon:active { outline-style: none; border: 1px solid #1343fb; } .button-icon.btn-icon-primary { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIyLjQgMjMuMlYyMS42QzIyLjQgMjAuNzUxMyAyMi4wNjI5IDE5LjkzNzQgMjEuNDYyNyAxOS4zMzczQzIwLjg2MjYgMTguNzM3MiAyMC4wNDg3IDE4LjQgMTkuMiAxOC40SDEyLjhDMTEuOTUxMyAxOC40IDExLjEzNzQgMTguNzM3MiAxMC41MzczIDE5LjMzNzNDOS45MzcxNCAxOS45Mzc0IDkuNiAyMC43NTEzIDkuNiAyMS42VjIzLjIiIHN0cm9rZT0iI2ZmZmZmZiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTE2IDE1LjJDMTcuNzY3MyAxNS4yIDE5LjIgMTMuNzY3NCAxOS4yIDEyQzE5LjIgMTAuMjMyNyAxNy43NjczIDguODAwMDUgMTYgOC44MDAwNUMxNC4yMzI3IDguODAwMDUgMTIuOCAxMC4yMzI3IDEyLjggMTJDMTIuOCAxMy43Njc0IDE0LjIzMjcgMTUuMiAxNiAxNS4yWiIgc3Ryb2tlPSIjZmZmZmZmIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K"); background-color: #011592; border: none; border: 1px solid #011592; } .button-icon.btn-icon-primary:hover { background-color: #060f64; } .button-icon.btn-icon-primary:focus { background-color: #060f64; } .button-icon.btn-icon-primary:active { background-color: #060f64; } .button-icon.btn-icon-primary-reverse { background-color: #ffffff; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIyLjQgMjMuMlYyMS42QzIyLjQgMjAuNzUxMyAyMi4wNjI5IDE5LjkzNzQgMjEuNDYyNyAxOS4zMzczQzIwLjg2MjYgMTguNzM3MiAyMC4wNDg3IDE4LjQgMTkuMiAxOC40SDEyLjhDMTEuOTUxMyAxOC40IDExLjEzNzQgMTguNzM3MiAxMC41MzczIDE5LjMzNzNDOS45MzcxNCAxOS45Mzc0IDkuNiAyMC43NTEzIDkuNiAyMS42VjIzLjIiIHN0cm9rZT0iIzAxMTU5MiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTE2IDE1LjJDMTcuNzY3MyAxNS4yIDE5LjIgMTMuNzY3NCAxOS4yIDEyQzE5LjIgMTAuMjMyNyAxNy43NjczIDguODAwMDUgMTYgOC44MDAwNUMxNC4yMzI3IDguODAwMDUgMTIuOCAxMC4yMzI3IDEyLjggMTJDMTIuOCAxMy43Njc0IDE0LjIzMjcgMTUuMiAxNiAxNS4yWiIgc3Ryb2tlPSIjMDExNTkyIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K"); } .button-icon.btn-icon-primary-reverse:hover { background-color: rgba(255, 255, 255, 0.8); border: 1px solid rgb(255, 255, 255); } .button-icon.btn-icon-primary-reverse:focus { background-color: rgba(255, 255, 255, 0.8); } .button-icon.btn-icon-primary-reverse:active { background-color: rgba(255, 255, 255, 0.8); } .button-icon.btn-icon-secondary { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIyLjQgMjMuMlYyMS42QzIyLjQgMjAuNzUxMyAyMi4wNjI5IDE5LjkzNzQgMjEuNDYyNyAxOS4zMzczQzIwLjg2MjYgMTguNzM3MiAyMC4wNDg3IDE4LjQgMTkuMiAxOC40SDEyLjhDMTEuOTUxMyAxOC40IDExLjEzNzQgMTguNzM3MiAxMC41MzczIDE5LjMzNzNDOS45MzcxNCAxOS45Mzc0IDkuNiAyMC43NTEzIDkuNiAyMS42VjIzLjIiIHN0cm9rZT0iIzAxMTU5MiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTE2IDE1LjJDMTcuNzY3MyAxNS4yIDE5LjIgMTMuNzY3NCAxOS4yIDEyQzE5LjIgMTAuMjMyNyAxNy43NjczIDguODAwMDUgMTYgOC44MDAwNUMxNC4yMzI3IDguODAwMDUgMTIuOCAxMC4yMzI3IDEyLjggMTJDMTIuOCAxMy43Njc0IDE0LjIzMjcgMTUuMiAxNiAxNS4yWiIgc3Ryb2tlPSIjMDExNTkyIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K"); background-color: #ffffff; border: 1px solid #d8d8d9; } .button-icon.btn-icon-secondary:hover { background-color: rgba(1, 21, 146, 0.1); border: 1px solid rgb(1, 21, 146); } .button-icon.btn-icon-secondary:focus { background-color: rgba(1, 21, 146, 0.1); } .button-icon.btn-icon-secondary:active { background-color: rgba(1, 21, 146, 0.1); } .button-icon.btn-icon-secondary-reverse { background-color: rgb(1, 21, 146); background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIyLjQgMjMuMlYyMS42QzIyLjQgMjAuNzUxMyAyMi4wNjI5IDE5LjkzNzQgMjEuNDYyNyAxOS4zMzczQzIwLjg2MjYgMTguNzM3MiAyMC4wNDg3IDE4LjQgMTkuMiAxOC40SDEyLjhDMTEuOTUxMyAxOC40IDExLjEzNzQgMTguNzM3MiAxMC41MzczIDE5LjMzNzNDOS45MzcxNCAxOS45Mzc0IDkuNiAyMC43NTEzIDkuNiAyMS42VjIzLjIiIHN0cm9rZT0iI2ZmZmZmZiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTE2IDE1LjJDMTcuNzY3MyAxNS4yIDE5LjIgMTMuNzY3NCAxOS4yIDEyQzE5LjIgMTAuMjMyNyAxNy43NjczIDguODAwMDUgMTYgOC44MDAwNUMxNC4yMzI3IDguODAwMDUgMTIuOCAxMC4yMzI3IDEyLjggMTJDMTIuOCAxMy43Njc0IDE0LjIzMjcgMTUuMiAxNiAxNS4yWiIgc3Ryb2tlPSIjZmZmZmZmIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K"); } .button-icon.btn-icon-secondary-reverse:hover { background-color: rgba(241, 245, 246, 0.2); } .button-icon.btn-icon-secondary-reverse:focus { background-color: rgba(241, 245, 246, 0.2); } .button-icon.btn-icon-secondary-reverse:active { background-color: rgba(241, 245, 246, 0.2); } .tag-tqec { padding: 7px 14px; position: relative; width: auto; height: 32px; font-style: normal; font-weight: bold; font-size: 14px; line-height: 18px; /* primary */ /* secondary */ } .tag-tqec:focus { outline-style: none; border: 2px solid #1343fb; } .tag-tqec:active { outline-style: none; border: 1px solid #1343fb; } .tag-tqec.tag-primary { background-color: #011592; border: none; border: 1px solid #011592; color: #ffffff; } .tag-tqec.tag-primary:hover { background-color: #060f64; } .tag-tqec.tag-primary:focus { background-color: #060f64; } .tag-tqec.tag-primary:active { background-color: #060f64; } .tag-tqec.tag-secondary { background-color: #ffffff; border: 1px solid rgb(216, 216, 217); color: #011592; } .tag-tqec.tag-secondary:hover { background-color: rgba(1, 21, 146, 0.1); border: 1px solid rgb(1, 21, 146); } .tag-tqec.tag-secondary:focus { background-color: rgba(1, 21, 146, 0.1); } .tag-tqec.tag-secondary:active { background-color: rgba(1, 21, 146, 0.1); } .tag-tqec.tag-non-clickable { background-color: #ffffff; border: 1px solid #d8d8d9; color: #555563; border-radius: 8px; } .filter-tqec { padding: 7px 14px; position: relative; width: auto; height: 32px; font-style: normal; font-weight: bold; font-size: 14px; line-height: 18px; background-color: #ffffff; border: 1px solid rgb(216, 216, 217); color: #011592; /* primary */ } .filter-tqec::after { content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIwLjggMTEuMkwxMS4yIDIwLjgiIHN0cm9rZT0iIzAxMTU5MiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTExLjIgMTEuMkwyMC44IDIwLjgiIHN0cm9rZT0iIzAxMTU5MiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg=="); position: relative; top: 10px; } .filter-tqec:hover::after { content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIwLjggMTEuMkwxMS4yIDIwLjgiIHN0cm9rZT0iIzA2MEY2NCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTExLjIgMTEuMkwyMC44IDIwLjgiIHN0cm9rZT0iIzA2MEY2NCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg=="); } .filter-tqec:focus { outline-style: none; border: 2px solid #1343fb; background-color: rgba(1, 21, 146, 0.1); } .filter-tqec:active { outline-style: none; border: 1px solid #1343fb; background-color: rgba(1, 21, 146, 0.1); } .filter-tqec:hover { background-color: rgba(1, 21, 146, 0.1); border: 1px solid rgb(1, 21, 146); } .tools-paragraph-style, .tools-paragraph-style-h6, .tools-paragraph-style-h5, .tools-paragraph-style-h4, .tools-paragraph-style-h3, .tools-paragraph-style-h2, .tools-paragraph-style-h1, .tools-paragraph-style-normal { display: block; padding: 5px 10px; -webkit-text-decoration: none; text-decoration: none; color: #5b5f61; } .tools-paragraph-style:focus, .tools-paragraph-style-h6:focus, .tools-paragraph-style-h5:focus, .tools-paragraph-style-h4:focus, .tools-paragraph-style-h3:focus, .tools-paragraph-style-h2:focus, .tools-paragraph-style-h1:focus, .tools-paragraph-style-normal:focus, .tools-paragraph-style:hover, .tools-paragraph-style-h6:hover, .tools-paragraph-style-h5:hover, .tools-paragraph-style-h4:hover, .tools-paragraph-style-h3:hover, .tools-paragraph-style-h2:hover, .tools-paragraph-style-h1:hover, .tools-paragraph-style-normal:hover { outline: none; } .tools-paragraph-style:focus:after, .tools-paragraph-style-h6:focus:after, .tools-paragraph-style-h5:focus:after, .tools-paragraph-style-h4:focus:after, .tools-paragraph-style-h3:focus:after, .tools-paragraph-style-h2:focus:after, .tools-paragraph-style-h1:focus:after, .tools-paragraph-style-normal:focus:after, .tools-paragraph-style:hover:after, .tools-paragraph-style-h6:hover:after, .tools-paragraph-style-h5:hover:after, .tools-paragraph-style-h4:hover:after, .tools-paragraph-style-h3:hover:after, .tools-paragraph-style-h2:hover:after, .tools-paragraph-style-h1:hover:after, .tools-paragraph-style-normal:hover:after { top: 0; left: 0; right: 0; bottom: 0; position: absolute; pointer-events: none; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjQwcHgiIGhlaWdodD0iNDBweCIgdmVyc2lvbj0iMS4xIiBzdHlsZT0ic2hhcGUtcmVuZGVyaW5nOmdlb21ldHJpY1ByZWNpc2lvbjsgdGV4dC1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uOyBpbWFnZS1yZW5kZXJpbmc6b3B0aW1pemVRdWFsaXR5OyBmaWxsLXJ1bGU6ZXZlbm9kZDsgY2xpcC1ydWxlOmV2ZW5vZGQiDQp2aWV3Qm94PSIwIDAgNDAwMCA0MDAwIg0KIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4NCiA8ZGVmcz4NCiAgPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCiAgIDwhW0NEQVRBWw0KICAgIC5zdHIwIHtzdHJva2U6IzAwMDtzdHJva2Utd2lkdGg6MjAwfQ0KICAgIC5maWwwIHtmaWxsOm5vbmV9DQogICBdXT4NCiAgPC9zdHlsZT4NCiA8L2RlZnM+DQogPGc+DQogIDxwb2x5bGluZSBjbGFzcz0iZmlsMCBzdHIwIiBwb2ludHM9IjM0MjksMzQwMCA1NzEsMzQwMCA1NzEsNjAwICIvPg0KIDwvZz4NCjwvc3ZnPg0K"), url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8IS0tIENyZWF0b3I6IENvcmVsRFJBVyBYNyAtLT4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNDBweCIgaGVpZ2h0PSI0MHB4IiB2ZXJzaW9uPSIxLjEiIHN0eWxlPSJzaGFwZS1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uOyB0ZXh0LXJlbmRlcmluZzpnZW9tZXRyaWNQcmVjaXNpb247IGltYWdlLXJlbmRlcmluZzpvcHRpbWl6ZVF1YWxpdHk7IGZpbGwtcnVsZTpldmVub2RkOyBjbGlwLXJ1bGU6ZXZlbm9kZCINCnZpZXdCb3g9IjAgMCA0MDAwIDQwMDAiDQogeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KIDxkZWZzPg0KICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KICAgPCFbQ0RBVEFbDQogICAgLnN0cjAge3N0cm9rZTojMzczNDM1O3N0cm9rZS13aWR0aDoyMDguMzUxfQ0KICAgIC5maWwwIHtmaWxsOm5vbmV9DQogICBdXT4NCiAgPC9zdHlsZT4NCiA8L2RlZnM+DQogPGcgaWQ9IkxheWVyX3gwMDIwXzEiPg0KICA8bWV0YWRhdGEgaWQ9IkNvcmVsQ29ycElEXzBDb3JlbC1MYXllciIvPg0KICA8cG9seWxpbmUgY2xhc3M9ImZpbDAgc3RyMCIgcG9pbnRzPSI1NzEsMzQwMCAzNDI5LDM0MDAgMzQyOSw2MDAgIi8+DQogPC9nPg0KPC9zdmc+DQo="), url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8IS0tIENyZWF0b3I6IENvcmVsRFJBVyBYNyAtLT4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNDBweCIgaGVpZ2h0PSI0MHB4IiB2ZXJzaW9uPSIxLjEiIHN0eWxlPSJzaGFwZS1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uOyB0ZXh0LXJlbmRlcmluZzpnZW9tZXRyaWNQcmVjaXNpb247IGltYWdlLXJlbmRlcmluZzpvcHRpbWl6ZVF1YWxpdHk7IGZpbGwtcnVsZTpldmVub2RkOyBjbGlwLXJ1bGU6ZXZlbm9kZCINCnZpZXdCb3g9IjAgMCA0MDAwIDQwMDAiDQogeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KIDxkZWZzPg0KICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KICAgPCFbQ0RBVEFbDQogICAgLnN0cjAge3N0cm9rZTojMzczNDM1O3N0cm9rZS13aWR0aDoyMDguMzUxfQ0KICAgIC5maWwwIHtmaWxsOm5vbmV9DQogICBdXT4NCiAgPC9zdHlsZT4NCiA8L2RlZnM+DQogPGcgaWQ9IkxheWVyX3gwMDIwXzEiPg0KICA8bWV0YWRhdGEgaWQ9IkNvcmVsQ29ycElEXzBDb3JlbC1MYXllciIvPg0KICA8cG9seWxpbmUgY2xhc3M9ImZpbDAgc3RyMCIgcG9pbnRzPSIzNDI5LDYwMCA1NzEsNjAwIDU3MSwzNDAwICIvPg0KIDwvZz4NCjwvc3ZnPg0K"), url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8IS0tIENyZWF0b3I6IENvcmVsRFJBVyBYNyAtLT4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNDBweCIgaGVpZ2h0PSI0MHB4IiB2ZXJzaW9uPSIxLjEiIHN0eWxlPSJzaGFwZS1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uOyB0ZXh0LXJlbmRlcmluZzpnZW9tZXRyaWNQcmVjaXNpb247IGltYWdlLXJlbmRlcmluZzpvcHRpbWl6ZVF1YWxpdHk7IGZpbGwtcnVsZTpldmVub2RkOyBjbGlwLXJ1bGU6ZXZlbm9kZCINCnZpZXdCb3g9IjAgMCA0MDAwIDQwMDAiDQogeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KIDxkZWZzPg0KICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KICAgPCFbQ0RBVEFbDQogICAgLnN0cjAge3N0cm9rZTojMzczNDM1O3N0cm9rZS13aWR0aDoyMDguMzUxfQ0KICAgIC5maWwwIHtmaWxsOm5vbmV9DQogICBdXT4NCiAgPC9zdHlsZT4NCiA8L2RlZnM+DQogPGcgaWQ9IkxheWVyX3gwMDIwXzEiPg0KICA8bWV0YWRhdGEgaWQ9IkNvcmVsQ29ycElEXzBDb3JlbC1MYXllciIvPg0KICA8cG9seWxpbmUgY2xhc3M9ImZpbDAgc3RyMCIgcG9pbnRzPSI1NzEsNjAwIDM0MjksNjAwIDM0MjksMzQwMCAiLz4NCiA8L2c+DQo8L3N2Zz4NCg=="); background-position: bottom left, bottom right, top left, top right; background-repeat: no-repeat; background-size: 10px; z-index: 9000; content: ""; } .tools-paragraph-style:active, .tools-paragraph-style-h6:active, .tools-paragraph-style-h5:active, .tools-paragraph-style-h4:active, .tools-paragraph-style-h3:active, .tools-paragraph-style-h2:active, .tools-paragraph-style-h1:active, .tools-paragraph-style-normal:active, .tools-paragraph-style:visited, .tools-paragraph-style-h6:visited, .tools-paragraph-style-h5:visited, .tools-paragraph-style-h4:visited, .tools-paragraph-style-h3:visited, .tools-paragraph-style-h2:visited, .tools-paragraph-style-h1:visited, .tools-paragraph-style-normal:visited { color: inherit; } .tools-paragraph-style:last-child, .tools-paragraph-style-h6:last-child, .tools-paragraph-style-h5:last-child, .tools-paragraph-style-h4:last-child, .tools-paragraph-style-h3:last-child, .tools-paragraph-style-h2:last-child, .tools-paragraph-style-h1:last-child, .tools-paragraph-style-normal:last-child { border: none; } .tools-paragraph-style-h1 { font-size: 2.6em; } .tools-paragraph-style-h2 { font-size: 2.3em; } .tools-paragraph-style-h3 { font-size: 1.7em; } .tools-paragraph-style-h4 { font-size: 1.4em; } .tools-paragraph-style-h5 { font-size: 1em; } .tools-paragraph-style-h6 { font-size: 0.85em; } /* Breakpoints */ /* Typography */ /* Toolboxes */ /* Workshops */ /* Buttons */ /* Balloons */ /* Palette */ /* Forms */ /* Lists */ /* Spinners */ /* Scrollbars */ /* Layout editor */ /* Others */ /* Breakpoints */ /* Typography */ /* Toolboxes */ /* Workshops */ /* Buttons */ /* Balloons */ /* Palette */ /* Forms */ /* Lists */ /* Spinners */ /* Scrollbars */ /* Layout editor */ /* Others */ .fit { top: 0; left: 0; right: 0; bottom: 0; position: absolute; } .paperbits-icon, .form-group.form-group-collapsible .form-group-toggle.collapsed, .form-group.form-group-collapsible .form-group-toggle, .btn-info, .btn-info:hover, .btn-info:active, .list-checkboxes .list-item.list-item-checked::before { display: inline-block; font: normal normal normal 1em/1 "paperbits"; font-size: 1.1em; vertical-align: middle; speak: none; text-transform: none; line-height: inherit; /* Better Font Rendering */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /*------------------------ change icon size -------------------------*/ /* relative units */ .paperbits-sm { font-size: 0.8em; } .paperbits-lg { font-size: 1.2em; } /* absolute units */ .paperbits-16 { font-size: 16px; } .paperbits-32 { font-size: 32px; } /*---------------------------------- add a square/circle background -----------------------------------*/ .paperbits-bg-square, .paperbits-bg-circle { padding: 0.35em; background-color: #eee; } .paperbits-bg-circle { border-radius: 50%; } /*------------------------------------ use icons as list item markers -------------------------------------*/ .paperbits-ul { padding-left: 0; list-style-type: none; } .paperbits-ul > li { display: flex; align-items: flex-start; line-height: 1.4; } .paperbits-ul > li > .paperbits { margin-right: 0.4em; line-height: inherit; } /*------------------------ spinning icons -------------------------*/ .paperbits-is-spinning { animation: paperbits-spin 2s infinite linear; } @keyframes paperbits-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /*------------------------ rotated/flipped icons -------------------------*/ .paperbits-rotate-90 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); transform: rotate(90deg); } .paperbits-rotate-180 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); transform: rotate(180deg); } .paperbits-rotate-270 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); transform: rotate(270deg); } .paperbits-flip-y { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0); transform: scale(-1, 1); } .paperbits-flip-x { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); transform: scale(1, -1); } /*------------------------ icons -------------------------*/ .paperbits-layout-11::before { content: "\ea03"; } .paperbits-action-74::before { content: "\ea08"; } .paperbits-align-center::before { content: "\ea09"; } .paperbits-align-justify::before { content: "\ea0a"; } .paperbits-align-left-2::before { content: "\ea0b"; } .paperbits-align-right-2::before { content: "\ea0c"; } .paperbits-size::before { content: "\ea0d"; } .paperbits-edit-2::before { content: "\ea0e"; } .paperbits-code::before { content: "\ea0f"; } .paperbits-list-bullet::before { content: "\ea10"; } .paperbits-list-numbers::before { content: "\ea11"; } .paperbits-bold::before { content: "\ea12"; } .paperbits-audio-91::before { content: "\ea13"; } .paperbits-subscript::before { content: "\ea15"; } .paperbits-superscript::before { content: "\ea16"; } .paperbits-alert-circle-i::before, .btn-info::before, .btn-info:hover::before, .btn-info:active::before { content: "\ea17"; } .paperbits-chat-45-2::before { content: "\ea18"; } .paperbits-drop::before { content: "\ea1a"; } .paperbits-m-location::before { content: "\ea1d"; } .paperbits-mobile::before { content: "\ea1f"; } .paperbits-desktop-screen::before { content: "\ea20"; } .paperbits-mobile-landscape::before { content: "\ea22"; } .paperbits-player-48::before { content: "\ea23"; } .paperbits-tablet-2::before { content: "\ea24"; } .paperbits-wifi-off::before { content: "\ea25"; } .paperbits-wifi::before { content: "\ea26"; } .paperbits-ban::before { content: "\ea27"; } .paperbits-single-content-03::before { content: "\ea28"; } .paperbits-single-copy-04::before { content: "\ea29"; } .paperbits-mirror-2::before { content: "\ea2b"; } .paperbits-slider::before { content: "\ea2c"; } .paperbits-puzzle-10::before { content: "\ea30"; } .paperbits-image-2::before { content: "\ea31"; } .paperbits-paint-bucket-40::before { content: "\ea32"; } .paperbits-palette::before { content: "\ea33"; } .paperbits-menu-34::before { content: "\ea36"; } .paperbits-check-2::before, .list-checkboxes .list-item.list-item-checked::before { content: "\ea38"; } .paperbits-preferences-circle::before { content: "\ea39"; } .paperbits-underline::before { content: "\ea3a"; } .paperbits-link-69-2::before { content: "\ea3d"; } .paperbits-capitalize::before { content: "\ea3e"; } .paperbits-color::before { content: "\ea3f"; } .paperbits-anchor::before { content: "\ea40"; } .paperbits-italic::before { content: "\ea41"; } .paperbits-square-upload::before { content: "\ea42"; } .paperbits-square-download::before { content: "\ea43"; } .paperbits-simple-add::before { content: "\ea44"; } .paperbits-simple-remove::before { content: "\ea45"; } .paperbits-circle-delete::before, .form-group.form-group-collapsible .form-group-toggle::before { content: "\ea47"; } .paperbits-circle-add::before, .form-group.form-group-collapsible .form-group-toggle.collapsed::before { content: "\ea48"; } .paperbits-button-2::before { content: "\ea49"; } .paperbits-enlarge-circle::before { content: "\ea4a"; } .paperbits-align-bottom::before { content: "\ea4c"; } .paperbits-align-right::before { content: "\ea4d"; } .paperbits-align-top::before { content: "\ea4e"; } .paperbits-align-center-horizontal::before { content: "\ea4f"; } .paperbits-align-center-vertical::before { content: "\ea50"; } .paperbits-align-left::before { content: "\ea51"; } .paperbits-disperse::before { content: "\ea52"; } .paperbits-zoom-out::before { content: "\ea53"; } .paperbits-zoom-in::before { content: "\ea54"; } .paperbits-trash-simple::before { content: "\ea55"; } .paperbits-edit-72::before { content: "\ea56"; } .paperbits-form::before { content: "\ea57"; } .paperbits-zoom-99::before { content: "\ea58"; } .paperbits-crop::before { content: "\ea59"; } .paperbits-enlarge-vertical::before { content: "\ea5a"; } .paperbits-enlarge-horizontal::before { content: "\ea5b"; } .paperbits-rotate-right-2::before { content: "\ea5c"; } .paperbits-rotate-left-2::before { content: "\ea5d"; } .paperbits-margin-right::before { content: "\ea5e"; } .paperbits-margin-left::before { content: "\ea5f"; } .paperbits-alert::before { content: "\ea60"; } .paperbits-cheque-3::before { content: "\ea61"; } .paperbits-favourite-31::before { content: "\ea62"; } .paperbits-at-sign::before { content: "\ea63"; } .paperbits-gradient::before { content: "\ea64"; } .paperbits-polaroid::before { content: "\ea65"; } .paperbits-marker-2::before { content: "\ea67"; } .paperbits-undo-25::before { content: "\ea68"; } .paperbits-redo-26::before { content: "\ea69"; } .paperbits-floppy-disk::before { content: "\ea6a"; } .paperbits-upload::before { content: "\ea6b"; } .paperbits-world::before { content: "\ea6e"; } .paperbits-wireframe::before { content: "\ea6f"; } .paperbits-send::before { content: "\ea70"; } .paperbits-c-question::before { content: "\ea71"; } .paperbits-layout-11-2::before { content: "\ea73"; } .paperbits-clapperboard::before { content: "\ea75"; } .paperbits-single-02::before { content: "\ea76"; } .paperbits-lightning::before { content: "\ea77"; } .paperbits-l-search::before { content: "\ea78"; } .paperbits-small-down::before { content: "\ea79"; } .paperbits-small-up::before { content: "\ea7a"; } .paperbits-menu-4::before { content: "\ea7b"; } .paperbits-tablet-2-2::before { content: "\ea7c"; } .paperbits-strikethrough::before { content: "\ea7d"; } .paperbits-a-security::before { content: "\ea82"; } @keyframes fade-in { from { opacity: 0; } to { opacity: 1; } } @keyframes shake { 0% { -webkit-transform: translate(2px, 1px) rotate(0deg); } 10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); } 20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); } 30% { -webkit-transform: translate(0px, 2px) rotate(0deg); } 40% { -webkit-transform: translate(1px, -1px) rotate(1deg); } 50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); } 60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); } 70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); } 80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); } 90% { -webkit-transform: translate(2px, 2px) rotate(0deg); } 100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); } } @keyframes slideleft { 0% { transform: translateX(150%); } 50% { transform: translateX(-8%); } 65% { transform: translateX(4%); } 80% { transform: translateX(-4%); } 95% { transform: translateX(2%); } 100% { transform: translateX(0%); } } .animation-slideright { animation-name: slideright; animation-duration: 1s; animation-timing-function: ease-in-out; visibility: visible !important; } @keyframes slideright { 0% { transform: translateX(-150%); } 50% { transform: translateX(8%); } 65% { transform: translateX(-4%); } 80% { transform: translateX(4%); } 95% { transform: translateX(-2%); } 100% { transform: translateX(0%); } } .animation-popin { animation: pop-in 0.2s ease; } @keyframes pop-in { 0% { opacity: 0; transform: scale(0.5); } 100% { opacity: 1; transform: scale(1); } } /* Breakpoints */ /* Typography */ /* Toolboxes */ /* Workshops */ /* Buttons */ /* Balloons */ /* Palette */ /* Forms */ /* Lists */ /* Spinners */ /* Scrollbars */ /* Layout editor */ /* Others */ .fit { top: 0; left: 0; right: 0; bottom: 0; position: absolute; } /* Breakpoints */ /* Typography */ /* Toolboxes */ /* Workshops */ /* Buttons */ /* Balloons */ /* Palette */ /* Forms */ /* Lists */ /* Spinners */ /* Scrollbars */ /* Layout editor */ /* Others */ paperbits-code, paperbits-googlemaps, paperbits-picture, paperbits-text, widget { display: block; } paperbits-code.dragged, paperbits-googlemaps.dragged, paperbits-picture.dragged, paperbits-text.dragged, widget.dragged { box-shadow: 2px 2px 2px 2px rgba(128, 128, 128, 0.4); transform: scale(1.05); transition: transform 0.5s ease-in-out, height 0.5s ease-in-out, width 0.5s ease-in-out; background: #fff; opacity: 0.98; position: fixed; } paperbits-code:hover:after, paperbits-googlemaps:hover:after, paperbits-picture:hover:after, paperbits-text:hover:after, widget:hover:after { top: 0; left: 0; right: 0; bottom: 0; position: absolute; pointer-events: none; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjQwcHgiIGhlaWdodD0iNDBweCIgdmVyc2lvbj0iMS4xIiBzdHlsZT0ic2hhcGUtcmVuZGVyaW5nOmdlb21ldHJpY1ByZWNpc2lvbjsgdGV4dC1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uOyBpbWFnZS1yZW5kZXJpbmc6b3B0aW1pemVRdWFsaXR5OyBmaWxsLXJ1bGU6ZXZlbm9kZDsgY2xpcC1ydWxlOmV2ZW5vZGQiDQp2aWV3Qm94PSIwIDAgNDAwMCA0MDAwIg0KIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4NCiA8ZGVmcz4NCiAgPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCiAgIDwhW0NEQVRBWw0KICAgIC5zdHIwIHtzdHJva2U6IzAwMDtzdHJva2Utd2lkdGg6MjAwfQ0KICAgIC5maWwwIHtmaWxsOm5vbmV9DQogICBdXT4NCiAgPC9zdHlsZT4NCiA8L2RlZnM+DQogPGc+DQogIDxwb2x5bGluZSBjbGFzcz0iZmlsMCBzdHIwIiBwb2ludHM9IjM0MjksMzQwMCA1NzEsMzQwMCA1NzEsNjAwICIvPg0KIDwvZz4NCjwvc3ZnPg0K"), url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8IS0tIENyZWF0b3I6IENvcmVsRFJBVyBYNyAtLT4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNDBweCIgaGVpZ2h0PSI0MHB4IiB2ZXJzaW9uPSIxLjEiIHN0eWxlPSJzaGFwZS1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uOyB0ZXh0LXJlbmRlcmluZzpnZW9tZXRyaWNQcmVjaXNpb247IGltYWdlLXJlbmRlcmluZzpvcHRpbWl6ZVF1YWxpdHk7IGZpbGwtcnVsZTpldmVub2RkOyBjbGlwLXJ1bGU6ZXZlbm9kZCINCnZpZXdCb3g9IjAgMCA0MDAwIDQwMDAiDQogeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KIDxkZWZzPg0KICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KICAgPCFbQ0RBVEFbDQogICAgLnN0cjAge3N0cm9rZTojMzczNDM1O3N0cm9rZS13aWR0aDoyMDguMzUxfQ0KICAgIC5maWwwIHtmaWxsOm5vbmV9DQogICBdXT4NCiAgPC9zdHlsZT4NCiA8L2RlZnM+DQogPGcgaWQ9IkxheWVyX3gwMDIwXzEiPg0KICA8bWV0YWRhdGEgaWQ9IkNvcmVsQ29ycElEXzBDb3JlbC1MYXllciIvPg0KICA8cG9seWxpbmUgY2xhc3M9ImZpbDAgc3RyMCIgcG9pbnRzPSI1NzEsMzQwMCAzNDI5LDM0MDAgMzQyOSw2MDAgIi8+DQogPC9nPg0KPC9zdmc+DQo="), url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8IS0tIENyZWF0b3I6IENvcmVsRFJBVyBYNyAtLT4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNDBweCIgaGVpZ2h0PSI0MHB4IiB2ZXJzaW9uPSIxLjEiIHN0eWxlPSJzaGFwZS1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uOyB0ZXh0LXJlbmRlcmluZzpnZW9tZXRyaWNQcmVjaXNpb247IGltYWdlLXJlbmRlcmluZzpvcHRpbWl6ZVF1YWxpdHk7IGZpbGwtcnVsZTpldmVub2RkOyBjbGlwLXJ1bGU6ZXZlbm9kZCINCnZpZXdCb3g9IjAgMCA0MDAwIDQwMDAiDQogeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KIDxkZWZzPg0KICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KICAgPCFbQ0RBVEFbDQogICAgLnN0cjAge3N0cm9rZTojMzczNDM1O3N0cm9rZS13aWR0aDoyMDguMzUxfQ0KICAgIC5maWwwIHtmaWxsOm5vbmV9DQogICBdXT4NCiAgPC9zdHlsZT4NCiA8L2RlZnM+DQogPGcgaWQ9IkxheWVyX3gwMDIwXzEiPg0KICA8bWV0YWRhdGEgaWQ9IkNvcmVsQ29ycElEXzBDb3JlbC1MYXllciIvPg0KICA8cG9seWxpbmUgY2xhc3M9ImZpbDAgc3RyMCIgcG9pbnRzPSIzNDI5LDYwMCA1NzEsNjAwIDU3MSwzNDAwICIvPg0KIDwvZz4NCjwvc3ZnPg0K"), url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8IS0tIENyZWF0b3I6IENvcmVsRFJBVyBYNyAtLT4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNDBweCIgaGVpZ2h0PSI0MHB4IiB2ZXJzaW9uPSIxLjEiIHN0eWxlPSJzaGFwZS1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uOyB0ZXh0LXJlbmRlcmluZzpnZW9tZXRyaWNQcmVjaXNpb247IGltYWdlLXJlbmRlcmluZzpvcHRpbWl6ZVF1YWxpdHk7IGZpbGwtcnVsZTpldmVub2RkOyBjbGlwLXJ1bGU6ZXZlbm9kZCINCnZpZXdCb3g9IjAgMCA0MDAwIDQwMDAiDQogeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KIDxkZWZzPg0KICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KICAgPCFbQ0RBVEFbDQogICAgLnN0cjAge3N0cm9rZTojMzczNDM1O3N0cm9rZS13aWR0aDoyMDguMzUxfQ0KICAgIC5maWwwIHtmaWxsOm5vbmV9DQogICBdXT4NCiAgPC9zdHlsZT4NCiA8L2RlZnM+DQogPGcgaWQ9IkxheWVyX3gwMDIwXzEiPg0KICA8bWV0YWRhdGEgaWQ9IkNvcmVsQ29ycElEXzBDb3JlbC1MYXllciIvPg0KICA8cG9seWxpbmUgY2xhc3M9ImZpbDAgc3RyMCIgcG9pbnRzPSI1NzEsNjAwIDM0MjksNjAwIDM0MjksMzQwMCAiLz4NCiA8L2c+DQo8L3N2Zz4NCg=="); background-position: bottom left, bottom right, top left, top right; background-repeat: no-repeat; background-size: 10px; z-index: 9000; content: ""; } .layout-editor-selection { position: fixed; pointer-events: none; z-index: 9000; } .layout-editor-selection:before { content: attr(title); background: #3c3c3c; color: #fff; padding: 5px; left: -5px; top: -30px; position: absolute; font-size: 8px; text-transform: uppercase; font-family: "Montserra", sans-serif; opacity: 0.7; } .layout-editor-selection:after { top: 0; left: 0; right: 0; bottom: 0; content: ""; display: block; position: absolute; } .layout-editor-splitter { position: fixed; pointer-events: none; z-index: 9000; border-color: #ccc; border-style: dashed; border-width: 0; opacity: 0.5; } .empty-item { margin: auto; width: 50%; text-align: center; } .fixed { position: fixed; z-index: 9100; } .btn-standalone { color: #ececec; display: inline-block; box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.15); border: none; border-radius: 50%; width: 30px; height: 30px; cursor: pointer; z-index: 9001; line-height: 1em; } .btn-standalone .paperbits-icon, .btn-standalone .form-group.form-group-collapsible .form-group-toggle, .form-group.form-group-collapsible .btn-standalone .form-group-toggle, .btn-standalone .btn-info, .btn-standalone .list-checkboxes .list-item.list-item-checked::before, .list-checkboxes .btn-standalone .list-item.list-item-checked::before { font-size: 0.9em; } .btn-standalone:hover { transform: scale(1.2); transition-duration: 0.3s; z-index: 9002; } .row-cfg { border-radius: 7px; border-spacing: 2px; display: inline-flex; flex-wrap: nowrap; justify-content: flex-start; align-content: stretch; padding: 0; line-height: 0; width: 80px; white-space: nowrap; margin: 5px; } .row-cfg:hover { cursor: pointer; } .row-cfg:hover:after { top: -5px; left: -5px; right: -5px; bottom: -5px; position: absolute; pointer-events: none; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjQwcHgiIGhlaWdodD0iNDBweCIgdmVyc2lvbj0iMS4xIiBzdHlsZT0ic2hhcGUtcmVuZGVyaW5nOmdlb21ldHJpY1ByZWNpc2lvbjsgdGV4dC1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uOyBpbWFnZS1yZW5kZXJpbmc6b3B0aW1pemVRdWFsaXR5OyBmaWxsLXJ1bGU6ZXZlbm9kZDsgY2xpcC1ydWxlOmV2ZW5vZGQiDQp2aWV3Qm94PSIwIDAgNDAwMCA0MDAwIg0KIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4NCiA8ZGVmcz4NCiAgPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCiAgIDwhW0NEQVRBWw0KICAgIC5zdHIwIHtzdHJva2U6IzAwMDtzdHJva2Utd2lkdGg6MjAwfQ0KICAgIC5maWwwIHtmaWxsOm5vbmV9DQogICBdXT4NCiAgPC9zdHlsZT4NCiA8L2RlZnM+DQogPGc+DQogIDxwb2x5bGluZSBjbGFzcz0iZmlsMCBzdHIwIiBwb2ludHM9IjM0MjksMzQwMCA1NzEsMzQwMCA1NzEsNjAwICIvPg0KIDwvZz4NCjwvc3ZnPg0K"), url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8IS0tIENyZWF0b3I6IENvcmVsRFJBVyBYNyAtLT4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNDBweCIgaGVpZ2h0PSI0MHB4IiB2ZXJzaW9uPSIxLjEiIHN0eWxlPSJzaGFwZS1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uOyB0ZXh0LXJlbmRlcmluZzpnZW9tZXRyaWNQcmVjaXNpb247IGltYWdlLXJlbmRlcmluZzpvcHRpbWl6ZVF1YWxpdHk7IGZpbGwtcnVsZTpldmVub2RkOyBjbGlwLXJ1bGU6ZXZlbm9kZCINCnZpZXdCb3g9IjAgMCA0MDAwIDQwMDAiDQogeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KIDxkZWZzPg0KICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KICAgPCFbQ0RBVEFbDQogICAgLnN0cjAge3N0cm9rZTojMzczNDM1O3N0cm9rZS13aWR0aDoyMDguMzUxfQ0KICAgIC5maWwwIHtmaWxsOm5vbmV9DQogICBdXT4NCiAgPC9zdHlsZT4NCiA8L2RlZnM+DQogPGcgaWQ9IkxheWVyX3gwMDIwXzEiPg0KICA8bWV0YWRhdGEgaWQ9IkNvcmVsQ29ycElEXzBDb3JlbC1MYXllciIvPg0KICA8cG9seWxpbmUgY2xhc3M9ImZpbDAgc3RyMCIgcG9pbnRzPSI1NzEsMzQwMCAzNDI5LDM0MDAgMzQyOSw2MDAgIi8+DQogPC9nPg0KPC9zdmc+DQo="), url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8IS0tIENyZWF0b3I6IENvcmVsRFJBVyBYNyAtLT4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNDBweCIgaGVpZ2h0PSI0MHB4IiB2ZXJzaW9uPSIxLjEiIHN0eWxlPSJzaGFwZS1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uOyB0ZXh0LXJlbmRlcmluZzpnZW9tZXRyaWNQcmVjaXNpb247IGltYWdlLXJlbmRlcmluZzpvcHRpbWl6ZVF1YWxpdHk7IGZpbGwtcnVsZTpldmVub2RkOyBjbGlwLXJ1bGU6ZXZlbm9kZCINCnZpZXdCb3g9IjAgMCA0MDAwIDQwMDAiDQogeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KIDxkZWZzPg0KICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KICAgPCFbQ0RBVEFbDQogICAgLnN0cjAge3N0cm9rZTojMzczNDM1O3N0cm9rZS13aWR0aDoyMDguMzUxfQ0KICAgIC5maWwwIHtmaWxsOm5vbmV9DQogICBdXT4NCiAgPC9zdHlsZT4NCiA8L2RlZnM+DQogPGcgaWQ9IkxheWVyX3gwMDIwXzEiPg0KICA8bWV0YWRhdGEgaWQ9IkNvcmVsQ29ycElEXzBDb3JlbC1MYXllciIvPg0KICA8cG9seWxpbmUgY2xhc3M9ImZpbDAgc3RyMCIgcG9pbnRzPSIzNDI5LDYwMCA1NzEsNjAwIDU3MSwzNDAwICIvPg0KIDwvZz4NCjwvc3ZnPg0K"), url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8IS0tIENyZWF0b3I6IENvcmVsRFJBVyBYNyAtLT4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNDBweCIgaGVpZ2h0PSI0MHB4IiB2ZXJzaW9uPSIxLjEiIHN0eWxlPSJzaGFwZS1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uOyB0ZXh0LXJlbmRlcmluZzpnZW9tZXRyaWNQcmVjaXNpb247IGltYWdlLXJlbmRlcmluZzpvcHRpbWl6ZVF1YWxpdHk7IGZpbGwtcnVsZTpldmVub2RkOyBjbGlwLXJ1bGU6ZXZlbm9kZCINCnZpZXdCb3g9IjAgMCA0MDAwIDQwMDAiDQogeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KIDxkZWZzPg0KICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KICAgPCFbQ0RBVEFbDQogICAgLnN0cjAge3N0cm9rZTojMzczNDM1O3N0cm9rZS13aWR0aDoyMDguMzUxfQ0KICAgIC5maWwwIHtmaWxsOm5vbmV9DQogICBdXT4NCiAgPC9zdHlsZT4NCiA8L2RlZnM+DQogPGcgaWQ9IkxheWVyX3gwMDIwXzEiPg0KICA8bWV0YWRhdGEgaWQ9IkNvcmVsQ29ycElEXzBDb3JlbC1MYXllciIvPg0KICA8cG9seWxpbmUgY2xhc3M9ImZpbDAgc3RyMCIgcG9pbnRzPSI1NzEsNjAwIDM0MjksNjAwIDM0MjksMzQwMCAiLz4NCiA8L2c+DQo8L3N2Zz4NCg=="); background-position: bottom left, bottom right, top left, top right; background-repeat: no-repeat; background-size: 15px; z-index: 9000; content: ""; } .col-cfg { height: 30px; width: 70px; background: #ccc; outline: 1px solid gray; flex: 0 1 auto; margin: 2px; } .col-cfg-3 { width: 25%; } .col-cfg-4 { width: 33.3333333333%; } .col-cfg-6 { width: 50%; } .col-cfg-8 { width: 66.6666666667%; } .col-cfg-9 { width: 75%; } .col-cfg-12 { width: 100%; } .section-cfg { padding: 0; margin: 5px; display: inline-block; border-radius: 7px; border: 3px solid #5b5f61; line-height: 0; width: 120px; cursor: pointer; } .section-cfg:hover:after { top: -10px; left: -10px; right: -10px; bottom: -10px; position: absolute; pointer-events: none; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjQwcHgiIGhlaWdodD0iNDBweCIgdmVyc2lvbj0iMS4xIiBzdHlsZT0ic2hhcGUtcmVuZGVyaW5nOmdlb21ldHJpY1ByZWNpc2lvbjsgdGV4dC1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uOyBpbWFnZS1yZW5kZXJpbmc6b3B0aW1pemVRdWFsaXR5OyBmaWxsLXJ1bGU6ZXZlbm9kZDsgY2xpcC1ydWxlOmV2ZW5vZGQiDQp2aWV3Qm94PSIwIDAgNDAwMCA0MDAwIg0KIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4NCiA8ZGVmcz4NCiAgPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCiAgIDwhW0NEQVRBWw0KICAgIC5zdHIwIHtzdHJva2U6IzAwMDtzdHJva2Utd2lkdGg6MjAwfQ0KICAgIC5maWwwIHtmaWxsOm5vbmV9DQogICBdXT4NCiAgPC9zdHlsZT4NCiA8L2RlZnM+DQogPGc+DQogIDxwb2x5bGluZSBjbGFzcz0iZmlsMCBzdHIwIiBwb2ludHM9IjM0MjksMzQwMCA1NzEsMzQwMCA1NzEsNjAwICIvPg0KIDwvZz4NCjwvc3ZnPg0K"), url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8IS0tIENyZWF0b3I6IENvcmVsRFJBVyBYNyAtLT4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNDBweCIgaGVpZ2h0PSI0MHB4IiB2ZXJzaW9uPSIxLjEiIHN0eWxlPSJzaGFwZS1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uOyB0ZXh0LXJlbmRlcmluZzpnZW9tZXRyaWNQcmVjaXNpb247IGltYWdlLXJlbmRlcmluZzpvcHRpbWl6ZVF1YWxpdHk7IGZpbGwtcnVsZTpldmVub2RkOyBjbGlwLXJ1bGU6ZXZlbm9kZCINCnZpZXdCb3g9IjAgMCA0MDAwIDQwMDAiDQogeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KIDxkZWZzPg0KICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KICAgPCFbQ0RBVEFbDQogICAgLnN0cjAge3N0cm9rZTojMzczNDM1O3N0cm9rZS13aWR0aDoyMDguMzUxfQ0KICAgIC5maWwwIHtmaWxsOm5vbmV9DQogICBdXT4NCiAgPC9zdHlsZT4NCiA8L2RlZnM+DQogPGcgaWQ9IkxheWVyX3gwMDIwXzEiPg0KICA8bWV0YWRhdGEgaWQ9IkNvcmVsQ29ycElEXzBDb3JlbC1MYXllciIvPg0KICA8cG9seWxpbmUgY2xhc3M9ImZpbDAgc3RyMCIgcG9pbnRzPSI1NzEsMzQwMCAzNDI5LDM0MDAgMzQyOSw2MDAgIi8+DQogPC9nPg0KPC9zdmc+DQo="), url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8IS0tIENyZWF0b3I6IENvcmVsRFJBVyBYNyAtLT4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNDBweCIgaGVpZ2h0PSI0MHB4IiB2ZXJzaW9uPSIxLjEiIHN0eWxlPSJzaGFwZS1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uOyB0ZXh0LXJlbmRlcmluZzpnZW9tZXRyaWNQcmVjaXNpb247IGltYWdlLXJlbmRlcmluZzpvcHRpbWl6ZVF1YWxpdHk7IGZpbGwtcnVsZTpldmVub2RkOyBjbGlwLXJ1bGU6ZXZlbm9kZCINCnZpZXdCb3g9IjAgMCA0MDAwIDQwMDAiDQogeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KIDxkZWZzPg0KICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KICAgPCFbQ0RBVEFbDQogICAgLnN0cjAge3N0cm9rZTojMzczNDM1O3N0cm9rZS13aWR0aDoyMDguMzUxfQ0KICAgIC5maWwwIHtmaWxsOm5vbmV9DQogICBdXT4NCiAgPC9zdHlsZT4NCiA8L2RlZnM+DQogPGcgaWQ9IkxheWVyX3gwMDIwXzEiPg0KICA8bWV0YWRhdGEgaWQ9IkNvcmVsQ29ycElEXzBDb3JlbC1MYXllciIvPg0KICA8cG9seWxpbmUgY2xhc3M9ImZpbDAgc3RyMCIgcG9pbnRzPSIzNDI5LDYwMCA1NzEsNjAwIDU3MSwzNDAwICIvPg0KIDwvZz4NCjwvc3ZnPg0K"), url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8IS0tIENyZWF0b3I6IENvcmVsRFJBVyBYNyAtLT4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNDBweCIgaGVpZ2h0PSI0MHB4IiB2ZXJzaW9uPSIxLjEiIHN0eWxlPSJzaGFwZS1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uOyB0ZXh0LXJlbmRlcmluZzpnZW9tZXRyaWNQcmVjaXNpb247IGltYWdlLXJlbmRlcmluZzpvcHRpbWl6ZVF1YWxpdHk7IGZpbGwtcnVsZTpldmVub2RkOyBjbGlwLXJ1bGU6ZXZlbm9kZCINCnZpZXdCb3g9IjAgMCA0MDAwIDQwMDAiDQogeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KIDxkZWZzPg0KICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KICAgPCFbQ0RBVEFbDQogICAgLnN0cjAge3N0cm9rZTojMzczNDM1O3N0cm9rZS13aWR0aDoyMDguMzUxfQ0KICAgIC5maWwwIHtmaWxsOm5vbmV9DQogICBdXT4NCiAgPC9zdHlsZT4NCiA8L2RlZnM+DQogPGcgaWQ9IkxheWVyX3gwMDIwXzEiPg0KICA8bWV0YWRhdGEgaWQ9IkNvcmVsQ29ycElEXzBDb3JlbC1MYXllciIvPg0KICA8cG9seWxpbmUgY2xhc3M9ImZpbDAgc3RyMCIgcG9pbnRzPSI1NzEsNjAwIDM0MjksNjAwIDM0MjksMzQwMCAiLz4NCiA8L2c+DQo8L3N2Zz4NCg=="); background-position: bottom left, bottom right, top left, top right; background-repeat: no-repeat; background-size: 15px; z-index: 9000; content: ""; } .section-container-cfg { margin: 0 15%; background: #ece7e7; display: block; height: 50px; border-left: 2px solid #5b5f61; border-right: 2px solid #5b5f61; } .section-fluid-cfg { margin: 0; background: #ece7e7; display: block; height: 50px; } .pull-right { float: right; } .pull-left { float: left; } .published { margin-left: 1em; } h1, h2 { font-family: "Montserra", sans-serif; color: #5b5f61; display: block; margin: 0; cursor: default; } h1 { font-size: 1.2em; } h2 { font-size: 1.1em; margin-top: 20px; } .toolbox { display: flex; flex-direction: column; padding: 8px; max-height: calc(100% - 40px); box-shadow: 1px 1px 20px 1px rgba(0, 0, 0, 0.15); margin: 0; background-color: #fff; border-radius: 10px; font-family: "Montserra", sans-serif; font-weight: 500; z-index: 9100; list-style: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; font-size: 13px; opacity: 0; animation: fade-in 0.3s linear forwards; } .toolbox.toolbox-popup { z-index: 9101; } .toolbox.toolbox-horizontal { flex-direction: row; } .toolbox.toolbox-vertical { flex-direction: column; } .toolbox.toolbox-position-left { left: 20px; max-width: calc(100% - 40px); } .toolbox.toolbox-position-left-bottom { position: fixed; bottom: 20px; left: 20px; flex-direction: row; } .toolbox.toolbox-position-right-top { position: fixed; top: 20px; right: 20px; flex-direction: row; } .toolbox.toolbox-position-left-offset { position: fixed; top: 20px; left: 150px; min-width: 320px; } .toolbox .toolbox-btn { color: #57585a; line-height: 45px; min-width: 45px; height: 45px; display: inline-block; padding: 0; box-sizing: border-box; border: none; background-color: transparent; -webkit-text-decoration: none; text-decoration: none; text-align: center; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-user-drag: none; } .toolbox .toolbox-btn.toolbox-btn-is-active { position: relative; } .toolbox .toolbox-btn.toolbox-btn-is-active:before { top: 0; left: 0; right: 0; bottom: 0; position: absolute; background-color: #f9fbfc; border: 1px solid #96989a; border-radius: 5px; content: ""; } .toolbox .toolbox-btn.toolbox-dropdown a { padding-left: 15px; padding-right: 15px; text-align: center; } .toolbox .toolbox-btn.pull-down { margin-top: auto; } .toolbox .toolbox-btn a { display: inline-block; height: 45px; line-height: 45px; background-size: cover; outline: none; color: #5b5f61; -webkit-text-decoration: none; text-decoration: none; width: 100%; padding-left: 12px; padding-right: 12px; } .toolbox .toolbox-btn a:focus, .toolbox .toolbox-btn a:hover { outline: none; } .toolbox .toolbox-btn a:focus:after, .toolbox .toolbox-btn a:hover:after { top: 0; left: 0; right: 0; bottom: 0; position: absolute; pointer-events: none; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjQwcHgiIGhlaWdodD0iNDBweCIgdmVyc2lvbj0iMS4xIiBzdHlsZT0ic2hhcGUtcmVuZGVyaW5nOmdlb21ldHJpY1ByZWNpc2lvbjsgdGV4dC1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uOyBpbWFnZS1yZW5kZXJpbmc6b3B0aW1pemVRdWFsaXR5OyBmaWxsLXJ1bGU6ZXZlbm9kZDsgY2xpcC1ydWxlOmV2ZW5vZGQiDQp2aWV3Qm94PSIwIDAgNDAwMCA0MDAwIg0KIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4NCiA8ZGVmcz4NCiAgPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCiAgIDwhW0NEQVRBWw0KICAgIC5zdHIwIHtzdHJva2U6IzAwMDtzdHJva2Utd2lkdGg6MjAwfQ0KICAgIC5maWwwIHtmaWxsOm5vbmV9DQogICBdXT4NCiAgPC9zdHlsZT4NCiA8L2RlZnM+DQogPGc+DQogIDxwb2x5bGluZSBjbGFzcz0iZmlsMCBzdHIwIiBwb2ludHM9IjM0MjksMzQwMCA1NzEsMzQwMCA1NzEsNjAwICIvPg0KIDwvZz4NCjwvc3ZnPg0K"), url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8IS0tIENyZWF0b3I6IENvcmVsRFJBVyBYNyAtLT4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNDBweCIgaGVpZ2h0PSI0MHB4IiB2ZXJzaW9uPSIxLjEiIHN0eWxlPSJzaGFwZS1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uOyB0ZXh0LXJlbmRlcmluZzpnZW9tZXRyaWNQcmVjaXNpb247IGltYWdlLXJlbmRlcmluZzpvcHRpbWl6ZVF1YWxpdHk7IGZpbGwtcnVsZTpldmVub2RkOyBjbGlwLXJ1bGU6ZXZlbm9kZCINCnZpZXdCb3g9IjAgMCA0MDAwIDQwMDAiDQogeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KIDxkZWZzPg0KICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KICAgPCFbQ0RBVEFbDQogICAgLnN0cjAge3N0cm9rZTojMzczNDM1O3N0cm9rZS13aWR0aDoyMDguMzUxfQ0KICAgIC5maWwwIHtmaWxsOm5vbmV9DQogICBdXT4NCiAgPC9zdHlsZT4NCiA8L2RlZnM+DQogPGcgaWQ9IkxheWVyX3gwMDIwXzEiPg0KICA8bWV0YWRhdGEgaWQ9IkNvcmVsQ29ycElEXzBDb3JlbC1MYXllciIvPg0KICA8cG9seWxpbmUgY2xhc3M9ImZpbDAgc3RyMCIgcG9pbnRzPSI1NzEsMzQwMCAzNDI5LDM0MDAgMzQyOSw2MDAgIi8+DQogPC9nPg0KPC9zdmc+DQo="), url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8IS0tIENyZWF0b3I6IENvcmVsRFJBVyBYNyAtLT4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNDBweCIgaGVpZ2h0PSI0MHB4IiB2ZXJzaW9uPSIxLjEiIHN0eWxlPSJzaGFwZS1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uOyB0ZXh0LXJlbmRlcmluZzpnZW9tZXRyaWNQcmVjaXNpb247IGltYWdlLXJlbmRlcmluZzpvcHRpbWl6ZVF1YWxpdHk7IGZpbGwtcnVsZTpldmVub2RkOyBjbGlwLXJ1bGU6ZXZlbm9kZCINCnZpZXdCb3g9IjAgMCA0MDAwIDQwMDAiDQogeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KIDxkZWZzPg0KICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KICAgPCFbQ0RBVEFbDQogICAgLnN0cjAge3N0cm9rZTojMzczNDM1O3N0cm9rZS13aWR0aDoyMDguMzUxfQ0KICAgIC5maWwwIHtmaWxsOm5vbmV9DQogICBdXT4NCiAgPC9zdHlsZT4NCiA8L2RlZnM+DQogPGcgaWQ9IkxheWVyX3gwMDIwXzEiPg0KICA8bWV0YWRhdGEgaWQ9IkNvcmVsQ29ycElEXzBDb3JlbC1MYXllciIvPg0KICA8cG9seWxpbmUgY2xhc3M9ImZpbDAgc3RyMCIgcG9pbnRzPSIzNDI5LDYwMCA1NzEsNjAwIDU3MSwzNDAwICIvPg0KIDwvZz4NCjwvc3ZnPg0K"), url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8IS0tIENyZWF0b3I6IENvcmVsRFJBVyBYNyAtLT4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNDBweCIgaGVpZ2h0PSI0MHB4IiB2ZXJzaW9uPSIxLjEiIHN0eWxlPSJzaGFwZS1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uOyB0ZXh0LXJlbmRlcmluZzpnZW9tZXRyaWNQcmVjaXNpb247IGltYWdlLXJlbmRlcmluZzpvcHRpbWl6ZVF1YWxpdHk7IGZpbGwtcnVsZTpldmVub2RkOyBjbGlwLXJ1bGU6ZXZlbm9kZCINCnZpZXdCb3g9IjAgMCA0MDAwIDQwMDAiDQogeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KIDxkZWZzPg0KICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KICAgPCFbQ0RBVEFbDQogICAgLnN0cjAge3N0cm9rZTojMzczNDM1O3N0cm9rZS13aWR0aDoyMDguMzUxfQ0KICAgIC5maWwwIHtmaWxsOm5vbmV9DQogICBdXT4NCiAgPC9zdHlsZT4NCiA8L2RlZnM+DQogPGcgaWQ9IkxheWVyX3gwMDIwXzEiPg0KICA8bWV0YWRhdGEgaWQ9IkNvcmVsQ29ycElEXzBDb3JlbC1MYXllciIvPg0KICA8cG9seWxpbmUgY2xhc3M9ImZpbDAgc3RyMCIgcG9pbnRzPSI1NzEsNjAwIDM0MjksNjAwIDM0MjksMzQwMCAiLz4NCiA8L2c+DQo8L3N2Zz4NCg=="); background-position: bottom left, bottom right, top left, top right; background-repeat: no-repeat; background-size: 10px; z-index: 9000; content: ""; } .toolbox .toolbox-btn a:active, .toolbox .toolbox-btn a:visited { color: inherit; } .toolbox .toolbox-btn[disabled] { opacity: 0.2; } .toolbox .toolbox-btn .toolbox-btn-addon { width: 15px; left: 3px; } .toolbox .toolbox-btn-group { display: flex; padding: 0; margin: 0; } .toolbox .toolbox-btn-group-vertical { display: flex; flex-direction: column; } .toolbox .toolbox-btn-group-vertical .toolbox-btn-is-active:before { position: absolute; left: -7px; content: ""; width: 4px; background: #a8cf45; top: 0; bottom: 0; border: none; } .toolbox .toolbox-splitter { height: 1px; border: none; border-bottom: 1px solid lightgray; } .toolbox.toolbox-resizable { resize: horizontal; } .toolbox::after { clear: both; content: ""; display: block; } .toolbox .resize-handle { background: transparent; position: absolute; z-index: 9101; } .toolbox .resize-handle.resize-handle-right { cursor: e-resize; width: 5px; right: 0; top: 0; bottom: 0; } .toolbox .resize-handle.resize-handle-left { cursor: w-resize; width: 5px; left: 0; top: 0; bottom: 0; } .toolbox .resize-handle.resize-handle-top { cursor: n-resize; height: 5px; left: 0; right: 0; top: 0; } .toolbox .resize-handle.resize-handle-bottom { cursor: s-resize; height: 5px; left: 0; right: 0; bottom: 0; } .toolbox.resize-suspended .resize-handle { pointer-events: none; } .toolbox.resized-vertically .resizable-content { height: 100%; display: flex; flex-direction: column; } .balloon .toolbox { padding: 0; box-shadow: none; } .editor { padding: 10px; flex: 1; display: flex; flex-direction: column; width: 100%; } .editor .flex-row { flex-wrap: wrap; } .editor h1 { margin: 3px 0; } .no-pointer-events { pointer-events: none; } .photo { top: 0; left: 0; right: 0; bottom: 0; position: absolute; background-size: cover; } .subtle { font-size: 0.9em; color: #74797b; font-family: monospace; padding-top: 5px; } /* Breakpoints */ /* Typography */ /* Toolboxes */ /* Workshops */ /* Buttons */ /* Balloons */ /* Palette */ /* Forms */ /* Lists */ /* Spinners */ /* Scrollbars */ /* Layout editor */ /* Others */ /* Breakpoints */ /* Typography */ /* Toolboxes */ /* Workshops */ /* Buttons */ /* Balloons */ /* Palette */ /* Forms */ /* Lists */ /* Spinners */ /* Scrollbars */ /* Layout editor */ /* Others */ .fit { top: 0; left: 0; right: 0; bottom: 0; position: absolute; } .paperbits-icon, .form-group.form-group-collapsible .form-group-toggle.collapsed, .form-group.form-group-collapsible .form-group-toggle, .btn-info, .btn-info:hover, .btn-info:active, .list-checkboxes .list-item.list-item-checked::before { display: inline-block; font: normal normal normal 1em/1 "paperbits"; font-size: 1.1em; speak: none; text-transform: none; line-height: inherit; /* Better Font Rendering */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /*------------------------ change icon size -------------------------*/ /* relative units */ .paperbits-sm { font-size: 0.8em; } /*------------------------ icons -------------------------*/ .paperbits-layout-11::before { content: "\ea03"; } .paperbits-action-74::before { content: "\ea08"; } .paperbits-align-center::before { content: "\ea09"; } .paperbits-align-justify::before { content: "\ea0a"; } .paperbits-align-left-2::before { content: "\ea0b"; } .paperbits-align-right-2::before { content: "\ea0c"; } .paperbits-size::before { content: "\ea0d"; } .paperbits-edit-2::before { content: "\ea0e"; } .paperbits-code::before { content: "\ea0f"; } .paperbits-list-bullet::before { content: "\ea10"; } .paperbits-list-numbers::before { content: "\ea11"; } .paperbits-bold::before { content: "\ea12"; } .paperbits-audio-91::before { content: "\ea13"; } .paperbits-alert-circle-i::before, .btn-info::before, .btn-info:hover::before, .btn-info:active::before { content: "\ea17"; } .paperbits-chat-45-2::before { content: "\ea18"; } .paperbits-drop::before { content: "\ea1a"; } .paperbits-m-location::before { content: "\ea1d"; } .paperbits-mobile::before { content: "\ea1f"; } .paperbits-desktop-screen::before { content: "\ea20"; } .paperbits-mobile-landscape::before { content: "\ea22"; } .paperbits-player-48::before { content: "\ea23"; } .paperbits-tablet-2::before { content: "\ea24"; } .paperbits-wifi-off::before { content: "\ea25"; } .paperbits-wifi::before { content: "\ea26"; } .paperbits-ban::before { content: "\ea27"; } .paperbits-single-content-03::before { content: "\ea28"; } .paperbits-single-copy-04::before { content: "\ea29"; } .paperbits-mirror-2::before { content: "\ea2b"; } .paperbits-slider::before { content: "\ea2c"; } .paperbits-image-2::before { content: "\ea31"; } .paperbits-paint-bucket-40::before { content: "\ea32"; } .paperbits-palette::before { content: "\ea33"; } .paperbits-menu-34::before { content: "\ea36"; } .paperbits-check-2::before, .list-checkboxes .list-item.list-item-checked::before { content: "\ea38"; } .paperbits-preferences-circle::before { content: "\ea39"; } .paperbits-underline::before { content: "\ea3a"; } .paperbits-link-69-2::before { content: "\ea3d"; } .paperbits-capitalize::before { content: "\ea3e"; } .paperbits-color::before { content: "\ea3f"; } .paperbits-anchor::before { content: "\ea40"; } .paperbits-italic::before { content: "\ea41"; } .paperbits-square-upload::before { content: "\ea42"; } .paperbits-square-download::before { content: "\ea43"; } .paperbits-simple-add::before { content: "\ea44"; } .paperbits-simple-remove::before { content: "\ea45"; } .paperbits-circle-delete::before, .form-group.form-group-collapsible .form-group-toggle::before { content: "\ea47"; } .paperbits-circle-add::before, .form-group.form-group-collapsible .form-group-toggle.collapsed::before { content: "\ea48"; } .paperbits-button-2::before { content: "\ea49"; } .paperbits-enlarge-circle::before { content: "\ea4a"; } .paperbits-align-bottom::before { content: "\ea4c"; } .paperbits-align-right::before { content: "\ea4d"; } .paperbits-align-top::before { content: "\ea4e"; } .paperbits-align-center-horizontal::before { content: "\ea4f"; } .paperbits-align-center-vertical::before { content: "\ea50"; } .paperbits-align-left::before { content: "\ea51"; } .paperbits-disperse::before { content: "\ea52"; } .paperbits-zoom-out::before { content: "\ea53"; } .paperbits-zoom-in::before { content: "\ea54"; } .paperbits-trash-simple::before { content: "\ea55"; } .paperbits-edit-72::before { content: "\ea56"; } .paperbits-form::before { content: "\ea57"; } .paperbits-zoom-99::before { content: "\ea58"; } .paperbits-crop::before { content: "\ea59"; } .paperbits-enlarge-vertical::before { content: "\ea5a"; } .paperbits-enlarge-horizontal::before { content: "\ea5b"; } .paperbits-rotate-right-2::before { content: "\ea5c"; } .paperbits-rotate-left-2::before { content: "\ea5d"; } .paperbits-margin-right::before { content: "\ea5e"; } .paperbits-margin-left::before { content: "\ea5f"; } .paperbits-alert::before { content: "\ea60"; } .paperbits-at-sign::before { content: "\ea63"; } .paperbits-gradient::before { content: "\ea64"; } .paperbits-polaroid::before { content: "\ea65"; } .paperbits-marker-2::before { content: "\ea67"; } .paperbits-undo-25::before { content: "\ea68"; } .paperbits-redo-26::before { content: "\ea69"; } .paperbits-floppy-disk::before { content: "\ea6a"; } .paperbits-upload::before { content: "\ea6b"; } .paperbits-world::before { content: "\ea6e"; } .paperbits-wireframe::before { content: "\ea6f"; } .paperbits-send::before { content: "\ea70"; } .paperbits-c-question::before { content: "\ea71"; } .paperbits-layout-11-2::before { content: "\ea73"; } .paperbits-clapperboard::before { content: "\ea75"; } .paperbits-single-02::before { content: "\ea76"; } .paperbits-lightning::before { content: "\ea77"; } .paperbits-l-search::before { content: "\ea78"; } .paperbits-small-down::before { content: "\ea79"; } .paperbits-small-up::before { content: "\ea7a"; } .paperbits-menu-4::before { content: "\ea7b"; } .paperbits-tablet-2-2::before { content: "\ea7c"; } .paperbits-strikethrough::before { content: "\ea7d"; } .paperbits-divider::before { content: "\ea7e"; } .paperbits-s-add::before { content: "\ea7f"; } .paperbits-curved-arrow-left::before { content: "\ea80"; } .paperbits-a-security::before { content: "\ea82"; } @keyframes fade-in { from { opacity: 0; } to { opacity: 1; } } @keyframes shake { 0% { -webkit-transform: translate(2px, 1px) rotate(0deg); } 10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); } 20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); } 30% { -webkit-transform: translate(0px, 2px) rotate(0deg); } 40% { -webkit-transform: translate(1px, -1px) rotate(1deg); } 50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); } 60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); } 70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); } 80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); } 90% { -webkit-transform: translate(2px, 2px) rotate(0deg); } 100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); } } @keyframes slideleft { 0% { transform: translateX(150%); } 50% { transform: translateX(-8%); } 65% { transform: translateX(4%); } 80% { transform: translateX(-4%); } 95% { transform: translateX(2%); } 100% { transform: translateX(0%); } } .animation-slideright { animation-name: slideright; animation-duration: 1s; animation-timing-function: ease-in-out; visibility: visible !important; } @keyframes slideright { 0% { transform: translateX(-150%); } 50% { transform: translateX(8%); } 65% { transform: translateX(-4%); } 80% { transform: translateX(4%); } 95% { transform: translateX(-2%); } 100% { transform: translateX(0%); } } .animation-popin { animation: pop-in 0.2s ease; } @keyframes pop-in { 0% { opacity: 0; transform: scale(0.5); } 100% { opacity: 1; transform: scale(1); } } /* Breakpoints */ /* Typography */ /* Toolboxes */ /* Workshops */ /* Buttons */ /* Balloons */ /* Palette */ /* Forms */ /* Lists */ /* Spinners */ /* Scrollbars */ /* Layout editor */ /* Others */ .fit { top: 0; left: 0; right: 0; bottom: 0; position: absolute; } /* Breakpoints */ /* Typography */ /* Toolboxes */ /* Workshops */ /* Buttons */ /* Balloons */ /* Palette */ /* Forms */ /* Lists */ /* Spinners */ /* Scrollbars */ /* Layout editor */ /* Others */ paperbits-code, paperbits-googlemaps, paperbits-picture, paperbits-text, widget { display: block; } paperbits-code.dragged, paperbits-googlemaps.dragged, paperbits-picture.dragged, paperbits-text.dragged, widget.dragged { box-shadow: 2px 2px 2px 2px rgba(128, 128, 128, 0.4); transform: scale(1.05); transition: transform 0.5s ease-in-out, height 0.5s ease-in-out, width 0.5s ease-in-out; background: #fff; opacity: 0.98; position: fixed; } paperbits-code:hover:after, paperbits-googlemaps:hover:after, paperbits-picture:hover:after, paperbits-text:hover:after, widget:hover:after { top: 0; left: 0; right: 0; bottom: 0; position: absolute; pointer-events: none; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjQwcHgiIGhlaWdodD0iNDBweCIgdmVyc2lvbj0iMS4xIiBzdHlsZT0ic2hhcGUtcmVuZGVyaW5nOmdlb21ldHJpY1ByZWNpc2lvbjsgdGV4dC1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uOyBpbWFnZS1yZW5kZXJpbmc6b3B0aW1pemVRdWFsaXR5OyBmaWxsLXJ1bGU6ZXZlbm9kZDsgY2xpcC1ydWxlOmV2ZW5vZGQiDQp2aWV3Qm94PSIwIDAgNDAwMCA0MDAwIg0KIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4NCiA8ZGVmcz4NCiAgPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCiAgIDwhW0NEQVRBWw0KICAgIC5zdHIwIHtzdHJva2U6IzAwMDtzdHJva2Utd2lkdGg6MjAwfQ0KICAgIC5maWwwIHtmaWxsOm5vbmV9DQogICBdXT4NCiAgPC9zdHlsZT4NCiA8L2RlZnM+DQogPGc+DQogIDxwb2x5bGluZSBjbGFzcz0iZmlsMCBzdHIwIiBwb2ludHM9IjM0MjksMzQwMCA1NzEsMzQwMCA1NzEsNjAwICIvPg0KIDwvZz4NCjwvc3ZnPg0K"), url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8IS0tIENyZWF0b3I6IENvcmVsRFJBVyBYNyAtLT4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNDBweCIgaGVpZ2h0PSI0MHB4IiB2ZXJzaW9uPSIxLjEiIHN0eWxlPSJzaGFwZS1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uOyB0ZXh0LXJlbmRlcmluZzpnZW9tZXRyaWNQcmVjaXNpb247IGltYWdlLXJlbmRlcmluZzpvcHRpbWl6ZVF1YWxpdHk7IGZpbGwtcnVsZTpldmVub2RkOyBjbGlwLXJ1bGU6ZXZlbm9kZCINCnZpZXdCb3g9IjAgMCA0MDAwIDQwMDAiDQogeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KIDxkZWZzPg0KICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KICAgPCFbQ0RBVEFbDQogICAgLnN0cjAge3N0cm9rZTojMzczNDM1O3N0cm9rZS13aWR0aDoyMDguMzUxfQ0KICAgIC5maWwwIHtmaWxsOm5vbmV9DQogICBdXT4NCiAgPC9zdHlsZT4NCiA8L2RlZnM+DQogPGcgaWQ9IkxheWVyX3gwMDIwXzEiPg0KICA8bWV0YWRhdGEgaWQ9IkNvcmVsQ29ycElEXzBDb3JlbC1MYXllciIvPg0KICA8cG9seWxpbmUgY2xhc3M9ImZpbDAgc3RyMCIgcG9pbnRzPSI1NzEsMzQwMCAzNDI5LDM0MDAgMzQyOSw2MDAgIi8+DQogPC9nPg0KPC9zdmc+DQo="), url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8IS0tIENyZWF0b3I6IENvcmVsRFJBVyBYNyAtLT4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNDBweCIgaGVpZ2h0PSI0MHB4IiB2ZXJzaW9uPSIxLjEiIHN0eWxlPSJzaGFwZS1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uOyB0ZXh0LXJlbmRlcmluZzpnZW9tZXRyaWNQcmVjaXNpb247IGltYWdlLXJlbmRlcmluZzpvcHRpbWl6ZVF1YWxpdHk7IGZpbGwtcnVsZTpldmVub2RkOyBjbGlwLXJ1bGU6ZXZlbm9kZCINCnZpZXdCb3g9IjAgMCA0MDAwIDQwMDAiDQogeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KIDxkZWZzPg0KICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KICAgPCFbQ0RBVEFbDQogICAgLnN0cjAge3N0cm9rZTojMzczNDM1O3N0cm9rZS13aWR0aDoyMDguMzUxfQ0KICAgIC5maWwwIHtmaWxsOm5vbmV9DQogICBdXT4NCiAgPC9zdHlsZT4NCiA8L2RlZnM+DQogPGcgaWQ9IkxheWVyX3gwMDIwXzEiPg0KICA8bWV0YWRhdGEgaWQ9IkNvcmVsQ29ycElEXzBDb3JlbC1MYXllciIvPg0KICA8cG9seWxpbmUgY2xhc3M9ImZpbDAgc3RyMCIgcG9pbnRzPSIzNDI5LDYwMCA1NzEsNjAwIDU3MSwzNDAwICIvPg0KIDwvZz4NCjwvc3ZnPg0K"), url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8IS0tIENyZWF0b3I6IENvcmVsRFJBVyBYNyAtLT4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNDBweCIgaGVpZ2h0PSI0MHB4IiB2ZXJzaW9uPSIxLjEiIHN0eWxlPSJzaGFwZS1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uOyB0ZXh0LXJlbmRlcmluZzpnZW9tZXRyaWNQcmVjaXNpb247IGltYWdlLXJlbmRlcmluZzpvcHRpbWl6ZVF1YWxpdHk7IGZpbGwtcnVsZTpldmVub2RkOyBjbGlwLXJ1bGU6ZXZlbm9kZCINCnZpZXdCb3g9IjAgMCA0MDAwIDQwMDAiDQogeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KIDxkZWZzPg0KICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KICAgPCFbQ0RBVEFbDQogICAgLnN0cjAge3N0cm9rZTojMzczNDM1O3N0cm9rZS13aWR0aDoyMDguMzUxfQ0KICAgIC5maWwwIHtmaWxsOm5vbmV9DQogICBdXT4NCiAgPC9zdHlsZT4NCiA8L2RlZnM+DQogPGcgaWQ9IkxheWVyX3gwMDIwXzEiPg0KICA8bWV0YWRhdGEgaWQ9IkNvcmVsQ29ycElEXzBDb3JlbC1MYXllciIvPg0KICA8cG9seWxpbmUgY2xhc3M9ImZpbDAgc3RyMCIgcG9pbnRzPSI1NzEsNjAwIDM0MjksNjAwIDM0MjksMzQwMCAiLz4NCiA8L2c+DQo8L3N2Zz4NCg=="); background-position: bottom left, bottom right, top left, top right; background-repeat: no-repeat; background-size: 10px; z-index: 9000; content: ""; } .layout-editor-selection { position: fixed; pointer-events: none; z-index: 9000; } .layout-editor-selection:before { content: attr(title); background: #3c3c3c; color: #fff; padding: 5px; left: -5px; top: -30px; position: absolute; font-size: 8px; text-transform: uppercase; font-family: "Montserra", sans-serif; opacity: 0.7; } .layout-editor-selection:after { top: 0; left: 0; right: 0; bottom: 0; content: ""; display: block; position: absolute; } .layout-editor-splitter { position: fixed; pointer-events: none; z-index: 9000; border-color: #ccc; border-style: dashed; border-width: 0; opacity: 0.5; } .empty-item { margin: auto; width: 50%; text-align: center; } .fixed { position: fixed; z-index: 9100; } .btn-standalone { color: #ececec; display: inline-block; box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.15); border: none; border-radius: 50%; width: 30px; height: 30px; cursor: pointer; z-index: 9001; line-height: 1em; } .btn-standalone .paperbits-icon, .btn-standalone .form-group.form-group-collapsible .form-group-toggle, .form-group.form-group-collapsible .btn-standalone .form-group-toggle, .btn-standalone .btn-info, .btn-standalone .list-checkboxes .list-item.list-item-checked::before, .list-checkboxes .btn-standalone .list-item.list-item-checked::before { font-size: 0.9em; } .btn-standalone:hover { transform: scale(1.2); transition-duration: 0.3s; z-index: 9002; } .row-cfg { border-radius: 7px; border-spacing: 2px; display: inline-flex; flex-wrap: nowrap; justify-content: flex-start; align-content: stretch; padding: 0; line-height: 0; width: 80px; white-space: nowrap; margin: 5px; } .row-cfg:hover { cursor: pointer; } .row-cfg:hover:after { top: -5px; left: -5px; right: -5px; bottom: -5px; position: absolute; pointer-events: none; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjQwcHgiIGhlaWdodD0iNDBweCIgdmVyc2lvbj0iMS4xIiBzdHlsZT0ic2hhcGUtcmVuZGVyaW5nOmdlb21ldHJpY1ByZWNpc2lvbjsgdGV4dC1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uOyBpbWFnZS1yZW5kZXJpbmc6b3B0aW1pemVRdWFsaXR5OyBmaWxsLXJ1bGU6ZXZlbm9kZDsgY2xpcC1ydWxlOmV2ZW5vZGQiDQp2aWV3Qm94PSIwIDAgNDAwMCA0MDAwIg0KIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4NCiA8ZGVmcz4NCiAgPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCiAgIDwhW0NEQVRBWw0KICAgIC5zdHIwIHtzdHJva2U6IzAwMDtzdHJva2Utd2lkdGg6MjAwfQ0KICAgIC5maWwwIHtmaWxsOm5vbmV9DQogICBdXT4NCiAgPC9zdHlsZT4NCiA8L2RlZnM+DQogPGc+DQogIDxwb2x5bGluZSBjbGFzcz0iZmlsMCBzdHIwIiBwb2ludHM9IjM0MjksMzQwMCA1NzEsMzQwMCA1NzEsNjAwICIvPg0KIDwvZz4NCjwvc3ZnPg0K"), url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8IS0tIENyZWF0b3I6IENvcmVsRFJBVyBYNyAtLT4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNDBweCIgaGVpZ2h0PSI0MHB4IiB2ZXJzaW9uPSIxLjEiIHN0eWxlPSJzaGFwZS1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uOyB0ZXh0LXJlbmRlcmluZzpnZW9tZXRyaWNQcmVjaXNpb247IGltYWdlLXJlbmRlcmluZzpvcHRpbWl6ZVF1YWxpdHk7IGZpbGwtcnVsZTpldmVub2RkOyBjbGlwLXJ1bGU6ZXZlbm9kZCINCnZpZXdCb3g9IjAgMCA0MDAwIDQwMDAiDQogeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KIDxkZWZzPg0KICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KICAgPCFbQ0RBVEFbDQogICAgLnN0cjAge3N0cm9rZTojMzczNDM1O3N0cm9rZS13aWR0aDoyMDguMzUxfQ0KICAgIC5maWwwIHtmaWxsOm5vbmV9DQogICBdXT4NCiAgPC9zdHlsZT4NCiA8L2RlZnM+DQogPGcgaWQ9IkxheWVyX3gwMDIwXzEiPg0KICA8bWV0YWRhdGEgaWQ9IkNvcmVsQ29ycElEXzBDb3JlbC1MYXllciIvPg0KICA8cG9seWxpbmUgY2xhc3M9ImZpbDAgc3RyMCIgcG9pbnRzPSI1NzEsMzQwMCAzNDI5LDM0MDAgMzQyOSw2MDAgIi8+DQogPC9nPg0KPC9zdmc+DQo="), url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8IS0tIENyZWF0b3I6IENvcmVsRFJBVyBYNyAtLT4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNDBweCIgaGVpZ2h0PSI0MHB4IiB2ZXJzaW9uPSIxLjEiIHN0eWxlPSJzaGFwZS1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uOyB0ZXh0LXJlbmRlcmluZzpnZW9tZXRyaWNQcmVjaXNpb247IGltYWdlLXJlbmRlcmluZzpvcHRpbWl6ZVF1YWxpdHk7IGZpbGwtcnVsZTpldmVub2RkOyBjbGlwLXJ1bGU6ZXZlbm9kZCINCnZpZXdCb3g9IjAgMCA0MDAwIDQwMDAiDQogeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KIDxkZWZzPg0KICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KICAgPCFbQ0RBVEFbDQogICAgLnN0cjAge3N0cm9rZTojMzczNDM1O3N0cm9rZS13aWR0aDoyMDguMzUxfQ0KICAgIC5maWwwIHtmaWxsOm5vbmV9DQogICBdXT4NCiAgPC9zdHlsZT4NCiA8L2RlZnM+DQogPGcgaWQ9IkxheWVyX3gwMDIwXzEiPg0KICA8bWV0YWRhdGEgaWQ9IkNvcmVsQ29ycElEXzBDb3JlbC1MYXllciIvPg0KICA8cG9seWxpbmUgY2xhc3M9ImZpbDAgc3RyMCIgcG9pbnRzPSIzNDI5LDYwMCA1NzEsNjAwIDU3MSwzNDAwICIvPg0KIDwvZz4NCjwvc3ZnPg0K"), url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8IS0tIENyZWF0b3I6IENvcmVsRFJBVyBYNyAtLT4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNDBweCIgaGVpZ2h0PSI0MHB4IiB2ZXJzaW9uPSIxLjEiIHN0eWxlPSJzaGFwZS1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uOyB0ZXh0LXJlbmRlcmluZzpnZW9tZXRyaWNQcmVjaXNpb247IGltYWdlLXJlbmRlcmluZzpvcHRpbWl6ZVF1YWxpdHk7IGZpbGwtcnVsZTpldmVub2RkOyBjbGlwLXJ1bGU6ZXZlbm9kZCINCnZpZXdCb3g9IjAgMCA0MDAwIDQwMDAiDQogeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KIDxkZWZzPg0KICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KICAgPCFbQ0RBVEFbDQogICAgLnN0cjAge3N0cm9rZTojMzczNDM1O3N0cm9rZS13aWR0aDoyMDguMzUxfQ0KICAgIC5maWwwIHtmaWxsOm5vbmV9DQogICBdXT4NCiAgPC9zdHlsZT4NCiA8L2RlZnM+DQogPGcgaWQ9IkxheWVyX3gwMDIwXzEiPg0KICA8bWV0YWRhdGEgaWQ9IkNvcmVsQ29ycElEXzBDb3JlbC1MYXllciIvPg0KICA8cG9seWxpbmUgY2xhc3M9ImZpbDAgc3RyMCIgcG9pbnRzPSI1NzEsNjAwIDM0MjksNjAwIDM0MjksMzQwMCAiLz4NCiA8L2c+DQo8L3N2Zz4NCg=="); background-position: bottom left, bottom right, top left, top right; background-repeat: no-repeat; background-size: 15px; z-index: 9000; content: ""; } .col-cfg { height: 30px; width: 70px; background: #ccc; outline: 1px solid gray; flex: 0 1 auto; margin: 2px; } .col-cfg-3 { width: 25%; } .col-cfg-4 { width: 33.3333333333%; } .col-cfg-6 { width: 50%; } .col-cfg-8 { width: 66.6666666667%; } .col-cfg-9 { width: 75%; } .col-cfg-12 { width: 100%; } .section-cfg { padding: 0; margin: 5px; display: inline-block; border-radius: 7px; border: 3px solid #5b5f61; line-height: 0; width: 120px; cursor: pointer; } .section-cfg:hover:after { top: -10px; left: -10px; right: -10px; bottom: -10px; position: absolute; pointer-events: none; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjQwcHgiIGhlaWdodD0iNDBweCIgdmVyc2lvbj0iMS4xIiBzdHlsZT0ic2hhcGUtcmVuZGVyaW5nOmdlb21ldHJpY1ByZWNpc2lvbjsgdGV4dC1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uOyBpbWFnZS1yZW5kZXJpbmc6b3B0aW1pemVRdWFsaXR5OyBmaWxsLXJ1bGU6ZXZlbm9kZDsgY2xpcC1ydWxlOmV2ZW5vZGQiDQp2aWV3Qm94PSIwIDAgNDAwMCA0MDAwIg0KIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4NCiA8ZGVmcz4NCiAgPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCiAgIDwhW0NEQVRBWw0KICAgIC5zdHIwIHtzdHJva2U6IzAwMDtzdHJva2Utd2lkdGg6MjAwfQ0KICAgIC5maWwwIHtmaWxsOm5vbmV9DQogICBdXT4NCiAgPC9zdHlsZT4NCiA8L2RlZnM+DQogPGc+DQogIDxwb2x5bGluZSBjbGFzcz0iZmlsMCBzdHIwIiBwb2ludHM9IjM0MjksMzQwMCA1NzEsMzQwMCA1NzEsNjAwICIvPg0KIDwvZz4NCjwvc3ZnPg0K"), url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8IS0tIENyZWF0b3I6IENvcmVsRFJBVyBYNyAtLT4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNDBweCIgaGVpZ2h0PSI0MHB4IiB2ZXJzaW9uPSIxLjEiIHN0eWxlPSJzaGFwZS1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uOyB0ZXh0LXJlbmRlcmluZzpnZW9tZXRyaWNQcmVjaXNpb247IGltYWdlLXJlbmRlcmluZzpvcHRpbWl6ZVF1YWxpdHk7IGZpbGwtcnVsZTpldmVub2RkOyBjbGlwLXJ1bGU6ZXZlbm9kZCINCnZpZXdCb3g9IjAgMCA0MDAwIDQwMDAiDQogeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KIDxkZWZzPg0KICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KICAgPCFbQ0RBVEFbDQogICAgLnN0cjAge3N0cm9rZTojMzczNDM1O3N0cm9rZS13aWR0aDoyMDguMzUxfQ0KICAgIC5maWwwIHtmaWxsOm5vbmV9DQogICBdXT4NCiAgPC9zdHlsZT4NCiA8L2RlZnM+DQogPGcgaWQ9IkxheWVyX3gwMDIwXzEiPg0KICA8bWV0YWRhdGEgaWQ9IkNvcmVsQ29ycElEXzBDb3JlbC1MYXllciIvPg0KICA8cG9seWxpbmUgY2xhc3M9ImZpbDAgc3RyMCIgcG9pbnRzPSI1NzEsMzQwMCAzNDI5LDM0MDAgMzQyOSw2MDAgIi8+DQogPC9nPg0KPC9zdmc+DQo="), url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8IS0tIENyZWF0b3I6IENvcmVsRFJBVyBYNyAtLT4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNDBweCIgaGVpZ2h0PSI0MHB4IiB2ZXJzaW9uPSIxLjEiIHN0eWxlPSJzaGFwZS1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uOyB0ZXh0LXJlbmRlcmluZzpnZW9tZXRyaWNQcmVjaXNpb247IGltYWdlLXJlbmRlcmluZzpvcHRpbWl6ZVF1YWxpdHk7IGZpbGwtcnVsZTpldmVub2RkOyBjbGlwLXJ1bGU6ZXZlbm9kZCINCnZpZXdCb3g9IjAgMCA0MDAwIDQwMDAiDQogeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KIDxkZWZzPg0KICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KICAgPCFbQ0RBVEFbDQogICAgLnN0cjAge3N0cm9rZTojMzczNDM1O3N0cm9rZS13aWR0aDoyMDguMzUxfQ0KICAgIC5maWwwIHtmaWxsOm5vbmV9DQogICBdXT4NCiAgPC9zdHlsZT4NCiA8L2RlZnM+DQogPGcgaWQ9IkxheWVyX3gwMDIwXzEiPg0KICA8bWV0YWRhdGEgaWQ9IkNvcmVsQ29ycElEXzBDb3JlbC1MYXllciIvPg0KICA8cG9seWxpbmUgY2xhc3M9ImZpbDAgc3RyMCIgcG9pbnRzPSIzNDI5LDYwMCA1NzEsNjAwIDU3MSwzNDAwICIvPg0KIDwvZz4NCjwvc3ZnPg0K"), url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8IS0tIENyZWF0b3I6IENvcmVsRFJBVyBYNyAtLT4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNDBweCIgaGVpZ2h0PSI0MHB4IiB2ZXJzaW9uPSIxLjEiIHN0eWxlPSJzaGFwZS1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uOyB0ZXh0LXJlbmRlcmluZzpnZW9tZXRyaWNQcmVjaXNpb247IGltYWdlLXJlbmRlcmluZzpvcHRpbWl6ZVF1YWxpdHk7IGZpbGwtcnVsZTpldmVub2RkOyBjbGlwLXJ1bGU6ZXZlbm9kZCINCnZpZXdCb3g9IjAgMCA0MDAwIDQwMDAiDQogeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KIDxkZWZzPg0KICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KICAgPCFbQ0RBVEFbDQogICAgLnN0cjAge3N0cm9rZTojMzczNDM1O3N0cm9rZS13aWR0aDoyMDguMzUxfQ0KICAgIC5maWwwIHtmaWxsOm5vbmV9DQogICBdXT4NCiAgPC9zdHlsZT4NCiA8L2RlZnM+DQogPGcgaWQ9IkxheWVyX3gwMDIwXzEiPg0KICA8bWV0YWRhdGEgaWQ9IkNvcmVsQ29ycElEXzBDb3JlbC1MYXllciIvPg0KICA8cG9seWxpbmUgY2xhc3M9ImZpbDAgc3RyMCIgcG9pbnRzPSI1NzEsNjAwIDM0MjksNjAwIDM0MjksMzQwMCAiLz4NCiA8L2c+DQo8L3N2Zz4NCg=="); background-position: bottom left, bottom right, top left, top right; background-repeat: no-repeat; background-size: 15px; z-index: 9000; content: ""; } .section-container-cfg { margin: 0 15%; background: #ece7e7; display: block; height: 50px; border-left: 2px solid #5b5f61; border-right: 2px solid #5b5f61; } .section-fluid-cfg { margin: 0; background: #ece7e7; display: block; height: 50px; } .pull-right { float: right; } .pull-left { float: left; } .published { margin-left: 1em; } h1, h2 { font-family: "Montserra", sans-serif; color: #5b5f61; display: block; margin: 0; cursor: default; } h1 { font-size: 1.2em; } h2 { font-size: 1.1em; margin-top: 20px; margin-bottom: 10px; color: #000; } .toolbox { display: flex; flex-direction: column; padding: 8px; max-height: calc(100% - 40px); box-shadow: 1px 1px 20px 1px rgba(0, 0, 0, 0.15); margin: 0; background-color: #fff; border-radius: 10px; font-family: "Montserra", sans-serif; font-weight: 500; z-index: 9100; list-style: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; font-size: 13px; opacity: 0; animation: fade-in 0.3s linear forwards; } .toolbox.toolbox-popup { z-index: 9101; } .toolbox.toolbox-context { padding: 0; } .toolbox.toolbox-context .toolbox-splitter { width: 1px; border-right: 1px solid #ccc; height: 45px; } .toolbox.toolbox-context .toolbox-button { padding: 0 15px; } .toolbox.toolbox-context .toolbox-button span { font-weight: bold; } .toolbox.toolbox-context .toolbox-button:hover { background-color: rgba(0, 0, 0, 0.02); } .toolbox.toolbox-context .toolbox-dropdown { padding: 2px; height: 45px; display: inline-flex; align-items: center; cursor: pointer; } .toolbox.toolbox-context .toolbox-dropdown:hover { background-color: rgba(0, 0, 0, 0.02); } .toolbox.toolbox-horizontal { flex-direction: row; } .toolbox.toolbox-vertical { flex-direction: column; } .toolbox.toolbox-position-left { left: 20px; max-width: calc(100% - 40px); } .toolbox.toolbox-position-left-bottom { position: fixed; bottom: 20px; left: 20px; flex-direction: row; } .toolbox.toolbox-position-right-top { position: fixed; top: 20px; right: 20px; flex-direction: row; } .toolbox.toolbox-position-left-offset { position: fixed; top: 20px; left: 150px; min-width: 320px; } .toolbox .toolbox-btn, .toolbox .toolbox-button { color: #57585a; line-height: 45px; min-width: 45px; height: 45px; display: inline-block; padding: 0; box-sizing: border-box; border: none; background-color: transparent; -webkit-text-decoration: none; text-decoration: none; text-align: center; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-user-drag: none; } .toolbox .toolbox-btn.toolbox-btn-is-active, .toolbox .toolbox-button.toolbox-btn-is-active { position: relative; } .toolbox .toolbox-btn.toolbox-btn-is-active:before, .toolbox .toolbox-button.toolbox-btn-is-active:before { top: 0; left: 0; right: 0; bottom: 0; position: absolute; background-color: #f9fbfc; border: 1px solid #96989a; border-radius: 5px; content: ""; } .toolbox .toolbox-btn.pull-down, .toolbox .toolbox-button.pull-down { margin-top: auto; } .toolbox .toolbox-btn a, .toolbox .toolbox-button a { display: inline-block; height: 45px; line-height: 45px; background-size: cover; outline: none; color: #5b5f61; -webkit-text-decoration: none; text-decoration: none; width: 100%; padding-left: 12px; padding-right: 12px; } .toolbox .toolbox-btn a:focus, .toolbox .toolbox-btn a:hover, .toolbox .toolbox-button a:focus, .toolbox .toolbox-button a:hover { outline: none; } .toolbox .toolbox-btn a:focus:after, .toolbox .toolbox-btn a:hover:after, .toolbox .toolbox-button a:focus:after, .toolbox .toolbox-button a:hover:after { top: 0; left: 0; right: 0; bottom: 0; position: absolute; pointer-events: none; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjQwcHgiIGhlaWdodD0iNDBweCIgdmVyc2lvbj0iMS4xIiBzdHlsZT0ic2hhcGUtcmVuZGVyaW5nOmdlb21ldHJpY1ByZWNpc2lvbjsgdGV4dC1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uOyBpbWFnZS1yZW5kZXJpbmc6b3B0aW1pemVRdWFsaXR5OyBmaWxsLXJ1bGU6ZXZlbm9kZDsgY2xpcC1ydWxlOmV2ZW5vZGQiDQp2aWV3Qm94PSIwIDAgNDAwMCA0MDAwIg0KIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4NCiA8ZGVmcz4NCiAgPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCiAgIDwhW0NEQVRBWw0KICAgIC5zdHIwIHtzdHJva2U6IzAwMDtzdHJva2Utd2lkdGg6MjAwfQ0KICAgIC5maWwwIHtmaWxsOm5vbmV9DQogICBdXT4NCiAgPC9zdHlsZT4NCiA8L2RlZnM+DQogPGc+DQogIDxwb2x5bGluZSBjbGFzcz0iZmlsMCBzdHIwIiBwb2ludHM9IjM0MjksMzQwMCA1NzEsMzQwMCA1NzEsNjAwICIvPg0KIDwvZz4NCjwvc3ZnPg0K"), url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8IS0tIENyZWF0b3I6IENvcmVsRFJBVyBYNyAtLT4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNDBweCIgaGVpZ2h0PSI0MHB4IiB2ZXJzaW9uPSIxLjEiIHN0eWxlPSJzaGFwZS1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uOyB0ZXh0LXJlbmRlcmluZzpnZW9tZXRyaWNQcmVjaXNpb247IGltYWdlLXJlbmRlcmluZzpvcHRpbWl6ZVF1YWxpdHk7IGZpbGwtcnVsZTpldmVub2RkOyBjbGlwLXJ1bGU6ZXZlbm9kZCINCnZpZXdCb3g9IjAgMCA0MDAwIDQwMDAiDQogeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KIDxkZWZzPg0KICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KICAgPCFbQ0RBVEFbDQogICAgLnN0cjAge3N0cm9rZTojMzczNDM1O3N0cm9rZS13aWR0aDoyMDguMzUxfQ0KICAgIC5maWwwIHtmaWxsOm5vbmV9DQogICBdXT4NCiAgPC9zdHlsZT4NCiA8L2RlZnM+DQogPGcgaWQ9IkxheWVyX3gwMDIwXzEiPg0KICA8bWV0YWRhdGEgaWQ9IkNvcmVsQ29ycElEXzBDb3JlbC1MYXllciIvPg0KICA8cG9seWxpbmUgY2xhc3M9ImZpbDAgc3RyMCIgcG9pbnRzPSI1NzEsMzQwMCAzNDI5LDM0MDAgMzQyOSw2MDAgIi8+DQogPC9nPg0KPC9zdmc+DQo="), url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8IS0tIENyZWF0b3I6IENvcmVsRFJBVyBYNyAtLT4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNDBweCIgaGVpZ2h0PSI0MHB4IiB2ZXJzaW9uPSIxLjEiIHN0eWxlPSJzaGFwZS1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uOyB0ZXh0LXJlbmRlcmluZzpnZW9tZXRyaWNQcmVjaXNpb247IGltYWdlLXJlbmRlcmluZzpvcHRpbWl6ZVF1YWxpdHk7IGZpbGwtcnVsZTpldmVub2RkOyBjbGlwLXJ1bGU6ZXZlbm9kZCINCnZpZXdCb3g9IjAgMCA0MDAwIDQwMDAiDQogeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KIDxkZWZzPg0KICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KICAgPCFbQ0RBVEFbDQogICAgLnN0cjAge3N0cm9rZTojMzczNDM1O3N0cm9rZS13aWR0aDoyMDguMzUxfQ0KICAgIC5maWwwIHtmaWxsOm5vbmV9DQogICBdXT4NCiAgPC9zdHlsZT4NCiA8L2RlZnM+DQogPGcgaWQ9IkxheWVyX3gwMDIwXzEiPg0KICA8bWV0YWRhdGEgaWQ9IkNvcmVsQ29ycElEXzBDb3JlbC1MYXllciIvPg0KICA8cG9seWxpbmUgY2xhc3M9ImZpbDAgc3RyMCIgcG9pbnRzPSIzNDI5LDYwMCA1NzEsNjAwIDU3MSwzNDAwICIvPg0KIDwvZz4NCjwvc3ZnPg0K"), url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8IS0tIENyZWF0b3I6IENvcmVsRFJBVyBYNyAtLT4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNDBweCIgaGVpZ2h0PSI0MHB4IiB2ZXJzaW9uPSIxLjEiIHN0eWxlPSJzaGFwZS1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uOyB0ZXh0LXJlbmRlcmluZzpnZW9tZXRyaWNQcmVjaXNpb247IGltYWdlLXJlbmRlcmluZzpvcHRpbWl6ZVF1YWxpdHk7IGZpbGwtcnVsZTpldmVub2RkOyBjbGlwLXJ1bGU6ZXZlbm9kZCINCnZpZXdCb3g9IjAgMCA0MDAwIDQwMDAiDQogeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KIDxkZWZzPg0KICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KICAgPCFbQ0RBVEFbDQogICAgLnN0cjAge3N0cm9rZTojMzczNDM1O3N0cm9rZS13aWR0aDoyMDguMzUxfQ0KICAgIC5maWwwIHtmaWxsOm5vbmV9DQogICBdXT4NCiAgPC9zdHlsZT4NCiA8L2RlZnM+DQogPGcgaWQ9IkxheWVyX3gwMDIwXzEiPg0KICA8bWV0YWRhdGEgaWQ9IkNvcmVsQ29ycElEXzBDb3JlbC1MYXllciIvPg0KICA8cG9seWxpbmUgY2xhc3M9ImZpbDAgc3RyMCIgcG9pbnRzPSI1NzEsNjAwIDM0MjksNjAwIDM0MjksMzQwMCAiLz4NCiA8L2c+DQo8L3N2Zz4NCg=="); background-position: bottom left, bottom right, top left, top right; background-repeat: no-repeat; background-size: 10px; z-index: 9000; content: ""; } .toolbox .toolbox-btn a:active, .toolbox .toolbox-btn a:visited, .toolbox .toolbox-button a:active, .toolbox .toolbox-button a:visited { color: inherit; } .toolbox .toolbox-btn[disabled], .toolbox .toolbox-button[disabled] { opacity: 0.2; cursor: default; pointer-events: none; } .toolbox .toolbox-btn .toolbox-btn-addon, .toolbox .toolbox-button .toolbox-btn-addon { width: 15px; left: 3px; } .toolbox .toolbox-btn-group { display: flex; padding: 0; margin: 0; } .toolbox .toolbox-btn-group-vertical { display: flex; flex-direction: column; } .toolbox .toolbox-btn-group-vertical .toolbox-btn-is-active:before { position: absolute; left: -7px; content: ""; width: 4px; background: #a8cf45; top: 0; bottom: 0; border: none; } .toolbox .toolbox-splitter { height: 1px; border: none; border-bottom: 1px solid lightgray; } .toolbox.toolbox-resizable { resize: horizontal; } .toolbox::after { clear: both; content: ""; display: block; } .toolbox .resize-handle { background: transparent; position: absolute; z-index: 9101; } .toolbox .resize-handle.resize-handle-right { cursor: e-resize; width: 5px; right: 0; top: 0; bottom: 0; } .toolbox .resize-handle.resize-handle-left { cursor: w-resize; width: 5px; left: 0; top: 0; bottom: 0; } .toolbox .resize-handle.resize-handle-top { cursor: n-resize; height: 5px; left: 0; right: 0; top: 0; } .toolbox .resize-handle.resize-handle-bottom { cursor: s-resize; height: 5px; left: 0; right: 0; bottom: 0; } .toolbox.resize-suspended .resize-handle { pointer-events: none; } .toolbox.resized-vertically .resizable-content { height: 100%; display: flex; flex-direction: column; } .balloon .toolbox { padding: 0; box-shadow: none; } .editor { padding: 10px; flex: 1; display: flex; flex-direction: column; width: 100%; overflow: hidden; } .editor .flex-row { flex-wrap: wrap; } .editor h1 { margin: 3px 0; } .no-pointer-events { pointer-events: none; } .photo { top: 0; left: 0; right: 0; bottom: 0; position: absolute; background-size: cover; } .subtle { font-size: 0.9em; color: #74797b; font-family: monospace; padding-top: 5px; } /* Breakpoints */ /* Typography */ /* Toolboxes */ /* Workshops */ /* Buttons */ /* Balloons */ /* Palette */ /* Forms */ /* Lists */ /* Spinners */ /* Scrollbars */ /* Layout editor */ /* Others */ .paperbits-icon, .form-group.form-group-collapsible .form-group-toggle.collapsed, .form-group.form-group-collapsible .form-group-toggle, .btn-info, .btn-info:hover, .btn-info:active, .list-checkboxes .list-item.list-item-checked::before { display: inline-block; font: normal normal normal 1em/1 "paperbits"; font-size: 1.1em; vertical-align: middle; speak: none; text-transform: none; line-height: inherit; /* Better Font Rendering */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /*------------------------ change icon size -------------------------*/ /* relative units */ .paperbits-sm { font-size: 0.8em; } .paperbits-lg { font-size: 1.2em; } /* absolute units */ .paperbits-16 { font-size: 16px; } .paperbits-32 { font-size: 32px; } /*---------------------------------- add a square/circle background -----------------------------------*/ .paperbits-bg-square, .paperbits-bg-circle { padding: 0.35em; background-color: #eee; } .paperbits-bg-circle { border-radius: 50%; } /*------------------------------------ use icons as list item markers -------------------------------------*/ .paperbits-ul { padding-left: 0; list-style-type: none; } .paperbits-ul > li { display: flex; align-items: flex-start; line-height: 1.4; } .paperbits-ul > li > .paperbits { margin-right: 0.4em; line-height: inherit; } /*------------------------ spinning icons -------------------------*/ .paperbits-is-spinning { animation: paperbits-spin 2s infinite linear; } @keyframes paperbits-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /*------------------------ rotated/flipped icons -------------------------*/ .paperbits-rotate-90 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); transform: rotate(90deg); } .paperbits-rotate-180 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); transform: rotate(180deg); } .paperbits-rotate-270 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); transform: rotate(270deg); } .paperbits-flip-y { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0); transform: scale(-1, 1); } .paperbits-flip-x { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); transform: scale(1, -1); } /*------------------------ icons -------------------------*/ .paperbits-layout-11::before { content: "\ea03"; } .paperbits-action-74::before { content: "\ea08"; } .paperbits-align-center::before { content: "\ea09"; } .paperbits-align-justify::before { content: "\ea0a"; } .paperbits-align-left-2::before { content: "\ea0b"; } .paperbits-align-right-2::before { content: "\ea0c"; } .paperbits-size::before { content: "\ea0d"; } .paperbits-edit-2::before { content: "\ea0e"; } .paperbits-code::before { content: "\ea0f"; } .paperbits-list-bullet::before { content: "\ea10"; } .paperbits-list-numbers::before { content: "\ea11"; } .paperbits-bold::before { content: "\ea12"; } .paperbits-audio-91::before { content: "\ea13"; } .paperbits-subscript::before { content: "\ea15"; } .paperbits-superscript::before { content: "\ea16"; } .paperbits-alert-circle-i::before, .btn-info::before, .btn-info:hover::before, .btn-info:active::before { content: "\ea17"; } .paperbits-chat-45-2::before { content: "\ea18"; } .paperbits-drop::before { content: "\ea1a"; } .paperbits-m-location::before { content: "\ea1d"; } .paperbits-mobile::before { content: "\ea1f"; } .paperbits-desktop-screen::before { content: "\ea20"; } .paperbits-mobile-landscape::before { content: "\ea22"; } .paperbits-player-48::before { content: "\ea23"; } .paperbits-tablet-2::before { content: "\ea24"; } .paperbits-wifi-off::before { content: "\ea25"; } .paperbits-wifi::before { content: "\ea26"; } .paperbits-ban::before { content: "\ea27"; } .paperbits-single-content-03::before { content: "\ea28"; } .paperbits-single-copy-04::before { content: "\ea29"; } .paperbits-mirror-2::before { content: "\ea2b"; } .paperbits-slider::before { content: "\ea2c"; } .paperbits-puzzle-10::before { content: "\ea30"; } .paperbits-image-2::before { content: "\ea31"; } .paperbits-paint-bucket-40::before { content: "\ea32"; } .paperbits-palette::before { content: "\ea33"; } .paperbits-menu-34::before { content: "\ea36"; } .paperbits-check-2::before, .list-checkboxes .list-item.list-item-checked::before { content: "\ea38"; } .paperbits-preferences-circle::before { content: "\ea39"; } .paperbits-underline::before { content: "\ea3a"; } .paperbits-link-69-2::before { content: "\ea3d"; } .paperbits-capitalize::before { content: "\ea3e"; } .paperbits-color::before { content: "\ea3f"; } .paperbits-anchor::before { content: "\ea40"; } .paperbits-italic::before { content: "\ea41"; } .paperbits-square-upload::before { content: "\ea42"; } .paperbits-square-download::before { content: "\ea43"; } .paperbits-simple-add::before { content: "\ea44"; } .paperbits-simple-remove::before { content: "\ea45"; } .paperbits-circle-delete::before, .form-group.form-group-collapsible .form-group-toggle::before { content: "\ea47"; } .paperbits-circle-add::before, .form-group.form-group-collapsible .form-group-toggle.collapsed::before { content: "\ea48"; } .paperbits-button-2::before { content: "\ea49"; } .paperbits-enlarge-circle::before { content: "\ea4a"; } .paperbits-align-bottom::before { content: "\ea4c"; } .paperbits-align-right::before { content: "\ea4d"; } .paperbits-align-top::before { content: "\ea4e"; } .paperbits-align-center-horizontal::before { content: "\ea4f"; } .paperbits-align-center-vertical::before { content: "\ea50"; } .paperbits-align-left::before { content: "\ea51"; } .paperbits-disperse::before { content: "\ea52"; } .paperbits-zoom-out::before { content: "\ea53"; } .paperbits-zoom-in::before { content: "\ea54"; } .paperbits-trash-simple::before { content: "\ea55"; } .paperbits-edit-72::before { content: "\ea56"; } .paperbits-form::before { content: "\ea57"; } .paperbits-zoom-99::before { content: "\ea58"; } .paperbits-crop::before { content: "\ea59"; } .paperbits-enlarge-vertical::before { content: "\ea5a"; } .paperbits-enlarge-horizontal::before { content: "\ea5b"; } .paperbits-rotate-right-2::before { content: "\ea5c"; } .paperbits-rotate-left-2::before { content: "\ea5d"; } .paperbits-margin-right::before { content: "\ea5e"; } .paperbits-margin-left::before { content: "\ea5f"; } .paperbits-alert::before { content: "\ea60"; } .paperbits-cheque-3::before { content: "\ea61"; } .paperbits-favourite-31::before { content: "\ea62"; } .paperbits-at-sign::before { content: "\ea63"; } .paperbits-gradient::before { content: "\ea64"; } .paperbits-polaroid::before { content: "\ea65"; } .paperbits-marker-2::before { content: "\ea67"; } .paperbits-undo-25::before { content: "\ea68"; } .paperbits-redo-26::before { content: "\ea69"; } .paperbits-floppy-disk::before { content: "\ea6a"; } .paperbits-upload::before { content: "\ea6b"; } .paperbits-world::before { content: "\ea6e"; } .paperbits-wireframe::before { content: "\ea6f"; } .paperbits-send::before { content: "\ea70"; } .paperbits-c-question::before { content: "\ea71"; } .paperbits-layout-11-2::before { content: "\ea73"; } .paperbits-clapperboard::before { content: "\ea75"; } .paperbits-single-02::before { content: "\ea76"; } .paperbits-lightning::before { content: "\ea77"; } .paperbits-l-search::before { content: "\ea78"; } .paperbits-small-down::before { content: "\ea79"; } .paperbits-small-up::before { content: "\ea7a"; } .paperbits-menu-4::before { content: "\ea7b"; } .paperbits-tablet-2-2::before { content: "\ea7c"; } .paperbits-strikethrough::before { content: "\ea7d"; } .paperbits-a-security::before { content: "\ea82"; } /* Breakpoints */ /* Typography */ /* Toolboxes */ /* Workshops */ /* Buttons */ /* Balloons */ /* Palette */ /* Forms */ /* Lists */ /* Spinners */ /* Scrollbars */ /* Layout editor */ /* Others */ .fit { top: 0; left: 0; right: 0; bottom: 0; position: absolute; } @keyframes fade-in { from { opacity: 0; } to { opacity: 1; } } @keyframes shake { 0% { -webkit-transform: translate(2px, 1px) rotate(0deg); } 10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); } 20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); } 30% { -webkit-transform: translate(0px, 2px) rotate(0deg); } 40% { -webkit-transform: translate(1px, -1px) rotate(1deg); } 50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); } 60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); } 70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); } 80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); } 90% { -webkit-transform: translate(2px, 2px) rotate(0deg); } 100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); } } @keyframes slideleft { 0% { transform: translateX(150%); } 50% { transform: translateX(-8%); } 65% { transform: translateX(4%); } 80% { transform: translateX(-4%); } 95% { transform: translateX(2%); } 100% { transform: translateX(0%); } } .animation-slideright { animation-name: slideright; animation-duration: 1s; animation-timing-function: ease-in-out; visibility: visible !important; } @keyframes slideright { 0% { transform: translateX(-150%); } 50% { transform: translateX(8%); } 65% { transform: translateX(-4%); } 80% { transform: translateX(4%); } 95% { transform: translateX(-2%); } 100% { transform: translateX(0%); } } .animation-popin { animation: pop-in 0.2s ease; } @keyframes pop-in { 0% { opacity: 0; transform: scale(0.5); } 100% { opacity: 1; transform: scale(1); } } .flex { display: flex; justify-content: flex-start; align-content: flex-start; min-height: 0; } .flex.flex-row { flex-direction: row; } .flex.flex-column { flex-direction: column; } .flex .flex-item { flex: 0 1 auto; align-self: auto; } .flex .flex-item.flex-item-grow, .flex .workshop .flex-item.workshop-journey-step:first-child, .workshop .flex .flex-item.workshop-journey-step:first-child { flex: 1 1 auto; } .flex .flex-wrap { flex-wrap: wrap; } .workshop .workshop-journey-step { min-width: 300px; padding: 0 20px; } .workshop .workshop-journey-step:first-child { padding-left: 0; } .workshop .workshop-journey-step:last-child { padding-right: 0; } .workshop .workshop-journey-step:not(:last-child) { position: relative; } .workshop .workshop-journey-step:not(:last-child):after { content: ""; position: absolute; top: 40px; bottom: 40px; right: 0; width: 1px; border: 0; background: #eceaea; background: radial-gradient(#eceaea, white); } .workshop .workshop-journey-step h1 { padding-left: 5px; line-height: 25px; } .workshop .workshop-journey-step h1 .btn-help { font-size: 0.9em; border: none; background: none; cursor: pointer; vertical-align: middle; color: #91d8f7; } .workshop .workshop-journey-step .btn-dismiss { top: 0; right: 0; } .toolbox.workshops-container { z-index: 9100; min-height: 370px; } .toolbox.workshops-container .journey-container { padding: 10px 20px; } .workshop { padding: 10px; } @media (min-width: 992px) { .workshop { width: 80%; } } workshops { height: 100%; display: flex; flex-direction: column; justify-items: center; align-items: flex-start; justify-content: center; } .workshop:first-child { margin-left: 0; } .workshop:last-child { margin-right: 0; } /* Breakpoints */ /* Typography */ /* Toolboxes */ /* Workshops */ /* Buttons */ /* Balloons */ /* Palette */ /* Forms */ /* Lists */ /* Spinners */ /* Scrollbars */ /* Layout editor */ /* Others */ /* Breakpoints */ /* Typography */ /* Toolboxes */ /* Workshops */ /* Buttons */ /* Balloons */ /* Palette */ /* Forms */ /* Lists */ /* Spinners */ /* Scrollbars */ /* Layout editor */ /* Others */ /* Breakpoints */ /* Typography */ /* Toolboxes */ /* Workshops */ /* Buttons */ /* Balloons */ /* Palette */ /* Forms */ /* Lists */ /* Spinners */ /* Scrollbars */ /* Layout editor */ /* Others */ .fit { top: 0; left: 0; right: 0; bottom: 0; position: absolute; } .paperbits-icon, .form-group.form-group-collapsible .form-group-toggle.collapsed, .form-group.form-group-collapsible .form-group-toggle, .btn-info, .btn-info:hover, .btn-info:active, .list-checkboxes .list-item.list-item-checked::before { display: inline-block; font: normal normal normal 1em/1 "paperbits"; font-size: 1.1em; vertical-align: middle; speak: none; text-transform: none; line-height: inherit; /* Better Font Rendering */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /*------------------------ change icon size -------------------------*/ /* relative units */ .paperbits-sm { font-size: 0.8em; } .paperbits-lg { font-size: 1.2em; } /* absolute units */ .paperbits-16 { font-size: 16px; } .paperbits-32 { font-size: 32px; } /*---------------------------------- add a square/circle background -----------------------------------*/ .paperbits-bg-square, .paperbits-bg-circle { padding: 0.35em; background-color: #eee; } .paperbits-bg-circle { border-radius: 50%; } /*------------------------------------ use icons as list item markers -------------------------------------*/ .paperbits-ul { padding-left: 0; list-style-type: none; } .paperbits-ul > li { display: flex; align-items: flex-start; line-height: 1.4; } .paperbits-ul > li > .paperbits { margin-right: 0.4em; line-height: inherit; } /*------------------------ spinning icons -------------------------*/ .paperbits-is-spinning { animation: paperbits-spin 2s infinite linear; } @keyframes paperbits-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /*------------------------ rotated/flipped icons -------------------------*/ .paperbits-rotate-90 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); transform: rotate(90deg); } .paperbits-rotate-180 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); transform: rotate(180deg); } .paperbits-rotate-270 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); transform: rotate(270deg); } .paperbits-flip-y { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0); transform: scale(-1, 1); } .paperbits-flip-x { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); transform: scale(1, -1); } /*------------------------ icons -------------------------*/ .paperbits-layout-11::before { content: "\ea03"; } .paperbits-action-74::before { content: "\ea08"; } .paperbits-align-center::before { content: "\ea09"; } .paperbits-align-justify::before { content: "\ea0a"; } .paperbits-align-left-2::before { content: "\ea0b"; } .paperbits-align-right-2::before { content: "\ea0c"; } .paperbits-size::before { content: "\ea0d"; } .paperbits-edit-2::before { content: "\ea0e"; } .paperbits-code::before { content: "\ea0f"; } .paperbits-list-bullet::before { content: "\ea10"; } .paperbits-list-numbers::before { content: "\ea11"; } .paperbits-bold::before { content: "\ea12"; } .paperbits-audio-91::before { content: "\ea13"; } .paperbits-subscript::before { content: "\ea15"; } .paperbits-superscript::before { content: "\ea16"; } .paperbits-alert-circle-i::before, .btn-info::before, .btn-info:hover::before, .btn-info:active::before { content: "\ea17"; } .paperbits-chat-45-2::before { content: "\ea18"; } .paperbits-drop::before { content: "\ea1a"; } .paperbits-m-location::before { content: "\ea1d"; } .paperbits-mobile::before { content: "\ea1f"; } .paperbits-desktop-screen::before { content: "\ea20"; } .paperbits-mobile-landscape::before { content: "\ea22"; } .paperbits-player-48::before { content: "\ea23"; } .paperbits-tablet-2::before { content: "\ea24"; } .paperbits-wifi-off::before { content: "\ea25"; } .paperbits-wifi::before { content: "\ea26"; } .paperbits-ban::before { content: "\ea27"; } .paperbits-single-content-03::before { content: "\ea28"; } .paperbits-single-copy-04::before { content: "\ea29"; } .paperbits-mirror-2::before { content: "\ea2b"; } .paperbits-slider::before { content: "\ea2c"; } .paperbits-puzzle-10::before { content: "\ea30"; } .paperbits-image-2::before { content: "\ea31"; } .paperbits-paint-bucket-40::before { content: "\ea32"; } .paperbits-palette::before { content: "\ea33"; } .paperbits-menu-34::before { content: "\ea36"; } .paperbits-check-2::before, .list-checkboxes .list-item.list-item-checked::before { content: "\ea38"; } .paperbits-preferences-circle::before { content: "\ea39"; } .paperbits-underline::before { content: "\ea3a"; } .paperbits-link-69-2::before { content: "\ea3d"; } .paperbits-capitalize::before { content: "\ea3e"; } .paperbits-color::before { content: "\ea3f"; } .paperbits-anchor::before { content: "\ea40"; } .paperbits-italic::before { content: "\ea41"; } .paperbits-square-upload::before { content: "\ea42"; } .paperbits-square-download::before { content: "\ea43"; } .paperbits-simple-add::before { content: "\ea44"; } .paperbits-simple-remove::before { content: "\ea45"; } .paperbits-circle-delete::before, .form-group.form-group-collapsible .form-group-toggle::before { content: "\ea47"; } .paperbits-circle-add::before, .form-group.form-group-collapsible .form-group-toggle.collapsed::before { content: "\ea48"; } .paperbits-button-2::before { content: "\ea49"; } .paperbits-enlarge-circle::before { content: "\ea4a"; } .paperbits-align-bottom::before { content: "\ea4c"; } .paperbits-align-right::before { content: "\ea4d"; } .paperbits-align-top::before { content: "\ea4e"; } .paperbits-align-center-horizontal::before { content: "\ea4f"; } .paperbits-align-center-vertical::before { content: "\ea50"; } .paperbits-align-left::before { content: "\ea51"; } .paperbits-disperse::before { content: "\ea52"; } .paperbits-zoom-out::before { content: "\ea53"; } .paperbits-zoom-in::before { content: "\ea54"; } .paperbits-trash-simple::before { content: "\ea55"; } .paperbits-edit-72::before { content: "\ea56"; } .paperbits-form::before { content: "\ea57"; } .paperbits-zoom-99::before { content: "\ea58"; } .paperbits-crop::before { content: "\ea59"; } .paperbits-enlarge-vertical::before { content: "\ea5a"; } .paperbits-enlarge-horizontal::before { content: "\ea5b"; } .paperbits-rotate-right-2::before { content: "\ea5c"; } .paperbits-rotate-left-2::before { content: "\ea5d"; } .paperbits-margin-right::before { content: "\ea5e"; } .paperbits-margin-left::before { content: "\ea5f"; } .paperbits-alert::before { content: "\ea60"; } .paperbits-cheque-3::before { content: "\ea61"; } .paperbits-favourite-31::before { content: "\ea62"; } .paperbits-at-sign::before { content: "\ea63"; } .paperbits-gradient::before { content: "\ea64"; } .paperbits-polaroid::before { content: "\ea65"; } .paperbits-marker-2::before { content: "\ea67"; } .paperbits-undo-25::before { content: "\ea68"; } .paperbits-redo-26::before { content: "\ea69"; } .paperbits-floppy-disk::before { content: "\ea6a"; } .paperbits-upload::before { content: "\ea6b"; } .paperbits-world::before { content: "\ea6e"; } .paperbits-wireframe::before { content: "\ea6f"; } .paperbits-send::before { content: "\ea70"; } .paperbits-c-question::before { content: "\ea71"; } .paperbits-layout-11-2::before { content: "\ea73"; } .paperbits-clapperboard::before { content: "\ea75"; } .paperbits-single-02::before { content: "\ea76"; } .paperbits-lightning::before { content: "\ea77"; } .paperbits-l-search::before { content: "\ea78"; } .paperbits-small-down::before { content: "\ea79"; } .paperbits-small-up::before { content: "\ea7a"; } .paperbits-menu-4::before { content: "\ea7b"; } .paperbits-tablet-2-2::before { content: "\ea7c"; } .paperbits-strikethrough::before { content: "\ea7d"; } .paperbits-a-security::before { content: "\ea82"; } @keyframes fade-in { from { opacity: 0; } to { opacity: 1; } } @keyframes shake { 0% { -webkit-transform: translate(2px, 1px) rotate(0deg); } 10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); } 20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); } 30% { -webkit-transform: translate(0px, 2px) rotate(0deg); } 40% { -webkit-transform: translate(1px, -1px) rotate(1deg); } 50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); } 60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); } 70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); } 80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); } 90% { -webkit-transform: translate(2px, 2px) rotate(0deg); } 100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); } } @keyframes slideleft { 0% { transform: translateX(150%); } 50% { transform: translateX(-8%); } 65% { transform: translateX(4%); } 80% { transform: translateX(-4%); } 95% { transform: translateX(2%); } 100% { transform: translateX(0%); } } .animation-slideright { animation-name: slideright; animation-duration: 1s; animation-timing-function: ease-in-out; visibility: visible !important; } @keyframes slideright { 0% { transform: translateX(-150%); } 50% { transform: translateX(8%); } 65% { transform: translateX(-4%); } 80% { transform: translateX(4%); } 95% { transform: translateX(-2%); } 100% { transform: translateX(0%); } } .animation-popin { animation: pop-in 0.2s ease; } @keyframes pop-in { 0% { opacity: 0; transform: scale(0.5); } 100% { opacity: 1; transform: scale(1); } } /* Breakpoints */ /* Typography */ /* Toolboxes */ /* Workshops */ /* Buttons */ /* Balloons */ /* Palette */ /* Forms */ /* Lists */ /* Spinners */ /* Scrollbars */ /* Layout editor */ /* Others */ .fit { top: 0; left: 0; right: 0; bottom: 0; position: absolute; } /* Breakpoints */ /* Typography */ /* Toolboxes */ /* Workshops */ /* Buttons */ /* Balloons */ /* Palette */ /* Forms */ /* Lists */ /* Spinners */ /* Scrollbars */ /* Layout editor */ /* Others */ paperbits-code, paperbits-googlemaps, paperbits-picture, paperbits-text, widget { display: block; } paperbits-code.dragged, paperbits-googlemaps.dragged, paperbits-picture.dragged, paperbits-text.dragged, widget.dragged { box-shadow: 2px 2px 2px 2px rgba(128, 128, 128, 0.4); transform: scale(1.05); transition: transform 0.5s ease-in-out, height 0.5s ease-in-out, width 0.5s ease-in-out; background: #fff; opacity: 0.98; position: fixed; } paperbits-code:hover:after, paperbits-googlemaps:hover:after, paperbits-picture:hover:after, paperbits-text:hover:after, widget:hover:after { top: 0; left: 0; right: 0; bottom: 0; position: absolute; pointer-events: none; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjQwcHgiIGhlaWdodD0iNDBweCIgdmVyc2lvbj0iMS4xIiBzdHlsZT0ic2hhcGUtcmVuZGVyaW5nOmdlb21ldHJpY1ByZWNpc2lvbjsgdGV4dC1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uOyBpbWFnZS1yZW5kZXJpbmc6b3B0aW1pemVRdWFsaXR5OyBmaWxsLXJ1bGU6ZXZlbm9kZDsgY2xpcC1ydWxlOmV2ZW5vZGQiDQp2aWV3Qm94PSIwIDAgNDAwMCA0MDAwIg0KIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4NCiA8ZGVmcz4NCiAgPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCiAgIDwhW0NEQVRBWw0KICAgIC5zdHIwIHtzdHJva2U6IzAwMDtzdHJva2Utd2lkdGg6MjAwfQ0KICAgIC5maWwwIHtmaWxsOm5vbmV9DQogICBdXT4NCiAgPC9zdHlsZT4NCiA8L2RlZnM+DQogPGc+DQogIDxwb2x5bGluZSBjbGFzcz0iZmlsMCBzdHIwIiBwb2ludHM9IjM0MjksMzQwMCA1NzEsMzQwMCA1NzEsNjAwICIvPg0KIDwvZz4NCjwvc3ZnPg0K"), url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8IS0tIENyZWF0b3I6IENvcmVsRFJBVyBYNyAtLT4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNDBweCIgaGVpZ2h0PSI0MHB4IiB2ZXJzaW9uPSIxLjEiIHN0eWxlPSJzaGFwZS1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uOyB0ZXh0LXJlbmRlcmluZzpnZW9tZXRyaWNQcmVjaXNpb247IGltYWdlLXJlbmRlcmluZzpvcHRpbWl6ZVF1YWxpdHk7IGZpbGwtcnVsZTpldmVub2RkOyBjbGlwLXJ1bGU6ZXZlbm9kZCINCnZpZXdCb3g9IjAgMCA0MDAwIDQwMDAiDQogeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KIDxkZWZzPg0KICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KICAgPCFbQ0RBVEFbDQogICAgLnN0cjAge3N0cm9rZTojMzczNDM1O3N0cm9rZS13aWR0aDoyMDguMzUxfQ0KICAgIC5maWwwIHtmaWxsOm5vbmV9DQogICBdXT4NCiAgPC9zdHlsZT4NCiA8L2RlZnM+DQogPGcgaWQ9IkxheWVyX3gwMDIwXzEiPg0KICA8bWV0YWRhdGEgaWQ9IkNvcmVsQ29ycElEXzBDb3JlbC1MYXllciIvPg0KICA8cG9seWxpbmUgY2xhc3M9ImZpbDAgc3RyMCIgcG9pbnRzPSI1NzEsMzQwMCAzNDI5LDM0MDAgMzQyOSw2MDAgIi8+DQogPC9nPg0KPC9zdmc+DQo="), url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8IS0tIENyZWF0b3I6IENvcmVsRFJBVyBYNyAtLT4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNDBweCIgaGVpZ2h0PSI0MHB4IiB2ZXJzaW9uPSIxLjEiIHN0eWxlPSJzaGFwZS1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uOyB0ZXh0LXJlbmRlcmluZzpnZW9tZXRyaWNQcmVjaXNpb247IGltYWdlLXJlbmRlcmluZzpvcHRpbWl6ZVF1YWxpdHk7IGZpbGwtcnVsZTpldmVub2RkOyBjbGlwLXJ1bGU6ZXZlbm9kZCINCnZpZXdCb3g9IjAgMCA0MDAwIDQwMDAiDQogeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KIDxkZWZzPg0KICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KICAgPCFbQ0RBVEFbDQogICAgLnN0cjAge3N0cm9rZTojMzczNDM1O3N0cm9rZS13aWR0aDoyMDguMzUxfQ0KICAgIC5maWwwIHtmaWxsOm5vbmV9DQogICBdXT4NCiAgPC9zdHlsZT4NCiA8L2RlZnM+DQogPGcgaWQ9IkxheWVyX3gwMDIwXzEiPg0KICA8bWV0YWRhdGEgaWQ9IkNvcmVsQ29ycElEXzBDb3JlbC1MYXllciIvPg0KICA8cG9seWxpbmUgY2xhc3M9ImZpbDAgc3RyMCIgcG9pbnRzPSIzNDI5LDYwMCA1NzEsNjAwIDU3MSwzNDAwICIvPg0KIDwvZz4NCjwvc3ZnPg0K"), url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8IS0tIENyZWF0b3I6IENvcmVsRFJBVyBYNyAtLT4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNDBweCIgaGVpZ2h0PSI0MHB4IiB2ZXJzaW9uPSIxLjEiIHN0eWxlPSJzaGFwZS1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uOyB0ZXh0LXJlbmRlcmluZzpnZW9tZXRyaWNQcmVjaXNpb247IGltYWdlLXJlbmRlcmluZzpvcHRpbWl6ZVF1YWxpdHk7IGZpbGwtcnVsZTpldmVub2RkOyBjbGlwLXJ1bGU6ZXZlbm9kZCINCnZpZXdCb3g9IjAgMCA0MDAwIDQwMDAiDQogeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KIDxkZWZzPg0KICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KICAgPCFbQ0RBVEFbDQogICAgLnN0cjAge3N0cm9rZTojMzczNDM1O3N0cm9rZS13aWR0aDoyMDguMzUxfQ0KICAgIC5maWwwIHtmaWxsOm5vbmV9DQogICBdXT4NCiAgPC9zdHlsZT4NCiA8L2RlZnM+DQogPGcgaWQ9IkxheWVyX3gwMDIwXzEiPg0KICA8bWV0YWRhdGEgaWQ9IkNvcmVsQ29ycElEXzBDb3JlbC1MYXllciIvPg0KICA8cG9seWxpbmUgY2xhc3M9ImZpbDAgc3RyMCIgcG9pbnRzPSI1NzEsNjAwIDM0MjksNjAwIDM0MjksMzQwMCAiLz4NCiA8L2c+DQo8L3N2Zz4NCg=="); background-position: bottom left, bottom right, top left, top right; background-repeat: no-repeat; background-size: 10px; z-index: 9000; content: ""; } .layout-editor-selection { position: fixed; pointer-events: none; z-index: 9000; } .layout-editor-selection:before { content: attr(title); background: #3c3c3c; color: #fff; padding: 5px; left: -5px; top: -30px; position: absolute; font-size: 8px; text-transform: uppercase; font-family: "Montserra", sans-serif; opacity: 0.7; } .layout-editor-selection:after { top: 0; left: 0; right: 0; bottom: 0; content: ""; display: block; position: absolute; } .layout-editor-splitter { position: fixed; pointer-events: none; z-index: 9000; border-color: #ccc; border-style: dashed; border-width: 0; opacity: 0.5; } .empty-item { margin: auto; width: 50%; text-align: center; } .fixed { position: fixed; z-index: 9100; } .btn-standalone { color: #ececec; display: inline-block; box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.15); border: none; border-radius: 50%; width: 30px; height: 30px; cursor: pointer; z-index: 9001; line-height: 1em; } .btn-standalone .paperbits-icon, .btn-standalone .form-group.form-group-collapsible .form-group-toggle, .form-group.form-group-collapsible .btn-standalone .form-group-toggle, .btn-standalone .btn-info, .btn-standalone .list-checkboxes .list-item.list-item-checked::before, .list-checkboxes .btn-standalone .list-item.list-item-checked::before { font-size: 0.9em; } .btn-standalone:hover { transform: scale(1.2); transition-duration: 0.3s; z-index: 9002; } .row-cfg { border-radius: 7px; border-spacing: 2px; display: inline-flex; flex-wrap: nowrap; justify-content: flex-start; align-content: stretch; padding: 0; line-height: 0; width: 80px; white-space: nowrap; margin: 5px; } .row-cfg:hover { cursor: pointer; } .row-cfg:hover:after { top: -5px; left: -5px; right: -5px; bottom: -5px; position: absolute; pointer-events: none; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjQwcHgiIGhlaWdodD0iNDBweCIgdmVyc2lvbj0iMS4xIiBzdHlsZT0ic2hhcGUtcmVuZGVyaW5nOmdlb21ldHJpY1ByZWNpc2lvbjsgdGV4dC1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uOyBpbWFnZS1yZW5kZXJpbmc6b3B0aW1pemVRdWFsaXR5OyBmaWxsLXJ1bGU6ZXZlbm9kZDsgY2xpcC1ydWxlOmV2ZW5vZGQiDQp2aWV3Qm94PSIwIDAgNDAwMCA0MDAwIg0KIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4NCiA8ZGVmcz4NCiAgPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCiAgIDwhW0NEQVRBWw0KICAgIC5zdHIwIHtzdHJva2U6IzAwMDtzdHJva2Utd2lkdGg6MjAwfQ0KICAgIC5maWwwIHtmaWxsOm5vbmV9DQogICBdXT4NCiAgPC9zdHlsZT4NCiA8L2RlZnM+DQogPGc+DQogIDxwb2x5bGluZSBjbGFzcz0iZmlsMCBzdHIwIiBwb2ludHM9IjM0MjksMzQwMCA1NzEsMzQwMCA1NzEsNjAwICIvPg0KIDwvZz4NCjwvc3ZnPg0K"), url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8IS0tIENyZWF0b3I6IENvcmVsRFJBVyBYNyAtLT4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNDBweCIgaGVpZ2h0PSI0MHB4IiB2ZXJzaW9uPSIxLjEiIHN0eWxlPSJzaGFwZS1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uOyB0ZXh0LXJlbmRlcmluZzpnZW9tZXRyaWNQcmVjaXNpb247IGltYWdlLXJlbmRlcmluZzpvcHRpbWl6ZVF1YWxpdHk7IGZpbGwtcnVsZTpldmVub2RkOyBjbGlwLXJ1bGU6ZXZlbm9kZCINCnZpZXdCb3g9IjAgMCA0MDAwIDQwMDAiDQogeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KIDxkZWZzPg0KICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KICAgPCFbQ0RBVEFbDQogICAgLnN0cjAge3N0cm9rZTojMzczNDM1O3N0cm9rZS13aWR0aDoyMDguMzUxfQ0KICAgIC5maWwwIHtmaWxsOm5vbmV9DQogICBdXT4NCiAgPC9zdHlsZT4NCiA8L2RlZnM+DQogPGcgaWQ9IkxheWVyX3gwMDIwXzEiPg0KICA8bWV0YWRhdGEgaWQ9IkNvcmVsQ29ycElEXzBDb3JlbC1MYXllciIvPg0KICA8cG9seWxpbmUgY2xhc3M9ImZpbDAgc3RyMCIgcG9pbnRzPSI1NzEsMzQwMCAzNDI5LDM0MDAgMzQyOSw2MDAgIi8+DQogPC9nPg0KPC9zdmc+DQo="), url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8IS0tIENyZWF0b3I6IENvcmVsRFJBVyBYNyAtLT4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNDBweCIgaGVpZ2h0PSI0MHB4IiB2ZXJzaW9uPSIxLjEiIHN0eWxlPSJzaGFwZS1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uOyB0ZXh0LXJlbmRlcmluZzpnZW9tZXRyaWNQcmVjaXNpb247IGltYWdlLXJlbmRlcmluZzpvcHRpbWl6ZVF1YWxpdHk7IGZpbGwtcnVsZTpldmVub2RkOyBjbGlwLXJ1bGU6ZXZlbm9kZCINCnZpZXdCb3g9IjAgMCA0MDAwIDQwMDAiDQogeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KIDxkZWZzPg0KICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KICAgPCFbQ0RBVEFbDQogICAgLnN0cjAge3N0cm9rZTojMzczNDM1O3N0cm9rZS13aWR0aDoyMDguMzUxfQ0KICAgIC5maWwwIHtmaWxsOm5vbmV9DQogICBdXT4NCiAgPC9zdHlsZT4NCiA8L2RlZnM+DQogPGcgaWQ9IkxheWVyX3gwMDIwXzEiPg0KICA8bWV0YWRhdGEgaWQ9IkNvcmVsQ29ycElEXzBDb3JlbC1MYXllciIvPg0KICA8cG9seWxpbmUgY2xhc3M9ImZpbDAgc3RyMCIgcG9pbnRzPSIzNDI5LDYwMCA1NzEsNjAwIDU3MSwzNDAwICIvPg0KIDwvZz4NCjwvc3ZnPg0K"), url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8IS0tIENyZWF0b3I6IENvcmVsRFJBVyBYNyAtLT4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNDBweCIgaGVpZ2h0PSI0MHB4IiB2ZXJzaW9uPSIxLjEiIHN0eWxlPSJzaGFwZS1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uOyB0ZXh0LXJlbmRlcmluZzpnZW9tZXRyaWNQcmVjaXNpb247IGltYWdlLXJlbmRlcmluZzpvcHRpbWl6ZVF1YWxpdHk7IGZpbGwtcnVsZTpldmVub2RkOyBjbGlwLXJ1bGU6ZXZlbm9kZCINCnZpZXdCb3g9IjAgMCA0MDAwIDQwMDAiDQogeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KIDxkZWZzPg0KICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KICAgPCFbQ0RBVEFbDQogICAgLnN0cjAge3N0cm9rZTojMzczNDM1O3N0cm9rZS13aWR0aDoyMDguMzUxfQ0KICAgIC5maWwwIHtmaWxsOm5vbmV9DQogICBdXT4NCiAgPC9zdHlsZT4NCiA8L2RlZnM+DQogPGcgaWQ9IkxheWVyX3gwMDIwXzEiPg0KICA8bWV0YWRhdGEgaWQ9IkNvcmVsQ29ycElEXzBDb3JlbC1MYXllciIvPg0KICA8cG9seWxpbmUgY2xhc3M9ImZpbDAgc3RyMCIgcG9pbnRzPSI1NzEsNjAwIDM0MjksNjAwIDM0MjksMzQwMCAiLz4NCiA8L2c+DQo8L3N2Zz4NCg=="); background-position: bottom left, bottom right, top left, top right; background-repeat: no-repeat; background-size: 15px; z-index: 9000; content: ""; } .col-cfg { height: 30px; width: 70px; background: #ccc; outline: 1px solid gray; flex: 0 1 auto; margin: 2px; } .col-cfg-3 { width: 25%; } .col-cfg-4 { width: 33.3333333333%; } .col-cfg-6 { width: 50%; } .col-cfg-8 { width: 66.6666666667%; } .col-cfg-9 { width: 75%; } .col-cfg-12 { width: 100%; } .section-cfg { padding: 0; margin: 5px; display: inline-block; border-radius: 7px; border: 3px solid #5b5f61; line-height: 0; width: 120px; cursor: pointer; } .section-cfg:hover:after { top: -10px; left: -10px; right: -10px; bottom: -10px; position: absolute; pointer-events: none; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjQwcHgiIGhlaWdodD0iNDBweCIgdmVyc2lvbj0iMS4xIiBzdHlsZT0ic2hhcGUtcmVuZGVyaW5nOmdlb21ldHJpY1ByZWNpc2lvbjsgdGV4dC1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uOyBpbWFnZS1yZW5kZXJpbmc6b3B0aW1pemVRdWFsaXR5OyBmaWxsLXJ1bGU6ZXZlbm9kZDsgY2xpcC1ydWxlOmV2ZW5vZGQiDQp2aWV3Qm94PSIwIDAgNDAwMCA0MDAwIg0KIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4NCiA8ZGVmcz4NCiAgPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCiAgIDwhW0NEQVRBWw0KICAgIC5zdHIwIHtzdHJva2U6IzAwMDtzdHJva2Utd2lkdGg6MjAwfQ0KICAgIC5maWwwIHtmaWxsOm5vbmV9DQogICBdXT4NCiAgPC9zdHlsZT4NCiA8L2RlZnM+DQogPGc+DQogIDxwb2x5bGluZSBjbGFzcz0iZmlsMCBzdHIwIiBwb2ludHM9IjM0MjksMzQwMCA1NzEsMzQwMCA1NzEsNjAwICIvPg0KIDwvZz4NCjwvc3ZnPg0K"), url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8IS0tIENyZWF0b3I6IENvcmVsRFJBVyBYNyAtLT4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNDBweCIgaGVpZ2h0PSI0MHB4IiB2ZXJzaW9uPSIxLjEiIHN0eWxlPSJzaGFwZS1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uOyB0ZXh0LXJlbmRlcmluZzpnZW9tZXRyaWNQcmVjaXNpb247IGltYWdlLXJlbmRlcmluZzpvcHRpbWl6ZVF1YWxpdHk7IGZpbGwtcnVsZTpldmVub2RkOyBjbGlwLXJ1bGU6ZXZlbm9kZCINCnZpZXdCb3g9IjAgMCA0MDAwIDQwMDAiDQogeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KIDxkZWZzPg0KICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KICAgPCFbQ0RBVEFbDQogICAgLnN0cjAge3N0cm9rZTojMzczNDM1O3N0cm9rZS13aWR0aDoyMDguMzUxfQ0KICAgIC5maWwwIHtmaWxsOm5vbmV9DQogICBdXT4NCiAgPC9zdHlsZT4NCiA8L2RlZnM+DQogPGcgaWQ9IkxheWVyX3gwMDIwXzEiPg0KICA8bWV0YWRhdGEgaWQ9IkNvcmVsQ29ycElEXzBDb3JlbC1MYXllciIvPg0KICA8cG9seWxpbmUgY2xhc3M9ImZpbDAgc3RyMCIgcG9pbnRzPSI1NzEsMzQwMCAzNDI5LDM0MDAgMzQyOSw2MDAgIi8+DQogPC9nPg0KPC9zdmc+DQo="), url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8IS0tIENyZWF0b3I6IENvcmVsRFJBVyBYNyAtLT4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNDBweCIgaGVpZ2h0PSI0MHB4IiB2ZXJzaW9uPSIxLjEiIHN0eWxlPSJzaGFwZS1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uOyB0ZXh0LXJlbmRlcmluZzpnZW9tZXRyaWNQcmVjaXNpb247IGltYWdlLXJlbmRlcmluZzpvcHRpbWl6ZVF1YWxpdHk7IGZpbGwtcnVsZTpldmVub2RkOyBjbGlwLXJ1bGU6ZXZlbm9kZCINCnZpZXdCb3g9IjAgMCA0MDAwIDQwMDAiDQogeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KIDxkZWZzPg0KICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KICAgPCFbQ0RBVEFbDQogICAgLnN0cjAge3N0cm9rZTojMzczNDM1O3N0cm9rZS13aWR0aDoyMDguMzUxfQ0KICAgIC5maWwwIHtmaWxsOm5vbmV9DQogICBdXT4NCiAgPC9zdHlsZT4NCiA8L2RlZnM+DQogPGcgaWQ9IkxheWVyX3gwMDIwXzEiPg0KICA8bWV0YWRhdGEgaWQ9IkNvcmVsQ29ycElEXzBDb3JlbC1MYXllciIvPg0KICA8cG9seWxpbmUgY2xhc3M9ImZpbDAgc3RyMCIgcG9pbnRzPSIzNDI5LDYwMCA1NzEsNjAwIDU3MSwzNDAwICIvPg0KIDwvZz4NCjwvc3ZnPg0K"), url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8IS0tIENyZWF0b3I6IENvcmVsRFJBVyBYNyAtLT4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNDBweCIgaGVpZ2h0PSI0MHB4IiB2ZXJzaW9uPSIxLjEiIHN0eWxlPSJzaGFwZS1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uOyB0ZXh0LXJlbmRlcmluZzpnZW9tZXRyaWNQcmVjaXNpb247IGltYWdlLXJlbmRlcmluZzpvcHRpbWl6ZVF1YWxpdHk7IGZpbGwtcnVsZTpldmVub2RkOyBjbGlwLXJ1bGU6ZXZlbm9kZCINCnZpZXdCb3g9IjAgMCA0MDAwIDQwMDAiDQogeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KIDxkZWZzPg0KICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KICAgPCFbQ0RBVEFbDQogICAgLnN0cjAge3N0cm9rZTojMzczNDM1O3N0cm9rZS13aWR0aDoyMDguMzUxfQ0KICAgIC5maWwwIHtmaWxsOm5vbmV9DQogICBdXT4NCiAgPC9zdHlsZT4NCiA8L2RlZnM+DQogPGcgaWQ9IkxheWVyX3gwMDIwXzEiPg0KICA8bWV0YWRhdGEgaWQ9IkNvcmVsQ29ycElEXzBDb3JlbC1MYXllciIvPg0KICA8cG9seWxpbmUgY2xhc3M9ImZpbDAgc3RyMCIgcG9pbnRzPSI1NzEsNjAwIDM0MjksNjAwIDM0MjksMzQwMCAiLz4NCiA8L2c+DQo8L3N2Zz4NCg=="); background-position: bottom left, bottom right, top left, top right; background-repeat: no-repeat; background-size: 15px; z-index: 9000; content: ""; } .section-container-cfg { margin: 0 15%; background: #ece7e7; display: block; height: 50px; border-left: 2px solid #5b5f61; border-right: 2px solid #5b5f61; } .section-fluid-cfg { margin: 0; background: #ece7e7; display: block; height: 50px; } .pull-right { float: right; } .pull-left { float: left; } .published { margin-left: 1em; } h1, h2 { font-family: "Montserra", sans-serif; color: #5b5f61; display: block; margin: 0; cursor: default; } h1 { font-size: 1.2em; } h2 { font-size: 1.1em; margin-top: 20px; } .toolbox { display: flex; flex-direction: column; padding: 8px; max-height: calc(100% - 40px); box-shadow: 1px 1px 20px 1px rgba(0, 0, 0, 0.15); margin: 0; background-color: #fff; border-radius: 10px; font-family: "Montserra", sans-serif; font-weight: 500; z-index: 9100; list-style: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; font-size: 13px; opacity: 0; animation: fade-in 0.3s linear forwards; } .toolbox.toolbox-popup { z-index: 9101; } .toolbox.toolbox-horizontal { flex-direction: row; } .toolbox.toolbox-vertical { flex-direction: column; } .toolbox.toolbox-position-left { left: 20px; max-width: calc(100% - 40px); } .toolbox.toolbox-position-left-bottom { position: fixed; bottom: 20px; left: 20px; flex-direction: row; } .toolbox.toolbox-position-right-top { position: fixed; top: 20px; right: 20px; flex-direction: row; } .toolbox.toolbox-position-left-offset { position: fixed; top: 20px; left: 150px; min-width: 320px; } .toolbox .toolbox-btn { color: #57585a; line-height: 45px; min-width: 45px; height: 45px; display: inline-block; padding: 0; box-sizing: border-box; border: none; background-color: transparent; -webkit-text-decoration: none; text-decoration: none; text-align: center; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-user-drag: none; } .toolbox .toolbox-btn.toolbox-btn-is-active { position: relative; } .toolbox .toolbox-btn.toolbox-btn-is-active:before { top: 0; left: 0; right: 0; bottom: 0; position: absolute; background-color: #f9fbfc; border: 1px solid #96989a; border-radius: 5px; content: ""; } .toolbox .toolbox-btn.toolbox-dropdown a { padding-left: 15px; padding-right: 15px; text-align: center; } .toolbox .toolbox-btn.pull-down { margin-top: auto; } .toolbox .toolbox-btn a { display: inline-block; height: 45px; line-height: 45px; background-size: cover; outline: none; color: #5b5f61; -webkit-text-decoration: none; text-decoration: none; width: 100%; padding-left: 12px; padding-right: 12px; } .toolbox .toolbox-btn a:focus, .toolbox .toolbox-btn a:hover { outline: none; } .toolbox .toolbox-btn a:focus:after, .toolbox .toolbox-btn a:hover:after { top: 0; left: 0; right: 0; bottom: 0; position: absolute; pointer-events: none; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjQwcHgiIGhlaWdodD0iNDBweCIgdmVyc2lvbj0iMS4xIiBzdHlsZT0ic2hhcGUtcmVuZGVyaW5nOmdlb21ldHJpY1ByZWNpc2lvbjsgdGV4dC1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uOyBpbWFnZS1yZW5kZXJpbmc6b3B0aW1pemVRdWFsaXR5OyBmaWxsLXJ1bGU6ZXZlbm9kZDsgY2xpcC1ydWxlOmV2ZW5vZGQiDQp2aWV3Qm94PSIwIDAgNDAwMCA0MDAwIg0KIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4NCiA8ZGVmcz4NCiAgPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCiAgIDwhW0NEQVRBWw0KICAgIC5zdHIwIHtzdHJva2U6IzAwMDtzdHJva2Utd2lkdGg6MjAwfQ0KICAgIC5maWwwIHtmaWxsOm5vbmV9DQogICBdXT4NCiAgPC9zdHlsZT4NCiA8L2RlZnM+DQogPGc+DQogIDxwb2x5bGluZSBjbGFzcz0iZmlsMCBzdHIwIiBwb2ludHM9IjM0MjksMzQwMCA1NzEsMzQwMCA1NzEsNjAwICIvPg0KIDwvZz4NCjwvc3ZnPg0K"), url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8IS0tIENyZWF0b3I6IENvcmVsRFJBVyBYNyAtLT4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNDBweCIgaGVpZ2h0PSI0MHB4IiB2ZXJzaW9uPSIxLjEiIHN0eWxlPSJzaGFwZS1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uOyB0ZXh0LXJlbmRlcmluZzpnZW9tZXRyaWNQcmVjaXNpb247IGltYWdlLXJlbmRlcmluZzpvcHRpbWl6ZVF1YWxpdHk7IGZpbGwtcnVsZTpldmVub2RkOyBjbGlwLXJ1bGU6ZXZlbm9kZCINCnZpZXdCb3g9IjAgMCA0MDAwIDQwMDAiDQogeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KIDxkZWZzPg0KICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KICAgPCFbQ0RBVEFbDQogICAgLnN0cjAge3N0cm9rZTojMzczNDM1O3N0cm9rZS13aWR0aDoyMDguMzUxfQ0KICAgIC5maWwwIHtmaWxsOm5vbmV9DQogICBdXT4NCiAgPC9zdHlsZT4NCiA8L2RlZnM+DQogPGcgaWQ9IkxheWVyX3gwMDIwXzEiPg0KICA8bWV0YWRhdGEgaWQ9IkNvcmVsQ29ycElEXzBDb3JlbC1MYXllciIvPg0KICA8cG9seWxpbmUgY2xhc3M9ImZpbDAgc3RyMCIgcG9pbnRzPSI1NzEsMzQwMCAzNDI5LDM0MDAgMzQyOSw2MDAgIi8+DQogPC9nPg0KPC9zdmc+DQo="), url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8IS0tIENyZWF0b3I6IENvcmVsRFJBVyBYNyAtLT4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNDBweCIgaGVpZ2h0PSI0MHB4IiB2ZXJzaW9uPSIxLjEiIHN0eWxlPSJzaGFwZS1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uOyB0ZXh0LXJlbmRlcmluZzpnZW9tZXRyaWNQcmVjaXNpb247IGltYWdlLXJlbmRlcmluZzpvcHRpbWl6ZVF1YWxpdHk7IGZpbGwtcnVsZTpldmVub2RkOyBjbGlwLXJ1bGU6ZXZlbm9kZCINCnZpZXdCb3g9IjAgMCA0MDAwIDQwMDAiDQogeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KIDxkZWZzPg0KICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KICAgPCFbQ0RBVEFbDQogICAgLnN0cjAge3N0cm9rZTojMzczNDM1O3N0cm9rZS13aWR0aDoyMDguMzUxfQ0KICAgIC5maWwwIHtmaWxsOm5vbmV9DQogICBdXT4NCiAgPC9zdHlsZT4NCiA8L2RlZnM+DQogPGcgaWQ9IkxheWVyX3gwMDIwXzEiPg0KICA8bWV0YWRhdGEgaWQ9IkNvcmVsQ29ycElEXzBDb3JlbC1MYXllciIvPg0KICA8cG9seWxpbmUgY2xhc3M9ImZpbDAgc3RyMCIgcG9pbnRzPSIzNDI5LDYwMCA1NzEsNjAwIDU3MSwzNDAwICIvPg0KIDwvZz4NCjwvc3ZnPg0K"), url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8IS0tIENyZWF0b3I6IENvcmVsRFJBVyBYNyAtLT4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNDBweCIgaGVpZ2h0PSI0MHB4IiB2ZXJzaW9uPSIxLjEiIHN0eWxlPSJzaGFwZS1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uOyB0ZXh0LXJlbmRlcmluZzpnZW9tZXRyaWNQcmVjaXNpb247IGltYWdlLXJlbmRlcmluZzpvcHRpbWl6ZVF1YWxpdHk7IGZpbGwtcnVsZTpldmVub2RkOyBjbGlwLXJ1bGU6ZXZlbm9kZCINCnZpZXdCb3g9IjAgMCA0MDAwIDQwMDAiDQogeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KIDxkZWZzPg0KICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KICAgPCFbQ0RBVEFbDQogICAgLnN0cjAge3N0cm9rZTojMzczNDM1O3N0cm9rZS13aWR0aDoyMDguMzUxfQ0KICAgIC5maWwwIHtmaWxsOm5vbmV9DQogICBdXT4NCiAgPC9zdHlsZT4NCiA8L2RlZnM+DQogPGcgaWQ9IkxheWVyX3gwMDIwXzEiPg0KICA8bWV0YWRhdGEgaWQ9IkNvcmVsQ29ycElEXzBDb3JlbC1MYXllciIvPg0KICA8cG9seWxpbmUgY2xhc3M9ImZpbDAgc3RyMCIgcG9pbnRzPSI1NzEsNjAwIDM0MjksNjAwIDM0MjksMzQwMCAiLz4NCiA8L2c+DQo8L3N2Zz4NCg=="); background-position: bottom left, bottom right, top left, top right; background-repeat: no-repeat; background-size: 10px; z-index: 9000; content: ""; } .toolbox .toolbox-btn a:active, .toolbox .toolbox-btn a:visited { color: inherit; } .toolbox .toolbox-btn[disabled] { opacity: 0.2; } .toolbox .toolbox-btn .toolbox-btn-addon { width: 15px; left: 3px; } .toolbox .toolbox-btn-group { display: flex; padding: 0; margin: 0; } .toolbox .toolbox-btn-group-vertical { display: flex; flex-direction: column; } .toolbox .toolbox-btn-group-vertical .toolbox-btn-is-active:before { position: absolute; left: -7px; content: ""; width: 4px; background: #a8cf45; top: 0; bottom: 0; border: none; } .toolbox .toolbox-splitter { height: 1px; border: none; border-bottom: 1px solid lightgray; } .toolbox.toolbox-resizable { resize: horizontal; } .toolbox::after { clear: both; content: ""; display: block; } .toolbox .resize-handle { background: transparent; position: absolute; z-index: 9101; } .toolbox .resize-handle.resize-handle-right { cursor: e-resize; width: 5px; right: 0; top: 0; bottom: 0; } .toolbox .resize-handle.resize-handle-left { cursor: w-resize; width: 5px; left: 0; top: 0; bottom: 0; } .toolbox .resize-handle.resize-handle-top { cursor: n-resize; height: 5px; left: 0; right: 0; top: 0; } .toolbox .resize-handle.resize-handle-bottom { cursor: s-resize; height: 5px; left: 0; right: 0; bottom: 0; } .toolbox.resize-suspended .resize-handle { pointer-events: none; } .toolbox.resized-vertically .resizable-content { height: 100%; display: flex; flex-direction: column; } .balloon .toolbox { padding: 0; box-shadow: none; } .editor { padding: 10px; flex: 1; display: flex; flex-direction: column; width: 100%; } .editor .flex-row { flex-wrap: wrap; } .editor h1 { margin: 3px 0; } .no-pointer-events { pointer-events: none; } .photo { top: 0; left: 0; right: 0; bottom: 0; position: absolute; background-size: cover; } .subtle { font-size: 0.9em; color: #74797b; font-family: monospace; padding-top: 5px; } @keyframes fade-in { from { opacity: 0; } to { opacity: 1; } } @keyframes shake { 0% { -webkit-transform: translate(2px, 1px) rotate(0deg); } 10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); } 20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); } 30% { -webkit-transform: translate(0px, 2px) rotate(0deg); } 40% { -webkit-transform: translate(1px, -1px) rotate(1deg); } 50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); } 60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); } 70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); } 80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); } 90% { -webkit-transform: translate(2px, 2px) rotate(0deg); } 100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); } } @keyframes slideleft { 0% { transform: translateX(150%); } 50% { transform: translateX(-8%); } 65% { transform: translateX(4%); } 80% { transform: translateX(-4%); } 95% { transform: translateX(2%); } 100% { transform: translateX(0%); } } .animation-slideright { animation-name: slideright; animation-duration: 1s; animation-timing-function: ease-in-out; visibility: visible !important; } @keyframes slideright { 0% { transform: translateX(-150%); } 50% { transform: translateX(8%); } 65% { transform: translateX(-4%); } 80% { transform: translateX(4%); } 95% { transform: translateX(-2%); } 100% { transform: translateX(0%); } } .animation-popin { animation: pop-in 0.2s ease; } @keyframes pop-in { 0% { opacity: 0; transform: scale(0.5); } 100% { opacity: 1; transform: scale(1); } } /* Breakpoints */ /* Typography */ /* Toolboxes */ /* Workshops */ /* Buttons */ /* Balloons */ /* Palette */ /* Forms */ /* Lists */ /* Spinners */ /* Scrollbars */ /* Layout editor */ /* Others */ /* Breakpoints */ /* Typography */ /* Toolboxes */ /* Workshops */ /* Buttons */ /* Balloons */ /* Palette */ /* Forms */ /* Lists */ /* Spinners */ /* Scrollbars */ /* Layout editor */ /* Others */ .fit { top: 0; left: 0; right: 0; bottom: 0; position: absolute; } .btn { border: none; background: none; color: #5b5f61; font-family: "Montserra", sans-serif; font-size: 13px; line-height: 2em; min-width: 2em; -webkit-text-decoration: none; text-decoration: none; text-align: center; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .btn:focus, .btn:hover { outline: none; color: #5b5f61; cursor: pointer; } .btn:focus:after, .btn:hover:after { top: 0; left: 0; right: 0; bottom: 0; position: absolute; pointer-events: none; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjQwcHgiIGhlaWdodD0iNDBweCIgdmVyc2lvbj0iMS4xIiBzdHlsZT0ic2hhcGUtcmVuZGVyaW5nOmdlb21ldHJpY1ByZWNpc2lvbjsgdGV4dC1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uOyBpbWFnZS1yZW5kZXJpbmc6b3B0aW1pemVRdWFsaXR5OyBmaWxsLXJ1bGU6ZXZlbm9kZDsgY2xpcC1ydWxlOmV2ZW5vZGQiDQp2aWV3Qm94PSIwIDAgNDAwMCA0MDAwIg0KIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4NCiA8ZGVmcz4NCiAgPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCiAgIDwhW0NEQVRBWw0KICAgIC5zdHIwIHtzdHJva2U6IzAwMDtzdHJva2Utd2lkdGg6MjAwfQ0KICAgIC5maWwwIHtmaWxsOm5vbmV9DQogICBdXT4NCiAgPC9zdHlsZT4NCiA8L2RlZnM+DQogPGc+DQogIDxwb2x5bGluZSBjbGFzcz0iZmlsMCBzdHIwIiBwb2ludHM9IjM0MjksMzQwMCA1NzEsMzQwMCA1NzEsNjAwICIvPg0KIDwvZz4NCjwvc3ZnPg0K"), url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8IS0tIENyZWF0b3I6IENvcmVsRFJBVyBYNyAtLT4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNDBweCIgaGVpZ2h0PSI0MHB4IiB2ZXJzaW9uPSIxLjEiIHN0eWxlPSJzaGFwZS1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uOyB0ZXh0LXJlbmRlcmluZzpnZW9tZXRyaWNQcmVjaXNpb247IGltYWdlLXJlbmRlcmluZzpvcHRpbWl6ZVF1YWxpdHk7IGZpbGwtcnVsZTpldmVub2RkOyBjbGlwLXJ1bGU6ZXZlbm9kZCINCnZpZXdCb3g9IjAgMCA0MDAwIDQwMDAiDQogeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KIDxkZWZzPg0KICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KICAgPCFbQ0RBVEFbDQogICAgLnN0cjAge3N0cm9rZTojMzczNDM1O3N0cm9rZS13aWR0aDoyMDguMzUxfQ0KICAgIC5maWwwIHtmaWxsOm5vbmV9DQogICBdXT4NCiAgPC9zdHlsZT4NCiA8L2RlZnM+DQogPGcgaWQ9IkxheWVyX3gwMDIwXzEiPg0KICA8bWV0YWRhdGEgaWQ9IkNvcmVsQ29ycElEXzBDb3JlbC1MYXllciIvPg0KICA8cG9seWxpbmUgY2xhc3M9ImZpbDAgc3RyMCIgcG9pbnRzPSI1NzEsMzQwMCAzNDI5LDM0MDAgMzQyOSw2MDAgIi8+DQogPC9nPg0KPC9zdmc+DQo="), url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8IS0tIENyZWF0b3I6IENvcmVsRFJBVyBYNyAtLT4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNDBweCIgaGVpZ2h0PSI0MHB4IiB2ZXJzaW9uPSIxLjEiIHN0eWxlPSJzaGFwZS1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uOyB0ZXh0LXJlbmRlcmluZzpnZW9tZXRyaWNQcmVjaXNpb247IGltYWdlLXJlbmRlcmluZzpvcHRpbWl6ZVF1YWxpdHk7IGZpbGwtcnVsZTpldmVub2RkOyBjbGlwLXJ1bGU6ZXZlbm9kZCINCnZpZXdCb3g9IjAgMCA0MDAwIDQwMDAiDQogeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KIDxkZWZzPg0KICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KICAgPCFbQ0RBVEFbDQogICAgLnN0cjAge3N0cm9rZTojMzczNDM1O3N0cm9rZS13aWR0aDoyMDguMzUxfQ0KICAgIC5maWwwIHtmaWxsOm5vbmV9DQogICBdXT4NCiAgPC9zdHlsZT4NCiA8L2RlZnM+DQogPGcgaWQ9IkxheWVyX3gwMDIwXzEiPg0KICA8bWV0YWRhdGEgaWQ9IkNvcmVsQ29ycElEXzBDb3JlbC1MYXllciIvPg0KICA8cG9seWxpbmUgY2xhc3M9ImZpbDAgc3RyMCIgcG9pbnRzPSIzNDI5LDYwMCA1NzEsNjAwIDU3MSwzNDAwICIvPg0KIDwvZz4NCjwvc3ZnPg0K"), url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8IS0tIENyZWF0b3I6IENvcmVsRFJBVyBYNyAtLT4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNDBweCIgaGVpZ2h0PSI0MHB4IiB2ZXJzaW9uPSIxLjEiIHN0eWxlPSJzaGFwZS1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uOyB0ZXh0LXJlbmRlcmluZzpnZW9tZXRyaWNQcmVjaXNpb247IGltYWdlLXJlbmRlcmluZzpvcHRpbWl6ZVF1YWxpdHk7IGZpbGwtcnVsZTpldmVub2RkOyBjbGlwLXJ1bGU6ZXZlbm9kZCINCnZpZXdCb3g9IjAgMCA0MDAwIDQwMDAiDQogeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KIDxkZWZzPg0KICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KICAgPCFbQ0RBVEFbDQogICAgLnN0cjAge3N0cm9rZTojMzczNDM1O3N0cm9rZS13aWR0aDoyMDguMzUxfQ0KICAgIC5maWwwIHtmaWxsOm5vbmV9DQogICBdXT4NCiAgPC9zdHlsZT4NCiA8L2RlZnM+DQogPGcgaWQ9IkxheWVyX3gwMDIwXzEiPg0KICA8bWV0YWRhdGEgaWQ9IkNvcmVsQ29ycElEXzBDb3JlbC1MYXllciIvPg0KICA8cG9seWxpbmUgY2xhc3M9ImZpbDAgc3RyMCIgcG9pbnRzPSI1NzEsNjAwIDM0MjksNjAwIDM0MjksMzQwMCAiLz4NCiA8L2c+DQo8L3N2Zz4NCg=="); background-position: bottom left, bottom right, top left, top right; background-repeat: no-repeat; background-size: 5px; z-index: 9000; content: ""; } .btn:disabled { opacity: 0.2; } .btn-link { color: #99c248; -webkit-text-decoration: none; text-decoration: none; } .btn-danger, .btn-danger:hover, .btn-danger:active { background: #e46969; color: #fff; } .btn-group { padding-top: 15px; } .btn-group .btn { margin-right: 15px; } .btn-info, .btn-info:hover, .btn-info:active { min-width: 0; min-width: initial; border: none; padding: 0; position: absolute; right: 0; color: #91d8f7; z-index: 99999; } .btn-dismiss { position: absolute; right: 5px; top: 5px; } .button-tqec { height: 36px; width: auto; position: relative; border-radius: 8px; padding: 11px 12px 11px 14px; font-family: "IBM Plex Sans Condensed"; font-size: 13px; font-style: normal; font-weight: 700; line-height: 14px; letter-spacing: 3px; text-transform: uppercase; cursor: pointer; /* primary */ /* secondary */ } .button-tqec:focus { outline-style: none; border: 2px solid #1343fb; } .button-tqec:active { outline-style: none; border: 1px solid #1343fb; } .button-tqec.btn-primary { background-color: #011592; border: none; border: 1px solid #011592; color: #ffffff; } .button-tqec.btn-primary.btn-perso { left: 2px; max-width: 122px; } .button-tqec.btn-primary.btn-teaching { max-width: 123px; left: 2px; } .button-tqec.btn-primary:hover { background-color: #060f64; border: 1px solid #060f64; } .button-tqec.btn-primary:focus-visible { outline: 2px solid #1343fb; background-color: #060f64; border-radius: 8px; } .button-tqec.btn-primary:active { background-color: #060f64; border: 1px solid #1343fb; } .button-tqec.btn-primary:disabled { background-color: #d8d8d9; border: 1px solid #d8d8d9; } .button-tqec.btn-primary-reverse { background-color: #ffffff; color: #011592; } .button-tqec.btn-primary-reverse:hover { background-color: rgba(255, 255, 255, 0.8); border: 1px solid rgb(255, 255, 255); } .button-tqec.btn-primary-reverse:focus { background-color: rgba(255, 255, 255, 0.8); } .button-tqec.btn-primary-reverse:active { background-color: rgba(255, 255, 255, 0.8); } .button-tqec.btn-secondary { background-color: #ffffff; border: 1px solid rgb(216, 216, 217); color: #011592; } .button-tqec.btn-secondary:hover { background-color: rgba(1, 21, 146, 0.1); border: 1px solid rgb(1, 21, 146); } .button-tqec.btn-secondary:focus-visible { outline: 2px solid #1343fb; background-color: rgba(1, 21, 146, 0.1); border-radius: 8px; } .button-tqec.btn-secondary:active { background-color: rgba(1, 21, 146, 0.1); outline: 1px solid #1343fb; } .button-tqec.btn-secondary-reverse { background-color: rgba(1, 21, 146, 0.1); color: #ffffff; } .button-tqec.btn-secondary-reverse:hover { background-color: rgba(241, 245, 246, 0.2); } .button-tqec.btn-secondary-reverse:focus { background-color: rgba(241, 245, 246, 0.2); border: 2px solid #1343fb; } .button-tqec.btn-secondary-reverse:active { background-color: rgba(241, 245, 246, 0.2); } .button-icon { height: 36px; width: 36px; border-radius: 8px; padding: 0; } .button-icon:focus { outline-style: none; border: 2px solid #1343fb; } .button-icon:active { outline-style: none; border: 1px solid #1343fb; } .button-icon.btn-icon-primary { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIyLjQgMjMuMlYyMS42QzIyLjQgMjAuNzUxMyAyMi4wNjI5IDE5LjkzNzQgMjEuNDYyNyAxOS4zMzczQzIwLjg2MjYgMTguNzM3MiAyMC4wNDg3IDE4LjQgMTkuMiAxOC40SDEyLjhDMTEuOTUxMyAxOC40IDExLjEzNzQgMTguNzM3MiAxMC41MzczIDE5LjMzNzNDOS45MzcxNCAxOS45Mzc0IDkuNiAyMC43NTEzIDkuNiAyMS42VjIzLjIiIHN0cm9rZT0iI2ZmZmZmZiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTE2IDE1LjJDMTcuNzY3MyAxNS4yIDE5LjIgMTMuNzY3NCAxOS4yIDEyQzE5LjIgMTAuMjMyNyAxNy43NjczIDguODAwMDUgMTYgOC44MDAwNUMxNC4yMzI3IDguODAwMDUgMTIuOCAxMC4yMzI3IDEyLjggMTJDMTIuOCAxMy43Njc0IDE0LjIzMjcgMTUuMiAxNiAxNS4yWiIgc3Ryb2tlPSIjZmZmZmZmIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K"); background-color: #011592; border: none; border: 1px solid #011592; } .button-icon.btn-icon-primary:hover { background-color: #060f64; } .button-icon.btn-icon-primary:focus { background-color: #060f64; } .button-icon.btn-icon-primary:active { background-color: #060f64; } .button-icon.btn-icon-primary-reverse { background-color: #ffffff; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIyLjQgMjMuMlYyMS42QzIyLjQgMjAuNzUxMyAyMi4wNjI5IDE5LjkzNzQgMjEuNDYyNyAxOS4zMzczQzIwLjg2MjYgMTguNzM3MiAyMC4wNDg3IDE4LjQgMTkuMiAxOC40SDEyLjhDMTEuOTUxMyAxOC40IDExLjEzNzQgMTguNzM3MiAxMC41MzczIDE5LjMzNzNDOS45MzcxNCAxOS45Mzc0IDkuNiAyMC43NTEzIDkuNiAyMS42VjIzLjIiIHN0cm9rZT0iIzAxMTU5MiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTE2IDE1LjJDMTcuNzY3MyAxNS4yIDE5LjIgMTMuNzY3NCAxOS4yIDEyQzE5LjIgMTAuMjMyNyAxNy43NjczIDguODAwMDUgMTYgOC44MDAwNUMxNC4yMzI3IDguODAwMDUgMTIuOCAxMC4yMzI3IDEyLjggMTJDMTIuOCAxMy43Njc0IDE0LjIzMjcgMTUuMiAxNiAxNS4yWiIgc3Ryb2tlPSIjMDExNTkyIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K"); } .button-icon.btn-icon-primary-reverse:hover { background-color: rgba(255, 255, 255, 0.8); border: 1px solid rgb(255, 255, 255); } .button-icon.btn-icon-primary-reverse:focus { background-color: rgba(255, 255, 255, 0.8); } .button-icon.btn-icon-primary-reverse:active { background-color: rgba(255, 255, 255, 0.8); } .button-icon.btn-icon-secondary { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIyLjQgMjMuMlYyMS42QzIyLjQgMjAuNzUxMyAyMi4wNjI5IDE5LjkzNzQgMjEuNDYyNyAxOS4zMzczQzIwLjg2MjYgMTguNzM3MiAyMC4wNDg3IDE4LjQgMTkuMiAxOC40SDEyLjhDMTEuOTUxMyAxOC40IDExLjEzNzQgMTguNzM3MiAxMC41MzczIDE5LjMzNzNDOS45MzcxNCAxOS45Mzc0IDkuNiAyMC43NTEzIDkuNiAyMS42VjIzLjIiIHN0cm9rZT0iIzAxMTU5MiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTE2IDE1LjJDMTcuNzY3MyAxNS4yIDE5LjIgMTMuNzY3NCAxOS4yIDEyQzE5LjIgMTAuMjMyNyAxNy43NjczIDguODAwMDUgMTYgOC44MDAwNUMxNC4yMzI3IDguODAwMDUgMTIuOCAxMC4yMzI3IDEyLjggMTJDMTIuOCAxMy43Njc0IDE0LjIzMjcgMTUuMiAxNiAxNS4yWiIgc3Ryb2tlPSIjMDExNTkyIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K"); background-color: #ffffff; border: 1px solid #d8d8d9; } .button-icon.btn-icon-secondary:hover { background-color: rgba(1, 21, 146, 0.1); border: 1px solid rgb(1, 21, 146); } .button-icon.btn-icon-secondary:focus { background-color: rgba(1, 21, 146, 0.1); } .button-icon.btn-icon-secondary:active { background-color: rgba(1, 21, 146, 0.1); } .button-icon.btn-icon-secondary-reverse { background-color: rgb(1, 21, 146); background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIyLjQgMjMuMlYyMS42QzIyLjQgMjAuNzUxMyAyMi4wNjI5IDE5LjkzNzQgMjEuNDYyNyAxOS4zMzczQzIwLjg2MjYgMTguNzM3MiAyMC4wNDg3IDE4LjQgMTkuMiAxOC40SDEyLjhDMTEuOTUxMyAxOC40IDExLjEzNzQgMTguNzM3MiAxMC41MzczIDE5LjMzNzNDOS45MzcxNCAxOS45Mzc0IDkuNiAyMC43NTEzIDkuNiAyMS42VjIzLjIiIHN0cm9rZT0iI2ZmZmZmZiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTE2IDE1LjJDMTcuNzY3MyAxNS4yIDE5LjIgMTMuNzY3NCAxOS4yIDEyQzE5LjIgMTAuMjMyNyAxNy43NjczIDguODAwMDUgMTYgOC44MDAwNUMxNC4yMzI3IDguODAwMDUgMTIuOCAxMC4yMzI3IDEyLjggMTJDMTIuOCAxMy43Njc0IDE0LjIzMjcgMTUuMiAxNiAxNS4yWiIgc3Ryb2tlPSIjZmZmZmZmIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K"); } .button-icon.btn-icon-secondary-reverse:hover { background-color: rgba(241, 245, 246, 0.2); } .button-icon.btn-icon-secondary-reverse:focus { background-color: rgba(241, 245, 246, 0.2); } .button-icon.btn-icon-secondary-reverse:active { background-color: rgba(241, 245, 246, 0.2); } .tag-tqec { padding: 7px 14px; position: relative; width: auto; height: 32px; font-style: normal; font-weight: bold; font-size: 14px; line-height: 18px; /* primary */ /* secondary */ } .tag-tqec:focus { outline-style: none; border: 2px solid #1343fb; } .tag-tqec:active { outline-style: none; border: 1px solid #1343fb; } .tag-tqec.tag-primary { background-color: #011592; border: none; border: 1px solid #011592; color: #ffffff; } .tag-tqec.tag-primary:hover { background-color: #060f64; } .tag-tqec.tag-primary:focus { background-color: #060f64; } .tag-tqec.tag-primary:active { background-color: #060f64; } .tag-tqec.tag-secondary { background-color: #ffffff; border: 1px solid rgb(216, 216, 217); color: #011592; } .tag-tqec.tag-secondary:hover { background-color: rgba(1, 21, 146, 0.1); border: 1px solid rgb(1, 21, 146); } .tag-tqec.tag-secondary:focus { background-color: rgba(1, 21, 146, 0.1); } .tag-tqec.tag-secondary:active { background-color: rgba(1, 21, 146, 0.1); } .tag-tqec.tag-non-clickable { background-color: #ffffff; border: 1px solid #d8d8d9; color: #555563; border-radius: 8px; } .filter-tqec { padding: 7px 14px; position: relative; width: auto; height: 32px; font-style: normal; font-weight: bold; font-size: 14px; line-height: 18px; background-color: #ffffff; border: 1px solid rgb(216, 216, 217); color: #011592; /* primary */ } .filter-tqec::after { content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIwLjggMTEuMkwxMS4yIDIwLjgiIHN0cm9rZT0iIzAxMTU5MiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTExLjIgMTEuMkwyMC44IDIwLjgiIHN0cm9rZT0iIzAxMTU5MiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg=="); position: relative; top: 10px; } .filter-tqec:hover::after { content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIwLjggMTEuMkwxMS4yIDIwLjgiIHN0cm9rZT0iIzA2MEY2NCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTExLjIgMTEuMkwyMC44IDIwLjgiIHN0cm9rZT0iIzA2MEY2NCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg=="); } .filter-tqec:focus { outline-style: none; border: 2px solid #1343fb; background-color: rgba(1, 21, 146, 0.1); } .filter-tqec:active { outline-style: none; border: 1px solid #1343fb; background-color: rgba(1, 21, 146, 0.1); } .filter-tqec:hover { background-color: rgba(1, 21, 146, 0.1); border: 1px solid rgb(1, 21, 146); } dropbucket { right: 20px; bottom: 20px; position: fixed; z-index: 9100; } dropbucket .btn-dismiss { padding: 0; margin: 0; top: 0; right: 0; } dropbucket .droppedcontent { box-shadow: 1px 1px 20px 1px rgba(0, 0, 0, 0.15); margin: 0; background-color: #fff; font-family: "Montserra", sans-serif; font-weight: 500; z-index: 9100; list-style: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; font-size: 13px; opacity: 0; animation: fade-in 0.5s linear forwards; position: relative; border-radius: 10px; display: flex; flex-direction: column; } dropbucket .droppedcontent-details { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } dropbucket .droppedcontent-preview { width: 280px; height: 150px; background-image: data-uri("../svgs/icons-unknown.svg"); background-repeat: no-repeat; background-position: center; background-size: contain; display: block; margin: 10px 0; } dropbucket .list-item { position: relative; } dropbucket .btn { height: 100%; } /* Breakpoints */ /* Typography */ /* Toolboxes */ /* Workshops */ /* Buttons */ /* Balloons */ /* Palette */ /* Forms */ /* Lists */ /* Spinners */ /* Scrollbars */ /* Layout editor */ /* Others */ /* Breakpoints */ /* Typography */ /* Toolboxes */ /* Workshops */ /* Buttons */ /* Balloons */ /* Palette */ /* Forms */ /* Lists */ /* Spinners */ /* Scrollbars */ /* Layout editor */ /* Others */ .fit { top: 0; left: 0; right: 0; bottom: 0; position: absolute; } @keyframes fade-in { from { opacity: 0; } to { opacity: 1; } } @keyframes shake { 0% { -webkit-transform: translate(2px, 1px) rotate(0deg); } 10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); } 20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); } 30% { -webkit-transform: translate(0px, 2px) rotate(0deg); } 40% { -webkit-transform: translate(1px, -1px) rotate(1deg); } 50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); } 60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); } 70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); } 80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); } 90% { -webkit-transform: translate(2px, 2px) rotate(0deg); } 100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); } } @keyframes slideleft { 0% { transform: translateX(150%); } 50% { transform: translateX(-8%); } 65% { transform: translateX(4%); } 80% { transform: translateX(-4%); } 95% { transform: translateX(2%); } 100% { transform: translateX(0%); } } .animation-slideright { animation-name: slideright; animation-duration: 1s; animation-timing-function: ease-in-out; visibility: visible !important; } @keyframes slideright { 0% { transform: translateX(-150%); } 50% { transform: translateX(8%); } 65% { transform: translateX(-4%); } 80% { transform: translateX(4%); } 95% { transform: translateX(-2%); } 100% { transform: translateX(0%); } } .animation-popin { animation: pop-in 0.2s ease; } @keyframes pop-in { 0% { opacity: 0; transform: scale(0.5); } 100% { opacity: 1; transform: scale(1); } } .toasts { position: fixed; right: 0; bottom: 100px; z-index: 10000; } .toasts .toast { box-shadow: 1px 1px 20px 1px rgba(0, 0, 0, 0.15); margin: 0; background-color: #fff; border-radius: 10px; font-family: "Montserra", sans-serif; font-weight: 500; z-index: 9100; list-style: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; font-size: 13px; animation-name: slideleft; animation-duration: 0.5s; animation-timing-function: ease-in-out; visibility: visible !important; display: flex; align-items: center; justify-content: center; max-width: 400px; } .toasts .toast .toast-indicator { width: 30px; } .toasts .toast .toast-container { flex-basis: 100%; line-height: 1.5em; } .toasts .toast .toast-header { font-weight: bold; } .toasts .toast .toast-content p { margin: 0; margin-top: 5px; } .toasts .toast > div { padding: 10px; } /* Breakpoints */ /* Typography */ /* Toolboxes */ /* Workshops */ /* Buttons */ /* Balloons */ /* Palette */ /* Forms */ /* Lists */ /* Spinners */ /* Scrollbars */ /* Layout editor */ /* Others */ .fit { top: 0; left: 0; right: 0; bottom: 0; position: absolute; } /* Breakpoints */ /* Typography */ /* Toolboxes */ /* Workshops */ /* Buttons */ /* Balloons */ /* Palette */ /* Forms */ /* Lists */ /* Spinners */ /* Scrollbars */ /* Layout editor */ /* Others */ paperbits-code, paperbits-googlemaps, paperbits-picture, paperbits-text, widget { display: block; } paperbits-code.dragged, paperbits-googlemaps.dragged, paperbits-picture.dragged, paperbits-text.dragged, widget.dragged { box-shadow: 2px 2px 2px 2px rgba(128, 128, 128, 0.4); transform: scale(1.05); transition: transform 0.5s ease-in-out, height 0.5s ease-in-out, width 0.5s ease-in-out; background: #fff; opacity: 0.98; position: fixed; } paperbits-code:hover:after, paperbits-googlemaps:hover:after, paperbits-picture:hover:after, paperbits-text:hover:after, widget:hover:after { top: 0; left: 0; right: 0; bottom: 0; position: absolute; pointer-events: none; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjQwcHgiIGhlaWdodD0iNDBweCIgdmVyc2lvbj0iMS4xIiBzdHlsZT0ic2hhcGUtcmVuZGVyaW5nOmdlb21ldHJpY1ByZWNpc2lvbjsgdGV4dC1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uOyBpbWFnZS1yZW5kZXJpbmc6b3B0aW1pemVRdWFsaXR5OyBmaWxsLXJ1bGU6ZXZlbm9kZDsgY2xpcC1ydWxlOmV2ZW5vZGQiDQp2aWV3Qm94PSIwIDAgNDAwMCA0MDAwIg0KIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4NCiA8ZGVmcz4NCiAgPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCiAgIDwhW0NEQVRBWw0KICAgIC5zdHIwIHtzdHJva2U6IzAwMDtzdHJva2Utd2lkdGg6MjAwfQ0KICAgIC5maWwwIHtmaWxsOm5vbmV9DQogICBdXT4NCiAgPC9zdHlsZT4NCiA8L2RlZnM+DQogPGc+DQogIDxwb2x5bGluZSBjbGFzcz0iZmlsMCBzdHIwIiBwb2ludHM9IjM0MjksMzQwMCA1NzEsMzQwMCA1NzEsNjAwICIvPg0KIDwvZz4NCjwvc3ZnPg0K"), url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8IS0tIENyZWF0b3I6IENvcmVsRFJBVyBYNyAtLT4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNDBweCIgaGVpZ2h0PSI0MHB4IiB2ZXJzaW9uPSIxLjEiIHN0eWxlPSJzaGFwZS1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uOyB0ZXh0LXJlbmRlcmluZzpnZW9tZXRyaWNQcmVjaXNpb247IGltYWdlLXJlbmRlcmluZzpvcHRpbWl6ZVF1YWxpdHk7IGZpbGwtcnVsZTpldmVub2RkOyBjbGlwLXJ1bGU6ZXZlbm9kZCINCnZpZXdCb3g9IjAgMCA0MDAwIDQwMDAiDQogeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KIDxkZWZzPg0KICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KICAgPCFbQ0RBVEFbDQogICAgLnN0cjAge3N0cm9rZTojMzczNDM1O3N0cm9rZS13aWR0aDoyMDguMzUxfQ0KICAgIC5maWwwIHtmaWxsOm5vbmV9DQogICBdXT4NCiAgPC9zdHlsZT4NCiA8L2RlZnM+DQogPGcgaWQ9IkxheWVyX3gwMDIwXzEiPg0KICA8bWV0YWRhdGEgaWQ9IkNvcmVsQ29ycElEXzBDb3JlbC1MYXllciIvPg0KICA8cG9seWxpbmUgY2xhc3M9ImZpbDAgc3RyMCIgcG9pbnRzPSI1NzEsMzQwMCAzNDI5LDM0MDAgMzQyOSw2MDAgIi8+DQogPC9nPg0KPC9zdmc+DQo="), url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8IS0tIENyZWF0b3I6IENvcmVsRFJBVyBYNyAtLT4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNDBweCIgaGVpZ2h0PSI0MHB4IiB2ZXJzaW9uPSIxLjEiIHN0eWxlPSJzaGFwZS1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uOyB0ZXh0LXJlbmRlcmluZzpnZW9tZXRyaWNQcmVjaXNpb247IGltYWdlLXJlbmRlcmluZzpvcHRpbWl6ZVF1YWxpdHk7IGZpbGwtcnVsZTpldmVub2RkOyBjbGlwLXJ1bGU6ZXZlbm9kZCINCnZpZXdCb3g9IjAgMCA0MDAwIDQwMDAiDQogeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KIDxkZWZzPg0KICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KICAgPCFbQ0RBVEFbDQogICAgLnN0cjAge3N0cm9rZTojMzczNDM1O3N0cm9rZS13aWR0aDoyMDguMzUxfQ0KICAgIC5maWwwIHtmaWxsOm5vbmV9DQogICBdXT4NCiAgPC9zdHlsZT4NCiA8L2RlZnM+DQogPGcgaWQ9IkxheWVyX3gwMDIwXzEiPg0KICA8bWV0YWRhdGEgaWQ9IkNvcmVsQ29ycElEXzBDb3JlbC1MYXllciIvPg0KICA8cG9seWxpbmUgY2xhc3M9ImZpbDAgc3RyMCIgcG9pbnRzPSIzNDI5LDYwMCA1NzEsNjAwIDU3MSwzNDAwICIvPg0KIDwvZz4NCjwvc3ZnPg0K"), url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8IS0tIENyZWF0b3I6IENvcmVsRFJBVyBYNyAtLT4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNDBweCIgaGVpZ2h0PSI0MHB4IiB2ZXJzaW9uPSIxLjEiIHN0eWxlPSJzaGFwZS1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uOyB0ZXh0LXJlbmRlcmluZzpnZW9tZXRyaWNQcmVjaXNpb247IGltYWdlLXJlbmRlcmluZzpvcHRpbWl6ZVF1YWxpdHk7IGZpbGwtcnVsZTpldmVub2RkOyBjbGlwLXJ1bGU6ZXZlbm9kZCINCnZpZXdCb3g9IjAgMCA0MDAwIDQwMDAiDQogeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KIDxkZWZzPg0KICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KICAgPCFbQ0RBVEFbDQogICAgLnN0cjAge3N0cm9rZTojMzczNDM1O3N0cm9rZS13aWR0aDoyMDguMzUxfQ0KICAgIC5maWwwIHtmaWxsOm5vbmV9DQogICBdXT4NCiAgPC9zdHlsZT4NCiA8L2RlZnM+DQogPGcgaWQ9IkxheWVyX3gwMDIwXzEiPg0KICA8bWV0YWRhdGEgaWQ9IkNvcmVsQ29ycElEXzBDb3JlbC1MYXllciIvPg0KICA8cG9seWxpbmUgY2xhc3M9ImZpbDAgc3RyMCIgcG9pbnRzPSI1NzEsNjAwIDM0MjksNjAwIDM0MjksMzQwMCAiLz4NCiA8L2c+DQo8L3N2Zz4NCg=="); background-position: bottom left, bottom right, top left, top right; background-repeat: no-repeat; background-size: 10px; z-index: 9000; content: ""; } .layout-editor-selection { position: fixed; pointer-events: none; z-index: 9000; } .layout-editor-selection:before { content: attr(title); background: #3c3c3c; color: #fff; padding: 5px; left: -5px; top: -30px; position: absolute; font-size: 8px; text-transform: uppercase; font-family: "Montserra", sans-serif; opacity: 0.7; } .layout-editor-selection:after { top: 0; left: 0; right: 0; bottom: 0; content: ""; display: block; position: absolute; } .layout-editor-splitter { position: fixed; pointer-events: none; z-index: 9000; border-color: #ccc; border-style: dashed; border-width: 0; opacity: 0.5; } .empty-item { margin: auto; width: 50%; text-align: center; } .fixed { position: fixed; z-index: 9100; } .btn-standalone { color: #ececec; display: inline-block; box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.15); border: none; border-radius: 50%; width: 30px; height: 30px; cursor: pointer; z-index: 9001; line-height: 1em; } .btn-standalone .paperbits-icon, .btn-standalone .form-group.form-group-collapsible .form-group-toggle, .form-group.form-group-collapsible .btn-standalone .form-group-toggle, .btn-standalone .btn-info, .btn-standalone .list-checkboxes .list-item.list-item-checked::before, .list-checkboxes .btn-standalone .list-item.list-item-checked::before { font-size: 0.9em; } .btn-standalone:hover { transform: scale(1.2); transition-duration: 0.3s; z-index: 9002; } .row-cfg { border-radius: 7px; border-spacing: 2px; display: inline-flex; flex-wrap: nowrap; justify-content: flex-start; align-content: stretch; padding: 0; line-height: 0; width: 80px; white-space: nowrap; margin: 5px; } .row-cfg:hover { cursor: pointer; } .row-cfg:hover:after { top: -5px; left: -5px; right: -5px; bottom: -5px; position: absolute; pointer-events: none; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjQwcHgiIGhlaWdodD0iNDBweCIgdmVyc2lvbj0iMS4xIiBzdHlsZT0ic2hhcGUtcmVuZGVyaW5nOmdlb21ldHJpY1ByZWNpc2lvbjsgdGV4dC1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uOyBpbWFnZS1yZW5kZXJpbmc6b3B0aW1pemVRdWFsaXR5OyBmaWxsLXJ1bGU6ZXZlbm9kZDsgY2xpcC1ydWxlOmV2ZW5vZGQiDQp2aWV3Qm94PSIwIDAgNDAwMCA0MDAwIg0KIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4NCiA8ZGVmcz4NCiAgPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCiAgIDwhW0NEQVRBWw0KICAgIC5zdHIwIHtzdHJva2U6IzAwMDtzdHJva2Utd2lkdGg6MjAwfQ0KICAgIC5maWwwIHtmaWxsOm5vbmV9DQogICBdXT4NCiAgPC9zdHlsZT4NCiA8L2RlZnM+DQogPGc+DQogIDxwb2x5bGluZSBjbGFzcz0iZmlsMCBzdHIwIiBwb2ludHM9IjM0MjksMzQwMCA1NzEsMzQwMCA1NzEsNjAwICIvPg0KIDwvZz4NCjwvc3ZnPg0K"), url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8IS0tIENyZWF0b3I6IENvcmVsRFJBVyBYNyAtLT4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNDBweCIgaGVpZ2h0PSI0MHB4IiB2ZXJzaW9uPSIxLjEiIHN0eWxlPSJzaGFwZS1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uOyB0ZXh0LXJlbmRlcmluZzpnZW9tZXRyaWNQcmVjaXNpb247IGltYWdlLXJlbmRlcmluZzpvcHRpbWl6ZVF1YWxpdHk7IGZpbGwtcnVsZTpldmVub2RkOyBjbGlwLXJ1bGU6ZXZlbm9kZCINCnZpZXdCb3g9IjAgMCA0MDAwIDQwMDAiDQogeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KIDxkZWZzPg0KICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KICAgPCFbQ0RBVEFbDQogICAgLnN0cjAge3N0cm9rZTojMzczNDM1O3N0cm9rZS13aWR0aDoyMDguMzUxfQ0KICAgIC5maWwwIHtmaWxsOm5vbmV9DQogICBdXT4NCiAgPC9zdHlsZT4NCiA8L2RlZnM+DQogPGcgaWQ9IkxheWVyX3gwMDIwXzEiPg0KICA8bWV0YWRhdGEgaWQ9IkNvcmVsQ29ycElEXzBDb3JlbC1MYXllciIvPg0KICA8cG9seWxpbmUgY2xhc3M9ImZpbDAgc3RyMCIgcG9pbnRzPSI1NzEsMzQwMCAzNDI5LDM0MDAgMzQyOSw2MDAgIi8+DQogPC9nPg0KPC9zdmc+DQo="), url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8IS0tIENyZWF0b3I6IENvcmVsRFJBVyBYNyAtLT4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNDBweCIgaGVpZ2h0PSI0MHB4IiB2ZXJzaW9uPSIxLjEiIHN0eWxlPSJzaGFwZS1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uOyB0ZXh0LXJlbmRlcmluZzpnZW9tZXRyaWNQcmVjaXNpb247IGltYWdlLXJlbmRlcmluZzpvcHRpbWl6ZVF1YWxpdHk7IGZpbGwtcnVsZTpldmVub2RkOyBjbGlwLXJ1bGU6ZXZlbm9kZCINCnZpZXdCb3g9IjAgMCA0MDAwIDQwMDAiDQogeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KIDxkZWZzPg0KICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KICAgPCFbQ0RBVEFbDQogICAgLnN0cjAge3N0cm9rZTojMzczNDM1O3N0cm9rZS13aWR0aDoyMDguMzUxfQ0KICAgIC5maWwwIHtmaWxsOm5vbmV9DQogICBdXT4NCiAgPC9zdHlsZT4NCiA8L2RlZnM+DQogPGcgaWQ9IkxheWVyX3gwMDIwXzEiPg0KICA8bWV0YWRhdGEgaWQ9IkNvcmVsQ29ycElEXzBDb3JlbC1MYXllciIvPg0KICA8cG9seWxpbmUgY2xhc3M9ImZpbDAgc3RyMCIgcG9pbnRzPSIzNDI5LDYwMCA1NzEsNjAwIDU3MSwzNDAwICIvPg0KIDwvZz4NCjwvc3ZnPg0K"), url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8IS0tIENyZWF0b3I6IENvcmVsRFJBVyBYNyAtLT4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNDBweCIgaGVpZ2h0PSI0MHB4IiB2ZXJzaW9uPSIxLjEiIHN0eWxlPSJzaGFwZS1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uOyB0ZXh0LXJlbmRlcmluZzpnZW9tZXRyaWNQcmVjaXNpb247IGltYWdlLXJlbmRlcmluZzpvcHRpbWl6ZVF1YWxpdHk7IGZpbGwtcnVsZTpldmVub2RkOyBjbGlwLXJ1bGU6ZXZlbm9kZCINCnZpZXdCb3g9IjAgMCA0MDAwIDQwMDAiDQogeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KIDxkZWZzPg0KICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KICAgPCFbQ0RBVEFbDQogICAgLnN0cjAge3N0cm9rZTojMzczNDM1O3N0cm9rZS13aWR0aDoyMDguMzUxfQ0KICAgIC5maWwwIHtmaWxsOm5vbmV9DQogICBdXT4NCiAgPC9zdHlsZT4NCiA8L2RlZnM+DQogPGcgaWQ9IkxheWVyX3gwMDIwXzEiPg0KICA8bWV0YWRhdGEgaWQ9IkNvcmVsQ29ycElEXzBDb3JlbC1MYXllciIvPg0KICA8cG9seWxpbmUgY2xhc3M9ImZpbDAgc3RyMCIgcG9pbnRzPSI1NzEsNjAwIDM0MjksNjAwIDM0MjksMzQwMCAiLz4NCiA8L2c+DQo8L3N2Zz4NCg=="); background-position: bottom left, bottom right, top left, top right; background-repeat: no-repeat; background-size: 15px; z-index: 9000; content: ""; } .col-cfg { height: 30px; width: 70px; background: #ccc; outline: 1px solid gray; flex: 0 1 auto; margin: 2px; } .col-cfg-3 { width: 25%; } .col-cfg-4 { width: 33.3333333333%; } .col-cfg-6 { width: 50%; } .col-cfg-8 { width: 66.6666666667%; } .col-cfg-9 { width: 75%; } .col-cfg-12 { width: 100%; } .section-cfg { padding: 0; margin: 5px; display: inline-block; border-radius: 7px; border: 3px solid #5b5f61; line-height: 0; width: 120px; cursor: pointer; } .section-cfg:hover:after { top: -10px; left: -10px; right: -10px; bottom: -10px; position: absolute; pointer-events: none; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjQwcHgiIGhlaWdodD0iNDBweCIgdmVyc2lvbj0iMS4xIiBzdHlsZT0ic2hhcGUtcmVuZGVyaW5nOmdlb21ldHJpY1ByZWNpc2lvbjsgdGV4dC1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uOyBpbWFnZS1yZW5kZXJpbmc6b3B0aW1pemVRdWFsaXR5OyBmaWxsLXJ1bGU6ZXZlbm9kZDsgY2xpcC1ydWxlOmV2ZW5vZGQiDQp2aWV3Qm94PSIwIDAgNDAwMCA0MDAwIg0KIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4NCiA8ZGVmcz4NCiAgPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCiAgIDwhW0NEQVRBWw0KICAgIC5zdHIwIHtzdHJva2U6IzAwMDtzdHJva2Utd2lkdGg6MjAwfQ0KICAgIC5maWwwIHtmaWxsOm5vbmV9DQogICBdXT4NCiAgPC9zdHlsZT4NCiA8L2RlZnM+DQogPGc+DQogIDxwb2x5bGluZSBjbGFzcz0iZmlsMCBzdHIwIiBwb2ludHM9IjM0MjksMzQwMCA1NzEsMzQwMCA1NzEsNjAwICIvPg0KIDwvZz4NCjwvc3ZnPg0K"), url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8IS0tIENyZWF0b3I6IENvcmVsRFJBVyBYNyAtLT4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNDBweCIgaGVpZ2h0PSI0MHB4IiB2ZXJzaW9uPSIxLjEiIHN0eWxlPSJzaGFwZS1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uOyB0ZXh0LXJlbmRlcmluZzpnZW9tZXRyaWNQcmVjaXNpb247IGltYWdlLXJlbmRlcmluZzpvcHRpbWl6ZVF1YWxpdHk7IGZpbGwtcnVsZTpldmVub2RkOyBjbGlwLXJ1bGU6ZXZlbm9kZCINCnZpZXdCb3g9IjAgMCA0MDAwIDQwMDAiDQogeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KIDxkZWZzPg0KICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KICAgPCFbQ0RBVEFbDQogICAgLnN0cjAge3N0cm9rZTojMzczNDM1O3N0cm9rZS13aWR0aDoyMDguMzUxfQ0KICAgIC5maWwwIHtmaWxsOm5vbmV9DQogICBdXT4NCiAgPC9zdHlsZT4NCiA8L2RlZnM+DQogPGcgaWQ9IkxheWVyX3gwMDIwXzEiPg0KICA8bWV0YWRhdGEgaWQ9IkNvcmVsQ29ycElEXzBDb3JlbC1MYXllciIvPg0KICA8cG9seWxpbmUgY2xhc3M9ImZpbDAgc3RyMCIgcG9pbnRzPSI1NzEsMzQwMCAzNDI5LDM0MDAgMzQyOSw2MDAgIi8+DQogPC9nPg0KPC9zdmc+DQo="), url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8IS0tIENyZWF0b3I6IENvcmVsRFJBVyBYNyAtLT4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNDBweCIgaGVpZ2h0PSI0MHB4IiB2ZXJzaW9uPSIxLjEiIHN0eWxlPSJzaGFwZS1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uOyB0ZXh0LXJlbmRlcmluZzpnZW9tZXRyaWNQcmVjaXNpb247IGltYWdlLXJlbmRlcmluZzpvcHRpbWl6ZVF1YWxpdHk7IGZpbGwtcnVsZTpldmVub2RkOyBjbGlwLXJ1bGU6ZXZlbm9kZCINCnZpZXdCb3g9IjAgMCA0MDAwIDQwMDAiDQogeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KIDxkZWZzPg0KICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KICAgPCFbQ0RBVEFbDQogICAgLnN0cjAge3N0cm9rZTojMzczNDM1O3N0cm9rZS13aWR0aDoyMDguMzUxfQ0KICAgIC5maWwwIHtmaWxsOm5vbmV9DQogICBdXT4NCiAgPC9zdHlsZT4NCiA8L2RlZnM+DQogPGcgaWQ9IkxheWVyX3gwMDIwXzEiPg0KICA8bWV0YWRhdGEgaWQ9IkNvcmVsQ29ycElEXzBDb3JlbC1MYXllciIvPg0KICA8cG9seWxpbmUgY2xhc3M9ImZpbDAgc3RyMCIgcG9pbnRzPSIzNDI5LDYwMCA1NzEsNjAwIDU3MSwzNDAwICIvPg0KIDwvZz4NCjwvc3ZnPg0K"), url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8IS0tIENyZWF0b3I6IENvcmVsRFJBVyBYNyAtLT4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNDBweCIgaGVpZ2h0PSI0MHB4IiB2ZXJzaW9uPSIxLjEiIHN0eWxlPSJzaGFwZS1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uOyB0ZXh0LXJlbmRlcmluZzpnZW9tZXRyaWNQcmVjaXNpb247IGltYWdlLXJlbmRlcmluZzpvcHRpbWl6ZVF1YWxpdHk7IGZpbGwtcnVsZTpldmVub2RkOyBjbGlwLXJ1bGU6ZXZlbm9kZCINCnZpZXdCb3g9IjAgMCA0MDAwIDQwMDAiDQogeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KIDxkZWZzPg0KICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KICAgPCFbQ0RBVEFbDQogICAgLnN0cjAge3N0cm9rZTojMzczNDM1O3N0cm9rZS13aWR0aDoyMDguMzUxfQ0KICAgIC5maWwwIHtmaWxsOm5vbmV9DQogICBdXT4NCiAgPC9zdHlsZT4NCiA8L2RlZnM+DQogPGcgaWQ9IkxheWVyX3gwMDIwXzEiPg0KICA8bWV0YWRhdGEgaWQ9IkNvcmVsQ29ycElEXzBDb3JlbC1MYXllciIvPg0KICA8cG9seWxpbmUgY2xhc3M9ImZpbDAgc3RyMCIgcG9pbnRzPSI1NzEsNjAwIDM0MjksNjAwIDM0MjksMzQwMCAiLz4NCiA8L2c+DQo8L3N2Zz4NCg=="); background-position: bottom left, bottom right, top left, top right; background-repeat: no-repeat; background-size: 15px; z-index: 9000; content: ""; } .section-container-cfg { margin: 0 15%; background: #ece7e7; display: block; height: 50px; border-left: 2px solid #5b5f61; border-right: 2px solid #5b5f61; } .section-fluid-cfg { margin: 0; background: #ece7e7; display: block; height: 50px; } .pull-right { float: right; } .pull-left { float: left; } .published { margin-left: 1em; } @keyframes fade-in { from { opacity: 0; } to { opacity: 1; } } @keyframes shake { 0% { -webkit-transform: translate(2px, 1px) rotate(0deg); } 10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); } 20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); } 30% { -webkit-transform: translate(0px, 2px) rotate(0deg); } 40% { -webkit-transform: translate(1px, -1px) rotate(1deg); } 50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); } 60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); } 70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); } 80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); } 90% { -webkit-transform: translate(2px, 2px) rotate(0deg); } 100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); } } @keyframes slideleft { 0% { transform: translateX(150%); } 50% { transform: translateX(-8%); } 65% { transform: translateX(4%); } 80% { transform: translateX(-4%); } 95% { transform: translateX(2%); } 100% { transform: translateX(0%); } } .animation-slideright { animation-name: slideright; animation-duration: 1s; animation-timing-function: ease-in-out; visibility: visible !important; } @keyframes slideright { 0% { transform: translateX(-150%); } 50% { transform: translateX(8%); } 65% { transform: translateX(-4%); } 80% { transform: translateX(4%); } 95% { transform: translateX(-2%); } 100% { transform: translateX(0%); } } .animation-popin { animation: pop-in 0.2s ease; } @keyframes pop-in { 0% { opacity: 0; transform: scale(0.5); } 100% { opacity: 1; transform: scale(1); } } /* Breakpoints */ /* Typography */ /* Toolboxes */ /* Workshops */ /* Buttons */ /* Balloons */ /* Palette */ /* Forms */ /* Lists */ /* Spinners */ /* Scrollbars */ /* Layout editor */ /* Others */ .dragtarget { width: 100px; height: 100px; border: 1px dashed #ccc; } .dragsource { border: 1px solid #ccc; position: fixed; background: #fff; } .dragged { -webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-user-drag: none; pointer-events: none; z-index: 9130; cursor: grab; position: fixed; background: #fff; } .placeholder { border: 2px dashed #ccc; border: 2px dashed #cccccc; transition: height 0.5s ease-in-out; position: relative; } /* Breakpoints */ /* Typography */ /* Toolboxes */ /* Workshops */ /* Buttons */ /* Balloons */ /* Palette */ /* Forms */ /* Lists */ /* Spinners */ /* Scrollbars */ /* Layout editor */ /* Others */ /* Breakpoints */ /* Typography */ /* Toolboxes */ /* Workshops */ /* Buttons */ /* Balloons */ /* Palette */ /* Forms */ /* Lists */ /* Spinners */ /* Scrollbars */ /* Layout editor */ /* Others */ .fit { top: 0; left: 0; right: 0; bottom: 0; position: absolute; } .paperbits-icon, .form-group.form-group-collapsible .form-group-toggle.collapsed, .form-group.form-group-collapsible .form-group-toggle, .btn-info, .btn-info:hover, .btn-info:active, .list-checkboxes .list-item.list-item-checked::before { display: inline-block; font: normal normal normal 1em/1 "paperbits"; font-size: 1.1em; vertical-align: middle; speak: none; text-transform: none; line-height: inherit; /* Better Font Rendering */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /*------------------------ change icon size -------------------------*/ /* relative units */ .paperbits-sm { font-size: 0.8em; } .paperbits-lg { font-size: 1.2em; } /* absolute units */ .paperbits-16 { font-size: 16px; } .paperbits-32 { font-size: 32px; } /*---------------------------------- add a square/circle background -----------------------------------*/ .paperbits-bg-square, .paperbits-bg-circle { padding: 0.35em; background-color: #eee; } .paperbits-bg-circle { border-radius: 50%; } /*------------------------------------ use icons as list item markers -------------------------------------*/ .paperbits-ul { padding-left: 0; list-style-type: none; } .paperbits-ul > li { display: flex; align-items: flex-start; line-height: 1.4; } .paperbits-ul > li > .paperbits { margin-right: 0.4em; line-height: inherit; } /*------------------------ spinning icons -------------------------*/ .paperbits-is-spinning { animation: paperbits-spin 2s infinite linear; } @keyframes paperbits-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /*------------------------ rotated/flipped icons -------------------------*/ .paperbits-rotate-90 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); transform: rotate(90deg); } .paperbits-rotate-180 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); transform: rotate(180deg); } .paperbits-rotate-270 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); transform: rotate(270deg); } .paperbits-flip-y { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0); transform: scale(-1, 1); } .paperbits-flip-x { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); transform: scale(1, -1); } /*------------------------ icons -------------------------*/ .paperbits-layout-11::before { content: "\ea03"; } .paperbits-action-74::before { content: "\ea08"; } .paperbits-align-center::before { content: "\ea09"; } .paperbits-align-justify::before { content: "\ea0a"; } .paperbits-align-left-2::before { content: "\ea0b"; } .paperbits-align-right-2::before { content: "\ea0c"; } .paperbits-size::before { content: "\ea0d"; } .paperbits-edit-2::before { content: "\ea0e"; } .paperbits-code::before { content: "\ea0f"; } .paperbits-list-bullet::before { content: "\ea10"; } .paperbits-list-numbers::before { content: "\ea11"; } .paperbits-bold::before { content: "\ea12"; } .paperbits-audio-91::before { content: "\ea13"; } .paperbits-subscript::before { content: "\ea15"; } .paperbits-superscript::before { content: "\ea16"; } .paperbits-alert-circle-i::before, .btn-info::before { content: "\ea17"; } .paperbits-chat-45-2::before { content: "\ea18"; } .paperbits-drop::before { content: "\ea1a"; } .paperbits-m-location::before { content: "\ea1d"; } .paperbits-mobile::before { content: "\ea1f"; } .paperbits-desktop-screen::before { content: "\ea20"; } .paperbits-mobile-landscape::before { content: "\ea22"; } .paperbits-player-48::before { content: "\ea23"; } .paperbits-tablet-2::before { content: "\ea24"; } .paperbits-wifi-off::before { content: "\ea25"; } .paperbits-wifi::before { content: "\ea26"; } .paperbits-ban::before { content: "\ea27"; } .paperbits-single-content-03::before { content: "\ea28"; } .paperbits-single-copy-04::before { content: "\ea29"; } .paperbits-mirror-2::before { content: "\ea2b"; } .paperbits-slider::before { content: "\ea2c"; } .paperbits-puzzle-10::before { content: "\ea30"; } .paperbits-image-2::before { content: "\ea31"; } .paperbits-paint-bucket-40::before { content: "\ea32"; } .paperbits-palette::before { content: "\ea33"; } .paperbits-menu-34::before { content: "\ea36"; } .paperbits-check-2::before, .list-checkboxes .list-item.list-item-checked::before { content: "\ea38"; } .paperbits-preferences-circle::before { content: "\ea39"; } .paperbits-underline::before { content: "\ea3a"; } .paperbits-link-69-2::before { content: "\ea3d"; } .paperbits-capitalize::before { content: "\ea3e"; } .paperbits-color::before { content: "\ea3f"; } .paperbits-anchor::before { content: "\ea40"; } .paperbits-italic::before { content: "\ea41"; } .paperbits-square-upload::before { content: "\ea42"; } .paperbits-square-download::before { content: "\ea43"; } .paperbits-simple-add::before { content: "\ea44"; } .paperbits-simple-remove::before { content: "\ea45"; } .paperbits-circle-delete::before, .form-group.form-group-collapsible .form-group-toggle::before { content: "\ea47"; } .paperbits-circle-add::before, .form-group.form-group-collapsible .form-group-toggle.collapsed::before { content: "\ea48"; } .paperbits-button-2::before { content: "\ea49"; } .paperbits-enlarge-circle::before { content: "\ea4a"; } .paperbits-align-bottom::before { content: "\ea4c"; } .paperbits-align-right::before { content: "\ea4d"; } .paperbits-align-top::before { content: "\ea4e"; } .paperbits-align-center-horizontal::before { content: "\ea4f"; } .paperbits-align-center-vertical::before { content: "\ea50"; } .paperbits-align-left::before { content: "\ea51"; } .paperbits-disperse::before { content: "\ea52"; } .paperbits-zoom-out::before { content: "\ea53"; } .paperbits-zoom-in::before { content: "\ea54"; } .paperbits-trash-simple::before { content: "\ea55"; } .paperbits-edit-72::before { content: "\ea56"; } .paperbits-form::before { content: "\ea57"; } .paperbits-zoom-99::before { content: "\ea58"; } .paperbits-crop::before { content: "\ea59"; } .paperbits-enlarge-vertical::before { content: "\ea5a"; } .paperbits-enlarge-horizontal::before { content: "\ea5b"; } .paperbits-rotate-right-2::before { content: "\ea5c"; } .paperbits-rotate-left-2::before { content: "\ea5d"; } .paperbits-margin-right::before { content: "\ea5e"; } .paperbits-margin-left::before { content: "\ea5f"; } .paperbits-alert::before { content: "\ea60"; } .paperbits-cheque-3::before { content: "\ea61"; } .paperbits-favourite-31::before { content: "\ea62"; } .paperbits-at-sign::before { content: "\ea63"; } .paperbits-gradient::before { content: "\ea64"; } .paperbits-polaroid::before { content: "\ea65"; } .paperbits-marker-2::before { content: "\ea67"; } .paperbits-undo-25::before { content: "\ea68"; } .paperbits-redo-26::before { content: "\ea69"; } .paperbits-floppy-disk::before { content: "\ea6a"; } .paperbits-upload::before { content: "\ea6b"; } .paperbits-world::before { content: "\ea6e"; } .paperbits-wireframe::before { content: "\ea6f"; } .paperbits-send::before { content: "\ea70"; } .paperbits-c-question::before { content: "\ea71"; } .paperbits-layout-11-2::before { content: "\ea73"; } .paperbits-clapperboard::before { content: "\ea75"; } .paperbits-single-02::before { content: "\ea76"; } .paperbits-lightning::before { content: "\ea77"; } .paperbits-l-search::before { content: "\ea78"; } .paperbits-small-down::before { content: "\ea79"; } .paperbits-small-up::before { content: "\ea7a"; } .paperbits-menu-4::before { content: "\ea7b"; } .paperbits-tablet-2-2::before { content: "\ea7c"; } .paperbits-strikethrough::before { content: "\ea7d"; } .paperbits-a-security::before { content: "\ea82"; } .form { margin: 0; padding: 0; border: none; } .form.ps { padding-right: 15px; } .form .field-selector-group .field-label { color: #5b5f61; border-bottom: 1px solid #e6e7e8; margin-left: 2px; } .form-group { display: block; margin-bottom: 20px; width: 100%; } .form-group .form-dynamic-field { color: #5b5f61; padding: 0 2px; background: #e6e7e8; } .form-group .form-dynamic-field .reference-key { font-size: 8px; color: #abf; } .form-group .form-dynamic-field input[type=checkbox] { margin-right: 0; } .form-group .form-group { margin-bottom: 15px; } .form-group.form-group-collapsible .form-label { position: static; position: initial; } .form-group.form-group-collapsible .form-group-toggle { position: static; position: initial; padding: 2px; -webkit-text-decoration: none; text-decoration: none; color: #91d8f7; } .form-group.form-group-collapsible .form-group-toggle:after { content: ""; position: absolute; top: 25px; bottom: -10px; left: 10px; border-left: 1px dotted #ddd; } .form-group.form-group-collapsible .form-group-toggle.collapsed:after { border: none; } .form-group.form-group-collapsible .form-group-collapse { padding-left: 25px; padding-bottom: 10px; } .form-group.form-group-collapsible .form-group-collapse.collapsed { display: none; } .form-control, .pcr-app .pcr-interaction .pcr-result, input[type=search], input[type=text], textarea { font-family: "Montserra", sans-serif; font-weight: 500; font-size: 0.9em; color: #5b5f61; border: 1px solid #e6e7e8; background-color: #ffffff; display: block; width: 100%; } .form-control::-moz-placeholder, .pcr-app .pcr-interaction .pcr-result::-moz-placeholder, input[type=search]::-moz-placeholder, input[type=text]::-moz-placeholder, textarea::-moz-placeholder { font-style: italic; } .form-control::placeholder, .pcr-app .pcr-interaction .pcr-result::placeholder, input[type=search]::placeholder, input[type=text]::placeholder, textarea::placeholder { font-style: italic; } .form-control:focus, .pcr-app .pcr-interaction .pcr-result:focus, input[type=search]:focus, input[type=text]:focus, textarea:focus { outline: none; border: 1px solid #61b2e8; } .form-control.is-invalid, .pcr-app .pcr-interaction .is-invalid.pcr-result, input[type=search].is-invalid, input[type=text].is-invalid, textarea.is-invalid { color: #e46969; border-color: #e46969; } .form-control[readonly], .pcr-app .pcr-interaction [readonly].pcr-result, input[type=search][readonly], input[type=text][readonly], textarea[readonly] { background-color: #fff; } .form-control[disabled], .pcr-app .pcr-interaction [disabled].pcr-result, input[type=search][disabled], input[type=text][disabled], textarea[disabled] { background-color: #e6e7e8; } input[type=search] { background-position: 98% center; background-repeat: no-repeat; background-size: auto 60%; background-blend-mode: exclusion; } input[type=range].form-control, .pcr-app .pcr-interaction input[type=range].pcr-result { -webkit-appearance: none; padding: 0; border: 1px solid #e6e7e8; border-radius: 20px; height: 10px; margin: 10px 0; } input[type=range].form-control::-webkit-slider-thumb, .pcr-app .pcr-interaction input[type=range].pcr-result::-webkit-slider-thumb { -webkit-appearance: none; width: 17px; height: 17px; background: #fff; border: 2px solid #e6e7e8; cursor: pointer; cursor: -webkit-grabbing; -webkit-user-select: none; user-select: none; border-radius: 20px; } input[type=radio] { margin: 0 5px; } .form-control, .pcr-app .pcr-interaction .pcr-result { padding: 7px; width: 100%; } a.form-control, .pcr-app .pcr-interaction a.pcr-result { -webkit-text-decoration: none; text-decoration: none; font-weight: 600; } label { padding: 5px 0; display: block; font-weight: 400; } textarea { resize: vertical; min-height: 100px; } .label-group { display: flex; align-items: center; } .label-group .form-label { flex: 1; } .input-group { display: flex !important; border: 1px solid #e6e7e8; } .input-group:focus-within { border: 1px solid #61b2e8; } .input-group .form-control, .input-group .pcr-app .pcr-interaction .pcr-result, .pcr-app .pcr-interaction .input-group .pcr-result, .input-group .form-control:active, .input-group .form-control:focus { border: none; background: none; outline: none; } .input-group .input-group-btn { min-width: 1.5em; border: none; line-height: inherit; } .input-group .input-group-addon { font-size: 0.9em; padding: 7px; min-width: 1.5em; color: #5b5f61; border: none; display: block; } hr { display: block; border: none; border-bottom: 1px solid #e6e7e8; height: 1px; width: 100%; margin: 12px 0; } .media-preview-box { max-width: 450px; max-height: 450px; min-width: 150px; min-height: 150px; } .tabs { border-bottom: 1px solid #e6e7e8; margin-bottom: 12px; display: flex; width: 100%; } .tabs .tab > a { min-width: 60px; display: inline-block; vertical-align: middle; text-align: center; line-height: 35px; color: #5b5f61; padding: 0 10px; -webkit-text-decoration: none; text-decoration: none; font-weight: bold; } .tabs .tab > a:active, .tabs .tab > a:focus, .tabs .tab > a:hover { outline: none; } .tabs .tab > a:active:after, .tabs .tab > a:focus:after, .tabs .tab > a:hover:after { top: 0; left: 0; right: 0; bottom: 0; position: absolute; pointer-events: none; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjQwcHgiIGhlaWdodD0iNDBweCIgdmVyc2lvbj0iMS4xIiBzdHlsZT0ic2hhcGUtcmVuZGVyaW5nOmdlb21ldHJpY1ByZWNpc2lvbjsgdGV4dC1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uOyBpbWFnZS1yZW5kZXJpbmc6b3B0aW1pemVRdWFsaXR5OyBmaWxsLXJ1bGU6ZXZlbm9kZDsgY2xpcC1ydWxlOmV2ZW5vZGQiDQp2aWV3Qm94PSIwIDAgNDAwMCA0MDAwIg0KIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4NCiA8ZGVmcz4NCiAgPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCiAgIDwhW0NEQVRBWw0KICAgIC5zdHIwIHtzdHJva2U6IzAwMDtzdHJva2Utd2lkdGg6MjAwfQ0KICAgIC5maWwwIHtmaWxsOm5vbmV9DQogICBdXT4NCiAgPC9zdHlsZT4NCiA8L2RlZnM+DQogPGc+DQogIDxwb2x5bGluZSBjbGFzcz0iZmlsMCBzdHIwIiBwb2ludHM9IjM0MjksMzQwMCA1NzEsMzQwMCA1NzEsNjAwICIvPg0KIDwvZz4NCjwvc3ZnPg0K"), url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8IS0tIENyZWF0b3I6IENvcmVsRFJBVyBYNyAtLT4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNDBweCIgaGVpZ2h0PSI0MHB4IiB2ZXJzaW9uPSIxLjEiIHN0eWxlPSJzaGFwZS1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uOyB0ZXh0LXJlbmRlcmluZzpnZW9tZXRyaWNQcmVjaXNpb247IGltYWdlLXJlbmRlcmluZzpvcHRpbWl6ZVF1YWxpdHk7IGZpbGwtcnVsZTpldmVub2RkOyBjbGlwLXJ1bGU6ZXZlbm9kZCINCnZpZXdCb3g9IjAgMCA0MDAwIDQwMDAiDQogeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KIDxkZWZzPg0KICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KICAgPCFbQ0RBVEFbDQogICAgLnN0cjAge3N0cm9rZTojMzczNDM1O3N0cm9rZS13aWR0aDoyMDguMzUxfQ0KICAgIC5maWwwIHtmaWxsOm5vbmV9DQogICBdXT4NCiAgPC9zdHlsZT4NCiA8L2RlZnM+DQogPGcgaWQ9IkxheWVyX3gwMDIwXzEiPg0KICA8bWV0YWRhdGEgaWQ9IkNvcmVsQ29ycElEXzBDb3JlbC1MYXllciIvPg0KICA8cG9seWxpbmUgY2xhc3M9ImZpbDAgc3RyMCIgcG9pbnRzPSI1NzEsMzQwMCAzNDI5LDM0MDAgMzQyOSw2MDAgIi8+DQogPC9nPg0KPC9zdmc+DQo="), url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8IS0tIENyZWF0b3I6IENvcmVsRFJBVyBYNyAtLT4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNDBweCIgaGVpZ2h0PSI0MHB4IiB2ZXJzaW9uPSIxLjEiIHN0eWxlPSJzaGFwZS1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uOyB0ZXh0LXJlbmRlcmluZzpnZW9tZXRyaWNQcmVjaXNpb247IGltYWdlLXJlbmRlcmluZzpvcHRpbWl6ZVF1YWxpdHk7IGZpbGwtcnVsZTpldmVub2RkOyBjbGlwLXJ1bGU6ZXZlbm9kZCINCnZpZXdCb3g9IjAgMCA0MDAwIDQwMDAiDQogeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KIDxkZWZzPg0KICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KICAgPCFbQ0RBVEFbDQogICAgLnN0cjAge3N0cm9rZTojMzczNDM1O3N0cm9rZS13aWR0aDoyMDguMzUxfQ0KICAgIC5maWwwIHtmaWxsOm5vbmV9DQogICBdXT4NCiAgPC9zdHlsZT4NCiA8L2RlZnM+DQogPGcgaWQ9IkxheWVyX3gwMDIwXzEiPg0KICA8bWV0YWRhdGEgaWQ9IkNvcmVsQ29ycElEXzBDb3JlbC1MYXllciIvPg0KICA8cG9seWxpbmUgY2xhc3M9ImZpbDAgc3RyMCIgcG9pbnRzPSIzNDI5LDYwMCA1NzEsNjAwIDU3MSwzNDAwICIvPg0KIDwvZz4NCjwvc3ZnPg0K"), url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8IS0tIENyZWF0b3I6IENvcmVsRFJBVyBYNyAtLT4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNDBweCIgaGVpZ2h0PSI0MHB4IiB2ZXJzaW9uPSIxLjEiIHN0eWxlPSJzaGFwZS1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uOyB0ZXh0LXJlbmRlcmluZzpnZW9tZXRyaWNQcmVjaXNpb247IGltYWdlLXJlbmRlcmluZzpvcHRpbWl6ZVF1YWxpdHk7IGZpbGwtcnVsZTpldmVub2RkOyBjbGlwLXJ1bGU6ZXZlbm9kZCINCnZpZXdCb3g9IjAgMCA0MDAwIDQwMDAiDQogeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KIDxkZWZzPg0KICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KICAgPCFbQ0RBVEFbDQogICAgLnN0cjAge3N0cm9rZTojMzczNDM1O3N0cm9rZS13aWR0aDoyMDguMzUxfQ0KICAgIC5maWwwIHtmaWxsOm5vbmV9DQogICBdXT4NCiAgPC9zdHlsZT4NCiA8L2RlZnM+DQogPGcgaWQ9IkxheWVyX3gwMDIwXzEiPg0KICA8bWV0YWRhdGEgaWQ9IkNvcmVsQ29ycElEXzBDb3JlbC1MYXllciIvPg0KICA8cG9seWxpbmUgY2xhc3M9ImZpbDAgc3RyMCIgcG9pbnRzPSI1NzEsNjAwIDM0MjksNjAwIDM0MjksMzQwMCAiLz4NCiA8L2c+DQo8L3N2Zz4NCg=="); background-position: bottom left, bottom right, top left, top right; background-repeat: no-repeat; background-size: 10px; z-index: 9000; content: ""; } .tabs .tab.tab-is-active { border-bottom: 2px solid #a8cf45; } .tab-panel { min-height: 200px; max-height: 350px; } .paperbits-googlemaps { width: 100%; height: 100%; height: 200px; border: 0; } video { width: 100%; display: block; } .video-player-editor { position: fixed; top: 20px; left: 100px; } .video-player-editor video { width: 100%; } .row-layout-selector { width: 400px; } .color { cursor: pointer; border-radius: 50%; box-shadow: inset -1px 1px 1px 0 rgba(0, 0, 0, 0.1); width: 30px; height: 30px; margin: 10px; padding: 0; display: block; position: relative; text-align: center; line-height: 30px; } .pseudo-transparent-bckg { position: relative; overflow: hidden; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAA3NCSVQICAjb4U/gAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAACuoAAArqAVDM774AAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAANElEQVQ4T2P8DwQMeMDr16+hLOyACUqTDUYNGAwGML569QpvOhAVFYWysIPRQBwGBjAwAABDVwrY3ACsDwAAAABJRU5ErkJggg=="); background-size: 10px; } .palette { list-style: none; padding: 0; max-width: 250px; } .palette .color-box { float: left; } .palette .color-box:hover:after { top: 0; left: 0; right: 0; bottom: 0; position: absolute; pointer-events: none; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjQwcHgiIGhlaWdodD0iNDBweCIgdmVyc2lvbj0iMS4xIiBzdHlsZT0ic2hhcGUtcmVuZGVyaW5nOmdlb21ldHJpY1ByZWNpc2lvbjsgdGV4dC1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uOyBpbWFnZS1yZW5kZXJpbmc6b3B0aW1pemVRdWFsaXR5OyBmaWxsLXJ1bGU6ZXZlbm9kZDsgY2xpcC1ydWxlOmV2ZW5vZGQiDQp2aWV3Qm94PSIwIDAgNDAwMCA0MDAwIg0KIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4NCiA8ZGVmcz4NCiAgPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCiAgIDwhW0NEQVRBWw0KICAgIC5zdHIwIHtzdHJva2U6IzAwMDtzdHJva2Utd2lkdGg6MjAwfQ0KICAgIC5maWwwIHtmaWxsOm5vbmV9DQogICBdXT4NCiAgPC9zdHlsZT4NCiA8L2RlZnM+DQogPGc+DQogIDxwb2x5bGluZSBjbGFzcz0iZmlsMCBzdHIwIiBwb2ludHM9IjM0MjksMzQwMCA1NzEsMzQwMCA1NzEsNjAwICIvPg0KIDwvZz4NCjwvc3ZnPg0K"), url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8IS0tIENyZWF0b3I6IENvcmVsRFJBVyBYNyAtLT4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNDBweCIgaGVpZ2h0PSI0MHB4IiB2ZXJzaW9uPSIxLjEiIHN0eWxlPSJzaGFwZS1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uOyB0ZXh0LXJlbmRlcmluZzpnZW9tZXRyaWNQcmVjaXNpb247IGltYWdlLXJlbmRlcmluZzpvcHRpbWl6ZVF1YWxpdHk7IGZpbGwtcnVsZTpldmVub2RkOyBjbGlwLXJ1bGU6ZXZlbm9kZCINCnZpZXdCb3g9IjAgMCA0MDAwIDQwMDAiDQogeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KIDxkZWZzPg0KICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KICAgPCFbQ0RBVEFbDQogICAgLnN0cjAge3N0cm9rZTojMzczNDM1O3N0cm9rZS13aWR0aDoyMDguMzUxfQ0KICAgIC5maWwwIHtmaWxsOm5vbmV9DQogICBdXT4NCiAgPC9zdHlsZT4NCiA8L2RlZnM+DQogPGcgaWQ9IkxheWVyX3gwMDIwXzEiPg0KICA8bWV0YWRhdGEgaWQ9IkNvcmVsQ29ycElEXzBDb3JlbC1MYXllciIvPg0KICA8cG9seWxpbmUgY2xhc3M9ImZpbDAgc3RyMCIgcG9pbnRzPSI1NzEsMzQwMCAzNDI5LDM0MDAgMzQyOSw2MDAgIi8+DQogPC9nPg0KPC9zdmc+DQo="), url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8IS0tIENyZWF0b3I6IENvcmVsRFJBVyBYNyAtLT4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNDBweCIgaGVpZ2h0PSI0MHB4IiB2ZXJzaW9uPSIxLjEiIHN0eWxlPSJzaGFwZS1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uOyB0ZXh0LXJlbmRlcmluZzpnZW9tZXRyaWNQcmVjaXNpb247IGltYWdlLXJlbmRlcmluZzpvcHRpbWl6ZVF1YWxpdHk7IGZpbGwtcnVsZTpldmVub2RkOyBjbGlwLXJ1bGU6ZXZlbm9kZCINCnZpZXdCb3g9IjAgMCA0MDAwIDQwMDAiDQogeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KIDxkZWZzPg0KICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KICAgPCFbQ0RBVEFbDQogICAgLnN0cjAge3N0cm9rZTojMzczNDM1O3N0cm9rZS13aWR0aDoyMDguMzUxfQ0KICAgIC5maWwwIHtmaWxsOm5vbmV9DQogICBdXT4NCiAgPC9zdHlsZT4NCiA8L2RlZnM+DQogPGcgaWQ9IkxheWVyX3gwMDIwXzEiPg0KICA8bWV0YWRhdGEgaWQ9IkNvcmVsQ29ycElEXzBDb3JlbC1MYXllciIvPg0KICA8cG9seWxpbmUgY2xhc3M9ImZpbDAgc3RyMCIgcG9pbnRzPSIzNDI5LDYwMCA1NzEsNjAwIDU3MSwzNDAwICIvPg0KIDwvZz4NCjwvc3ZnPg0K"), url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8IS0tIENyZWF0b3I6IENvcmVsRFJBVyBYNyAtLT4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNDBweCIgaGVpZ2h0PSI0MHB4IiB2ZXJzaW9uPSIxLjEiIHN0eWxlPSJzaGFwZS1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uOyB0ZXh0LXJlbmRlcmluZzpnZW9tZXRyaWNQcmVjaXNpb247IGltYWdlLXJlbmRlcmluZzpvcHRpbWl6ZVF1YWxpdHk7IGZpbGwtcnVsZTpldmVub2RkOyBjbGlwLXJ1bGU6ZXZlbm9kZCINCnZpZXdCb3g9IjAgMCA0MDAwIDQwMDAiDQogeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KIDxkZWZzPg0KICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KICAgPCFbQ0RBVEFbDQogICAgLnN0cjAge3N0cm9rZTojMzczNDM1O3N0cm9rZS13aWR0aDoyMDguMzUxfQ0KICAgIC5maWwwIHtmaWxsOm5vbmV9DQogICBdXT4NCiAgPC9zdHlsZT4NCiA8L2RlZnM+DQogPGcgaWQ9IkxheWVyX3gwMDIwXzEiPg0KICA8bWV0YWRhdGEgaWQ9IkNvcmVsQ29ycElEXzBDb3JlbC1MYXllciIvPg0KICA8cG9seWxpbmUgY2xhc3M9ImZpbDAgc3RyMCIgcG9pbnRzPSI1NzEsNjAwIDM0MjksNjAwIDM0MjksMzQwMCAiLz4NCiA8L2c+DQo8L3N2Zz4NCg=="); background-position: bottom left, bottom right, top left, top right; background-repeat: no-repeat; background-size: 10px; z-index: 9000; content: ""; } .palette .color-box.selected .color:before { position: absolute; content: ""; border: 2px solid #4c5866; border-radius: 50%; width: 36px; height: 36px; top: -3px; left: -3px; pointer-events: none; } @keyframes fade-in { from { opacity: 0; } to { opacity: 1; } } @keyframes shake { 0% { -webkit-transform: translate(2px, 1px) rotate(0deg); } 10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); } 20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); } 30% { -webkit-transform: translate(0px, 2px) rotate(0deg); } 40% { -webkit-transform: translate(1px, -1px) rotate(1deg); } 50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); } 60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); } 70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); } 80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); } 90% { -webkit-transform: translate(2px, 2px) rotate(0deg); } 100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); } } @keyframes slideleft { 0% { transform: translateX(150%); } 50% { transform: translateX(-8%); } 65% { transform: translateX(4%); } 80% { transform: translateX(-4%); } 95% { transform: translateX(2%); } 100% { transform: translateX(0%); } } .animation-slideright { animation-name: slideright; animation-duration: 1s; animation-timing-function: ease-in-out; visibility: visible !important; } @keyframes slideright { 0% { transform: translateX(-150%); } 50% { transform: translateX(8%); } 65% { transform: translateX(-4%); } 80% { transform: translateX(4%); } 95% { transform: translateX(-2%); } 100% { transform: translateX(0%); } } .animation-popin { animation: pop-in 0.2s ease; } @keyframes pop-in { 0% { opacity: 0; transform: scale(0.5); } 100% { opacity: 1; transform: scale(1); } } /* Breakpoints */ /* Typography */ /* Toolboxes */ /* Workshops */ /* Buttons */ /* Balloons */ /* Palette */ /* Forms */ /* Lists */ /* Spinners */ /* Scrollbars */ /* Layout editor */ /* Others */ @media (min-width: 992px) { .arrow-self, .arrow.arrow-bottom:before, .arrow.arrow-top:after { background-image: data-uri("../svgs/arrow.svg"); background-size: auto 80%; background-repeat: no-repeat; display: block; content: ""; width: 150px; height: 150px; } .arrow { pointer-events: none; animation-name: shake; animation-duration: 0.8s; transform-origin: 50% 50%; animation-iteration-count: infinite; animation-timing-function: linear; position: absolute; font-family: Segoe Script; font-size: 20px; z-index: 9999; max-width: 150px; text-shadow: 0px 0px 10px rgb(255, 255, 255); } .arrow .step-number { display: inline-block; width: 1.4em; height: 1.4em; background: #D2E28B; border-radius: 50%; position: absolute; left: -1.6em; text-align: center; color: white; } .arrow.arrow-left:after { transform: rotate(135deg); } .arrow.arrow-left:before { transform: rotate(45deg) scale(-1, 1); } .arrow.arrow-right:after { transform: rotate(-135deg) scale(-1, 1); } .arrow.arrow-fixed { position: fixed; } } .shutter { opacity: 0; top: 0; bottom: 0; left: 0; right: 0; display: block; position: fixed; background: #fff; pointer-events: none; transition: opacity 0.5s ease-in-out; } .shutter spinner { display: none; } .shutter.active { opacity: 1; } .shutter.active spinner { display: flex; } spinner { display: flex; text-align: center; align-items: center; flex-basis: 100%; justify-content: center; } spinner > div { width: 10px; height: 10px; margin: 5px; border-radius: 100%; display: inline-block; animation: sk-bouncedelay 1.4s infinite ease-in-out both; border: 1px solid #003255; } spinner > div:nth-child(1) { animation-delay: -0.32s; } spinner > div:nth-child(2) { animation-delay: -0.16s; } spinner.inverted > div { border: 1px solid #fff; background: #fff; } @keyframes sk-bouncedelay { 0%, 100%, 80% { transform: scale(0); } 40% { transform: scale(1); } } .host { height: 100%; width: 100%; border: 0; padding: 0; margin: 0; } .viewport { position: fixed; top: 0; left: 0; right: 0; bottom: 0; padding: 0; background: #ececec; } .viewport.viewport-xl { padding-left: 0; padding-right: 0; } .viewport.viewport-lg { padding-left: calc((100% - 1199px) / 2); padding-right: calc((100% - 1199px) / 2); } .viewport.viewport-md { padding-left: calc((100% - 991px) / 2); padding-right: calc((100% - 991px) / 2); } .viewport.viewport-sm { padding-left: calc((100% - 767px) / 2); padding-right: calc((100% - 767px) / 2); } .viewport.viewport-xs { padding-left: calc((100% - 599px) / 2); padding-right: calc((100% - 599px) / 2); } .viewport.viewport-zoomout .host { transform: scale(0.5); transform-origin: center top 0; height: 200%; } /* * Container style */ .ps { overflow: hidden !important; overflow-anchor: none; touch-action: auto; } /* * Scrollbar rail styles */ .ps__rail-x { display: none; opacity: 0.2; transition: background-color 0.2s linear, opacity 0.2s linear; height: 15px; /* there must be 'bottom' or 'top' for ps__rail-x */ bottom: 0; /* please don't change 'position' */ position: absolute; border-radius: 20px; } .ps__rail-y { display: none; opacity: 0.2; transition: background-color 0.2s linear, opacity 0.2s linear; width: 15px; /* there must be 'right' or 'left' for ps__rail-y */ right: 0; /* please don't change 'position' */ position: absolute; border-radius: 20px; } .ps--active-x > .ps__rail-x, .ps--active-y > .ps__rail-y { display: block; background-color: transparent; } .ps--focus > .ps__rail-x, .ps--focus > .ps__rail-y, .ps--scrolling-x > .ps__rail-x, .ps--scrolling-y > .ps__rail-y, .ps:hover > .ps__rail-x, .ps:hover > .ps__rail-y { opacity: 0.6; } .ps__rail-x:focus, .ps__rail-x:hover, .ps__rail-y:focus, .ps__rail-y:hover { background-color: #eee; opacity: 0.9; } /* * Scrollbar thumb styles */ .ps__thumb-x { background-color: #aaa; border-radius: 6px; transition: background-color 0.2s linear, height 0.2s ease-in-out; height: 6px; /* there must be 'bottom' for ps__thumb-x */ bottom: 2px; /* please don't change 'position' */ position: absolute; } .ps__thumb-y { background-color: #aaa; border-radius: 6px; transition: background-color 0.2s linear, width 0.2s ease-in-out; width: 6px; /* there must be 'right' for ps__thumb-y */ right: 2px; /* please don't change 'position' */ position: absolute; } .ps__rail-x:focus > .ps__thumb-x, .ps__rail-x:hover > .ps__thumb-x { background-color: #999; height: 11px; } .ps__rail-y:focus > .ps__thumb-y, .ps__rail-y:hover > .ps__thumb-y { background-color: #999; width: 11px; } /* MS supports */ @supports (-ms-overflow-style: none) { .ps { overflow: auto !important; } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .ps { overflow: auto !important; } } .thumbnail { width: 120px; height: 100px; background-size: contain; background-repeat: no-repeat; background-color: transparent; background-position: center; position: relative; margin: 5px; float: left; text-align: center; } .thumbnail div { width: 50px; height: 50px; top: 25%; left: 25%; } .thumbnail:before { opacity: 0; transition: opacity 0.6s; top: 0; left: 0; right: 0; bottom: 0; content: attr(title); position: absolute; background-color: #000; color: #fff; line-height: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 5px; } .thumbnail:hover:before { opacity: 0.7; } /* Breakpoints */ /* Typography */ /* Toolboxes */ /* Workshops */ /* Buttons */ /* Balloons */ /* Palette */ /* Forms */ /* Lists */ /* Spinners */ /* Scrollbars */ /* Layout editor */ /* Others */ /* Breakpoints */ /* Typography */ /* Toolboxes */ /* Workshops */ /* Buttons */ /* Balloons */ /* Palette */ /* Forms */ /* Lists */ /* Spinners */ /* Scrollbars */ /* Layout editor */ /* Others */ .fit { top: 0; left: 0; right: 0; bottom: 0; position: absolute; } [alignment] { position: absolute; top: auto; top: initial; left: auto; left: initial; right: auto; right: initial; bottom: auto; bottom: initial; width: 14px; height: 14px; display: block; cursor: pointer; } [alignment] polygon { fill: transparent; stroke: #5b5f61; stroke-width: 1; } [alignment] polygon:focus, [alignment] polygon:hover { outline: none; } [alignment] polygon:focus:after, [alignment] polygon:hover:after { top: 0; left: 0; right: 0; bottom: 0; position: absolute; pointer-events: none; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjQwcHgiIGhlaWdodD0iNDBweCIgdmVyc2lvbj0iMS4xIiBzdHlsZT0ic2hhcGUtcmVuZGVyaW5nOmdlb21ldHJpY1ByZWNpc2lvbjsgdGV4dC1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uOyBpbWFnZS1yZW5kZXJpbmc6b3B0aW1pemVRdWFsaXR5OyBmaWxsLXJ1bGU6ZXZlbm9kZDsgY2xpcC1ydWxlOmV2ZW5vZGQiDQp2aWV3Qm94PSIwIDAgNDAwMCA0MDAwIg0KIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4NCiA8ZGVmcz4NCiAgPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCiAgIDwhW0NEQVRBWw0KICAgIC5zdHIwIHtzdHJva2U6IzAwMDtzdHJva2Utd2lkdGg6MjAwfQ0KICAgIC5maWwwIHtmaWxsOm5vbmV9DQogICBdXT4NCiAgPC9zdHlsZT4NCiA8L2RlZnM+DQogPGc+DQogIDxwb2x5bGluZSBjbGFzcz0iZmlsMCBzdHIwIiBwb2ludHM9IjM0MjksMzQwMCA1NzEsMzQwMCA1NzEsNjAwICIvPg0KIDwvZz4NCjwvc3ZnPg0K"), url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8IS0tIENyZWF0b3I6IENvcmVsRFJBVyBYNyAtLT4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNDBweCIgaGVpZ2h0PSI0MHB4IiB2ZXJzaW9uPSIxLjEiIHN0eWxlPSJzaGFwZS1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uOyB0ZXh0LXJlbmRlcmluZzpnZW9tZXRyaWNQcmVjaXNpb247IGltYWdlLXJlbmRlcmluZzpvcHRpbWl6ZVF1YWxpdHk7IGZpbGwtcnVsZTpldmVub2RkOyBjbGlwLXJ1bGU6ZXZlbm9kZCINCnZpZXdCb3g9IjAgMCA0MDAwIDQwMDAiDQogeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KIDxkZWZzPg0KICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KICAgPCFbQ0RBVEFbDQogICAgLnN0cjAge3N0cm9rZTojMzczNDM1O3N0cm9rZS13aWR0aDoyMDguMzUxfQ0KICAgIC5maWwwIHtmaWxsOm5vbmV9DQogICBdXT4NCiAgPC9zdHlsZT4NCiA8L2RlZnM+DQogPGcgaWQ9IkxheWVyX3gwMDIwXzEiPg0KICA8bWV0YWRhdGEgaWQ9IkNvcmVsQ29ycElEXzBDb3JlbC1MYXllciIvPg0KICA8cG9seWxpbmUgY2xhc3M9ImZpbDAgc3RyMCIgcG9pbnRzPSI1NzEsMzQwMCAzNDI5LDM0MDAgMzQyOSw2MDAgIi8+DQogPC9nPg0KPC9zdmc+DQo="), url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8IS0tIENyZWF0b3I6IENvcmVsRFJBVyBYNyAtLT4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNDBweCIgaGVpZ2h0PSI0MHB4IiB2ZXJzaW9uPSIxLjEiIHN0eWxlPSJzaGFwZS1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uOyB0ZXh0LXJlbmRlcmluZzpnZW9tZXRyaWNQcmVjaXNpb247IGltYWdlLXJlbmRlcmluZzpvcHRpbWl6ZVF1YWxpdHk7IGZpbGwtcnVsZTpldmVub2RkOyBjbGlwLXJ1bGU6ZXZlbm9kZCINCnZpZXdCb3g9IjAgMCA0MDAwIDQwMDAiDQogeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KIDxkZWZzPg0KICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KICAgPCFbQ0RBVEFbDQogICAgLnN0cjAge3N0cm9rZTojMzczNDM1O3N0cm9rZS13aWR0aDoyMDguMzUxfQ0KICAgIC5maWwwIHtmaWxsOm5vbmV9DQogICBdXT4NCiAgPC9zdHlsZT4NCiA8L2RlZnM+DQogPGcgaWQ9IkxheWVyX3gwMDIwXzEiPg0KICA8bWV0YWRhdGEgaWQ9IkNvcmVsQ29ycElEXzBDb3JlbC1MYXllciIvPg0KICA8cG9seWxpbmUgY2xhc3M9ImZpbDAgc3RyMCIgcG9pbnRzPSIzNDI5LDYwMCA1NzEsNjAwIDU3MSwzNDAwICIvPg0KIDwvZz4NCjwvc3ZnPg0K"), url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8IS0tIENyZWF0b3I6IENvcmVsRFJBVyBYNyAtLT4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNDBweCIgaGVpZ2h0PSI0MHB4IiB2ZXJzaW9uPSIxLjEiIHN0eWxlPSJzaGFwZS1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uOyB0ZXh0LXJlbmRlcmluZzpnZW9tZXRyaWNQcmVjaXNpb247IGltYWdlLXJlbmRlcmluZzpvcHRpbWl6ZVF1YWxpdHk7IGZpbGwtcnVsZTpldmVub2RkOyBjbGlwLXJ1bGU6ZXZlbm9kZCINCnZpZXdCb3g9IjAgMCA0MDAwIDQwMDAiDQogeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KIDxkZWZzPg0KICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KICAgPCFbQ0RBVEFbDQogICAgLnN0cjAge3N0cm9rZTojMzczNDM1O3N0cm9rZS13aWR0aDoyMDguMzUxfQ0KICAgIC5maWwwIHtmaWxsOm5vbmV9DQogICBdXT4NCiAgPC9zdHlsZT4NCiA8L2RlZnM+DQogPGcgaWQ9IkxheWVyX3gwMDIwXzEiPg0KICA8bWV0YWRhdGEgaWQ9IkNvcmVsQ29ycElEXzBDb3JlbC1MYXllciIvPg0KICA8cG9seWxpbmUgY2xhc3M9ImZpbDAgc3RyMCIgcG9pbnRzPSI1NzEsNjAwIDM0MjksNjAwIDM0MjksMzQwMCAiLz4NCiA8L2c+DQo8L3N2Zz4NCg=="); background-position: bottom left, bottom right, top left, top right; background-repeat: no-repeat; background-size: 10px; z-index: 9000; content: ""; } [alignment] polygon:active, [alignment] polygon:visited { color: inherit; } [alignment].active polygon { fill: #f58634; stroke: #f58634; } [alignment][alignment="top left"] { transform: rotate(270deg); top: 0; left: 0; } [alignment][alignment="top center"] { top: 0; left: 50%; bottom: auto; bottom: initial; transform: rotate(317deg); } [alignment][alignment="top right"] { top: 0; right: 0; } [alignment][alignment="center left"] { top: 50%; left: 0; transform: rotate(225deg); } [alignment][alignment="center right"] { right: 0; top: 50%; transform: rotate(45deg); } [alignment][alignment="bottom left"] { bottom: 0; left: 0; transform: rotate(180deg); } [alignment][alignment="bottom center"] { bottom: 0; transform: rotate(135deg); left: 50%; } [alignment][alignment="bottom right"] { bottom: 0; right: 0; transform: rotate(90deg); } .dropzone { margin: 10px 0; } .dropzone .dropzone-controls { padding: 12px; } .dropzone .dropzone-showbox { width: 100%; height: 150px; position: relative; display: block; border: 1px solid #e6e7e8; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAA3NCSVQICAjb4U/gAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAACuoAAArqAVDM774AAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAANElEQVQ4T2P8DwQMeMDr16+hLOyACUqTDUYNGAwGML569QpvOhAVFYWysIPRQBwGBjAwAABDVwrY3ACsDwAAAABJRU5ErkJggg=="); background-size: 10px; } .dropzone .dropzone-showbox:focus, .dropzone .dropzone-showbox:hover { outline: none; } .dropzone .dropzone-showbox:focus:after, .dropzone .dropzone-showbox:hover:after { top: 0; left: 0; right: 0; bottom: 0; position: absolute; pointer-events: none; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjQwcHgiIGhlaWdodD0iNDBweCIgdmVyc2lvbj0iMS4xIiBzdHlsZT0ic2hhcGUtcmVuZGVyaW5nOmdlb21ldHJpY1ByZWNpc2lvbjsgdGV4dC1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uOyBpbWFnZS1yZW5kZXJpbmc6b3B0aW1pemVRdWFsaXR5OyBmaWxsLXJ1bGU6ZXZlbm9kZDsgY2xpcC1ydWxlOmV2ZW5vZGQiDQp2aWV3Qm94PSIwIDAgNDAwMCA0MDAwIg0KIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4NCiA8ZGVmcz4NCiAgPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCiAgIDwhW0NEQVRBWw0KICAgIC5zdHIwIHtzdHJva2U6IzAwMDtzdHJva2Utd2lkdGg6MjAwfQ0KICAgIC5maWwwIHtmaWxsOm5vbmV9DQogICBdXT4NCiAgPC9zdHlsZT4NCiA8L2RlZnM+DQogPGc+DQogIDxwb2x5bGluZSBjbGFzcz0iZmlsMCBzdHIwIiBwb2ludHM9IjM0MjksMzQwMCA1NzEsMzQwMCA1NzEsNjAwICIvPg0KIDwvZz4NCjwvc3ZnPg0K"), url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8IS0tIENyZWF0b3I6IENvcmVsRFJBVyBYNyAtLT4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNDBweCIgaGVpZ2h0PSI0MHB4IiB2ZXJzaW9uPSIxLjEiIHN0eWxlPSJzaGFwZS1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uOyB0ZXh0LXJlbmRlcmluZzpnZW9tZXRyaWNQcmVjaXNpb247IGltYWdlLXJlbmRlcmluZzpvcHRpbWl6ZVF1YWxpdHk7IGZpbGwtcnVsZTpldmVub2RkOyBjbGlwLXJ1bGU6ZXZlbm9kZCINCnZpZXdCb3g9IjAgMCA0MDAwIDQwMDAiDQogeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KIDxkZWZzPg0KICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KICAgPCFbQ0RBVEFbDQogICAgLnN0cjAge3N0cm9rZTojMzczNDM1O3N0cm9rZS13aWR0aDoyMDguMzUxfQ0KICAgIC5maWwwIHtmaWxsOm5vbmV9DQogICBdXT4NCiAgPC9zdHlsZT4NCiA8L2RlZnM+DQogPGcgaWQ9IkxheWVyX3gwMDIwXzEiPg0KICA8bWV0YWRhdGEgaWQ9IkNvcmVsQ29ycElEXzBDb3JlbC1MYXllciIvPg0KICA8cG9seWxpbmUgY2xhc3M9ImZpbDAgc3RyMCIgcG9pbnRzPSI1NzEsMzQwMCAzNDI5LDM0MDAgMzQyOSw2MDAgIi8+DQogPC9nPg0KPC9zdmc+DQo="), url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8IS0tIENyZWF0b3I6IENvcmVsRFJBVyBYNyAtLT4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNDBweCIgaGVpZ2h0PSI0MHB4IiB2ZXJzaW9uPSIxLjEiIHN0eWxlPSJzaGFwZS1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uOyB0ZXh0LXJlbmRlcmluZzpnZW9tZXRyaWNQcmVjaXNpb247IGltYWdlLXJlbmRlcmluZzpvcHRpbWl6ZVF1YWxpdHk7IGZpbGwtcnVsZTpldmVub2RkOyBjbGlwLXJ1bGU6ZXZlbm9kZCINCnZpZXdCb3g9IjAgMCA0MDAwIDQwMDAiDQogeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KIDxkZWZzPg0KICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KICAgPCFbQ0RBVEFbDQogICAgLnN0cjAge3N0cm9rZTojMzczNDM1O3N0cm9rZS13aWR0aDoyMDguMzUxfQ0KICAgIC5maWwwIHtmaWxsOm5vbmV9DQogICBdXT4NCiAgPC9zdHlsZT4NCiA8L2RlZnM+DQogPGcgaWQ9IkxheWVyX3gwMDIwXzEiPg0KICA8bWV0YWRhdGEgaWQ9IkNvcmVsQ29ycElEXzBDb3JlbC1MYXllciIvPg0KICA8cG9seWxpbmUgY2xhc3M9ImZpbDAgc3RyMCIgcG9pbnRzPSIzNDI5LDYwMCA1NzEsNjAwIDU3MSwzNDAwICIvPg0KIDwvZz4NCjwvc3ZnPg0K"), url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8IS0tIENyZWF0b3I6IENvcmVsRFJBVyBYNyAtLT4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNDBweCIgaGVpZ2h0PSI0MHB4IiB2ZXJzaW9uPSIxLjEiIHN0eWxlPSJzaGFwZS1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uOyB0ZXh0LXJlbmRlcmluZzpnZW9tZXRyaWNQcmVjaXNpb247IGltYWdlLXJlbmRlcmluZzpvcHRpbWl6ZVF1YWxpdHk7IGZpbGwtcnVsZTpldmVub2RkOyBjbGlwLXJ1bGU6ZXZlbm9kZCINCnZpZXdCb3g9IjAgMCA0MDAwIDQwMDAiDQogeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KIDxkZWZzPg0KICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KICAgPCFbQ0RBVEFbDQogICAgLnN0cjAge3N0cm9rZTojMzczNDM1O3N0cm9rZS13aWR0aDoyMDguMzUxfQ0KICAgIC5maWwwIHtmaWxsOm5vbmV9DQogICBdXT4NCiAgPC9zdHlsZT4NCiA8L2RlZnM+DQogPGcgaWQ9IkxheWVyX3gwMDIwXzEiPg0KICA8bWV0YWRhdGEgaWQ9IkNvcmVsQ29ycElEXzBDb3JlbC1MYXllciIvPg0KICA8cG9seWxpbmUgY2xhc3M9ImZpbDAgc3RyMCIgcG9pbnRzPSI1NzEsNjAwIDM0MjksNjAwIDM0MjksMzQwMCAiLz4NCiA8L2c+DQo8L3N2Zz4NCg=="); background-position: bottom left, bottom right, top left, top right; background-repeat: no-repeat; background-size: 10px; z-index: 9000; content: ""; } .dropzone .dropzone-showbox:active, .dropzone .dropzone-showbox:visited { color: inherit; } .dropzone-square { width: 60px; height: 60px; outline: 1px solid #e6e7e8; outline-offset: 4px; margin: 6px; } /* Breakpoints */ /* Typography */ /* Toolboxes */ /* Workshops */ /* Buttons */ /* Balloons */ /* Palette */ /* Forms */ /* Lists */ /* Spinners */ /* Scrollbars */ /* Layout editor */ /* Others */ .text-center { text-align: center; } .text-hide { overflow: hidden; position: fixed; top: -1000px; left: -1000px; width: 0; height: 0; } .text-overflow { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .d-none { display: none !important; } @media (min-width: 1200px) { .d-xl-inline-block { display: inline-block !important; } } @media (min-width: 992px) { .d-lg-inline-block { display: inline-block !important; } } @media (min-width: 768px) { .d-md-inline-block { display: inline-block !important; } } @media (min-width: 600px) { .d-sm-inline-block { display: inline-block !important; } } .mt-0 { margin-top: 0; } .ml-5 { margin-left: 5px; } .max-w300 { max-width: 300px; } .tooltip { padding: 10px; max-width: 300px; display: block; line-height: 1.5em; } .tooltip p { margin: 0; } .tooltip h1 { margin-bottom: 5px; } .confirmation { max-width: 300px; padding: 15px; } .crpr { overflow: hidden; min-height: 200px; } cropbox { width: 100%; } .cropper-container { direction: ltr; font-size: 0; line-height: 0; position: relative; touch-action: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .cropper-container img { display: block; height: 100%; image-orientation: 0deg; max-height: none !important; max-width: none !important; min-height: 0 !important; min-width: 0 !important; width: 100%; } .cropper-wrap-box, .cropper-canvas, .cropper-drag-box, .cropper-crop-box, .cropper-modal { bottom: 0; left: 0; position: absolute; right: 0; top: 0; } .cropper-wrap-box, .cropper-canvas { overflow: hidden; } .cropper-drag-box { background-color: #fff; opacity: 0; } .cropper-modal { background-color: #000; opacity: 0.5; } .cropper-view-box { display: block; height: 100%; outline-color: rgba(51, 153, 255, 0.75); outline: 1px solid #39f; overflow: hidden; width: 100%; } .cropper-dashed { border: 0 dashed #eee; display: block; opacity: 0.5; position: absolute; } .cropper-dashed.dashed-h { border-bottom-width: 1px; border-top-width: 1px; height: 33.3333333333%; left: 0; top: 33.3333333333%; width: 100%; } .cropper-dashed.dashed-v { border-left-width: 1px; border-right-width: 1px; height: 100%; left: 33.3333333333%; top: 0; width: 33.3333333333%; } .cropper-center { display: block; height: 0; left: 50%; opacity: 0.75; position: absolute; top: 50%; width: 0; } .cropper-center:before, .cropper-center:after { background-color: #eee; content: " "; display: block; position: absolute; } .cropper-center:before { height: 1px; left: -3px; top: 0; width: 7px; } .cropper-center:after { height: 7px; left: 0; top: -3px; width: 1px; } .cropper-face, .cropper-line, .cropper-point { display: block; height: 100%; opacity: 0.1; position: absolute; width: 100%; } .cropper-face { background-color: #fff; left: 0; top: 0; } .cropper-line { background-color: #39f; } .cropper-line.line-e { cursor: ew-resize; right: -3px; top: 0; width: 5px; } .cropper-line.line-n { cursor: ns-resize; height: 5px; left: 0; top: -3px; } .cropper-line.line-w { cursor: ew-resize; left: -3px; top: 0; width: 5px; } .cropper-line.line-s { bottom: -3px; cursor: ns-resize; height: 5px; left: 0; } .cropper-point { background-color: #39f; height: 5px; opacity: 0.75; width: 5px; } .cropper-point.point-e { cursor: ew-resize; margin-top: -3px; right: -3px; top: 50%; } .cropper-point.point-n { cursor: ns-resize; left: 50%; margin-left: -3px; top: -3px; } .cropper-point.point-w { cursor: ew-resize; left: -3px; margin-top: -3px; top: 50%; } .cropper-point.point-s { bottom: -3px; cursor: s-resize; left: 50%; margin-left: -3px; } .cropper-point.point-ne { cursor: nesw-resize; right: -3px; top: -3px; } .cropper-point.point-nw { cursor: nwse-resize; left: -3px; top: -3px; } .cropper-point.point-sw { bottom: -3px; cursor: nesw-resize; left: -3px; } .cropper-point.point-se { bottom: -3px; cursor: nwse-resize; height: 20px; opacity: 1; right: -3px; width: 20px; } @media (min-width: 768px) { .cropper-point.point-se { height: 15px; width: 15px; } } @media (min-width: 992px) { .cropper-point.point-se { height: 10px; width: 10px; } } @media (min-width: 1200px) { .cropper-point.point-se { height: 5px; opacity: 0.75; width: 5px; } } .cropper-point.point-se:before { background-color: #39f; bottom: -50%; content: " "; display: block; height: 200%; opacity: 0; position: absolute; right: -50%; width: 200%; } .cropper-invisible { opacity: 0; } .cropper-hide { display: block; height: 0; position: absolute; width: 0; } .cropper-hidden { display: none !important; } .cropper-move { cursor: move; } .cropper-crop { cursor: crosshair; } .cropper-disabled .cropper-drag-box, .cropper-disabled .cropper-face, .cropper-disabled .cropper-line, .cropper-disabled .cropper-point { cursor: not-allowed; } /* Breakpoints */ /* Typography */ /* Toolboxes */ /* Workshops */ /* Buttons */ /* Balloons */ /* Palette */ /* Forms */ /* Lists */ /* Spinners */ /* Scrollbars */ /* Layout editor */ /* Others */ .slider-display { width: 100%; height: 25px; margin-top: 15px; } .slider { width: 100%; height: 15px; } .slider .slider-thumb { width: 17px; height: 17px; background: #fff; border: 2px solid #e6e7e8; cursor: pointer; cursor: -webkit-grabbing; -webkit-user-select: none; -moz-user-select: none; user-select: none; border-radius: 20px; position: absolute; transform: translate(-8.5px, -8.5px); } /* Breakpoints */ /* Typography */ /* Toolboxes */ /* Workshops */ /* Buttons */ /* Balloons */ /* Palette */ /* Forms */ /* Lists */ /* Spinners */ /* Scrollbars */ /* Layout editor */ /* Others */ .basicLightbox { font-family: "Montserra", sans-serif; font-size: 13px; position: fixed; display: flex; justify-content: center; align-items: center; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.8); opacity: 0.01; transition: opacity 0.4s ease; z-index: 100000; will-change: opacity; } .basicLightbox .lightbox-title { position: sticky; top: 0px; left: 0px; font-size: 20px; color: white; text-align: center; padding: 10px; } .basicLightbox .lightbox-img { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAA3NCSVQICAjb4U/gAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAACuoAAArqAVDM774AAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAANElEQVQ4T2P8DwQMeMDr16+hLOyACUqTDUYNGAwGML569QpvOhAVFYWysIPRQBwGBjAwAABDVwrY3ACsDwAAAABJRU5ErkJggg=="); background-size: 10px; max-height: 80vh; width: auto; } .basicLightbox--visible { opacity: 1; } .basicLightbox__placeholder { max-width: 100%; transform: scale(0.9); transition: transform 0.4s ease; z-index: 1; will-change: transform; } .basicLightbox__placeholder > img:first-child:last-child, .basicLightbox__placeholder > video:first-child:last-child, .basicLightbox__placeholder > iframe:first-child:last-child { display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; max-width: 95%; max-height: 95%; } .basicLightbox__placeholder > video:first-child:last-child, .basicLightbox__placeholder > iframe:first-child:last-child { pointer-events: auto; } .basicLightbox__placeholder > img:first-child:last-child, .basicLightbox__placeholder > video:first-child:last-child { width: auto; height: auto; } .basicLightbox--img .basicLightbox__placeholder, .basicLightbox--video .basicLightbox__placeholder, .basicLightbox--iframe .basicLightbox__placeholder { width: 100%; height: 100%; pointer-events: none; } .basicLightbox--visible .basicLightbox__placeholder { transform: scale(1); } .lightbox-image { width: 100%; height: auto; max-height: 100%; cursor: pointer; -o-object-fit: cover; object-fit: cover; } .public-viewport { background: #fff; width: auto; height: auto; margin: 0; padding: 0; border: 0; overflow-y: hidden; display: grid; grid-row-gap: 0 !important; row-gap: 0 !important; grid-column-gap: 0 !important; -moz-column-gap: 0 !important; column-gap: 0 !important; grid-template: none; } .box-model { font-family: monospace; } .box-model .box-model-control { border: none; position: absolute; width: 28px; text-align: center; background: transparent; font-family: monospace; border: 1px dashed #ccc; } .box-model .box-model-control:focus { outline: 1px solid #ccc; } .box-model .box-model-control-top { top: 1px; left: 50%; transform: translateX(-50%); } .box-model .box-model-control-left { left: 1px; top: 50%; transform: translateY(-50%); } .box-model .box-model-control-right { right: 1px; top: 50%; transform: translateY(-50%); } .box-model .box-model-control-bottom { bottom: 1px; left: 50%; transform: translateX(-50%); } .box-model .box-model-control-top-left { top: -2px; left: -2px; } .box-model .box-model-control-top-right { top: -2px; right: -2px; } .box-model .box-model-control-bottom-left { bottom: -2px; left: -2px; } .box-model .box-model-control-bottom-right { bottom: -2px; right: -2px; } .box-model .box-model-group { top: 0; left: 0; right: 0; bottom: 0; position: absolute; display: none; } .box-model .box-model-enabled > .box-model-group { display: block; } .box-model .box-model-margin.box-model-enabled { padding: 20px 30px; } .box-model .box-model-margin > .box-model-group { border: 1px dashed #d8e60a; } .box-model .box-model-padding.box-model-enabled { padding: 30px; margin: 5px; } .box-model .box-model-padding.box-model-enabled > .box-model-group { border: 1px dotted #ccc; } .box-model .box-model-content { border: 1px dashed #54a9ff; min-width: 80px; height: 60px; text-align: center; line-height: 60px; } .box-model .box-model-label { position: absolute; top: 0; left: 0; line-height: 30px; padding: 0 5px; } .box-model .box-model-border.box-model-enabled { padding: 20px; margin: 20px; } .box-model .box-model-border.box-model-enabled > .box-model-group { border: 4px solid #737373; position: absolute; top: -4px; bottom: -4px; left: -4px; right: -4px; } .box-model .box-model-border.box-model-enabled > .box-model-group > .box-model-control { background: #737373; border-radius: 4px; color: #fff; } .box-model .box-model-border.box-model-enabled > .box-model-group > .box-model-control.box-model-control-top { top: -2px; transform: translate(-50%, -50%); } .box-model .box-model-border.box-model-enabled > .box-model-group > .box-model-control.box-model-control-left { left: -2px; transform: translate(-50%, -50%); } .box-model .box-model-border.box-model-enabled > .box-model-group > .box-model-control.box-model-control-right { right: -2px; transform: translate(50%, -50%); } .box-model .box-model-border.box-model-enabled > .box-model-group > .box-model-control.box-model-control-bottom { bottom: -2px; transform: translate(-50%, 50%); } .box-model .box-model-border.box-model-enabled > .box-model-group > .box-model-control.box-model-control-top-left { transform: translate(-50%, -50%); } .box-model .box-model-border.box-model-enabled > .box-model-group > .box-model-control.box-model-control-top-right { transform: translate(50%, -50%); } .box-model .box-model-border.box-model-enabled > .box-model-group > .box-model-control.box-model-control-bottom-left { transform: translate(-50%, 50%); } .box-model .box-model-border.box-model-enabled > .box-model-group > .box-model-control.box-model-control-bottom-right { transform: translate(50%, 50%); } .fonts { list-style: none; padding: 0; margin: 0; } .font-box .font-family { font-size: 20px; -webkit-text-decoration: none; text-decoration: none; color: #5b5f61; padding: 5px 10px; } .pickr { position: relative; overflow: visible; } .pickr * { box-sizing: border-box; } .pickr .pcr-button { display: none; position: relative; height: 2em; width: 100%; padding: 0.5em; border-radius: 0.15em; cursor: pointer; background: transparent; transition: background-color 0.3s; font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif; } .pickr .pcr-button:before { background: url('data:image/svg+xml;utf8, '); background-size: 6px; border-radius: 0.15em; z-index: -1; } .pickr .pcr-button:after, .pickr .pcr-button:before { position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; } .pickr .pcr-button:after { background: url('data:image/svg+xml;utf8, ') no-repeat 50%; background-size: 70%; opacity: 0; } .pickr .pcr-button.clear:after { opacity: 1; } .pickr .pcr-button.disabled { cursor: not-allowed; } .pcr-app { position: absolute; display: flex; flex-direction: column; z-index: 10000; font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif; top: 5px; height: 15em; width: 100%; max-width: 95vw; border-radius: 0.1em; background: #fff; opacity: 0; visibility: hidden; transition: opacity 0.3s; } .pcr-app.visible { visibility: visible; opacity: 1; } .pcr-app .pcr-interaction { display: flex; align-items: center; margin: 1em -0.2em 0; } .pcr-app .pcr-interaction > * { margin: 0 0.2em; } .pcr-app .pcr-interaction input { padding: 0.5em 0.6em; border: none; letter-spacing: 0.07em; font-size: 0.75em; text-align: center; cursor: pointer; transition: all 0.15s; } .pcr-app .pcr-interaction .pcr-result { text-align: left; flex-grow: 1; min-width: 1em; cursor: text; padding-left: 0.8em; } .pcr-app .pcr-interaction .pcr-result:focus { color: #21447f; } .pcr-app .pcr-interaction .pcr-result::-moz-selection { background: #21447f; color: #fff; } .pcr-app .pcr-interaction .pcr-result::selection { background: #21447f; color: #fff; } .pcr-app .pcr-interaction .pcr-type { background: none; } .pcr-app .pcr-interaction .pcr-type.active { color: #fff; background: #21447f; } .pcr-app .pcr-interaction .pcr-clear, .pcr-app .pcr-interaction .pcr-save { color: #fff; width: auto; } .pcr-app .pcr-interaction .pcr-save { background: #21447f; } .pcr-app .pcr-interaction .pcr-save:hover { background: #4370f4; color: #fff; } .pcr-app .pcr-interaction .pcr-clear { background: #f44250; } .pcr-app .pcr-interaction .pcr-clear:hover { background: #db3d49; color: #fff; } .pcr-app .pcr-selection { display: flex; justify-content: space-between; flex-grow: 1; } .pcr-app .pcr-selection .pcr-picker { position: absolute; height: 18px; width: 18px; border: 2px solid #fff; border-radius: 100%; -webkit-user-select: none; -moz-user-select: none; user-select: none; cursor: -webkit-grabbing; z-index: 100; } .pcr-app .pcr-selection .pcr-color-preview { position: relative; z-index: 1; width: 2em; display: flex; flex-direction: column; justify-content: space-between; } .pcr-app .pcr-selection .pcr-color-preview:before { position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; background: url('data:image/svg+xml;utf8, '); background-size: 6px; border-radius: 0.15em; z-index: -1; } .pcr-app[data-theme=classic] .pcr-selection .pcr-color-preview .pcr-last-color { cursor: pointer; transition: background-color 0.3s, box-shadow 0.3s; border-radius: 0.15em 0.15em 0 0; z-index: 2; } .pcr-app .pcr-selection .pcr-color-preview .pcr-current-color { border-radius: 0 0 0.15em 0.15em; } .pcr-app[data-theme=classic] .pcr-selection .pcr-color-preview .pcr-current-color, .pcr-app[data-theme=classic] .pcr-selection .pcr-color-preview .pcr-last-color { background: currentColor; width: 100%; height: 50%; border: none; } .pcr-app .pcr-selection .pcr-color-chooser, .pcr-app .pcr-selection .pcr-color-opacity, .pcr-app .pcr-selection .pcr-color-palette { position: relative; -webkit-user-select: none; -moz-user-select: none; user-select: none; display: flex; flex-direction: column; } .pcr-app .pcr-selection .pcr-color-palette { width: 80%; z-index: 1; } .pcr-app .pcr-selection .pcr-color-palette .pcr-palette { height: 100%; border-radius: 0.15em; } .pcr-app .pcr-selection .pcr-color-palette .pcr-palette:before { position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; background: url('data:image/svg+xml;utf8, '); background-size: 6px; border-radius: 0.15em; z-index: -1; } .pcr-app .pcr-selection .pcr-color-chooser .pcr-picker, .pcr-app .pcr-selection .pcr-color-opacity .pcr-picker { left: 50%; transform: translateX(-50%); } .pcr-app .pcr-selection .pcr-color-chooser .pcr-slider, .pcr-app .pcr-selection .pcr-color-opacity .pcr-slider { width: 8px; height: 100%; border-radius: 50em; } .pcr-app .pcr-selection .pcr-color-chooser .pcr-slider { background: linear-gradient(180deg, red, #ff0, #0f0, #0ff, #00f, #f0f, red); } .pcr-app .pcr-selection .pcr-color-opacity .pcr-slider { background: linear-gradient(180deg, transparent, #000), url('data:image/svg+xml;utf8, '); background-size: 100%, 50%; } .pickr-dialog { min-width: 250px; height: 100%; width: 100%; margin: 7px; } .snippet-grid { display: grid; grid-template-columns: repeat(12, 10px); grid-template-rows: repeat(12, 10px); grid-row-gap: 0 !important; row-gap: 0 !important; grid-column-gap: 0 !important; -moz-column-gap: 0 !important; column-gap: 0 !important; margin: 5px !important; width: 80px !important; float: left; } .snippet-grid:hover { cursor: pointer; } .snippet-grid:hover:after { top: -5px; left: -5px; right: -5px; bottom: -5px; position: absolute; pointer-events: none; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjQwcHgiIGhlaWdodD0iNDBweCIgdmVyc2lvbj0iMS4xIiBzdHlsZT0ic2hhcGUtcmVuZGVyaW5nOmdlb21ldHJpY1ByZWNpc2lvbjsgdGV4dC1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uOyBpbWFnZS1yZW5kZXJpbmc6b3B0aW1pemVRdWFsaXR5OyBmaWxsLXJ1bGU6ZXZlbm9kZDsgY2xpcC1ydWxlOmV2ZW5vZGQiDQp2aWV3Qm94PSIwIDAgNDAwMCA0MDAwIg0KIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4NCiA8ZGVmcz4NCiAgPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCiAgIDwhW0NEQVRBWw0KICAgIC5zdHIwIHtzdHJva2U6IzAwMDtzdHJva2Utd2lkdGg6MjAwfQ0KICAgIC5maWwwIHtmaWxsOm5vbmV9DQogICBdXT4NCiAgPC9zdHlsZT4NCiA8L2RlZnM+DQogPGc+DQogIDxwb2x5bGluZSBjbGFzcz0iZmlsMCBzdHIwIiBwb2ludHM9IjM0MjksMzQwMCA1NzEsMzQwMCA1NzEsNjAwICIvPg0KIDwvZz4NCjwvc3ZnPg0K"), url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8IS0tIENyZWF0b3I6IENvcmVsRFJBVyBYNyAtLT4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNDBweCIgaGVpZ2h0PSI0MHB4IiB2ZXJzaW9uPSIxLjEiIHN0eWxlPSJzaGFwZS1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uOyB0ZXh0LXJlbmRlcmluZzpnZW9tZXRyaWNQcmVjaXNpb247IGltYWdlLXJlbmRlcmluZzpvcHRpbWl6ZVF1YWxpdHk7IGZpbGwtcnVsZTpldmVub2RkOyBjbGlwLXJ1bGU6ZXZlbm9kZCINCnZpZXdCb3g9IjAgMCA0MDAwIDQwMDAiDQogeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KIDxkZWZzPg0KICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KICAgPCFbQ0RBVEFbDQogICAgLnN0cjAge3N0cm9rZTojMzczNDM1O3N0cm9rZS13aWR0aDoyMDguMzUxfQ0KICAgIC5maWwwIHtmaWxsOm5vbmV9DQogICBdXT4NCiAgPC9zdHlsZT4NCiA8L2RlZnM+DQogPGcgaWQ9IkxheWVyX3gwMDIwXzEiPg0KICA8bWV0YWRhdGEgaWQ9IkNvcmVsQ29ycElEXzBDb3JlbC1MYXllciIvPg0KICA8cG9seWxpbmUgY2xhc3M9ImZpbDAgc3RyMCIgcG9pbnRzPSI1NzEsMzQwMCAzNDI5LDM0MDAgMzQyOSw2MDAgIi8+DQogPC9nPg0KPC9zdmc+DQo="), url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8IS0tIENyZWF0b3I6IENvcmVsRFJBVyBYNyAtLT4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNDBweCIgaGVpZ2h0PSI0MHB4IiB2ZXJzaW9uPSIxLjEiIHN0eWxlPSJzaGFwZS1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uOyB0ZXh0LXJlbmRlcmluZzpnZW9tZXRyaWNQcmVjaXNpb247IGltYWdlLXJlbmRlcmluZzpvcHRpbWl6ZVF1YWxpdHk7IGZpbGwtcnVsZTpldmVub2RkOyBjbGlwLXJ1bGU6ZXZlbm9kZCINCnZpZXdCb3g9IjAgMCA0MDAwIDQwMDAiDQogeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KIDxkZWZzPg0KICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KICAgPCFbQ0RBVEFbDQogICAgLnN0cjAge3N0cm9rZTojMzczNDM1O3N0cm9rZS13aWR0aDoyMDguMzUxfQ0KICAgIC5maWwwIHtmaWxsOm5vbmV9DQogICBdXT4NCiAgPC9zdHlsZT4NCiA8L2RlZnM+DQogPGcgaWQ9IkxheWVyX3gwMDIwXzEiPg0KICA8bWV0YWRhdGEgaWQ9IkNvcmVsQ29ycElEXzBDb3JlbC1MYXllciIvPg0KICA8cG9seWxpbmUgY2xhc3M9ImZpbDAgc3RyMCIgcG9pbnRzPSIzNDI5LDYwMCA1NzEsNjAwIDU3MSwzNDAwICIvPg0KIDwvZz4NCjwvc3ZnPg0K"), url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8IS0tIENyZWF0b3I6IENvcmVsRFJBVyBYNyAtLT4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNDBweCIgaGVpZ2h0PSI0MHB4IiB2ZXJzaW9uPSIxLjEiIHN0eWxlPSJzaGFwZS1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uOyB0ZXh0LXJlbmRlcmluZzpnZW9tZXRyaWNQcmVjaXNpb247IGltYWdlLXJlbmRlcmluZzpvcHRpbWl6ZVF1YWxpdHk7IGZpbGwtcnVsZTpldmVub2RkOyBjbGlwLXJ1bGU6ZXZlbm9kZCINCnZpZXdCb3g9IjAgMCA0MDAwIDQwMDAiDQogeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KIDxkZWZzPg0KICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KICAgPCFbQ0RBVEFbDQogICAgLnN0cjAge3N0cm9rZTojMzczNDM1O3N0cm9rZS13aWR0aDoyMDguMzUxfQ0KICAgIC5maWwwIHtmaWxsOm5vbmV9DQogICBdXT4NCiAgPC9zdHlsZT4NCiA8L2RlZnM+DQogPGcgaWQ9IkxheWVyX3gwMDIwXzEiPg0KICA8bWV0YWRhdGEgaWQ9IkNvcmVsQ29ycElEXzBDb3JlbC1MYXllciIvPg0KICA8cG9seWxpbmUgY2xhc3M9ImZpbDAgc3RyMCIgcG9pbnRzPSI1NzEsNjAwIDM0MjksNjAwIDM0MjksMzQwMCAiLz4NCiA8L2c+DQo8L3N2Zz4NCg=="); background-position: bottom left, bottom right, top left, top right; background-repeat: no-repeat; background-size: 15px; z-index: 9000; content: ""; } .snippet-grid-cell { background: #d9d9d9; outline: 1px solid gray; min-width: 15px; min-height: 20px; margin: 2px; } .snippet-grid-cell[role=article] { background: #bfbfbf; } .snippet-grid-cell[role=layout] { background: #dee0e9; } div.media-carousel-container { padding-left: 60px; max-width: 1400px !important; margin-left: auto; margin-right: auto; overflow: hidden; width: 100%; } div.media-carousel-container .search-result-card-category-container { margin-bottom: -12px; } @media only screen and (max-width: 767px) { div.media-carousel-container { padding-left: 16px; } } @media only screen and (max-width: 991px) and (min-width: 768px) { div.media-carousel-container { padding-left: 20px; } } @media only screen and (max-width: 1199px) and (min-width: 992px) { div.media-carousel-container { padding-left: 24px; } } @media only screen and (min-width: 1200px) { div.media-carousel-container { padding-left: 28px; } } @media only screen and (min-width: 848px) { div.media-carousel-container.algolia-carousel-container { padding-left: 0; } } div.media-carousel-container:hover .media-carousel-next-btn { background: #ffffff; box-shadow: 0px 14px 36px rgba(0, 0, 0, 0.3); } div.media-carousel-container:hover .media-carousel-prev-btn { background: #ffffff; box-shadow: 0px 14px 36px rgba(0, 0, 0, 0.3); } div.media-carousel-container .media-carousel-header { margin: 0 auto; display: flex; justify-content: space-between; align-items: baseline; } div.media-carousel-container .media-carousel-header h2 { font-family: "Montserrat"; color: #011592; font-size: 22px; font-style: normal; font-weight: 600; line-height: 40px; letter-spacing: 0px; text-align: left; margin-top: 0px; margin-bottom: 40px; } @media only screen and (max-width: 1199px) { div.media-carousel-container .media-carousel-header h2 { font-size: 22px; font-weight: 600; line-height: 28px; margin-bottom: 16px; } } div.media-carousel-container .media-carousel-header h2.connexe { color: #060f64; } div.media-carousel-container .media-carousel-header .media-carousel-content-count { font-family: "IBM Plex Sans Condensed"; color: #555563; font-size: 12px; font-style: normal; font-weight: 400; line-height: 14px; letter-spacing: 0px; text-align: right; margin-right: 16px; } div.media-carousel-container div.media-carousels-wrapper { margin: 0 auto; position: relative; } div.media-carousel-container div.media-carousels-wrapper .media-carousel-prev { position: absolute; bottom: 0; z-index: 1000; height: 100%; cursor: pointer; background: rgba(0, 0, 0, 0); background: linear-gradient(90deg, rgba(255, 255, 255, 0.9) 61.24%, rgba(255, 255, 255, 0) 100%); } @media only screen and (max-width: 767px) { div.media-carousel-container div.media-carousels-wrapper .media-carousel-prev { display: none; } } @media only screen and (max-width: 991px) and (min-width: 768px) { div.media-carousel-container div.media-carousels-wrapper .media-carousel-prev { left: -34px; } } @media only screen and (max-width: 1199px) and (min-width: 992px) { div.media-carousel-container div.media-carousels-wrapper .media-carousel-prev { left: -38px; } } @media only screen and (min-width: 1200px) { div.media-carousel-container div.media-carousels-wrapper .media-carousel-prev { left: -42px; } } div.media-carousel-container div.media-carousels-wrapper .media-carousel-prev .media-carousel-prev-btn, div.media-carousel-container div.media-carousels-wrapper .media-carousel-prev .media-carousel-prev-disabled { width: 60px; height: 120px; border-top-right-radius: 110px; border-bottom-right-radius: 110px; position: relative; margin-top: 120px; } div.media-carousel-container div.media-carousels-wrapper .media-carousel-prev .media-carousel-prev-btn img, div.media-carousel-container div.media-carousels-wrapper .media-carousel-prev .media-carousel-prev-disabled img { height: 80px; width: 80px; position: absolute; top: 20px; left: -6px; } div.media-carousel-container div.media-carousels-wrapper .media-carousel-next { position: absolute; bottom: 0; z-index: 1000; height: 100%; cursor: pointer; background: rgba(0, 0, 0, 0); background: linear-gradient(270deg, rgba(255, 255, 255, 0.9) 61.24%, rgba(255, 255, 255, 0) 100%); } @media only screen and (max-width: 767px) { div.media-carousel-container div.media-carousels-wrapper .media-carousel-next { display: none; } } @media only screen and (max-width: 991px) and (min-width: 768px) { div.media-carousel-container div.media-carousels-wrapper .media-carousel-next { right: -11px; } } @media only screen and (max-width: 1199px) and (min-width: 992px) { div.media-carousel-container div.media-carousels-wrapper .media-carousel-next { right: -15px; } } @media only screen and (min-width: 1200px) { div.media-carousel-container div.media-carousels-wrapper .media-carousel-next { right: -13px; } } div.media-carousel-container div.media-carousels-wrapper .media-carousel-next .media-carousel-next-btn, div.media-carousel-container div.media-carousels-wrapper .media-carousel-next .media-carousel-next-disabled { width: 60px; height: 120px; border-top-left-radius: 110px; border-bottom-left-radius: 110px; position: relative; margin-top: 120px; } div.media-carousel-container div.media-carousels-wrapper .media-carousel-next .media-carousel-next-btn img, div.media-carousel-container div.media-carousels-wrapper .media-carousel-next .media-carousel-next-disabled img { height: 80px; width: 80px; position: absolute; top: 20px; left: 5px; } div.media-carousel-container div.media-carousels-wrapper .bg-disabled { background: none; } div.media-carousel-container div.media-carousels-wrapper div.media-carousels { display: flex; flex-wrap: nowrap; max-width: 100%; overflow: hidden; min-height: auto; position: relative; } @media (max-width: 767px) { div.media-carousel-container div.media-carousels-wrapper div.media-carousels { overflow-x: scroll; scroll-snap-type: x proximity; scroll-padding: 0; } } @media (max-width: 375px) { div.media-carousel-container div.media-carousels-wrapper div.media-carousels { overflow-x: scroll; scroll-snap-type: x mandatory; scroll-padding: 0; } } div.media-carousel-container div.media-carousels-wrapper div.media-carousels .media-carousel-item { position: absolute; padding: 0 20px 0 0; margin: 0; height: auto; top: 0; transition: all 0.5s; } div.media-carousel-container div.media-carousels-wrapper div.media-carousels .media-carousel-item:hover .search-result-card-title { color: #011592; } @media only screen and (max-width: 440px) { div.media-carousel-container div.media-carousels-wrapper div.media-carousels .media-carousel-item { width: 80%; scroll-snap-align: start; scroll-snap-stop: normal; } } @media only screen and (max-width: 599px) and (min-width: 441px) { div.media-carousel-container div.media-carousels-wrapper div.media-carousels .media-carousel-item { width: 50%; } } @media only screen and (max-width: 991px) and (min-width: 600px) { div.media-carousel-container div.media-carousels-wrapper div.media-carousels .media-carousel-item { width: 33%; } } @media only screen and (min-width: 992px) { div.media-carousel-container div.media-carousels-wrapper div.media-carousels .media-carousel-item { width: 25%; } } @media only screen and (max-width: 1200px) { div.media-carousel-container div.media-carousels-wrapper div.media-carousels .media-carousel-item { padding-right: 16px; } } @media only screen and (min-width: 1201px) { div.media-carousel-container div.media-carousels-wrapper div.media-carousels .media-carousel-item { padding-right: 0px; width: 311px !important; } div.media-carousel-container div.media-carousels-wrapper div.media-carousels .media-carousel-item .search-result-card-banner-wrapper, div.media-carousel-container div.media-carousels-wrapper div.media-carousels .media-carousel-item .search-result-card { width: 311px !important; } } @media only screen and (max-width: 767px) { div.media-carousel-container div.media-carousels-wrapper div.media-carousels .media-carousel-item { scroll-snap-align: start; scroll-snap-stop: normal; } } div.media-carousel-container div.media-carousels-wrapper div.media-carousels .media-carousel-item:first-of-type { position: relative; } div.media-carousel-container div.media-carousels-wrapper div.media-carousels .algolia-carousel-item { position: absolute; padding: 0px 0px 0px 0px; margin: 0; height: auto; top: 0; margin-top: 24px; transition: all 0.5s; } div.media-carousel-container div.media-carousels-wrapper div.media-carousels .algolia-carousel-item:hover .search-result-card-title { color: #011592; } @media only screen and (max-width: 440px) { div.media-carousel-container div.media-carousels-wrapper div.media-carousels .algolia-carousel-item { width: 80%; scroll-snap-align: start; scroll-snap-stop: normal; } } @media only screen and (max-width: 599px) and (min-width: 441px) { div.media-carousel-container div.media-carousels-wrapper div.media-carousels .algolia-carousel-item { width: 50%; } } @media only screen and (min-width: 600px) { div.media-carousel-container div.media-carousels-wrapper div.media-carousels .algolia-carousel-item { width: 33%; } } @media only screen and (max-width: 847px) { div.media-carousel-container div.media-carousels-wrapper div.media-carousels .algolia-carousel-item { padding-right: 16px; } } @media only screen and (min-width: 848px) { div.media-carousel-container div.media-carousels-wrapper div.media-carousels .algolia-carousel-item { padding-right: 32px; width: 294px; } } @media only screen and (max-width: 767px) { div.media-carousel-container div.media-carousels-wrapper div.media-carousels .algolia-carousel-item { scroll-snap-align: start; scroll-snap-stop: normal; } } div.media-carousel-container div.media-carousels-wrapper div.media-carousels .algolia-carousel-item:first-of-type { position: relative; } div.media-carousel-container div.media-carousels-wrapper div.media-carousels > .block { padding-bottom: 10px; } @media (max-width: 576px) { div.media-carousel-container div.media-carousels-wrapper div.media-carousels > .block { scroll-snap-align: center; } } div.media-carousel-container div.media-carousels-wrapper div.media-carousels div.pad { display: none; } @media (max-width: 576px) { div.media-carousel-container div.media-carousels-wrapper div.media-carousels div.pad { display: block; margin: 2%; } } div.media-carousel-container div.media-carousels-wrapper div.media-carousels div.block { margin-right: 20px; width: 335px; flex-basis: initial; } @media (max-width: 321px) { div.media-carousel-container div.media-carousels-wrapper div.media-carousels div.block { width: 270px; } } .collapsible-action-wrapper, .inner-collapsible-action-wrapper, .inner-header-collapsible-action-wrapper, .header-collapsible-action-wrapper { background-color: transparent; display: flex; flex-direction: row; justify-content: space-between; align-items: center; cursor: pointer; width: 100%; border: none; border-top: 1px solid #d8d8d9; text-align: left; outline: none; } .collapsible-action-wrapper:hover, .inner-collapsible-action-wrapper:hover, .inner-header-collapsible-action-wrapper:hover, .header-collapsible-action-wrapper:hover, .collapsible-action-wrapper:active, .inner-collapsible-action-wrapper:active, .inner-header-collapsible-action-wrapper:active, .header-collapsible-action-wrapper:active { text-decoration-line: underline; color: #060f64; } .collapsible-action-wrapper:focus-visible, .inner-collapsible-action-wrapper:focus-visible, .inner-header-collapsible-action-wrapper:focus-visible, .header-collapsible-action-wrapper:focus-visible { text-decoration-line: underline; color: #060f64; outline: 3px solid #1343fb; border-radius: 2px; } .collapsible-chevron { flex-shrink: 0; } .collapsible-chevron img { height: 36px; width: 36px; } .collapsible-title, .inner-collapsible-title, .inner-header-collapsible-title, .header-collapsible-title { font-family: "Montserrat"; font-style: normal; font-weight: 600; font-size: 15px; line-height: 18px; color: #011592; padding: 8px 0 10px 0; margin: 8px 0; } .header-collapsible-action-wrapper { min-height: 84px; max-height: 108px; padding: 24px; margin: 4px 0px; background: #f1f5f6; border: none; } .header-collapsible-title { font-weight: bold; font-size: 26px; line-height: 30px; margin: 0; padding: 0; } .inner-collapsible-action-wrapper, .inner-header-collapsible-action-wrapper { padding: 5px 0px; font-size: 18px; line-height: 22px; color: #555563; } .inner-collapsible-title, .inner-header-collapsible-title { font-size: 18px; line-height: 22px; } .inner-header-collapsible-action-wrapper { min-height: 70px; max-height: 92px; border: none; } .filter-section { width: 100%; background-color: #f1f5f6; padding: 16px 18px 16px 28px; } .filter-section.last { padding-bottom: 32px; } .filter-section .filter-header { display: flex; align-items: flex-end; padding-bottom: 30px; justify-content: space-between; } .filter-section .filter-header .filter-title { color: #010e5b; font-weight: bold; font-size: 26px; margin: 0; } .filter-section .filter-header .filter-reset { color: #011592; font-weight: normal; font-size: 14px; line-height: 14px; margin-bottom: 5px; -webkit-text-decoration: none; text-decoration: none; } .filter-section .filter-group { position: relative; padding-top: 10px; border-top: 6px solid #011592; } .filter-section .filter-group .load-all { font-family: "IBM Plex Sans Condensed"; font-size: 14px; font-style: normal; font-weight: 700; line-height: 18px; letter-spacing: 0px; text-align: left; color: #011592; text-decoration-line: underline; cursor: pointer; } .filter-section .filter-group .load-all:hover, .filter-section .filter-group .load-all:active { color: #060f64; } .filter-section .filter-group .load-all:focus { color: #060f64; border: 3px solid #1343fb; border-radius: 2px; } .filter-section .filter-group > div { display: flex; } .filter-section .filter-group .filter-group-title { color: #011592; font-family: "IBM Plex Sans Condensed"; font-size: 18px; font-style: normal; font-weight: 700; line-height: 22px; letter-spacing: 0.2px; text-align: left; cursor: pointer; } .filter-section .filter-group div.nested-filter { display: block; } .filter-section .filter-group div.nested-filter:first-of-type { margin-top: 24px; } .filter-section .filter-group div.nested-filter .filter-row { display: flex; align-items: center; margin-bottom: 10px; } .filter-section .filter-group div.nested-filter .filter-row .filter-search-count { font-weight: normal; font-size: 14px; color: #00a2f1; } .filter-section .filter-group div.nested-filter .filter-row span.outline-filter-button { color: #011592; font-size: 14px; line-height: 14px; padding: 8px 18px; background-color: white; border: 1px solid #d8d8d9; border-radius: 40px; margin-right: 10px; cursor: pointer; } .filter-section .filter-group div.nested-filter .filter-row span.outline-filter-button:hover { border: 1px solid #011592; } .filter-section .filter-group div.nested-filter .filter-row span.blue-filter-button { color: white; background-color: #011592; font-weight: 600; display: flex; align-items: center; } .filter-section .filter-group div.nested-filter .filter-row span.green-filter-button { color: white; background-color: #00a2f1; border: none; } .filter-section .filter-group div.nested-filter .filter-row span.green-filter-button:hover { border: 1px solid #00a2f1; } .filter-section .filter-group div.nested-filter .filter-row span.outline-filter-button > img { margin-left: 10px; position: relative; } .information .information-title { font-size: 36px; color: #010e5b; margin-bottom: 15px; font-weight: 600; } .information .series-title { font-size: 16px; color: #011592; margin-bottom: 20px; font-weight: 600; } .information .detail-section { margin-bottom: 30px; display: flex; } @media (max-width: 576px) { .information .detail-section .age-wrapper { width: 80%; } } .information .detail-section .age-wrapper .age-recommendation { color: #011592; font-size: 12px; background-color: white; border: 1px solid #011592; margin-right: 10px; padding: 5px 10px; } @media (max-width: 576px) { .information .detail-section .info-wrapper { text-align: right; line-height: 1; } } .information .detail-section .info-wrapper .info-message { font-size: 12.5px; color: #000000; } .information .segment-title { font-weight: 600; font-size: 26px; line-height: 28px; /* identical to box height, or 108% */ color: #010e5b; } .information .segment-content.partial-text-1 p:not(p:first-child) { display: none; } .information .segment-content * { font-family: "IBM Plex Sans Condensed"; font-size: 14px; line-height: 18px; color: #555563; padding: 0; margin: 0; } @media (min-width: 1200px) { .information .segment-content * { font-size: 18px; line-height: 22px; } } .information .segment-content { font-size: 16px; color: #000000; margin-bottom: 25px; } @media (max-width: 767px) { .information .segment-content { margin-bottom: 4px; } } @media (min-width: 768px) { .information .segment-content { margin-bottom: 14px; } } @media (min-width: 1200px) { .information .segment-content { margin-bottom: 6px; } } .information .segment-content.partial-text-1 p > p:first-child { text-overflow: ellipsis; -webkit-line-clamp: 4; margin: 0; } .information .segment-content .read-more { color: #1343fb; font-weight: 600; cursor: pointer; } .information .segment-content .read-more i { margin-left: 8px; } .information .show-title-wrapper { font-family: "IBM Plex Sans Condensed"; font-style: normal; font-weight: bold; font-size: 14px; line-height: 18px; color: #555563; } .information .show-title-wrapper a { margin-left: 10px; } .information .show-title-wrapper .show-title { font-family: "IBM Plex Sans Condensed"; font-style: normal; font-weight: bold; font-size: 14px; line-height: 18px; cursor: pointer; color: #011592; -webkit-text-decoration: none; text-decoration: none; } .information .show-title-wrapper .show-title:hover, .information .show-title-wrapper .show-title:active, .information .show-title-wrapper .show-title:focus-visible { color: #060f64; -webkit-text-decoration: underline; text-decoration: underline; } .information .show-title-wrapper .show-title:focus-visible { padding: 2px 4px; outline: 3px solid #1343fb; outline-offset: 0; border-radius: 2px; } .information .information { font-size: 16px; margin-bottom: 10px; color: black; } .information .information .information-label { font-weight: bold; color: black; } .age-recommendation-form { display: flex; } .age-recommendation-form > div { margin-right: 5px; } .titre-page-terminal { font-family: "Montserrat"; font-style: normal; font-weight: 600; font-size: 22px; line-height: 28px; margin-bottom: 16px; margin-top: 8px; } @media (min-width: 992px) { .titre-page-terminal { margin-top: 16px; } } @media (min-width: 1200px) { .titre-page-terminal { font-size: 34px; line-height: 40px; font-weight: bold; margin-bottom: 32px; } } .information-container { position: relative; } .information-container .user-evaluation-total { display: block; cursor: pointer; margin-bottom: 5px; } @media (min-width: 992px) { .information-container .user-evaluation-total { position: absolute; right: 0; top: 0; display: inline; } } .information-container .user-evaluation-total img { width: 18px; } .information-container .user-evaluation-total span { font-family: "IBM Plex Sans Condensed"; font-style: normal; font-weight: 700; font-size: 14px; line-height: 18px; text-decoration-line: underline; color: #011592; margin-left: 8px; } .information-container .information-container-sous-titre { display: flex; align-items: center; justify-content: space-between; } .information-container .information-container-sous-titre .evaluation-indicator, .information-container .information-container-sous-titre .evaluation-indicator a { font-family: "IBM Plex Sans Condensed"; font-style: normal; font-weight: 700; font-size: 14px; line-height: 18px; text-decoration-line: underline; color: #011592; display: flex; align-items: center; cursor: pointer; } .sous-titre-page-terminal { font-family: "IBM Plex Sans Condensed"; font-style: normal; font-weight: bold; font-size: 13px; line-height: 14px; letter-spacing: 3px; text-transform: uppercase; color: #1343fb; } .page-terminal-more-info { padding: 6px 0 10px 0; } .page-terminal-more-info * { font-family: "IBM Plex Sans Condensed"; font-size: 12px; line-height: 16px; letter-spacing: 0.3px; color: #666676; } .more-info-text { padding: 0 3px; } .more-less-label { font-family: "IBM Plex Sans Condensed"; font-style: normal; font-weight: bold; font-size: 14px; line-height: 18px; text-decoration-line: underline; color: #011592; padding: 2px 4px; margin-left: -4px; cursor: pointer; } .more-less-label:hover { color: #060f64; } .more-less-label:active { color: #060f64; } .more-less-label:focus { color: #060f64; outline: 3px solid #1343fb; border-radius: 2px; } @media (max-width: 767px) { .page-terminal-content-shadow { box-shadow: 0px -10px 16px 6px #ffffff; } } @media (min-width: 768px) { .page-terminal-content-shadow { box-shadow: 0px -20px 16px 6px #ffffff; } } @media (min-width: 1200px) { .page-terminal-content-shadow { box-shadow: 0px -11px 16px 6px #ffffff; } } .link-container-hover { cursor: pointer; } .lsq-player { padding: 0 16px; } @media (min-width: 768px) { .lsq-player { padding: 0 78px; } } @media (min-width: 992px) { .lsq-player { padding: 0; } } .media-player { padding: 0 15px; } @media (min-width: 768px) { .media-player { padding: 0 26px; } } @media (min-width: 992px) { .media-player { padding: 0 22px; } } @media (min-width: 1200px) { .media-player { padding: 0; } } .brightcove-wrapper { width: 100vw; background-color: black; } .brightcove-wrapper:hover span.thumbnail-play { filter: drop-shadow(2px 4px 6px white); background: rgba(216, 216, 217, 0.1); } .brightcove-wrapper:focus { border: 2px solid #1343FB; } .brightcove-wrapper .video-js { width: 100%; height: 100%; } .brightcove-wrapper .brightcove-react-player-loader, .brightcove-wrapper .cover { width: 100%; height: 100%; } .brightcove-wrapper .video-js .vjs-big-play-button .vjs-icon-placeholder:before, .brightcove-wrapper .video-js .vjs-modal-dialog, .brightcove-wrapper .vjs-button > .vjs-icon-placeholder:before, .brightcove-wrapper .vjs-modal-dialog .vjs-modal-dialog-content { position: relative !important; } .brightcove-wrapper .cover { width: 100vw; } .brightcove-wrapper span.thumbnail-play { position: absolute; top: 50%; left: 50%; width: 60px; height: 60px; line-height: 68px; margin-left: -35px; margin-top: -35px; padding: none; padding-left: 4px; border-radius: 100%; cursor: pointer; background: rgba(19, 30, 155, 0.6); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); text-align: center; display: flex; justify-content: center; align-items: center; } .brightcove-wrapper span.thumbnail-play img { filter: drop-shadow(1px 2px 3px white); transform: translateX(8%); } @media (min-width: 768px) { .brightcove-wrapper span.thumbnail-play { width: 90px; height: 90px; } .brightcove-wrapper span.thumbnail-play img { width: 30px; } } @media (min-width: 992px) { .brightcove-wrapper span.thumbnail-play { width: 113.83px; height: 113.83px; } .brightcove-wrapper span.thumbnail-play img { width: 40px; } } @media (min-width: 1200px) { .brightcove-wrapper span.thumbnail-play { width: 114.43px; height: 114.43px; } .brightcove-wrapper span.thumbnail-play img { width: 40px; } } .brightcove-wrapper span.thumbnail-play * { display: inline-block; } .brightcove-wrapper.iframe-wrapper { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; } .brightcove-wrapper.iframe-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .pedagogical-support-widget { padding: 24px 16px 24px 16px; border-top-right-radius: 0; border-bottom-right-radius: 0; margin-bottom: 33px; position: relative; background-color: #eaeef0; } @media (min-width: 768px) { .pedagogical-support-widget { padding: 30px 33px 20px 30px; margin: 0 24px; margin-bottom: 33px; } } @media (min-width: 992px) { .pedagogical-support-widget { padding: 32px 42px 22px 32px; margin-bottom: 33px; } } @media (min-width: 1200px) { .pedagogical-support-widget { padding: 40px 32px 30px 32px; margin-bottom: 33px; } } .pedagogical-support-widget .pedagogical-logo { position: absolute; width: 144px; height: 144px; background-position: center; background-repeat: no-repeat; right: 0px; top: -58px; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTczIiBoZWlnaHQ9IjE4OCIgdmlld0JveD0iMCAwIDE3MyAxODgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxtYXNrIGlkPSJtYXNrMF82NjdfMTI0NDUiIHN0eWxlPSJtYXNrLXR5cGU6YWxwaGEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjQyIiB5PSI0NCIgd2lkdGg9IjEwNCIgaGVpZ2h0PSIxMDMiPgo8cGF0aCBkPSJNNjMuNzA4NiA1Ny41NzY1QzY1LjAxNzQgNDYuNDU4NSA3Ny43NDYgNDAuNzkxNCA4Ni44ODQgNDcuMjU4MlY0Ny4yNTgyQzkxLjcyNzcgNTAuNjg2MSA5OC4xNTM4IDUwLjg3ODQgMTAzLjE5NCA0Ny43NDYzVjQ3Ljc0NjNDMTEyLjcwMiA0MS44Mzc2IDEyNS4wNjkgNDguMjU1OCAxMjUuNzExIDU5LjQzMjJWNTkuNDMyMkMxMjYuMDUxIDY1LjM1NjQgMTI5LjkwNyA3MC41MDA1IDEzNS40OTggNzIuNDg4MlY3Mi40ODgyQzE0Ni4wNDYgNzYuMjM4MSAxNDguNzM5IDg5LjkwODYgMTQwLjQwMSA5Ny4zNzg1Vjk3LjM3ODVDMTM1Ljk4MSAxMDEuMzM4IDEzNC4zNjQgMTA3LjU2IDEzNi4yOTYgMTEzLjE3MVYxMTMuMTcxQzEzOS45NCAxMjMuNzU2IDEzMC45MzEgMTM0LjM4NCAxMTkuODkyIDEzMi41MjNWMTMyLjUyM0MxMTQuMDQxIDEzMS41MzYgMTA4LjE2OCAxMzQuMTUxIDEwNC45ODYgMTM5LjE2VjEzOS4xNkM5OC45ODI2IDE0OC42MDkgODUuMDU1NiAxNDguMTkyIDc5LjYyODUgMTM4LjQwMVYxMzguNDAxQzc2Ljc1MTcgMTMzLjIxMSA3MS4wNDU0IDEzMC4yNDkgNjUuMTQ1NSAxMzAuODg0VjEzMC44ODRDNTQuMDE1MSAxMzIuMDgyIDQ1LjY1NzYgMTIwLjkzNCA0OS45Mjg5IDExMC41ODZWMTEwLjU4NkM1Mi4xOTMgMTA1LjEwMSA1MC45NTA2IDk4Ljc5MzEgNDYuNzc1NSA5NC41NzYzVjk0LjU3NjNDMzguODk5MSA4Ni42MjEyIDQyLjQwNDUgNzMuMTM2MSA1My4xNTc5IDcwLjAyMzhWNzAuMDIzOEM1OC44NTggNjguMzc0IDYzLjAxNDkgNjMuNDY5OCA2My43MDg2IDU3LjU3NjVWNTcuNTc2NVoiIGZpbGw9IiMwMTE1OTIiLz4KPC9tYXNrPgo8ZyBtYXNrPSJ1cmwoI21hc2swXzY2N18xMjQ0NSkiPgo8cGF0aCBkPSJNNTMuMjMwOSA0MS4zNTU1QzU0Ljg0NjQgMjcuNjMwOCA3MC41NTk0IDIwLjYzNSA4MS44Mzk4IDI4LjYxNzlMODUuNDUxMyAzMS4xNzM4QzkxLjQzMDggMzUuNDA1NCA5OS4zNjM1IDM1LjY0MjggMTA1LjU4NSAzMS43NzY0TDEwOS4zNDMgMjkuNDQxMUMxMjEuMDgxIDIyLjE0NyAxMzYuMzQ3IDMwLjA3MDEgMTM3LjEzOSA0My44NjY4TDEzNy4zOTMgNDguMjgzOUMxMzcuODEyIDU1LjU5NzIgMTQyLjU3MyA2MS45NDczIDE0OS40NzUgNjQuNDAxTDE1My42NDQgNjUuODgzMUMxNjYuNjY1IDcwLjUxMjEgMTY5Ljk4OSA4Ny4zODc5IDE1OS42OTYgOTYuNjA5MUwxNTYuNCA5OS41NjE0QzE1MC45NDQgMTA0LjQ0OSAxNDguOTQ4IDExMi4xMyAxNTEuMzMzIDExOS4wNTZMMTUyLjc3MyAxMjMuMjRDMTU3LjI3MyAxMzYuMzA2IDE0Ni4xNTEgMTQ5LjQyNyAxMzIuNTI0IDE0Ny4xMjlMMTI4LjE2MSAxNDYuMzkzQzEyMC45MzggMTQ1LjE3NSAxMTMuNjg4IDE0OC40MDMgMTA5Ljc2IDE1NC41ODZMMTA3LjM4NyAxNTguMzJDOTkuOTc2NyAxNjkuOTg1IDgyLjc4NDQgMTY5LjQ3IDc2LjA4NDggMTU3LjM4NEw3My45Mzk4IDE1My41MTRDNzAuMzg4NSAxNDcuMTA3IDYzLjM0NDQgMTQzLjQ1MSA1Ni4wNjEyIDE0NC4yMzVMNTEuNjYyMSAxNDQuNzA5QzM3LjkyMjEgMTQ2LjE4OCAyNy42MDUyIDEzMi40MjUgMzIuODc3OSAxMTkuNjUxTDM0LjU2NiAxMTUuNTYyQzM3LjM2MSAxMDguNzkxIDM1LjgyNzMgMTAxLjAwNCAzMC42NzMzIDk1Ljc5ODRMMjcuNTYwNCA5Mi42NTQ0QzE3LjgzNzMgODIuODM0MSAyMi4xNjQ2IDY2LjE4NzMgMzUuNDM5MiA2Mi4zNDUzTDM5LjY4OTIgNjEuMTE1MkM0Ni43MjU3IDU5LjA3ODYgNTEuODU3MyA1My4wMjQ2IDUyLjcxMzYgNDUuNzQ5NUw1My4yMzA5IDQxLjM1NTVaIiBmaWxsPSIjMDExNTkyIi8+CjxwYXRoIGQ9Ik0xNDAuMzA4IDIxLjYwMkwxNTYuODU4IDQuNjYxNDhMMjA1LjE1IDE1Ni4yOTZMNzMuMTc1OSAxNTkuMzQ0QzgwLjEzODcgMTA3LjQgMTAzLjY4MyA1OS4wOTA0IDE0MC4zMDggMjEuNjAyWiIgZmlsbD0iIzA2MEY2NCIvPgo8L2c+CjxsaW5lIHgxPSI4My4xMzI0IiB5MT0iNjkuNTEyMSIgeDI9IjgwLjgyNTgiIHkyPSI2NC4zMzE1IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIuMDIzNjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8bGluZSB4MT0iMTE0LjgxMyIgeTE9Ijc3LjYxMjMiIHgyPSIxMTkuOTk0IiB5Mj0iNzUuMzA1OCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyLjAyMzY1IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPGxpbmUgeDE9IjEuMDExODMiIHkxPSItMS4wMTE4MyIgeDI9IjYuNjgyNjUiIHkyPSItMS4wMTE4MyIgdHJhbnNmb3JtPSJtYXRyaXgoLTAuOTEzNTQ2IDAuNDA2NzM2IDAuNDA2NzM2IDAuOTEzNTQ2IDY5LjIyMTIgOTkuMDE5KSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyLjAyMzY1IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPGxpbmUgeDE9IjEwMS41MDkiIHkxPSI2Ni44MjcxIiB4Mj0iMTAzLjE0NSIgeTI9IjYxLjEyMjMiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMi4wMjM2NSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjxsaW5lIHgxPSIxLjAxMTgzIiB5MT0iLTEuMDExODMiIHgyPSI2Ljk0NjUzIiB5Mj0iLTEuMDExODMiIHRyYW5zZm9ybT0ibWF0cml4KC0wLjg5ODc5NCAtMC40MzgzNzIgLTAuNDM4MzcyIDAuODk4Nzk0IDY5LjIzOCA4Mi43NTU0KSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyLjAyMzY1IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPGxpbmUgeDE9IjExOS4wMjgiIHkxPSI5NS42MjE1IiB4Mj0iMTI0LjkzIiB5Mj0iOTYuMjQxOCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyLjAyMzY1IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPGxpbmUgeDE9IjEuMDExODMiIHkxPSItMS4wMTE4MyIgeDI9IjYuOTQ2NTMiIHkyPSItMS4wMTE4MyIgdHJhbnNmb3JtPSJtYXRyaXgoLTAuNTg3Nzg2IDAuODA5MDE3IDAuODA5MDE3IDAuNTg3Nzg2IDc5Ljg2MTYgMTEzLjQ2NSkiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMi4wMjM2NSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjxwYXRoIGQ9Ik0xMTIuNjIxIDgzLjQ5NzhDMTA4LjI4NCA3My43NTQ5IDk2Ljg2OSA2OS4zNzMzIDg3LjEyNjEgNzMuNzExTDg1LjMyOTUgNzQuNTExQzc1LjU4NjYgNzguODQ4OCA3MS4yMDUgOTAuMjYzNCA3NS41NDI4IDEwMC4wMDZMNzUuOTE5MSAxMDAuODUyQzc4LjkwMzIgMTA3LjU1NCA4NS40NTQ2IDExMS45NjIgOTIuNzg3MyAxMTIuMjAxQzk0LjM3NTMgMTEyLjI1MiA5NS43OTQxIDExMy4yMDcgOTYuNDQwMyAxMTQuNjU5TDk3LjUzMDQgMTE3LjEwN0M5Ny44NjQ0IDExNy44NTcgOTguNzQzMiAxMTguMTk0IDk5LjQ5MzMgMTE3Ljg2TDEwOS44NjQgMTEzLjI0M0MxMTAuNjE0IDExMi45MDkgMTEwLjk1MSAxMTIuMDMxIDExMC42MTcgMTExLjI4TDEwOS41MjcgMTA4LjgzMkMxMDguODgxIDEwNy4zODEgMTA5LjEyMSAxMDUuNjg3IDExMC4xNDUgMTA0LjQ3M0MxMTQuODc0IDk4Ljg2MzYgMTE1Ljk4MiA5MS4wNDU0IDExMi45OTggODQuMzQzMUwxMTIuNjIxIDgzLjQ5NzhaIiBmaWxsPSIjRkNCRDAxIi8+CjxwYXRoIGQ9Ik0xMDYuMzE0IDgzLjAyNjlDMTA1LjUwNCA4MS4yMDkgMTA0LjE2NiA3OS42NzAyIDEwMi40NTEgNzguNTg1NkMxMDAuNzM2IDc3LjUwMTEgOTguNzEzNCA3Ni45MTQzIDk2LjYxMyA3Ni44OTIxIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIuMDIzNjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8cmVjdCB4PSI5OC42MjA2IiB5PSIxMTkuNTU2IiB3aWR0aD0iMTQuMzI1IiBoZWlnaHQ9IjMuOTc5MTgiIHJ4PSIxLjk4OTU5IiB0cmFuc2Zvcm09InJvdGF0ZSgtMjQgOTguNjIwNiAxMTkuNTU2KSIgZmlsbD0iIzAwQjBGRiIvPgo8cmVjdCB4PSIxMDAuNzI1IiB5PSIxMjQuMjgxIiB3aWR0aD0iMTQuMzI1IiBoZWlnaHQ9IjMuOTc5MTgiIHJ4PSIxLjk4OTU5IiB0cmFuc2Zvcm09InJvdGF0ZSgtMjQgMTAwLjcyNSAxMjQuMjgxKSIgZmlsbD0iIzAwQjBGRiIvPgo8L3N2Zz4K"); } @media (min-width: 768px) { .pedagogical-support-widget .pedagogical-logo { right: -76px; top: -91px; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUyIiBoZWlnaHQ9IjI1MiIgdmlld0JveD0iMCAwIDI1MiAyNTIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxtYXNrIGlkPSJtYXNrMF83NzE0XzMzNzgiIHN0eWxlPSJtYXNrLXR5cGU6YWxwaGEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjU3IiB5PSI1OSIgd2lkdGg9IjEzOSIgaGVpZ2h0PSIxMzgiPgo8cGF0aCBkPSJNODUuNjc4NSA3Ny40MzE2Qzg3LjQzODYgNjIuNDc5NiAxMDQuNTU3IDU0Ljg1ODEgMTE2Ljg0NiA2My41NTVWNjMuNTU1QzEyMy4zNiA2OC4xNjUgMTMyLjAwMiA2OC40MjM3IDEzOC43ODEgNjQuMjExNVY2NC4yMTE1QzE1MS41NjggNTYuMjY1MSAxNjguMiA2NC44OTY3IDE2OS4wNjIgNzkuOTI3M1Y3OS45MjczQzE2OS41MiA4Ny44OTQ1IDE3NC43MDYgOTQuODEyNSAxODIuMjI1IDk3LjQ4NTdWOTcuNDg1N0MxOTYuNDEgMTAyLjUyOSAyMDAuMDMyIDEyMC45MTQgMTg4LjgxOCAxMzAuOTZWMTMwLjk2QzE4Mi44NzQgMTM2LjI4NSAxODAuNjk5IDE0NC42NTIgMTgzLjI5NyAxNTIuMTk4VjE1Mi4xOThDMTg4LjE5OSAxNjYuNDMzIDE3Ni4wODMgMTgwLjcyNyAxNjEuMjM3IDE3OC4yMjNWMTc4LjIyM0MxNTMuMzY4IDE3Ni44OTYgMTQ1LjQ2OSAxODAuNDEzIDE0MS4xOSAxODcuMTQ5VjE4Ny4xNDlDMTMzLjExNyAxOTkuODU3IDExNC4zODcgMTk5LjI5NiAxMDcuMDg4IDE4Ni4xMjhWMTg2LjEyOEMxMDMuMjIgMTc5LjE0OSA5NS41NDU0IDE3NS4xNjYgODcuNjEwOSAxNzYuMDJWMTc2LjAyQzcyLjY0MjEgMTc3LjYzMSA2MS40MDI1IDE2Mi42MzggNjcuMTQ2OCAxNDguNzIyVjE0OC43MjJDNzAuMTkxNyAxNDEuMzQ1IDY4LjUyMDggMTMyLjg2MiA2Mi45MDU5IDEyNy4xOTFWMTI3LjE5MUM1Mi4zMTMzIDExNi40OTMgNTcuMDI3NiA5OC4zNTcxIDcxLjQ4OTMgOTQuMTcxNFY5NC4xNzE0Qzc5LjE1NTEgOTEuOTUyNyA4NC43NDU2IDg1LjM1NzMgODUuNjc4NSA3Ny40MzE2Vjc3LjQzMTZaIiBmaWxsPSIjMDExNTkyIi8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMF83NzE0XzMzNzgpIj4KPHBhdGggZD0iTTcxLjA4OSA1OS44NTUyQzczLjQ4NCAzOS41MDg4IDk2LjgyMzQgMjkuMTE3NSAxMTMuNTQ2IDQwLjk1MlY0MC45NTJDMTIyLjQxMSA0Ny4yMjUyIDEzNC4yMDMgNDcuNTc4MiAxNDMuNDI2IDQxLjg0NjNWNDEuODQ2M0MxNjAuODI3IDMxLjAzMzEgMTgzLjUwMyA0Mi44MDE3IDE4NC42NzcgNjMuMjU0OFY2My4yNTQ4QzE4NS4yOTkgNzQuMDk2NSAxOTIuMzc1IDgzLjUzNTkgMjAyLjYwOCA4Ny4xNzM1Vjg3LjE3MzVDMjIxLjkxMSA5NC4wMzU5IDIyNi44NDggMTE5LjEwMiAyMTEuNTg5IDEzMi43NzNWMTMyLjc3M0MyMDMuNTAxIDE0MC4wMTkgMjAwLjUzMyAxNTEuNDM3IDIwNC4wNjggMTYxLjcwNFYxNjEuNzA0QzIxMC43MzggMTgxLjA3NSAxOTQuMjE5IDIwMC41NjQgMTc0LjAxNyAxOTcuMTU3VjE5Ny4xNTdDMTYzLjMwOSAxOTUuMzUxIDE1Mi41MzIgMjAwLjE1IDE0Ni43MDkgMjA5LjMxNlYyMDkuMzE2QzEzNS43MjMgMjI2LjYwOCAxMTAuMTg2IDIyNS44NDQgMTAwLjI1NCAyMDcuOTI1VjIwNy45MjVDOTQuOTg5NSAxOTguNDI3IDg0LjUxODQgMTkyLjk5MyA3My43MjEzIDE5NC4xNTVWMTk0LjE1NUM1My4zNTIxIDE5Ni4zNDggMzguMDI3OCAxNzUuOTA2IDQ1Ljg0NDQgMTU2Ljk2OVYxNTYuOTY5QzQ5Ljk4NzggMTQ2LjkzMSA0Ny43MDc5IDEzNS4zNTYgNDAuMDY3NCAxMjcuNjM5VjEyNy42MzlDMjUuNjUzMiAxMTMuMDgxIDMyLjA4MDggODguMzU0NCA1MS43NiA4Mi42NTg3VjgyLjY1ODdDNjIuMTkxNCA3OS42Mzk1IDY5LjgxOTQgNzAuNjQwMyA3MS4wODkgNTkuODU1MlY1OS44NTUyWiIgZmlsbD0iIzAxMTU5MiIvPgo8cGF0aCBkPSJNMTg4LjY5MyAyOS4wNTIxTDIxMC45NTEgNi4yNjk1NkwyNzUuODk2IDIxMC4xOTZMOTguNDEwOSAyMTQuMjk1QzEwNy43NzUgMTQ0LjQzNyAxMzkuNDM5IDc5LjQ2ODQgMTg4LjY5MyAyOS4wNTIxWiIgZmlsbD0iIzA2MEY2NCIvPgo8L2c+CjxsaW5lIHgxPSIxMTEuNjE3IiB5MT0iOTMuNDEzMSIgeDI9IjEwOC42MjgiIHkyPSI4Ni43MDA0IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8bGluZSB4MT0iMTU0LjQ3NyIgeTE9IjEwNC4xOTMiIHgyPSIxNjEuMTkiIHkyPSIxMDEuMjA1IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8bGluZSB4MT0iMS41IiB5MT0iLTEuNSIgeDI9IjguODQ3OTUiIHkyPSItMS41IiB0cmFuc2Zvcm09Im1hdHJpeCgtMC45MTM1NDYgMC40MDY3MzYgMC40MDY3MzYgMC45MTM1NDYgOTMuMDkxOCAxMzMuMTY2KSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPGxpbmUgeDE9IjEzNi40MTkiIHkxPSI4OS43MDAzIiB4Mj0iMTM4LjU0MyIgeTI9IjgyLjI5NTkiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjxsaW5lIHgxPSIxLjUiIHkxPSItMS41IiB4Mj0iOS4yMDI4MyIgeTI9Ii0xLjUiIHRyYW5zZm9ybT0ibWF0cml4KC0wLjg5ODc5NCAtMC40MzgzNzIgLTAuNDM4MzcyIDAuODk4Nzk0IDkzLjExNDcgMTExLjI5NCkiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjxsaW5lIHgxPSIxNjAuMjI4IiB5MT0iMTI4LjQ3MyIgeDI9IjE2Ny44ODgiIHkyPSIxMjkuMjc4IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8bGluZSB4MT0iMS41IiB5MT0iLTEuNSIgeDI9IjkuMjAyODMiIHkyPSItMS41IiB0cmFuc2Zvcm09Im1hdHJpeCgtMC41ODc3ODYgMC44MDkwMTcgMC44MDkwMTcgMC41ODc3ODYgMTA3LjQwMiAxNTIuNTk0KSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPHBhdGggZD0iTTE1MS40NTkgMTEyLjI5M0MxNDUuNjI1IDk5LjE4OTkgMTMwLjI3NCA5My4yOTcyIDExNy4xNzIgOTkuMTMwOUwxMTQuNzU1IDEwMC4yMDdDMTAxLjY1MyAxMDYuMDQgOTUuNzU5OSAxMjEuMzkxIDEwMS41OTQgMTM0LjQ5NEwxMDIuMSAxMzUuNjMxQzEwNi4xMTMgMTQ0LjY0NSAxMTQuOTI0IDE1MC41NzMgMTI0Ljc4NSAxNTAuODk0VjE1MC44OTRDMTI2LjkyMSAxNTAuOTY0IDEyOC44MjkgMTUyLjI0NyAxMjkuNjk4IDE1NC4xOTlMMTMxLjE2NCAxNTcuNDkyQzEzMS42MTMgMTU4LjUwMSAxMzIuNzk1IDE1OC45NTUgMTMzLjgwNCAxNTguNTA1TDE0Ny43NSAxNTIuMjk2QzE0OC43NTkgMTUxLjg0NyAxNDkuMjEzIDE1MC42NjUgMTQ4Ljc2MyAxNDkuNjU2TDE0Ny4yOTcgMTQ2LjM2M0MxNDYuNDI4IDE0NC40MTEgMTQ2Ljc1MSAxNDIuMTM0IDE0OC4xMjggMTQwLjUwMVYxNDAuNTAxQzE1NC40ODggMTMyLjk1NyAxNTUuOTc4IDEyMi40NDMgMTUxLjk2NSAxMTMuNDI5TDE1MS40NTkgMTEyLjI5M1oiIGZpbGw9IiNGQ0JEMDEiLz4KPHBhdGggZD0iTTE0Mi45NzYgMTExLjY2QzE0MS44ODggMTA5LjIxNSAxNDAuMDg4IDEwNy4xNDUgMTM3Ljc4MSAxMDUuNjg3QzEzNS40NzUgMTA0LjIyOCAxMzIuNzU1IDEwMy40MzkgMTI5LjkzIDEwMy40MDkiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjxyZWN0IHg9IjEzMi42MyIgeT0iMTYwLjc4NiIgd2lkdGg9IjE5LjI2NTEiIGhlaWdodD0iNS4zNTE0MiIgcng9IjIuNjc1NzEiIHRyYW5zZm9ybT0icm90YXRlKC0yNCAxMzIuNjMgMTYwLjc4NikiIGZpbGw9IiMwMEIwRkYiLz4KPHJlY3QgeD0iMTM1LjQ2IiB5PSIxNjcuMTQxIiB3aWR0aD0iMTkuMjY1MSIgaGVpZ2h0PSI1LjM1MTQyIiByeD0iMi42NzU3MSIgdHJhbnNmb3JtPSJyb3RhdGUoLTI0IDEzNS40NiAxNjcuMTQxKSIgZmlsbD0iIzAwQjBGRiIvPgo8L3N2Zz4K"); } } .pedagogical-support-widget .pedagogical-title { color: #060f64; margin-top: 0; margin-bottom: 10px; min-height: 30px; width: 60%; font-size: 18px; font-weight: 600; line-height: 22px; font-family: "IBM Plex Sans Condensed"; } @media (min-width: 768px) { .pedagogical-support-widget .pedagogical-title { width: 100%; } } @media (min-width: 992px) { .pedagogical-support-widget .pedagogical-title { font-size: 26px; font-weight: 700; line-height: 30px; } } .pedagogical-support-widget .pedagogical-description { font-family: "IBM Plex Sans Condensed"; font-weight: 700; font-size: 12px; line-height: 14px; width: 75%; margin-top: 8px; margin-bottom: 22px; color: #555563; } @media (min-width: 768px) { .pedagogical-support-widget .pedagogical-description { font-size: 12px; font-weight: 700; margin-top: 16px; margin-bottom: 32px; line-height: 14px; width: 95%; } } .pedagogical-support-widget .tab { display: flex; flex-direction: column; } @media (min-width: 768px) { .pedagogical-support-widget .tab { flex-direction: row; } } .pedagogical-support-widget .tab .tab-links { padding: 0; border: none; height: 32px; margin-right: 20px; } .pedagogical-support-widget .tab .tab-links.active .pedagogical-subtitle { color: #1343fb; border-bottom: 2px solid #1343fb; } @media (max-width: 767px) { .pedagogical-support-widget .tab { border-bottom: 1px solid #d8d8d9; } .pedagogical-support-widget .tab .collapsible-action-wrapper, .pedagogical-support-widget .tab .header-collapsible-action-wrapper, .pedagogical-support-widget .tab .inner-collapsible-action-wrapper, .pedagogical-support-widget .tab .inner-header-collapsible-action-wrapper { height: 52px; } .pedagogical-support-widget .tab .collapsible-action-wrapper .collapsible-title, .pedagogical-support-widget .tab .header-collapsible-action-wrapper .collapsible-title, .pedagogical-support-widget .tab .inner-collapsible-action-wrapper .collapsible-title, .pedagogical-support-widget .tab .inner-header-collapsible-action-wrapper .collapsible-title, .pedagogical-support-widget .tab .collapsible-action-wrapper .header-collapsible-title, .pedagogical-support-widget .tab .header-collapsible-action-wrapper .header-collapsible-title, .pedagogical-support-widget .tab .inner-collapsible-action-wrapper .header-collapsible-title, .pedagogical-support-widget .tab .inner-header-collapsible-action-wrapper .header-collapsible-title, .pedagogical-support-widget .tab .collapsible-action-wrapper .inner-collapsible-title, .pedagogical-support-widget .tab .header-collapsible-action-wrapper .inner-collapsible-title, .pedagogical-support-widget .tab .inner-collapsible-action-wrapper .inner-collapsible-title, .pedagogical-support-widget .tab .inner-header-collapsible-action-wrapper .inner-collapsible-title, .pedagogical-support-widget .tab .collapsible-action-wrapper .inner-header-collapsible-title, .pedagogical-support-widget .tab .header-collapsible-action-wrapper .inner-header-collapsible-title, .pedagogical-support-widget .tab .inner-collapsible-action-wrapper .inner-header-collapsible-title, .pedagogical-support-widget .tab .inner-header-collapsible-action-wrapper .inner-header-collapsible-title { padding: 15px 0 10px 0; } } .pedagogical-support-widget .pedagogical-subtitle { font-size: 15px; color: #011592; margin-top: 0; font-weight: 600; margin-bottom: 10px; line-height: 18px; } @media (min-width: 992px) { .pedagogical-support-widget .pedagogical-subtitle { font-size: 18px; line-height: 22px; } } .pedagogical-support-widget .pedagogical-subtitle:hover { color: #1343fb; border-bottom: 2px solid #1343fb; } .pedagogical-support-widget .pedagogical-subtitle:focus-visible { outline: 3px solid #1343fb; outline-offset: 2px; border-radius: 2px; -webkit-text-decoration: underline; text-decoration: underline; color: #060f64; } .pedagogical-support-widget .pedagogical-subtitle:active { color: #060f64; border-bottom: 2px solid #060f64; } .pedagogical-support-widget .pedagogical-subsection { margin-bottom: 30px; margin-top: 0; } @media (min-width: 992px) { .pedagogical-support-widget .pedagogical-subsection { margin-bottom: 20px; } } .pedagogical-support-widget .accompany-document-group { display: flex; flex-wrap: wrap; margin-bottom: 29px; } @media (min-width: 768px) { .pedagogical-support-widget .accompany-document-group { margin-bottom: 43px; } } .pedagogical-support-widget .accompany-document { width: 100%; margin-right: 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: #011592; font-weight: 600; font-size: 16px; line-height: 17px; margin-top: 0; } @media (min-width: 768px) { .pedagogical-support-widget .accompany-document { width: 30%; margin-right: 3%; } } .pedagogical-support-widget .accompany-document span { font-family: "IBM Plex Sans Condensed"; font-weight: 700; line-height: 18px; font-size: 14px; color: #011592; } .pedagogical-support-widget .accompany-document img { margin-right: 10px; } .pedagogical-support-widget .tabcontent div:last-child { margin-bottom: 0; } .pedagogical-support-widget .pedagogical-track { color: #555563; font-family: "IBM Plex Sans Condensed"; font-size: 14px; margin-bottom: 32px; } @media (min-width: 992px) { .pedagogical-support-widget .pedagogical-track { margin-bottom: 24px; } } .pedagogical-support-widget .pedagogical-track b { line-height: 18px; } .pedagogical-support-widget .pedagogical-track p { font-size: 14px; font-family: "IBM Plex Sans Condensed"; color: #555563; line-height: 18px; font-weight: normal; } .pedagogical-support-widget .pedagogical-track a { color: #1343fb; font-family: "IBM Plex Sans Condensed"; font-weight: normal; line-height: 17px; margin-top: 10px; word-break: break-all; } .pedagogical-support-widget .pedagogical-track a img { margin-right: 10px; } /* Breakpoints */ /* Typography */ /* Toolboxes */ /* Workshops */ /* Buttons */ /* Balloons */ /* Palette */ /* Forms */ /* Lists */ /* Spinners */ /* Scrollbars */ /* Layout editor */ /* Others */ .fit { top: 0; left: 0; right: 0; bottom: 0; position: absolute; } .search-bar-container { z-index: auto; } .search-banner { height: 251px; width: 100%; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABicAAAD7CAYAAAAB6kciAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAACsdSURBVHgB7d17nN11feD/9zlnJrcJk2CCQWhCgErwx/1nxUfBCyq1jxUCrd3aSLdFVqvVattdqcquF1zZLVXZbtcVF1eXoluJ3S2Vi92torXhsg9i+5CblaAgJBBBEmByT2bO+e75nGEEQi5zOed8v99zns/H43gmk0kySQb/OK+83+9K5bDP/F0AAAAAAEBOPnbMrvjYz+8O+sdARHZWAAAAAABATj7+4OxYPrcRFx45GvSHagAAAAAAQM4u+v7cuObRwaA/iBMAAAAAABSCQNE/xAkAAAAAAApDoOgP4gQAAAAAAIUiUPQ+cQIAAAAAgMIRKHqbOAEAAAAAQCEJFL1LnAAAAAAAoLAEit4kTgAAAAAAUGgCRe8RJwAAAAAAKDyBoreIEwAAAAAAlIJA0TvECQAAAAAASkOg6A3iBAAAAAAApSJQlJ84AQAAAABA6QgU5SZOAAAAAABQSgJFeYkTAAAAAACUlkBRTuIEAAAAAAClJlCUjzgBAAAAAEDpCRTlIk4AAAAAANATBIryECcAAAAAAOgZAkU5iBMAAAAAAPQUgaL4xAkAAAAAAHqOQFFs4gQAAAAAAD1JoCgucQIAAAAAgJ4lUBSTOAEAAAAAQE8TKIpHnAAAAAAAoOcJFMUiTgAAAAAA0BcEiuIQJwAAAAAA6BsCRTGIEwAAAAAA9BWBIn8DQc+rZHsisnrzrfTYM/6+aDzzvv3LKuk/ztqzj0qt+b5ZAQAAAABQdilQJBceORp0nzjRI8YDxLbm8+gzj52RYkTr/W3WChStSFGLRmVO89tzmm/Piqw6NwAAAAAAykKgyI84UUKVxs6oxPbm865WhBgPEV389VshZDx61GLked+XVedHFnNaoWLiGQAAAACgqASKfIgTJZBiQCXbEtXG9memI+pRVJVG8/OLbZG2RiVZJa2Dmh+N6nA0KkPPTFwAAAAAABSHQNF94kQRZfXWNES1saUVJTqxmqlbWiElG4laY6R1uSKthMqakaJRPbQ1ZQEAAAAAUAQCRXeJEwWSpg6qjaebL+iPFHo6YibGp0D2NH+fTwkVAAAAAEChCBTdI07kbDxIpOmIp3o2SOzPvkJFvbbE6icAAAAAIDcCRXeIE3loRohqM0ZU6ylKbAv2ChXV+a1pivQAAAAAAOg2gaLzxIluakaJWmNTVNKjz6YkpiJNk9TSREnl8WaoWBz16rBpCgAAAACgqwSKzhInuiHbE7X6pr5c3TQTrWmK+saoNh9pisLKJwAAAACgmwSKzhEnOqkVJR5vrSpiZtKfYXqIFAAAAABANwkUnSFOdEJrfVMzStQ3Be0lUgAAAAAA3SZQtJ840U5uSnRNChSVbPv4TYra4gAAAAAA6CSBor3EiTZpHXGuP9K6k0B3TNykSDGoUVvSmqYAAAAAAOgUgaJ9xImZar5APjCWosS2IB8pUtTGNkSlus2qJwAAAACgowSK9hAnZiDdlKg2HrfCqSCsegIAAAAAukGgmDlxYjpMSxTWz1Y9ZSMxVltqigIAAAAA6AiBYmaqwZSkaYmBsR8KEwVXaWyPwdEftqYpAAAAAAA6IQWKax4dDKbO5MRkZfVmlHhYlCiV+nNuURzRLBa1AAAAAABoJxMU0yNOTEa285kwsScon4lbFGMDx1jzBAAAAAC0nUAxddY6HURa45TWAwkT5Zb+/gZH74ta8+8TAAAAAKDdrHiaGpMTB1Crb2zFCXpHtfl3mtY91WtLAgAAAACgnUxQTJ44sS/ZnmfWOO0Mek+1/njrdshYbbk7FAAAAABAWwkUk2Ot095aYeJBYaLHVRrbm3/PP2z9fQMAAAAAtJMVTwcnTjxX6/C1+xL9ovJMiBIoAAAAAIB2EygOTJx4RrWx5ZmJiXrQP8YPZTeDVMOkDAAAAADQXgLF/okTkW4QPBW1sYeEib5VHw9TjW0BAAAAANBOAsW+9X2caIWJ+oag340Himr9yQAAAAAAaCeB4oX6Ok4IE+ytVn9EoAAAAAAA2k6geL6+jRPCBPtTq//EDQoAAAAAoO0EimcNRD/KdvZ9mFi4YF4saD4mHLVsUev54fWbf/a+h9dviv40vuJpbOCYyKpzAwAAAACgXVKgSC48cjT62UAsOiRi89boG9me1gvP/eCUk5bGyc1HCg/Lly1ufTsFiYkQMRlPj+yIkZGdrVCRwsVDzee773mk9e277unlwFNvBqyHY6xyTERlVgAAAAAAtItA0XzZNb44ksUNa6Ny+w+i5z0TJirN516TJiFWnnNqM0Asi9e+6rhY1gwQC58zGdEJKVzc3QwUdzVjxQ1f/17r7fS+XpI1w0SaoBAoAAAAAIB2u/qEnX0bKCrxtSxrvZUCxY13RM/K0qqeH/ZUmHjNq1a0QkR6To8iWHPruri+GSpu/PpdPbMWKqvMaQaKY5v/tdQCAAAAAKCd+jVQPBsnks1bovKp63pyzVNt7KGoNrZE2U0Eife+++yOT0bMVJqk+M+fu7kZLO4vfahoVA+N+sDSAAAAAABot34MFM+PExNW3xKVb90ZvaJafzxqzUdZpQjxLy74xTj/nNMKMyExVWnt05e/8n9bz2XVqC2JevMBAAAAANBu/RYo9h0nktt/EJUb7ij9FEW18VTUxsp5uDlFife9+w2lmJKYrHRU+xOX39AMFbdHGaX7E1l1fgAAAAAAtFs/BYr9x4kkrXm6+uaIdY9GKbUOYKc7E/Uok16MEntLkeLLX7ktPvO5b5XsiHYtRgdf6kA2AAAAANAR/RIoDhwnJpT0WPbA6H2lOoDdD1Fib2WcpMiqQ+MHsgEAAAAAOqAfAsXk4kRSsmPZtfrGqNbLc4Q5RYkPf+i8vokSeytbpGjUFke9dkQAAAAAAHRCrweKyceJZMfu8SmKgh/LLtOdiXTg+iMfWlnaQ9ftluLEJy6/sRkrih+W3J8AAAAAADqplwPF1OLEhCIfy27dmXiw8Ouc0oTEh5tR4n3vPjt4vjRF8ZnPfbN1j6LIssqsZqBI9ydqAQAAAADQCb0aKKYXJ5K05umzX4/YUKx/4Z4mJtLkRJGdfNLS+F9/8Xtx1LJFwf6VYYrCeicAAAAAoNN6MVBMP05MKNCx7DKsc+r32xJTlaYo3vGeq2PNreuiqKx3AgAAAAA6rdcCxczjRFKEY9lZPQbGfljYdU4pRnz6j38jfuuCM4Kpu+zyG1pTFEVkvRMAAAAA0A29FChqserSS2Om5s2OOONlEVt2RCWnNU+1xmNRbRTwBkZTWt9001/9Ybzx7BOD6UkHw5cvWxxrbr0/du0u1n98lahHpVI1PQEAAAAAdNT1TwzG8jmNOHW4EWXXnsmJ50rHsr96S8SO3dE12Z4YHL0vish9ifZKa55+6dxPF/AORS1GB9P0xKwAAAAAAOikXpigqEa7nfGyyD66KmLRIdEttbFHoojSv/b/5k0XCxNtlP4sx/9MF0ex1GOgXux7JwAAAABAb7jo+3PjmkcHo8zaHyeSRcORXf62yFa+MjotHcGuZtuiaH77gjNaL6I7fN1+RQ0Ulcb25qN4X4sAAAAAQO8pe6DoTJyYcN7pkV385o5OUVTrj0fRpDDx3668KOicogaKWqN4X48AAAAAQG8qc6DobJxIVhwZ2R+9ObJ0MLvN0tREJdsTRSJMdE8RA4XpCQAAAACgm8oaKNp/EPtAbr4rKjfe0bZj2QOj9xUqTqTj19+95aNBdxXtSHZWmRVjg8cHAAAAAEC3lO1IducnJ57r7FPadiy7aFMTE/+Kn+6b+LMvyn2P9HWZvj4BAAAAALqlbBMU3Z2ceK4b1o5PUUxTkaYmxl8c/6PWc9FteDyLe37UfH4sYmR71vr23oaHKrFgfsTSJZVYdni03j7x2EoU3Zpb17UmKIogq86NsYGXBgAAAABAN5VlgiK/OJGsezQqV38zYvPWKf2w9K/Sa2MboijSKqe00qlotmyPZojI4m9uy+LeB7LW2+l90zE8FHHSz1fizFOefRTRZz53c1x8yVejCMYGjmlGivkBAAAAANBNZQgU+caJZPOW8SmK238w6R9SpKmJT//xb8T73n12FEWKD1+/NYvV32jMKEYcTIoVbzqzGm/95eKFiosvWd2MFN+KvGXVoWagODYAAAAAALqt6IEi/zgxIR3L/uqag35YJdvSjBMPRRH81gVnxBeuvCiKIE1GXPu36dHoWJDYn6VLIn7316qtWJHeztvTIzvijed+Ou66J//pGtMTAAAAAEBeihwoihMnks1bovKp6w645qk2+mBUs22Rt3RfYu0tH839CPNtd2XxyS81Ws9FsOqN1fjghflHiofXb47TX/3vWqEiT1l1uBkolgcAAAAAQB6KGihqserSS6Mo5s2OOPvUSM2kcv+jL/z+bE8M1DdGEXz3lo/F4UsWRF42PB7xb69sxIc/12i9XRRpguOq6xqtt9MR7TmzIhcpGs2ZMxjf+Nb3I0+VbHc0qoubb1QDAAAAAKDbrn9iMJbPacSpw40okmLFiQkrjoxYPByVDU9E7Hz2tkStGSYq2a7I20c+tDLOO+e0yEt68f8dl9XjH+8rztDL3tIkx1//XSMWzq/EiT+fz02KV77imFhz6/2tKYo8VZphwmonAAAAACAvRQwUxVrrtLe05umrt0R878HWN4twCDutc7r/7ssjD2lC4r2frBdmhdNk5bnqqRjrnWoxOuuEAAAAAADIU5FWPBV718yi4cjec05kK1/ZOoSdd5hIPvyh8yIPq7/RiNe+c6x0YSJJn/t5/3osl/VTKSa9991viHzVo9LI/04KAAAAANDfLvr+3Ljm0cEognIswj/v9Mgu/93IFi+OPP3WBWfEbzcf3ZZuS7z3k43Ysj1KK4WJ035z7Gf3KLrpfe8+uxkp8v3aqTa2BAAAAABA3ooSKIp5c2Jf5s2LxqubYWB0NKoP/Djy8L/+4vdah5a7JcWI9/+nRlxzU7EOlczEt787Pvlx5indu0ORDmOfctLS+PJXbo+8jB/GXuQwNgAAAACQuyLcoChPnEgGByM7+cTIDlsclfWPRGVH9+4IdHtqIoWJtArp2/9QvjVOBzOxmqqbgSJNTuR7HDuLrHpIM07MCgAAAACAvOUdKMoVJ56RLVsa2ctPawaKDVHZ1J0Xm7s5NTERJu59IHpWChQj2yLe8IruBYrlyxblOj2RZNUFAQAAAABQBHkGitLumMkWL4qxSy6O+q+ujE5LUxPpsHK39HqYmJDuT3zyS937on/Nq1a0HnlxdwIAAAAAKJq8blCUfgF+/VfOi9ErLu/oseyPfOi86JZ0/LofwsSEFCe6eST7Ix/qfMzav3pUGtsCAAAAAKBI8ggUlfha1htHDXbsiIG/+GpUb23v2p40NfGFKy+Kbkgv1HdykqBR3x31XZuivnNz89F83rM1Gs3Hc1Vqs5qP2VGbdUjU5i5uPQaHjohOu/6KWtduUPzSuZ+ONbeuizw0qoujPtD5P08AAAAAgKm6+oSdceGRo9ENvRMnnpHiRO2vb4zKpk3RDvfffXlXVjqlGwznv78e7ZaCxNj2jbHribubYWJzZM1vT1WKFYPDy2PWgqNj1vDR0QkL5kd856qBWLokOu4zn7s5Lr7kq5GHrDInxgaPCwAAAACAIupWoOi5OJGkI9m1P/tsVNdviJlI9wm+edPF0WkbHh+/M5Ge2yVFid2b7o5dm+6ZVpDYn+qsQ2LO4pObseLo1nRFO6XJiTRB0WlPj+yIFSdf0nrOw+jgCan4BAAAAABAEXUjUNRi1aWXRq+ZNy8ar39tSi9Rve/+mK4Pf+i8OOWkpdFp6c7E7Xe3rxHtfPy7sX39zTG6tRlnsvZOY2T1Pa2fd3TLj1sroAbmtu/WR4ozaYLiF17W2fVOc+YMxuM/HYm1//DjyENWndP82pwbAAAAAABFdP0Tg7F8TiNOHe7cGYLSH8Q+kNax7E98dFrHshcumBfnnXNqdNrqv81i9Tfa8xc8tnNzPH3f/2jGiX9o67TEvqRbFds3/F3r16vvdbdiJtLNjXZOkOzPeeecFnmpNnYGAAAAAECRdfpIdk/HiSRbtjTGLrk4Gq86Y0o/bmUzTKRA0Wl/8qX2TDbs2nR3bPnhX77gwHWnpV9vpBko0q/fDiPbIt77yfbf3thbWtl11LL2TX1MRSXbFgAAAAAARdfJQNHzcSLJFi+Ksd+5KOq/+RuRzZtccOjGv6y/6rr2TAns2Hhb65Gn9OundVLtkI6Dp0en/dYFvxh5qGS72r5uCwAAAACgEzoVKPoiTkyov/HsGJvEmqdurHRKUeK//tXM1zlt2/Dttk0tzFRaJ5U+n3ZI65067bWvWhF5qWRWOwEAAAAA5dCJQNFXcSJJUxSjV/xx1H915X4/5jVdeNH6tjuzGU9NpBCw56l1USTp89nehimObkxPpL/nbqzu2pfW9AQAAAAAQEm0O1D0XZyY0DqWfcnF+5yiWNmFQ9gzvTWRVigVLUxM2L3p7raseOrG9ER+q51MTgAAAAAA5dLOQNG3cSLJjl+xz2PZnV73s/pvZzY1sbsZJdIKpSJLn9/oto0xE2ly4t4HOjs9ccpJyyIP4gQAAAAAUEbtChR9HSeSvY9lH7VsUevRSdd+Y/oTAfU9W3M/fj1Z2x7+P9Go746Z+JvbOhsnujElsy+VbDQAAAAAAMqoHYGi7+PEhIlj2Se/rvOHsGdySyGtS8pm+IJ/t6TPc6Yh5arrOrvaKd2cOGrZ4ui+ejNQ7AkAAAAAgDKaaaAQJ54jTVH81etXxcc7eMohHcKerrTOqah3JvYnfb4zWe80si26cBj7uMhFNrO7IwAAAAAAeZpJoBAn9uHS+yJ+dW3EQzui7Way0qkdR6bzMNPPu9OrnU45aWnkY1cAAAAAAJTZdAOFOLEfX/tJxOtuG39ul5lMAezZ8uNo7NkaZTS2feOMpiduu6uzq506fWNkf6x1AgAAAAB6wXQChThxAGlyIk1QtGvN070PTH8CYNcTd0eZ7do0/c//3gfGw06nnHLSssiDOAEAAAAA9IqpBgpxYhLSmqejvznzNU/TnZqo79namj4os/T5N2ZwyPu2uzu32im3yYlwcwIAAAAA6B1TCRTixCSlMJECxZ89ENM23ThR9jCRZM0wMbrlxzFd9/6os3cnjlq2OLpPnAAAAAAAestkA4U4MUV/eG/zD/d705uimO5qoj0jD0ZRLRyeHR/7o1fGt//6zfHgP74tvv21N8eFq162z48dm8HdiQ2PdzpO5DA9kY0GAAAAAECvmUygGAim7M/XR3xnU8TVp0WcNYV/cD/dmxNj29t4lbuNli8dbsWI5UsPec77DomzzjgyTj3xsPhXH17zvI8fncEEyK139mCcAAAAAADoUSlQJBceue9/pG1yYprS5MTrbpv8sex7p7kOamznptZKpCL6j5e9+nlh4rn+4J2nxMf+6PTnva+xZ+u0705s2R4dtXDB3Og2B7EBAAAAgF52oAkKcWKGJnsse2TbNP/lf6OYYeKUExfHr/yzYw74MX/wzlNf8L5sz/R2W6WVWNNdizUZCxbMCwAAAAAA2mt/gUKcaIMUJk77zoGPZU/3hfWxnZujiNLapoNZuGB2HLXXZMXYridiurZs7+xqJwAAAAAA2m9fgUKcaJOnRw98LHu6caKoK50ma2SkHKuLli+bwvEQAAAAAACmZO9AIU60WTqWnW5R3DkSPe36//3gQT/moQ1b4uktz48r6e7EdHVyrVNe3J0AAAAAAPrFcwOFONEBE2ueJnssu4yeHtkdf/b5Ow/4MR//5Npop16MEwAAAAAA/WQiUIgTHTTZY9ll9fFPrY1rVv9gP993R1zz1Rd+X6U2O6Zr2eHRc7LKrAAAAAAA6CcpUAwEHTUxRfHGLTEtM3kxv9PS9MRFv39zfO1/PxhnnXFkLFgwO0aa70vf/vvbH93nj6kODkcRPbR+UwAAAAAA0B3iRBekY9l/ObcSs8+uxrxbGlGdwo3r6qxDoujS/YnJ3KBIKrXpTwoMD1UCAAAAAIDys9api3a/rBojqwaiPoXeMDBncfSS2txFMV0L5kfHjIz06O4tAAAAAIACEie6rDEc8fTbBmLnKyf3R58mJ4q82mkq0u+lOs3fy4nHRkc9PbIzus29CQAAAACgX4kTOdlxejW2vLk2qSmK2pzpTxsUyUymQBbM7+xKp4fXbw4AAAAAALpDnMjR6JGVZqAYaK17OpBZC46OXjA4PP3fx4nHdjZOjIxsj66rDAYAAAAAQD8SJ3KW1jxtO7sa219TjcZ+Nh7NGu6RODH/iJiuM0/t9OTEkwEAAAAAQHeIEwWx65T9H8tOtxoGhqb/wn4RpMCSfh/TdeIxnYsTT4/saD26LQs3JwAAAACA/iROFMiBjmXPPvT4KLNZM/j8ly6JWHZ4dMxd92yIPDiIDQAAAAD0K3GigPZ1LHv2i1bMaPIgT+nznrVgeUzXq07p7Jfp3eIEAAAAAEBXiRMFta9j2XNf/Iooo5l+3qt+ubP3Jv7+1nWRDwexAQAAAID+JE4U2HOPZSdpeqJstycGFxzd+rynK610OvOUzsaJ9es3RS5MTgAAAAAAfUqcKIF0LPupC8ePZQ8d8aooi0ptdgy95MyYiU6vdEqHsO+655Hovpq1TgAAAABA3xInSmLiWPboLx4W82b4gn+3zF3yCzO+k/GuX+vs1MSanFY6ZRUrnQAAAACA/iVOlMz2V1dj7K2nxsBRx0eRzV58csxpPmbixGPTo7Nx4oav3xm5MDUBAAAAAPQxcaKE0pHssfe+JuK0Y6KIanMXxdARM5/u+N1f6/yX55pb7488NCrzAwAAAACgX4kTJZUtnB3Ze86JbOUro0hSmBg+5vyYqXQIe9UbO/vl+fD6zc1HPsews8qcAAAAAADoV+JE2Z13emSXXxixaGa3Hdph1qHHt8JEOoQ9Ux+8sPNfmjd8/XuRl6wyNwAAAAAA+pU40QsWDUf20bdG9oZTIy/pxsT8pa9rS5hIdyY6PTWRfPkrt0UeWlMTlVoAAAAAAPSrgaA3zGtGgVWvjmzZ4qjccEfE5q3RDdVZh8TQz70+BucfEe3ypY93/oX7tNLprnseiTyYmgAAAAAA+p040WvOeFlkK46MytU3R6x7NDopTUvMW/ILbZmWmPCB367GssOj4z5x+Q2Rl6wyFAAAAAAA/awSX8uyoDfdsDYqN94R7ZRCxKzh5TF3yStaUxPtlI5gf+8vutPLjjv5ktyOYY8NHt8MFLMCAAAAAKBfmZzoZelY9pnHx5yrH4ix9fdFfef0X4wfmH9EDA4dGXMWn9TWSYnnuv6K7nw5fvkrt+cWJtK9CWECAAAAAOh34kSvWzQcu993WgzdckoM3jUSo9s2Rn3XEzG2a3MzVmyOrL77BT8kTUSkADE49JKozTksZi1Y3rEgMeHfv6c765ySLzXjRF7cmwAAAAAAECf6QtbsCtvOrsbsIxfE3DsOidlbV7zgYxp7trZ9TdNkpTsT73pzNbrhrns2xJpb10VeGtVDAwAAAACg33XnFWEKYffLqrHlzQMxtrjygu/LK0ysemO1FSe65TOfuznyU4usOj8AAAAAAPqdg9h9at7aRsy9oxF5OvHYiO9c1b3hnYfXb47jTv5Q5CWrDsfYwPIAAAAAAOh3Jif61I7Tq/H0W2tRz2dgIs48pdK1A9gTPnH5DZGnRmU4AAAAAAAQJ/pafXGlteYprXvqprTK6forarGgixuO/v7WdfHlHA9hJ43qggAAAAAAQJzoe43h8WPZO0/vzpdCui/xXz7Q/S+733nPn0eeWoewK7UAAAAAAECcoKm2KWL2Dxpx5hm3x6JFm6MThoeiFSW6efx6QpqYeHj9pshTo2qlEwAAAADABHGiz825sxELrhuL6taIxS/aHJ/6D/8mzl95Y7RTui+RDl+ndU7dlo5gf+Ly9v5+piqLwcisdAIAAAAA+JnuXiSmMCq7I4ZuabQmJvZ2/rk3xYrj7o8v/vnbYvPmRTFdaVrigxdW411vzq+BpSPYeU9NZNUuHtcAAAAAACgBkxN9KK1xWnjt2D7DxITjm3Hig++/orXqaTompiXyDBNpnVPeR7CTRm1JAAAAAADwLJMTfSatcZq3ttGanDiYxYs2x9svvCaW/dwjcf1N58aOHfMO+mNSlEh3JdJznoqwzinJqkORVWYFAAAAAADPEif6xIHWOB3ML73hW3HaqXfGn1zx/n2ueUrrm845sxqrfrmSe5SY8I73XJ37OqekXl0cAAAAAAA8nzjRB9Iap+Gbxo9eT1eaokjHstMExfU3rmy9L4WIN51ZaR26XlCgswppYmLNresibw5hAwAAAADsmzjR46ayxmky0rHsE49/JFa98oJ4ycLpH8vulBu+/r247PIbogjcmgAAAAAA2DdxokfNZI3TwRz783fG90ceicrgqjh86LQoinRn4nfe8+dRBGlqolF7UQAAAAAA8ELVoOekNU4Lrx3rSJiYsGNsU6x97L/EuqeujyJIYeKXzv10PD2yI4rA1AQAAAAAwP6JEz0mrXFacN3M7ktMxbonb4ibH/5gM1ZsjrykIJHCRBEOYCemJgAAAAAADkyc6BFpjdP8mxutVU7tui8xWWmK4uaHPxAPjnwzuq1oYSIxNQEAAAAAcGBuTvSAtMZp+KbuTUvsz72bVsfI7g2x4kXnx7yB7hzLTjcm7r5nQxSFqQkAAAAAgIMTJ0ourXGat7b70xL7s2HrbbF557o47cX/MhbNXRGdMjExUaQwkZiaAAAAAAA4OGudSirPNU4Hk9Y83bbxkx07ll3UMJFV5piaAAAAAACYBHGihNIap4XXjsXsHzSiyDpxLPvh9Zvj9Fd/onBhIqkPLA8AAAAAAA5OnCiZtMZpwXX535eYrDRF8fcbLm3LsewUJIp2/HpCo3poZJVZAQAAAADAwbk5URJpdVNa4VT0aYl9GW3smPGx7M987ltx2eU3tFY6Fc34EWy3JgAAAAAAJkucKIG0xmn4pvJMS+zPxLHsVxz+3lgwe+mkfkyKEZddfmMzTtwcRZXChKkJAAAAAIDJEycKLq1xmre2eEevp6u15umRS2PFi86LFYeef8CPTfcl/vlvfraQ9yUmpHVOjmADAAAAAEyNmxMFlWLE/JsbrVVOvRImnutgx7LTGqfTX/3vCh0mrHMCAAAAAJgekxMF1CtrnA5m4lj2iYtXxdJDzmy9L8WI91/y1Vhz67ooOuucAAAAAACmR5womF5b43Qw6Vj2937632PTznXx118Yij/5ZHFvSzyXdU4AAAAAANNnrVNB9Poap4NJx7KPevU34rCXZFF04+ucjggAAAAAAKZHnCiAtMZp4bVjMfsHjehnhzVf77/ypix+/V3FDhT1wWMjq9QCAAAAAIDpESdyltY4Lbiu9+9LTMVb3pnFpZ9vFHKKol47wp0JAAAAAIAZEidy0u9rnA7mhJdHfPzzWZy1sjiBolFdHI3a4gAAAAAAYGYcxM5BWuM0fJNpiYNJa55+79Islq/I4n9eVY3tOf55ZTEn6gPuTAAAAAAAtIPJiS6zxmnqznlrxKe+kt+ap3QAuz64PAAAAAAAaA9xokuscZqZvI5lj4eJY92ZAAAAAABoI3GiC9Iap4XXjsXsHzSCmen2sew0MSFMAAAAAAC0lzjRYdY4tV+3jmXXa0ubYWJuAAAAAADQXuJEh1jj1FkTx7LfdnFnplHqtSOiUTs0AAAAAABoP3GiA6xx6p50LPvKG9u75qlRW9J8LA4AAAAAADpDnGgza5y6b+JY9psumHmgSGGi3nwcVFaPSuPJqI1tbD4eeeaxsfm+kdb3AQAAAACwfwNBW6TVTWmFk2mJ/Fz0/iyOPi6Lv7yqEk/8pBJTNakwke2JWv3xqDae2ud3Vxubxn+u6qHjP5dj2gAAAAAALyBOtEFa4zR8k2mJIjhrZTqYncXVV0R89zuTDxTp+PXBbkxU608148PGqExiMiLFi0q2vfnz/lxk1fkBAAAAAMCzrHWaIWuciietefrAFVn8+rsOvuYpa/4nUK8dNYkw8XjU6hsmFSYmVLI9MTD2YGvSAgAAAACAZ4kT05TWOM2/udFa5ZTepnje8s7sgMeysxiM+uCxzTCx4MA/UbZzRoEhhY2B0ftaK6EAAAAAABAnpiWtcVp47Zj7EiWQpig+de0Lj2VPhImsMvfAP0Fr+uHhmKk0RTE4+sNm5NgUAAAAAAD9zs2JKUprnOatNS1RJkOHPP9Y9uOPzY/GwPJmmKgd9MemiYlK2yYe6lGtb2xNYjiWDQAAAAD0M5MTk2SNU/mlY9mX/rdqvOz0JZMKE+modXq0W/o50y2KSmNbAAAAAAD0I3FiEqpbrHHqFS9+ST0uu/JHsertjx34A7M941MOHeJYNgAAAADQz8SJg0hrnBauHovq1qCHrHrHY/H56/6pGSv2vbJpfJ1TPTrNsWwAAAAAoB+JE/uRVjfNW2ONUy9LYeJPv7QuXv+mJ5/3/kq2rSPrnPZn4lh2N39NAAAAAIA8iRP7MLHGae5d1jj1uqH59fj9j6yP3//w+p9NUVTHfhrdV4/a2IbWI7owsQEAAAAAkCdxYi/WOPWn15/zZFz22R/Fiw/fFtUsv0PV48eyf2jNEwAAAADQ08SJZ1jjRJqc+MUzH4i8ja95us+xbAAAAACgZw0ErTVOC64zLUHEP/1jJYoiHcuuNEZibGB5s1jMCgAAAACAXtH3cSKtcZq31rQEET/dGPHQ/VEolWxXDIw9GI3akmhUDw0AAAAAgF7Qt3EixYi5dzQcveZnHrq/OFMTz5XWPKVD2ZXazqhXlzTfUQsAAAAAgDLryzhhjRP78tC6KLRqfVNUGltibOAYa54AAAAAgFLruzhhjRP788RPovDSFEVa8zQ28FITFAAAAABAaVWjT6QYMW9NI4ZuESbYtyc2FnOt095agaL+UAAAAAAAlFVfTE5Y40SvqTS2Nx/bIqvODwAAAACAsun5OGGNE72q1ng8xsQJAAAAAKCEejZOpBgx945GzL2rETAZ84az5v+WY7VTkqYnIqu7PQEAAAAAlE5PxglrnJiOoRIOIaT7E1llbgAAAAAAlEnPxQlrnJiu5cdFCe1qPsQJAAAAAKBceiZOWOPETC1fUa61TgAAAAAAZdUTccIaJ9qhnJMTgwEAAAAAUDbVKLm0xmnhamGCmRs6JOKEl2dRJu5NAAAAAABlVNo4kdY4zVvTiKFb3JegfV5xVpRGVh1q/odQCwAAAACAsillnEhrnBZeO+a+BG131sqsNUFRBo3KoQEAAAAAUEalixPWONFJKUy89tzir3ZqVA+NRu1FAQAAAABQRqWJE9Y40S3nXlDsOJHFYDNMLAkAAAAAgLIqRZywxoluOuyIiF9/Z3EDRQoTWWVWAAAAAACUVeHjhDVO5OGcC7I47CXFCxQpTFjnBAAAAACUXWHjhDVO5CndnvjAfyxWnEjrnOrWOQEAAAAAPaCQccIaJ4pg+XERb7u4GF+DrTAxeGwAAAAAAPSCgSiYtMZp3lrTEhTDOW+N2L41i/95VSXykjUbYgoT7kwAAAAAAL2iMHEixYi5dzRMS1A4b3nmOHYegWJ8YmK5MAEAAAAA9JRCrHWyxomiS4Hi9y5ttG5RdMthR2Txml85tBkm5gYAAAAAQC/JfXLCGifK4qyVESe8vBEfe2clnvhJZ6cozrkgi19vBpGhQx6LE///PfHFPzsytm+tBQAAAABAL8htciLFiHlrGjF0izBBeRx2RMSVN41PURz2kiza7f97eRaXfr4Rb3t/9rMpjdef82T86TXr4sUv2RMAAAAAAL2gEl/L2v8K60GkNU4LrhuL6tagQM4/98Y4f+VNweR958aIv7xq5pMUKUq85V1ZnPDyA3/c6i8cHqu/eHgAAAAAAJRZ19c6WeNEL0mrns5amcX3/zGL736nEt//h4iH7j94qBg6JIujjos4/ays9XNM9pbFqnekNU/b4j9ftix++hNHsgEAAACAcupanEgxYu4dDUev6Ulp4uGEl48PIW3fmjUDRXqOeGJjeh6PFS8+Iot5zQix/Lj0dkxbihOXffZHrSmKb//NiwIAAAAAoGy6EiescaKfpCmI569nav/mtHR/4vc/sj6OfunOWP3fD3csGwAAAAAolY4fxE5rnBauFiagE1auesKxbAAAAACgdDoWJ9Iap3lrGjF0i/sS0EkpTHz+un+KVW9/LAAAAAAAyqAjcSKtcVp47Zj7EtBF6Vh2ukVhigIAAAAAKLq2xwlrnCA/E8eyX/+mJwMAAAAAoKjaFiescYJimDiW/fY/eDQAAAAAAIqoLXHCGiconnQsO92isOYJAAAAACiaGccJa5yguCaOZa/8jScCAAAAAKAoBmKa0uqmuXc0TEtACbz9Dx+No1+6M1Z/8fD46U9mBQAAAABAnqY1OWGNE5TP6895snUs+5WvGQkAAAAAgDxNOU5Y4wTlldY8XfInP45Vb38sAAAAAADyMuk4kdY4zVvTiKFbGq23gfJa9Y7HHMsGAAAAAHIzqThhjRP0nhQm/vRL6xzLBgAAAAC67qAHsdMap3lrTUtALxqaX3csGwAAAADouv1OTljjBP1j4lj2iadtCwAAAACATttnnLDGCfpPWvN02ZU/ciwbAAAAAOi4gcjidXu/c943xqKW/gF1JegjjeZfeCMTpPrdW96+sfl/C41Y/YUlAQAAAADQCf8PIzCr89NtYKUAAAAASUVORK5CYII="); background-repeat: no-repeat; display: flex; align-items: center; flex-direction: column; background-size: cover; background-position: center; } @media (min-width: 1200px) and (max-width: 1574px) { .search-banner { background-image: url("data:image/png;base64,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"); } } @media (min-width: 992px) and (max-width: 1199px) { .search-banner { background-image: url("data:image/png;base64,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"); } } @media (min-width: 768px) and (max-width: 991px) { .search-banner { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzY3IiBoZWlnaHQ9IjI1MCIgdmlld0JveD0iMCAwIDc2NyAyNTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxtYXNrIGlkPSJtYXNrMF8zOTI3XzMyMTI5IiBzdHlsZT0ibWFzay10eXBlOmFscGhhIiBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4PSIwIiB5PSIwIiB3aWR0aD0iNzY3IiBoZWlnaHQ9IjI1MCI+CjxyZWN0IHdpZHRoPSI3NjciIGhlaWdodD0iMjUwIiBmaWxsPSIjMDExNTkyIi8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMF8zOTI3XzMyMTI5KSI+CjxyZWN0IHk9Ii0xIiB3aWR0aD0iNzY3IiBoZWlnaHQ9IjI1MSIgZmlsbD0iIzAxMTU5MiIvPgo8Y2lyY2xlIGN4PSI1Ni40NjgzIiBjeT0iMTIzLjg2IiByPSI5My42MDIxIiBmaWxsPSIjMDYwRjY0Ii8+CjxlbGxpcHNlIGN4PSI1Ni44OTc3IiBjeT0iMTIzLjg2MiIgcng9IjYzLjcwMTQiIHJ5PSI2My4yNjgxIiBmaWxsPSJ3aGl0ZSIvPgo8ZWxsaXBzZSBjeD0iNTYuODk3MSIgY3k9IjEyMy44NiIgcng9IjQwLjMwMDkiIHJ5PSI0MC43MzQyIiBmaWxsPSIjMTM0M0ZCIi8+CjxjaXJjbGUgY3g9IjU2LjQ2NDIiIGN5PSIxMjMuODYiIHI9IjI2LjAwMDYiIGZpbGw9IiMwMTE1OTIiLz4KPGNpcmNsZSBjeD0iNzMuMzY1MiIgY3k9IjEyMS42OTMiIHI9IjQuNzY2NzciIGZpbGw9IndoaXRlIi8+CjxtYXNrIGlkPSJtYXNrMV8zOTI3XzMyMTI5IiBzdHlsZT0ibWFzay10eXBlOmFscGhhIiBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4PSItMTIzIiB5PSIyNiIgd2lkdGg9IjM1OSIgaGVpZ2h0PSIyNjQiPgo8cGF0aCBkPSJNLTEyMi4wMyAyODkuODRMMjM2IDI4NC4xMDZMLTEyMi4wMyAyNi45MjExTC0xMjIuMDMgMjg5Ljg0WiIgZmlsbD0iI0ZDQkQwMSIvPgo8L21hc2s+CjxnIG1hc2s9InVybCgjbWFzazFfMzkyN18zMjEyOSkiPgo8cGF0aCBkPSJNLTEyMi4wMyAyODkuODRMMjM2IDI4NC4xMDZMLTEyMi4wMyAyNi45MjExTC0xMjIuMDMgMjg5Ljg0WiIgZmlsbD0iI0IxREM2MiIvPgo8cGF0aCBkPSJNNTcuNDc3NSAyNTAuNjU4TDU3LjQ3NzUgMTUxLjc0NkwtNzQuNzYzOSAyNTAuNjU4TDU3LjQ3NzUgMjUwLjY1OFoiIGZpbGw9IiMxMzQzRkIiLz4KPHBhdGggZD0iTS0xMjIuMDMgMjYuOTIxMUwtMTIyLjAzIDI4OS44NEw1Ni45ODUxIDE1NS41MTNMLTEyMi4wMyAyNi45MjExWiIgZmlsbD0iIzAwQjBGRiIvPgo8L2c+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTQxLjc1IDE5MS45ODdDMTM3LjI2NSAxODguNzY1IDEzMS4wMTcgMTg5Ljc4OSAxMjcuNzk1IDE5NC4yNzVMMTI2LjMzNiAxOTYuMzA2TDEyNi4zMzUgMTk2LjMwNUwxMjUuNDg1IDE5Ny40ODhDMTE4LjIwOCAyMDcuNjE4IDEyMC41MjEgMjIxLjczIDEzMC42NTIgMjI5LjAwN0MxNDAuNzgyIDIzNi4yODQgMTU0Ljg5NCAyMzMuOTcxIDE2Mi4xNzEgMjIzLjg0TDE2My4wMiAyMjIuNjU4TDE2My4wMjEgMjIyLjY1OUwxNjQuNDggMjIwLjYyN0MxNjcuNzAyIDIxNi4xNDIgMTY2LjY3OCAyMDkuODkzIDE2Mi4xOTMgMjA2LjY3MUwxNDEuNzUgMTkxLjk4N1oiIGZpbGw9IiMwNjBGNjQiLz4KPHBhdGggZD0iTTgwMyAtMC45OTk5OTJMODAzIDEyNUw2NzcgLTAuOTk5OTk4TDgwMyAtMC45OTk5OTJaIiBmaWxsPSIjRkY1Qjg0Ii8+CjwvZz4KPC9zdmc+Cg=="); } } .search-banner .search-banner-title { margin-top: 80px; margin-bottom: 24px; text-align: center; } .search-banner .search-banner-title h3.title-white { font-family: "Montserrat"; font-style: normal; font-weight: bold; font-size: 26px; line-height: 30px; display: flex; align-items: center; color: #ffffff; margin: 0; padding: 0 48px; } @media (max-width: 992px) { .search-banner .search-banner-title h3.title-white { font-size: 18px; font-weight: 600; line-height: 22px; } } .search-banner .search-banner-field { width: 461px; margin: 0 auto; } @media (max-width: 600px) { .search-banner .search-banner-field { width: 343px; padding-right: 16px; padding-left: 16px; } } .search-bar-wrapper.search-bar-wrapper { font-family: "IBM Plex Sans Condensed"; font-size: 18px; font-weight: 400; position: relative; -webkit-text-decoration: none; text-decoration: none; text-transform: none; width: 100%; } .search-bar-wrapper.search-bar-wrapper *, .search-bar-wrapper.search-bar-wrapper *::-webkit-input-placeholder { font-style: normal; } .search-bar-wrapper.search-bar-wrapper .blur-div { position: absolute; width: 32px; height: 32px; left: 8px; top: 2px; background: linear-gradient(90deg, #ffffff 0%, rgba(255, 255, 255, 0) 105.88%); z-index: 1; } .search-bar-wrapper.search-bar-wrapper .search-bar-action { cursor: pointer; position: absolute; right: 0; top: 0; z-index: 1001; background: none; border: 0; padding: 0; margin-right: 4px; outline: 0; } .search-bar-wrapper.search-bar-wrapper .search-bar-action img { height: 36px; width: 36px; } .search-bar-wrapper.search-bar-wrapper .search-bar-clear { cursor: pointer; position: absolute; right: 49px; top: 0; z-index: 1001; padding: 0; } .search-bar-wrapper.search-bar-wrapper .search-bar-clear img { height: 36px; width: 36px; } .search-bar-wrapper.search-bar-wrapper .search-bar-vertical { border-left: 1px solid #d8d8d9; height: 19px; position: absolute; right: 44px; top: 9px; width: 1px; } .search-bar-wrapper.search-bar-wrapper input { align-items: center; background: #ffffff; border-radius: 8px; border: 1px solid #d8d8d9; box-sizing: border-box; color: #555563; display: flex; font-family: "IBM Plex Sans Condensed"; font-size: 14px; font-weight: 400; height: 36px; justify-content: space-between; letter-spacing: 0px; line-height: 18px; padding: 0 44px 0 12px; -webkit-text-decoration: none; text-decoration: none; text-transform: none; width: 100%; } .search-bar-wrapper.search-bar-wrapper input:focus { outline: 0; } .search-bar-wrapper.search-bar-wrapper input::-webkit-input-placeholder, .search-bar-wrapper.search-bar-wrapper input::-moz-placeholder, .search-bar-wrapper.search-bar-wrapper input:-ms-input-placeholder, .search-bar-wrapper.search-bar-wrapper input *:-moz-placeholder { color: #001c48; } .search-bar-wrapper.search-bar-wrapper .react-autosuggest__suggestions-container { display: none; } .search-bar-wrapper.search-bar-wrapper .react-autosuggest__suggestions-container--open { background-color: #fff; border-radius: 8px; z-index: 9101; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.5); color: #001c48; display: block; font-family: "IBM Plex Sans Condensed"; font-size: 16px; font-weight: 300; max-height: 460px; padding: 0px; padding-bottom: 8px; position: absolute; top: 36px; width: 100%; } @media (max-width: 768px) { .search-bar-wrapper.search-bar-wrapper .react-autosuggest__suggestions-container--open { padding: 20px 0; top: 37px; } } .search-bar-wrapper.search-bar-wrapper .react-autosuggest__suggestions-list { background-color: #fff; list-style-type: none; margin: 0; max-height: 400px; overflow-y: auto; padding: 0; border-radius: 8px; } .search-bar-wrapper.search-bar-wrapper .react-autosuggest__suggestions-list::-webkit-scrollbar { width: 3px; } .search-bar-wrapper.search-bar-wrapper .react-autosuggest__suggestions-list::-webkit-scrollbar-track { background: #f1f1f1; } .search-bar-wrapper.search-bar-wrapper .react-autosuggest__suggestions-list::-webkit-scrollbar-thumb { background: #888; } .search-bar-wrapper.search-bar-wrapper .react-autosuggest__suggestions-list::-webkit-scrollbar-thumb:hover { background: #555; } .search-bar-wrapper.search-bar-wrapper .react-autosuggest__suggestion { cursor: pointer; padding: 10px 20px; padding: 9px 12px; min-height: 36px; color: #555563; font-family: "IBM Plex Sans Condensed"; font-size: 14px; font-style: normal; font-weight: 400; line-height: 18px; letter-spacing: 0px; } .search-bar-wrapper.search-bar-wrapper .react-autosuggest__suggestion .highlighted-text { background-color: #fff; font-weight: 700; } .search-bar-wrapper.search-bar-wrapper .react-autosuggest__suggestion:hover { background: #f1f5f6; } .search-bar-wrapper.search-bar-wrapper .react-autosuggest__suggestion:hover .highlighted-text { background: #f1f5f6; } .search-bar-wrapper.search-bar-wrapper .react-autosuggest__suggestion--highlighted { background-color: #ddd; } .search-bar-wrapper.search-bar-wrapper .react-autosuggest__suggestion--highlighted .highlighted-text { background-color: #ddd; } .search-bar-container { z-index: auto; } .search-bar-open.search-bar-open { cursor: pointer; outline: none; background: none; border: 0; position: relative; padding: 0; margin-right: 8px; margin-left: 8px; } .search-bar-open.search-bar-open img { height: 36px; width: 36px; } .search-bar-ss-wrapper.search-bar-ss-wrapper { font-family: "IBM Plex Sans Condensed"; font-size: 18px; font-weight: 400; position: relative; -webkit-text-decoration: none; text-decoration: none; text-transform: none; width: 100%; } .search-bar-ss-wrapper.search-bar-ss-wrapper *, .search-bar-ss-wrapper.search-bar-ss-wrapper *::-webkit-input-placeholder { font-style: normal; } .search-bar-ss-wrapper.search-bar-ss-wrapper .blur-div { position: absolute; width: 32px; height: 55px; left: 8px; top: 2px; background: linear-gradient(90deg, #ffffff 0%, rgba(255, 255, 255, 0) 105.88%); z-index: 1; } .search-bar-ss-wrapper.search-bar-ss-wrapper .search-bar-close { cursor: pointer; position: absolute; top: 12px; right: 8px; } .search-bar-ss-wrapper.search-bar-ss-wrapper .search-bar-close img { height: 36px; width: 36px; } .search-bar-ss-wrapper.search-bar-ss-wrapper .search-bar-clear { cursor: pointer; position: absolute; z-index: 1001; top: 21px; right: 69px; font-family: "IBM Plex Sans Condensed"; font-style: normal; font-weight: normal; font-size: 14px; line-height: 18px; text-decoration-line: underline; color: #011592; } .search-bar-ss-wrapper.search-bar-ss-wrapper .search-bar-vertical { border-left: 1px solid #d8d8d9; height: 22px; position: absolute; right: 52px; top: 18px; width: 1px; } .search-bar-ss-wrapper.search-bar-ss-wrapper input { align-items: center; background: #ffffff; border: 0; box-sizing: border-box; color: #555563; display: flex; font-family: "IBM Plex Sans Condensed"; font-size: 14px; font-weight: 400; justify-content: space-between; letter-spacing: -0.03em; line-height: 18px; padding: 0 136px 0 12px; position: static; -webkit-text-decoration: none; text-decoration: none; text-transform: none; width: 100%; height: 60px; } .search-bar-ss-wrapper.search-bar-ss-wrapper input:focus { border: 0; outline: 0; } .search-bar-ss-wrapper.search-bar-ss-wrapper input::-webkit-input-placeholder, .search-bar-ss-wrapper.search-bar-ss-wrapper input::-moz-placeholder, .search-bar-ss-wrapper.search-bar-ss-wrapper input:-ms-input-placeholder, .search-bar-ss-wrapper.search-bar-ss-wrapper input *:-moz-placeholder { color: #001c48; } .search-bar-ss-wrapper.search-bar-ss-wrapper .react-autosuggest__suggestions-container { display: none; } .search-bar-ss-wrapper.search-bar-ss-wrapper .react-autosuggest__suggestions-container--open { background-color: #fff; border-radius: 8px; border: 1px solid #555563; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.5); color: #001c48; display: block; font-family: "IBM Plex Sans Condensed"; font-size: 16px; font-weight: 300; max-height: 460px; padding: 0px; position: absolute; top: 60px; width: 100%; padding-bottom: 8px; } .search-bar-ss-wrapper.search-bar-ss-wrapper .react-autosuggest__suggestions-list { background-color: #fff; list-style-type: none; margin: 0; max-height: 400px; overflow-y: auto; padding: 0; border-radius: 8px; } .search-bar-ss-wrapper.search-bar-ss-wrapper .react-autosuggest__suggestions-list::-webkit-scrollbar { width: 3px; } .search-bar-ss-wrapper.search-bar-ss-wrapper .react-autosuggest__suggestions-list::-webkit-scrollbar-track { background: #f1f1f1; } .search-bar-ss-wrapper.search-bar-ss-wrapper .react-autosuggest__suggestions-list::-webkit-scrollbar-thumb { background: #888; } .search-bar-ss-wrapper.search-bar-ss-wrapper .react-autosuggest__suggestions-list::-webkit-scrollbar-thumb:hover { background: #555; } .search-bar-ss-wrapper.search-bar-ss-wrapper .react-autosuggest__suggestion { padding: 9px 12px; height: 36px; cursor: pointer; padding: 10px 20px; padding: 9px 12px; min-height: 36px; color: #555563; font-family: "IBM Plex Sans Condensed"; font-size: 14px; font-style: normal; font-weight: 400; line-height: 18px; letter-spacing: 0px; } .search-bar-ss-wrapper.search-bar-ss-wrapper .react-autosuggest__suggestion .highlighted-text { background-color: #fff; font-weight: 700; } .search-bar-ss-wrapper.search-bar-ss-wrapper .react-autosuggest__suggestion:hover { background: #f1f5f6; } .search-bar-ss-wrapper.search-bar-ss-wrapper .react-autosuggest__suggestion:hover .highlighted-text { background: #f1f5f6; } .search-bar-ss-wrapper.search-bar-ss-wrapper .react-autosuggest__suggestion--highlighted { background-color: #ddd; } .search-bar-ss-wrapper.search-bar-ss-wrapper .react-autosuggest__suggestion--highlighted .highlighted-text { background-color: #ddd; } .section-hide.section-hide { display: none; } .tag-suggestion-container { display: flex; justify-content: center; margin: 0 20px; z-index: 1; } .tag-suggestion-wrapper { position: relative; display: flex; align-items: center; padding-bottom: 10px; } .tag-suggestion-wrapper .tag-suggestion-action { position: absolute; right: 21px; top: 17.5px; cursor: pointer; z-index: 1001; } .tag-suggestion-wrapper input { border: none; width: 300px; } .tag-suggestion-wrapper input:focus { outline: 0; } .tag-suggestion-wrapper input::-webkit-input-placeholder { color: #001c48; } .tag-suggestion-wrapper input::-moz-placeholder { color: #001c48; } .tag-suggestion-wrapper input:-ms-input-placeholder { color: #001c48; } .tag-suggestion-wrapper input *:-moz-placeholder { color: #001c48; } .tag-suggestion-wrapper .react-autosuggest__suggestions-container { display: none; } .tag-suggestion-wrapper .react-autosuggest__suggestions-container--open { display: block; position: absolute; width: calc(100% - 40px); top: 30px; right: 20px; left: 20px; max-height: 460px; padding: 30px 0; border: 1px solid #aaa; background-color: #fff; font-family: Helvetica, sans-serif; font-weight: 300; font-size: 16px; border-bottom-left-radius: 30px; border-bottom-right-radius: 30px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.5); color: #001c48; } .tag-suggestion-wrapper .react-autosuggest__suggestions-list { max-height: 400px; background-color: #fff; margin: 0; padding: 0; list-style-type: none; overflow-y: auto; } .tag-suggestion-wrapper .react-autosuggest__suggestions-list::-webkit-scrollbar { width: 3px; } .tag-suggestion-wrapper .react-autosuggest__suggestions-list::-webkit-scrollbar-track { background: #f1f1f1; } .tag-suggestion-wrapper .react-autosuggest__suggestions-list::-webkit-scrollbar-thumb { background: #888; } .tag-suggestion-wrapper .react-autosuggest__suggestions-list::-webkit-scrollbar-thumb:hover { background: #555; } .tag-suggestion-wrapper .react-autosuggest__suggestion { cursor: pointer; padding: 10px 20px; } .tag-suggestion-wrapper .react-autosuggest__suggestion .highlighted-text { font-weight: bold; background-color: #fff; } .tag-suggestion-wrapper .react-autosuggest__suggestion--highlighted { background-color: #ddd; } .tag-suggestion-wrapper .react-autosuggest__suggestion--highlighted .highlighted-text { background-color: #ddd; } .nav-filter-section { height: 36px; display: inline-block; display: flex; justify-content: flex-end; } .nav-filter-section p { width: 51px; height: 36px; font-family: "IBM Plex Sans Condensed"; font-size: 14px; font-style: normal; font-weight: 700; line-height: 18px; letter-spacing: 0px; text-align: left; color: #060f64; display: inline; } .nav-filter-section .res-per-page-selector { margin-left: 20px; width: 121px; } .nav-filter-section .res-per-page-selector .select { width: 64px; } .nav-filter-section.filter-footer { position: absolute; right: 16px; width: 121px; } .nav-filter-section.filter-footer .res-per-page-selector { margin-left: 0; } .nav-filter-section .attachment-filter-selector { display: flex; align-items: center; margin-right: 20px; } .nav-filter-section .attachment-filter-selector .attachment-switch { margin: 0; } .nav-filter-section .attachment-filter-selector .attachment-switch input:checked + .slider { background-color: #011592; } .nav-filter-section .attachment-filter-selector .attachment-switch .slider { background-color: #d8d8d8; } .nav-filter-section .attachment-filter-selector p { margin-left: 7px; width: auto; height: auto; font-style: normal; font-weight: 400; font-size: 14px; line-height: 18px; color: #555563; } .nav-filter-section .sort-filter-selector { width: 235px; } .nav-filter-section .sort-filter-selector .select { width: 176px; } .nav-filter-section .select { padding: 0; margin: 0; margin-left: 7px; display: inline-flex; flex-direction: column; position: relative; height: 36px; z-index: 20; font-family: IBM Plex Sans Condensed; font-size: 14px; font-style: normal; font-weight: 400; line-height: 18px; letter-spacing: 0px; text-align: left; color: #555563; } .nav-filter-section .option { margin: 0; padding: 0 30px 0 10px; min-height: 36px; display: flex; align-items: center; background: white; position: absolute; top: 0; width: 100%; pointer-events: none; order: 2; z-index: 21; box-sizing: border-box; white-space: nowrap; } .nav-filter-section .option img { position: absolute; width: 24px; right: 2px; margin-top: 6px; margin-bottom: 6px; } .nav-filter-section .option:hover { background: #f1f5f6; } .nav-filter-section .select:focus .option { position: relative; pointer-events: all; } .nav-filter-section .sort-filter-selector.full-filter .select:focus input + .option[for=opt1], .nav-filter-section .sort-filter-selector.full-filter .select:focus input + .option[for=opt2] { min-height: 54px; align-items: flex-start; padding-top: 9px; padding-bottom: 9px; } .nav-filter-section .sort-filter-selector.full-filter .select:focus input + .option[for=opt1] img, .nav-filter-section .sort-filter-selector.full-filter .select:focus input + .option[for=opt2] img { margin-top: 15px; margin-bottom: 15px; } .nav-filter-section .sort-filter-selector.full-filter .select:focus input + .option[for=opt1]::after { position: absolute; margin: 0; padding: 0; white-space: pre; } .nav-filter-section .sort-filter-selector.full-filter .select:focus input + .option[for=opt2]::after { position: absolute; margin: 0; padding: 0; white-space: pre; } .nav-filter-section .sort-filter-selector.full-filter .select:focus input + .option[for=opt1]::after { content: "\a(plus récent en premier)"; } .nav-filter-section .sort-filter-selector.full-filter .select:focus input + .option[for=opt2]::after { content: "\a(plus ancien en premier)"; } .nav-filter-section input { opacity: 0; position: absolute; left: -99999px; } .nav-filter-section .select .choiceSelected { margin: 0; padding: 0 30px 0 10px; min-height: 36px; display: flex; align-items: center; top: 0; width: 100%; pointer-events: none; box-sizing: border-box; white-space: nowrap; background: white; order: 1; z-index: 22; position: relative; border: 1px solid #d8d8d9; border-radius: 8px; } .nav-filter-section .select .choiceSelected .chevron-down-icon { position: absolute; right: 0px; height: 32px; margin: 2px; } .nav-filter-section .select:focus .choiceSelected { border: 1px solid #555563; border-radius: 8px; border-bottom: none; border-radius: 8px 8px 0 0; } .nav-filter-section .select:focus input + label { border: 1px solid #555563; border-radius: 0px; border-top: none; border-bottom: none; } .nav-filter-section .select:focus input + label:last-child { border-bottom: 1px solid #555563; border-radius: 0 0 8px 8px; } @media (max-width: 991px) { div.search-result-card-mobile { display: flex; margin-bottom: 0; } div.search-result-card-mobile .search-result-card-header { flex: 1; margin-right: 16px; } } @media (max-width: 991px) and (max-width: 767px) { div.search-result-card-mobile .search-result-card-header { margin-right: 8px; } } @media (max-width: 991px) and (max-width: 408px) { div.search-result-card-mobile .search-result-card-header { max-height: 92px; } } @media (max-width: 991px) { div.search-result-card-mobile .search-result-card-body { width: 58%; margin-top: 5px; } } @media (max-width: 991px) and (max-width: 767px) { div.search-result-card-mobile .search-result-card-body { width: 50%; margin-left: 8px; margin-top: 0; } } @media (max-width: 991px) { div.search-result-card-mobile .search-result-card-body span.favorite { top: -12px; } } @media (max-width: 991px) and (max-width: 767px) { div.search-result-card-mobile .search-result-card-body span.favorite { top: -8px; } } @media (max-width: 991px) { div.search-result-card-mobile .search-result-card-body div.search-result-card-content { max-height: 90%; } div.search-result-card-mobile .search-result-card-body div.search-result-card-category-container { max-height: 20px; } } @media (max-width: 991px) and (max-width: 991px) { div.search-result-card-mobile .search-result-card-body div.search-result-card-category-container { max-height: 37px; } } @media (max-width: 991px) and (max-width: 767px) { div.search-result-card-mobile .search-result-card-body div.search-result-card-category-container { max-height: 42px; align-items: start; } } @media (max-width: 991px) { div.search-result-card-mobile .search-result-card-body div.search-result-card-category-container .search-result-card-title { color: #060f64; font-weight: 600; font-size: 15px; line-height: 18px; width: 80%; white-space: normal; overflow: hidden; text-overflow: ellipsis; position: relative; margin-top: 0; display: inline-block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } div.search-result-card-mobile .search-result-card-body div.search-result-card-text .search-result-card-description p { font-size: 12px; line-height: 14px; margin-bottom: 0; max-height: 42px; white-space: normal; overflow: hidden; text-overflow: ellipsis; position: relative; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } } @media (max-width: 991px) and (max-width: 767px) { div.search-result-card-mobile .search-result-card-body div.search-result-card-text .search-result-card-description p { max-height: 56px; -webkit-line-clamp: 4; } } @media (max-width: 991px) { div.search-result-card-mobile .search-result-card-body div.search-result-card-text .search-result-card-description { margin-bottom: 0; } div.search-result-card-mobile .search-result-card-body .search-result-card-text { max-height: 42px; margin-top: 8px; } } @media (max-width: 991px) and (max-width: 767px) { div.search-result-card-mobile .search-result-card-body .search-result-card-text { max-height: 56px; margin-top: 0px; } } @media (max-width: 991px) { div.search-result-card-mobile .search-result-card-body .search-result-card-control { margin-bottom: 12px; height: 22px; } } .popover { border: 1px solid #D8D8D9; border-radius: 2px; padding: 10px; padding-right: 15px; z-index: 100; } .popover a.more-action { font-family: "IBM Plex Sans Condensed"; font-style: normal; font-weight: 700; font-size: 14px; line-height: 18px; /* identical to box height, or 129% */ display: flex; align-items: center; cursor: pointer; /* Blue/bleu Teleqc */ color: #011592; margin-bottom: 5px; margin-top: 5px; } div.search-result-card { width: 100%; cursor: pointer; background: transparent; margin-bottom: 20px; z-index: 10; } div.search-result-card.favorite-category-card .title-wrapper { display: flex; align-items: center; justify-content: space-between; } div.search-result-card.favorite-category-card .title-wrapper > img { margin-right: 10px; } div.search-result-card.favorite-category-card .title-wrapper h3.title { margin: 0; } div.search-result-card.favorite-category-card .title-wrapper h3.title p { font-weight: 700; font-size: 26px; line-height: 30px; } @media (max-width: 991px) { div.search-result-card { margin-bottom: 0; } } div.search-result-card:hover .search-result-card-title { color: #011592; } div.search-result-card .blue-overlay { opacity: 0.1; } div.search-result-card:hover .blue-overlay { opacity: 0.1; } div.search-result-card:hover .search-result-card-text .search-result-card-title { color: #011592; } div.search-result-card:hover img.search-result-card-banner { transform: scale(1.3); } div.search-result-card > span:nth-last-child(2) { position: absolute; right: 4px; cursor: pointer; margin-top: 9px; } div.search-result-card img { width: 25px; } div.search-result-card .favorite.favorite-search { top: -7px; } @media (max-width: 991px) { div.search-result-card .favorite.favorite-search { top: -1px; } } @media (max-width: 767px) { div.search-result-card .favorite.favorite-search { top: -5px; } } div.search-result-card .action-wrapper { display: flex; position: relative; } div.search-result-card .action-wrapper .popover { position: absolute; max-width: none; max-width: initial; max-height: none; max-height: initial; right: 0px; width: 200px; top: 30px; background-color: white; } div.search-result-card .favorite { position: absolute; top: 9px; right: 5px; } div.search-result-card .favorite.myspace { position: relative; top: 0; right: 0; } div.search-result-card .favorite img { width: 17px; height: 15px; margin: 0; } div.search-result-card .favorite img:active { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxOSAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2LjQzMyAzLjA4OTUxQzE2LjAyNDQgMi42ODA3MSAxNS41MzkzIDIuMzU2NDMgMTUuMDA1MyAyLjEzNTE4QzE0LjQ3MTMgMS45MTM5MyAxMy44OTkgMS44MDAwNSAxMy4zMjEgMS44MDAwNUMxMi43NDMgMS44MDAwNSAxMi4xNzA3IDEuOTEzOTMgMTEuNjM2NyAyLjEzNTE4QzExLjEwMjggMi4zNTY0MyAxMC42MTc2IDIuNjgwNzEgMTAuMjA5IDMuMDg5NTFMOS4zNjEwMyAzLjkzNzUxTDguNTEzMDMgMy4wODk1MUM3LjY4NzY4IDIuMjY0MTYgNi41NjgyNiAxLjgwMDQ4IDUuNDAxMDMgMS44MDA0OEM0LjIzMzgxIDEuODAwNDggMy4xMTQzOSAyLjI2NDE2IDIuMjg5MDMgMy4wODk1MUMxLjQ2MzY4IDMuOTE0ODYgMSA1LjAzNDI4IDEgNi4yMDE1MUMxIDcuMzY4NzQgMS40NjM2OCA4LjQ4ODE2IDIuMjg5MDMgOS4zMTM1MUwzLjEzNzAzIDEwLjE2MTVMOS4zNjEwMyAxNi4zODU1TDE1LjU4NSAxMC4xNjE1TDE2LjQzMyA5LjMxMzUxQzE2Ljg0MTggOC45MDQ5IDE3LjE2NjEgOC40MTk3NiAxNy4zODc0IDcuODg1NzlDMTcuNjA4NiA3LjM1MTgzIDE3LjcyMjUgNi43Nzk1IDE3LjcyMjUgNi4yMDE1MUMxNy43MjI1IDUuNjIzNTIgMTcuNjA4NiA1LjA1MTE5IDE3LjM4NzQgNC41MTcyM0MxNy4xNjYxIDMuOTgzMjYgMTYuODQxOCAzLjQ5ODExIDE2LjQzMyAzLjA4OTUxWiIgZmlsbD0iIzAxMTU5MiIgc3Ryb2tlPSIjMDExNTkyIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4KCg=="); background-repeat: no-repeat; } div.search-result-card.favorite { box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.5); } div.search-result-card .search-result-card-category-container { display: flex; justify-content: space-between; align-items: center; height: 50px; padding-top: 2px; } div.search-result-card .search-result-card-category-container span.search-result-card-category { position: relative; background: none; letter-spacing: 3px; font-style: normal; font-weight: 700; font-size: 13px; line-height: 14px; color: #1343fb; font-family: "IBM Plex Sans Condensed"; text-transform: uppercase; width: 80%; } div.search-result-card .search-result-card-category-container span.search-result-card-category::before { content: "—"; margin-right: 8px; } div.search-result-card .search-result-card-category-container span.search-result-card-category-list { position: relative; background: none; letter-spacing: 3px; font-style: normal; font-weight: 700; font-size: 13px; line-height: 14px; color: #011592; font-family: "IBM Plex Sans Condensed"; text-transform: uppercase; width: 80%; } div.search-result-card div.search-result-card-content { height: 100%; display: flex; flex-direction: column; justify-content: space-between; } div.search-result-card div.search-result-card-content div.search-result-card-text p { margin-top: 0; height: 72px; } div.search-result-card div.search-result-card-content .search-result-card-title { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-weight: 700; font-size: 26px; line-height: 33px; min-height: 59px; margin-bottom: 8px; margin-top: 0; color: #060f64; } div.search-result-card div.search-result-card-content .search-result-card-title p { overflow: hidden; } @media (max-width: 1199px) { div.search-result-card div.search-result-card-content .search-result-card-title { font-weight: 600; font-size: 18px; line-height: 22px; min-height: 44px; } } @media (max-width: 991px) { div.search-result-card div.search-result-card-content .search-result-card-title { font-size: 18px; line-height: 22px; min-height: 45px; } } div.search-result-card div.search-result-card-content .search-result-card-description p { display: -webkit-box; overflow: hidden; font-family: "IBM Plex Sans Condensed"; text-overflow: ellipsis; -webkit-line-clamp: 4; -webkit-box-orient: vertical; font-style: normal; font-weight: 400; font-size: 14px; line-height: 18px; color: #555563; word-break: break-word; } div.search-result-card div.search-result-card-content .search-result-card-description p p { margin-bottom: 12px; overflow: hidden; } div.search-result-card div.search-result-card-content .search-result-card-description p:not(:first-child) { display: none; } div.search-result-card .folder-image { -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjYyIiBoZWlnaHQ9IjE0NyIgdmlld0JveD0iMCAwIDI2MiAxNDciIGZpbGw9IiMwMDAwMDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik02Mi40MzMzIDEwLjE1MUwyNDIuMDkzIDExLjAwNzVDMjUyLjgyNiAxMS4wNTg3IDI2MS41IDE5Ljc3NCAyNjEuNSAzMC41MDczVjEyN0MyNjEuNSAxMzcuNzcgMjUyLjc3IDE0Ni41IDI0MiAxNDYuNUgwLjVWNUMwLjUgMi41MTQ3MiAyLjUxNDcyIDAuNSA1IDAuNUg0NUg0OC43NDA3QzQ5Ljk5NjggMC41IDUxLjE5NTcgMS4wMjUwMSA1Mi4wNDc2IDEuOTQ4MDlMNTcuNjg3NiA4LjA1OTM4QzU4LjkxMDggOS4zODQ4IDYwLjYyOTcgMTAuMTQyNCA2Mi40MzMzIDEwLjE1MVoiIHN0cm9rZT0ibm9uZSIvPgo8L3N2Zz4K") no-repeat; mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjYyIiBoZWlnaHQ9IjE0NyIgdmlld0JveD0iMCAwIDI2MiAxNDciIGZpbGw9IiMwMDAwMDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik02Mi40MzMzIDEwLjE1MUwyNDIuMDkzIDExLjAwNzVDMjUyLjgyNiAxMS4wNTg3IDI2MS41IDE5Ljc3NCAyNjEuNSAzMC41MDczVjEyN0MyNjEuNSAxMzcuNzcgMjUyLjc3IDE0Ni41IDI0MiAxNDYuNUgwLjVWNUMwLjUgMi41MTQ3MiAyLjUxNDcyIDAuNSA1IDAuNUg0NUg0OC43NDA3QzQ5Ljk5NjggMC41IDUxLjE5NTcgMS4wMjUwMSA1Mi4wNDc2IDEuOTQ4MDlMNTcuNjg3NiA4LjA1OTM4QzU4LjkxMDggOS4zODQ4IDYwLjYyOTcgMTAuMTQyNCA2Mi40MzMzIDEwLjE1MVoiIHN0cm9rZT0ibm9uZSIvPgo8L3N2Zz4K") no-repeat; -webkit-mask-size: 100%; mask-size: 100%; border-radius: 6px 20px 20px 0; } div.search-result-card .search-result-card-banner-wrapper { position: relative; overflow: hidden; border-radius: 20px 20px 20px 0; } div.search-result-card .search-result-card-banner-wrapper img.search-result-card-banner { width: 100%; height: 100%; max-height: 185px; transition: all 0.7s; aspect-ratio: 16/9; } @media (max-width: 409px) { div.search-result-card .search-result-card-banner-wrapper img.search-result-card-banner { /*height: 152px;*/ background-color: white; } } div.search-result-card .search-result-card-banner-wrapper span.search-result-card-play { display: none; position: absolute; top: 41%; right: 43%; padding: 3px 9px 5px 14px; border-radius: 100px; background: rgba(0, 162, 241, 0.5); cursor: pointer; } div.search-result-card .search-result-card-banner-wrapper span.search-result-card-play img { width: 12px; height: 12px; } div.search-result-card .search-result-card-banner-wrapper span.media-duration { background-color: #060f64; font-family: "IBM Plex Sans Condensed"; color: white; font-weight: bold; font-size: 12px; line-height: 14px; color: #ffffff; position: absolute; bottom: 4px; left: 4px; padding: 1px 3px; border-radius: 2px; } div.search-result-card .search-result-card-banner-wrapper .search-result-card-attachement { right: 20px; text-align: center; position: absolute; background: #1343fb; border-top-right-radius: 2px; border-bottom-left-radius: 2px; } div.search-result-card .search-result-card-banner-wrapper .search-result-card-attachement img { height: 28px; width: 28px; } div.search-result-card .search-result-card-banner-wrapper .search-result-card-pin { position: absolute; top: 8px; left: 8px; background: rgba(1, 21, 146, 0.6); display: flex; margin: auto; padding: 10px; border-radius: 100%; } div.search-result-card .search-result-card-banner-wrapper .search-result-card-pin img { width: 23px; height: 23px; } div.search-result-card .search-result-card-banner-wrapper.folder-image { border-radius: 6px 20px 20px 0; } .bottom-border { border-top: 1px solid; height: 0; } div.search-result-card-control { display: flex; justify-content: space-between; align-items: center; } div.search-result-card-control img { margin-right: 13px; margin-left: 5px; } div.search-result-card-control .search-result-card-label { display: flex; align-items: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: 600; font-size: 14px; line-height: 14px; color: #060f64; margin-top: 2px; font-family: "IBM Plex Sans Condensed"; } div.search-result-card-control .search-result-card-label i { font-size: 20px; margin-right: 6px; } @media (max-width: 409px) { div.search-result-card-control .search-result-card-label { width: 200px; } } div.search-result-card-control .search-result-card-label-count { margin-bottom: 4px; font-size: 12px; font-weight: 700; } div.search-result-card-control .search-result-card-label-icon { width: 25px; top: -2px; } div.search-results { display: grid; grid-template-columns: repeat(1, minmax(0, 1fr)); grid-column-gap: 30px; grid-row-gap: 20px; max-width: 1045px; margin: 0 15px; } @media (min-width: 992px) { div.search-results { grid-template-columns: repeat(3, minmax(0, 1fr)); grid-column-gap: 16px; } } @media (min-width: 1200px) { div.search-results { grid-column-gap: 32px; } } div.search-results .block { margin: 0 auto; } div.search-results .bottom-border { border-top: 1px solid; height: 0; margin-top: 2px; margin-bottom: 2px; } @media (min-width: 992px) { div.search-results .bottom-border { display: none; } } div.search-results [class~=bottom-border]:last-of-type { display: none; } div.search-results-footer { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; margin-top: 50px; } div.search-results-footer span.search-results-next { cursor: pointer; color: #010e5b; height: 36px; width: 36px; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjYgMjAuOEwxOC40IDE2TDEzLjYgMTEuMiIgc3Ryb2tlPSIjMDExNTkyIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K"); background-position: center; } div.search-results-footer span.search-results-next:hover { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjYgMjAuOEwxOC40IDE2TDEzLjYgMTEuMiIgc3Ryb2tlPSIjMDYwRjY0IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K"); } div.search-results-footer span.search-results-next.disabled { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjYgMjAuOEwxOC40IDE2TDEzLjYgMTEuMiIgc3Ryb2tlPSIjRTVFNUU1IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K"); } div.search-results-footer span.search-results-prev { cursor: pointer; color: #010e5b; height: 36px; width: 36px; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE4LjQgMjAuOEwxMy42IDE2TDE4LjQgMTEuMiIgc3Ryb2tlPSIjMDExNTkyIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K"); background-position: center; } div.search-results-footer span.search-results-prev:hover { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE4LjQgMjAuOEwxMy42IDE2TDE4LjQgMTEuMiIgc3Ryb2tlPSIjMDYwRjY0IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K"); } div.search-results-footer span.search-results-prev.disabled { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE4LjQgMjAuOEwxMy42IDE2TDE4LjQgMTEuMiIgc3Ryb2tlPSIjRTVFNUU1IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K"); } div.search-results-footer span.search-results-dots { font-family: "IBM Plex Sans Condensed"; font-size: 14px; font-style: normal; font-weight: 400; line-height: 18px; letter-spacing: 0px; text-align: center; color: #555563; margin: 0 12px; } div.search-results-footer .outline-search-results-button { height: 36px; margin: 0 6px; padding: 0 12px; font-family: "IBM Plex Sans Condensed"; font-style: normal; font-weight: normal; font-size: 14px; line-height: 18px; display: flex; align-items: center; color: #011592; cursor: pointer; } div.search-results-footer .outline-search-results-button:hover { color: #060f64; font-weight: 700; } @media (min-width: 992px) { div.search-results-footer .outline-search-results-button { margin: 0; } } @media (max-width: 767px) { div.search-results-footer .outline-search-results-button.big-number { margin: 0; padding: 0 6px; } } div.search-results-footer .blue-search-results-button { background: #f1f5f6; border-radius: 8px; font-weight: bold; color: #1343fb; } div.search-results-footer div.search-results-page-options { margin-left: 50px; display: flex; align-items: center; position: relative; font-weight: 600; } @media (max-width: 430px) { div.search-results-footer div.search-results-page-options { padding: 4px 10px; margin-left: 15px; } } @media (max-width: 330px) { div.search-results-footer div.search-results-page-options { margin-left: 5px; } } div.search-results-footer div.search-results-page-options > span { font-size: 16px; line-height: 22px; text-align: right; color: #1343fb; cursor: pointer; } div.search-results-footer div.search-results-page-options div.search-results-page-options-tooltip { position: absolute; top: -130px; width: 243px; right: -225px; max-width: none; max-width: initial; max-height: none; max-height: initial; padding: 18px 16px; background: #fff; border: 1px solid #d8d8d9; box-sizing: border-box; box-shadow: 1px 4px 4px rgba(0, 0, 0, 0.15); border-radius: 8px; z-index: 10002; font-weight: 600; } @media (max-width: 1299px) { div.search-results-footer div.search-results-page-options div.search-results-page-options-tooltip { right: 0; } } div.search-results-footer div.search-results-page-options div.search-results-page-options-tooltip > div { padding-left: 10px; } div.search-results-footer div.search-results-page-options div.search-results-page-options-tooltip > div:hover span { border-bottom: 2px solid #1343fb; } div.search-results-footer div.search-results-page-options div.search-results-page-options-tooltip > div.active span { border-bottom: 2px solid #1343fb; } div.search-results-footer div.search-results-page-options div.search-results-page-options-tooltip span { font-size: 16px; line-height: 22px; text-align: right; color: #1343fb; cursor: pointer; } div.search-results-footer div.search-results-page-options > img { margin-left: 10px; cursor: pointer; } /* ------------- search header ------------ */ @media (max-width: 767px) { .search-header-wrapper { padding-left: 17px; padding-right: 17px; } } .search-header-container { padding-top: 25px; } .search-header-container hr { width: 100%; height: 1px; margin: 26px 0; border: none; background-color: #d8d8d9; } .search-header { font-size: 16px; font-weight: 600; line-height: 22px; margin-bottom: 15px; } .search-header .submenu .submenu-item { cursor: pointer; } .search-header .submenu .submenu-item:last-child { margin-bottom: 0; } .search-header .search-header-nav { display: flex; flex-wrap: wrap; justify-content: space-between; color: #1343fb; margin-bottom: 26px; } .search-header .search-header-nav .result { color: #555563; font-family: "IBM Plex Sans Condensed"; font-size: 12px; font-style: normal; font-weight: 400; line-height: 14px; letter-spacing: 0px; display: flex; align-items: center; margin-left: 16px; } @media (max-width: 767px) { .search-header .search-header-nav .result { margin-left: 0; } } .search-header .search-header-nav .nav-section { display: flex; margin-right: 16px; } @media (max-width: 767px) { .search-header .search-header-nav .nav-section { margin-right: 0; } } .search-header .search-header-nav .nav-section .nav-item { margin-right: 30px; padding-bottom: 20px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; border-bottom: 6px solid white; } .search-header .search-header-nav .nav-section .nav-item:last-child { margin-right: 0; } .search-header .search-header-nav .nav-section .nav-item.active { color: #000000; border-bottom: 6px solid #d8d8d9; } .search-header .search-header-nav .nav-section .nav-item:hover { border-bottom: 6px solid #d8d8d9; } .search-header .search-header-nav .nav-section .nav-item .item { cursor: pointer; } .search-header .search-header-nav .nav-section .nav-item .item:hover { background-color: #d8d8d9; } .search-header .search-header-nav .nav-section .nav-item .toggle-icon { margin-left: 5px; } @media (max-width: 767px) { .search-header .search-header-nav .nav-section .nav-item { padding-bottom: 5px; } } .search-header .search-header-nav .tooltip-dropdown .nav-item { padding-bottom: 0; border: none; } @media (max-width: 768px) { .search-header .search-header-nav .search-sorting-dropdown-menu { left: -150px; min-width: 220px; text-align: right; } .search-header .search-header-nav .search-sorting-dropdown-menu .nav-item { margin: 15px 0; color: #1343fb; } .search-header .search-header-nav .search-sorting-dropdown-menu .nav-item.active { color: #000000; border-bottom: none; } } .search-header .search-header-nav .other-menu { position: absolute; top: 53px; right: 0px; text-align: right; z-index: 1000; } .search-header .search-header-nav .other-menu .submenu-item:hover { background-color: #d8d8d9; } .search-header .search-header-nav .menu-tooltip { position: relative; border-radius: 10px; padding: 18px 16px; background: #fff; border: 1px solid #d8d8d9; box-sizing: border-box; box-shadow: 1px 4px 4px rgba(0, 0, 0, 0.15); } .search-header .search-header-bottom { display: flex; margin-bottom: 42px; } .search-header .mb-4 { margin-bottom: 1.2em; } .search-header .filter-label { margin-top: 9px; color: #011592; } .search-header .search-filter-image { width: 32px; height: 18px; margin: 14px 20px 0; } .search-header .filter-clear { margin-left: 16px; font-family: "IBM Plex Sans Condensed"; font-size: 14px; font-style: normal; font-weight: 700; line-height: 13px; letter-spacing: 0px; text-align: left; color: #011592; text-decoration-line: underline; cursor: pointer; } .filter-set { display: flex; flex-wrap: wrap; min-height: 32px; } @media (max-width: 767px) { .filter-set { margin-top: 20px; } } .filter-set .filter-clear { font-family: "IBM Plex Sans Condensed"; font-size: 14px; font-style: normal; font-weight: 700; line-height: 18px; letter-spacing: 0px; text-align: left; color: #011592; text-decoration-line: underline; cursor: pointer; margin: 0; align-self: center; margin-left: 16px; margin-bottom: 17px; } .filter-set .filter-clear:hover, .filter-set .filter-clear:active { color: #060f64; } .filter-set .filter-clear:focus { color: #060f64; border-radius: 2px; outline: 3px solid #1343fb; padding: 2px 4px; } .filter { display: flex; justify-content: space-between; align-items: center; padding: 5px 2px 5px 14px; border: 1px solid #011592; border-radius: 16px; color: #011592; background-color: #fff; font-family: "IBM Plex Sans Condensed"; font-size: 14px; font-style: normal; font-weight: 700; line-height: 18px; letter-spacing: 0px; text-align: left; height: 32px; margin-bottom: 16px; } @media (max-width: 767px) { .filter { background-color: #f1f5f6; } } .filter:hover, .filter:active, .filter:focus { color: #060f64; background: rgba(1, 21, 146, 0.1); } .filter:hover .close-icon, .filter:active .close-icon, .filter:focus .close-icon { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIwLjggMTEuMkwxMS4yIDIwLjgiIHN0cm9rZT0iIzA2MEY2NCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTExLjIgMTEuMkwyMC44IDIwLjgiIHN0cm9rZT0iIzA2MEY2NCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg=="); } .filter:active { border: 1px solid #1343fb; } .filter:focus { border: 2px solid #1343fb; } .filter:not(div:last-of-type) { margin-right: 8px; } .filter .close-icon { width: 32px; height: 32px; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIwLjggMTEuMkwxMS4yIDIwLjgiIHN0cm9rZT0iIzAxMTU5MiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTExLjIgMTEuMkwyMC44IDIwLjgiIHN0cm9rZT0iIzAxMTU5MiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg=="); background-position: center; cursor: pointer; } .search-sorting-section { width: 100%; background-color: #f1f5f6; padding: 30px 24px 0px 28px; } @media (max-width: 767px) { .search-sorting-section { padding: 16px 24px 0px 16px; } } .search-sorting-section .collapse-icon, .search-sorting-section .expand-icon { position: absolute; right: 0; top: 14px; cursor: pointer; z-index: 1000; } .search-sorting-section .search-sorting-header { display: flex; align-items: flex-end; padding-bottom: 25px; justify-content: space-between; } @media (max-width: 767px) { .search-sorting-section .search-sorting-header { padding-bottom: 16px; } } .search-sorting-section .search-sorting-header .search-sorting-title { font-family: "Montserrat"; font-size: 18px; font-style: normal; font-weight: 600; line-height: 22px; letter-spacing: 0px; text-align: left; color: #000000; margin: 0; } @media (max-width: 767px) { .search-sorting-section .search-sorting-header .search-sorting-title { font-family: "IBM Plex Sans Condensed"; font-size: 14px; font-style: normal; font-weight: 700; line-height: 18px; color: #011592; cursor: pointer; } } .search-sorting-section .search-sorting-header .search-sorting-reset { color: #1343fb; font-weight: 600; font-size: 16px; line-height: 14px; padding-bottom: 5px; -webkit-text-decoration: none; text-decoration: none; } .search-sorting-section .search-sorting-header .search-sorting-reset img { margin-left: 10px; } .search-sorting-section .filter-group { position: relative; padding-top: 15px; border-top: 1px solid #011592; } .search-sorting-section .filter-group > div { display: flex; } .search-sorting-section .filter-group .search-sorting-row { display: flex; align-items: center; margin-bottom: 5px; justify-content: space-between; padding-right: 20px; padding-left: 20px; } .search-sorting-section .filter-group .search-sorting-row .search-sorting-label { font-weight: 600; font-size: 14px; line-height: 16px; color: #011592; } .search-sorting-section .filter-group .search-sorting-row .search-sorting-label .search-sorting-search-count { font-weight: normal; font-size: 14px; color: #00a2f1; margin-left: 3px; } .search-sorting-section .search-sorting-group-title { color: #011592; font-family: IBM Plex Sans Condensed; font-size: 18px; font-style: normal; font-weight: 700; line-height: 22px; letter-spacing: 0.2px; text-align: left; margin-bottom: 10px; cursor: pointer; } .search-sorting-section .search-sorting-tags { display: flex; flex-wrap: wrap; } .search-sorting-section .search-sorting-tags .search-sorting-tag { display: flex; margin-bottom: 10px; margin-right: 10px; } .search-sorting-section .search-sorting-tags .search-sorting-tag span.outline-search-sorting-button { color: #011592; font-size: 14px; line-height: 14px; padding: 8px 18px; background-color: white; border: 1px solid #d8d8d9; border-radius: 40px; margin-right: 10px; cursor: pointer; } .search-sorting-section .search-sorting-tags .search-sorting-tag span.outline-search-sorting-button:hover { border: 1px solid #011592; } .search-sorting-section .search-sorting-tags .search-sorting-tag span.outline-search-sorting-button > img { margin-left: 10px; bottom: -2px; position: relative; } .search-sorting-section .search-sorting-tags .search-sorting-tag span.blue-search-sorting-button { color: white; background-color: #011592; font-weight: 600; } .switch { position: relative; display: inline-block; width: 39px; height: 22px; margin-right: 40px; } .switch input { opacity: 0; width: 0; height: 0; } .switch .slider.round { border-radius: 34px; height: 22px; } .switch .slider.round:before { border-radius: 50%; } .switch .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #00a2f1; transition: 0.4s; } .switch .slider:before { position: absolute; content: ""; height: 17px; width: 17px; left: 3px; bottom: 3px; background-color: white; transition: 0.4s; } .switch input:checked + .slider { background-color: #011592; } .switch input:focus + .slider { box-shadow: 0 0 1px #011592; } .switch input:checked + .slider:before { transform: translateX(16px); } /* Breakpoints */ /* Typography */ /* Toolboxes */ /* Workshops */ /* Buttons */ /* Balloons */ /* Palette */ /* Forms */ /* Lists */ /* Spinners */ /* Scrollbars */ /* Layout editor */ /* Others */ /* Breakpoints */ /* Typography */ /* Toolboxes */ /* Workshops */ /* Buttons */ /* Balloons */ /* Palette */ /* Forms */ /* Lists */ /* Spinners */ /* Scrollbars */ /* Layout editor */ /* Others */ .fit { top: 0; left: 0; right: 0; bottom: 0; position: absolute; } @keyframes fade-in { from { opacity: 0; } to { opacity: 1; } } @keyframes shake { 0% { -webkit-transform: translate(2px, 1px) rotate(0deg); } 10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); } 20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); } 30% { -webkit-transform: translate(0px, 2px) rotate(0deg); } 40% { -webkit-transform: translate(1px, -1px) rotate(1deg); } 50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); } 60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); } 70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); } 80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); } 90% { -webkit-transform: translate(2px, 2px) rotate(0deg); } 100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); } } @keyframes slideleft { 0% { transform: translateX(150%); } 50% { transform: translateX(-8%); } 65% { transform: translateX(4%); } 80% { transform: translateX(-4%); } 95% { transform: translateX(2%); } 100% { transform: translateX(0%); } } .animation-slideright { animation-name: slideright; animation-duration: 1s; animation-timing-function: ease-in-out; visibility: visible !important; } @keyframes slideright { 0% { transform: translateX(-150%); } 50% { transform: translateX(8%); } 65% { transform: translateX(-4%); } 80% { transform: translateX(4%); } 95% { transform: translateX(-2%); } 100% { transform: translateX(0%); } } .animation-popin { animation: pop-in 0.2s ease; } @keyframes pop-in { 0% { opacity: 0; transform: scale(0.5); } 100% { opacity: 1; transform: scale(1); } } .segment-widget { display: flex; justify-content: space-between; } .segment-widget div.label { margin-top: 10px; margin-bottom: 10px; font-weight: 600; font-size: 16px; color: #1343fb; } .segment-widget .segment-action { display: inline-block; position: relative; margin-left: 30px; margin-bottom: 10px; color: #1343fb; cursor: pointer; } .segment-widget .segment-action .segment-icon { margin-right: 6px; } .segment-widget .segment-action:last-child { margin-bottom: 0; } @media (max-width: 400px) { .segment-widget .segment-action { margin-left: 0px; } } .segment-widget .segment-action .copied { box-shadow: 1px 1px 20px 1px rgba(0, 0, 0, 0.15); margin: 0; background-color: #fff; border-radius: 10px; font-family: "Montserra", sans-serif; font-weight: 500; list-style: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; font-size: 13px; animation-name: slideleft; animation-duration: 0.5s; animation-timing-function: ease-in-out; visibility: visible !important; position: absolute; right: 0; top: 40px; z-index: 10000; padding: 5px 20px; box-sizing: content-box; } .segment-widget .more-action { position: relative; top: 0; left: -65px; padding: 11px 15px; border: 1px solid #d8d8d9; max-height: none; max-height: initial; border-radius: 8px; z-index: 10000; background-color: white; text-align: right; box-shadow: 0px 0 3.7px 0 rgba(0, 0, 0, 0.25); min-width: 150px; } @media (max-width: 991px) { .segment-widget .more-action { padding: 15px; left: -180px; min-width: 220px; } } .segment-widget .more-action .segment-action { display: flex; align-items: center; justify-content: flex-end; margin-left: 0; font-weight: bold; font-size: 16px; } @media (max-width: 576px) { .segment-widget .segment-title { width: 130px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } } @media (max-width: 330px) { .segment-widget .segment-title { width: 100px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } } .copied-container { position: relative; } .copied-container .copied-text { font-family: "IBM Plex Sans Condensed"; font-weight: bold; font-size: 14px; line-height: 18px; visibility: hidden; background-color: #ffffff; color: #060f64; text-align: center; border-radius: 6px; padding: 5px 10px; position: absolute; z-index: 1; top: 100%; left: 50%; margin-left: -30px; margin-top: 5px; } .segment-container { display: flex; flex-direction: row; justify-content: space-between; align-items: center; width: 100%; } .fav-copy-container { display: flex; flex-direction: row; align-items: center; } .fav-copy-container-vertical { padding-top: 20px; display: flex; flex-direction: column; align-items: center; background-color: #060f64; height: 254px; width: 80px; border-radius: 50px 50px 0 100px; } .sticky-segment { position: fixed; top: calc(50% - 112px); right: 0; z-index: 1005; } .retour-padding { padding: 24px 0; } .terminal-return { padding: 0; display: flex; border: none; outline: none; background-color: transparent; align-items: center; margin: 24px 0; padding-right: 4px; } .terminal-return:hover .terminal-return-link, .terminal-return:active .terminal-return-link { color: #cdd0e7; -webkit-text-decoration: underline; text-decoration: underline; } .terminal-return:hover .return-arrow, .terminal-return:active .return-arrow { background-image: url("data:image/svg+xml;base64,PHN2Zw0KICAgICAgICB3aWR0aD0iMzAiDQogICAgICAgIGhlaWdodD0iMzAiDQogICAgICAgIHZpZXdCb3g9IjAgMCAzMCAzMCINCiAgICAgICAgZmlsbD0ibm9uZSINCiAgICAgICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIg0KICAgICAgPg0KICAgICAgICA8cGF0aA0KICAgICAgICAgIGQ9Ik0yMC4yNSAxNUg5Ljc1Ig0KICAgICAgICAgIHN0cm9rZT0iI2NkZDBlNyINCiAgICAgICAgICBzdHJva2Utd2lkdGg9IjIiDQogICAgICAgICAgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIg0KICAgICAgICAgIHN0cm9rZS1saW5lam9pbj0icm91bmQiDQogICAgICAgIC8+DQogICAgICAgIDxwYXRoDQogICAgICAgICAgZD0iTTE1IDIwLjI1TDkuNzUgMTVMMTUgOS43NSINCiAgICAgICAgICBzdHJva2U9IiNjZGQwZTciDQogICAgICAgICAgc3Ryb2tlLXdpZHRoPSIyIg0KICAgICAgICAgIHN0cm9rZS1saW5lY2FwPSJyb3VuZCINCiAgICAgICAgICBzdHJva2UtbGluZWpvaW49InJvdW5kIg0KICAgICAgICAvPg0KICAgICAgPC9zdmc+"); } .terminal-return:focus-visible { border-radius: 2px; outline: 3px solid #1343fb; -webkit-text-decoration: underline; text-decoration: underline; } .terminal-return:focus-visible .terminal-return-link { color: white; -webkit-text-decoration: underline; text-decoration: underline; } .terminal-return:focus-visible .return-arrow { background-image: url("data:image/svg+xml;base64,PHN2Zw0KICAgICAgICB3aWR0aD0iMzAiDQogICAgICAgIGhlaWdodD0iMzAiDQogICAgICAgIHZpZXdCb3g9IjAgMCAzMCAzMCINCiAgICAgICAgZmlsbD0ibm9uZSINCiAgICAgICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIg0KICAgICAgPg0KICAgICAgICA8cGF0aA0KICAgICAgICAgIGQ9Ik0yMC4yNSAxNUg5Ljc1Ig0KICAgICAgICAgIHN0cm9rZT0id2hpdGUiDQogICAgICAgICAgc3Ryb2tlLXdpZHRoPSIyIg0KICAgICAgICAgIHN0cm9rZS1saW5lY2FwPSJyb3VuZCINCiAgICAgICAgICBzdHJva2UtbGluZWpvaW49InJvdW5kIg0KICAgICAgICAvPg0KICAgICAgICA8cGF0aA0KICAgICAgICAgIGQ9Ik0xNSAyMC4yNUw5Ljc1IDE1TDE1IDkuNzUiDQogICAgICAgICAgc3Ryb2tlPSJ3aGl0ZSINCiAgICAgICAgICBzdHJva2Utd2lkdGg9IjIiDQogICAgICAgICAgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIg0KICAgICAgICAgIHN0cm9rZS1saW5lam9pbj0icm91bmQiDQogICAgICAgIC8+DQogICAgICA8L3N2Zz4="); } .terminal-return-link { font-family: "IBM Plex Sans Condensed"; font-weight: bold; font-size: 14px; line-height: 18px; color: white; border: none; outline: none; background-color: transparent; box-sizing: border-box; } .terminal-return-link:hover, .terminal-return-link:active { color: #cdd0e7; -webkit-text-decoration: underline; text-decoration: underline; } .terminal-return-link:focus { color: white; border-radius: 2px; outline: 3px solid #1343fb; -webkit-text-decoration: underline; text-decoration: underline; } .return-arrow { height: 30px; width: 30px; background-image: url("data:image/svg+xml;base64,PHN2Zw0KICAgICAgICB3aWR0aD0iMzAiDQogICAgICAgIGhlaWdodD0iMzAiDQogICAgICAgIHZpZXdCb3g9IjAgMCAzMCAzMCINCiAgICAgICAgZmlsbD0ibm9uZSINCiAgICAgICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIg0KICAgICAgPg0KICAgICAgICA8cGF0aA0KICAgICAgICAgIGQ9Ik0yMC4yNSAxNUg5Ljc1Ig0KICAgICAgICAgIHN0cm9rZT0id2hpdGUiDQogICAgICAgICAgc3Ryb2tlLXdpZHRoPSIyIg0KICAgICAgICAgIHN0cm9rZS1saW5lY2FwPSJyb3VuZCINCiAgICAgICAgICBzdHJva2UtbGluZWpvaW49InJvdW5kIg0KICAgICAgICAvPg0KICAgICAgICA8cGF0aA0KICAgICAgICAgIGQ9Ik0xNSAyMC4yNUw5Ljc1IDE1TDE1IDkuNzUiDQogICAgICAgICAgc3Ryb2tlPSJ3aGl0ZSINCiAgICAgICAgICBzdHJva2Utd2lkdGg9IjIiDQogICAgICAgICAgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIg0KICAgICAgICAgIHN0cm9rZS1saW5lam9pbj0icm91bmQiDQogICAgICAgIC8+DQogICAgICA8L3N2Zz4="); } .round-shape-btn { border-radius: 50%; width: 40px; height: 40px; margin: 8px; } @media (min-width: 768px) { .round-shape-btn { width: 48px; height: 48px; } } .none-max-width { max-width: none; } .round-shape-btn-no-right-padding { border-radius: 50%; width: 40px; height: 40px; margin: 8px 0 8px 8px; } .teaching-order-section { width: 100%; background-color: #f1f5f6; padding: 30px 4px 1px 28px; } .teaching-order-section .teaching-order-header { display: flex; align-items: flex-end; padding-bottom: 15px; padding-top: 12px; border-top: 1px solid #d8d8d9; justify-content: space-between; } .teaching-order-section .teaching-order-header .teaching-order-title { color: #011592; font-family: "IBM Plex Sans Condensed"; font-size: 18px; font-style: normal; font-weight: 700; line-height: 22px; letter-spacing: 0.2px; text-align: left; } .teaching-order-section .teaching-order-header .teaching-order-reset { color: #011592; font-weight: normal; font-size: 14px; line-height: 14px; margin-bottom: 5px; -webkit-text-decoration: none; text-decoration: none; } .teaching-order-section .teaching-order-content { position: relative; display: flex; flex-direction: column; } .teaching-order-section .teaching-order-content > div { display: flex; } .teaching-order-section .level-selection { color: black; display: flex; align-items: center; cursor: pointer; display: block; font-family: "IBM Plex Sans Condensed"; font-size: 14px; font-style: normal; font-weight: 400; line-height: 18px; letter-spacing: 0px; text-align: left; color: #555563; /* Style of the checkbox */ /* Label positioning */ } .teaching-order-section .level-selection input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .teaching-order-section .level-selection .checkmark { position: absolute; top: 4; left: 0; height: 16px; width: 16px; background-color: rgb(255, 255, 255); border-radius: 3px; border: 1px solid #d8d8d9; } .teaching-order-section .level-selection .filter-container { width: 100%; padding-left: 25px; padding-right: 0px; cursor: pointer; display: flex; /* When the checkbox is checked, add a blue background */ /* Create the checkmark/indicator (hidden when not checked) */ /* Show the checkmark when checked */ } .teaching-order-section .level-selection .filter-container input:checked ~ .checkmark { background-color: #011592; border: 1px solid #060f64; } .teaching-order-section .level-selection .filter-container input:indeterminate ~ .checkmark { background-color: #011592; border: 1px solid #060f64; } .teaching-order-section .level-selection .filter-container.blue-highlight { color: #060f64; font-weight: 700; } .teaching-order-section .level-selection .filter-container .checkmark:after { content: ""; position: absolute; display: none; } .teaching-order-section .level-selection .filter-container input:checked ~ .checkmark:after { display: block; left: 5px; top: 2px; width: 5px; height: 10px; border: solid white; border-width: 0 2px 2px 0; transform: rotate(45deg); } .teaching-order-section .level-selection .filter-container input:indeterminate ~ .checkmark:after { display: block; left: 3px; top: -2px; width: 8px; height: 10px; border: solid white; border-width: 0 0 2px 0; } .teaching-order-section span.outline-button { color: #011592; font-size: 16px; line-height: 22px; padding: 8px 18px; background-color: white; margin-bottom: 10px; display: flex; align-items: center; margin-right: 10px; cursor: pointer; } .teaching-order-section span.blue-button { color: white; font-weight: 600; background-color: #011592; } .teaching-order-section span.light-blue-button { background-color: #1343fb; color: white; } .teaching-order-section span.light-blue-button:hover { border: 1px solid #1343fb; } .teaching-order-section span.green-button { color: white; background-color: #00a2f1; border: none; } .teaching-order-section div.nested-order { display: inline-block; } .teaching-order-section div.nested-order:first-of-type { margin-top: 24px; } .teaching-order-section div.nested-order > div { display: flex; flex-wrap: wrap; flex-direction: column; } .teaching-order-section .collapse-icon, .teaching-order-section .expand-icon { position: absolute; right: 0; top: 14px; cursor: pointer; z-index: 1000; } div.video-group-container { padding-top: 40px; } div.video-group-container h1 { font-style: normal; font-weight: bold; font-size: 80px; color: #010e5b; margin-top: 40px; margin-bottom: 30px; } div.video-group-container p { font-weight: normal; font-size: 16px; line-height: 22px; /* or 137% */ color: #001c48; margin-top: 15px; margin-bottom: 30px; } div.video-groups { display: flex; flex-wrap: wrap; position: relative; padding-right: 5px; padding-left: 5px; } div.video-groups .block { margin: 5px; width: 335px; flex-basis: initial; } @media (max-width: 576px) { div.video-groups .block { width: 270px; } } div.video-groups .link-container { margin-bottom: 100px; } div.algolia-video-group { display: grid; grid-template-columns: repeat(1, minmax(0, 1fr)); grid-column-gap: 20px; grid-row-gap: 20px; max-width: 1440px; margin: 0 15px; } @media (min-width: 768px) { div.algolia-video-group { grid-column-gap: 16px; grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (min-width: 1200px) { div.algolia-video-group { grid-column-gap: 32px; grid-template-columns: repeat(4, minmax(0, 1fr)); } } div.algolia-video-group .block { margin: 0 auto; } div.algolia-video-group .bottom-border-algolia { border-top: 1px solid; height: 0; margin-top: 2px; margin-bottom: 2px; } @media (min-width: 768px) { div.algolia-video-group .bottom-border-algolia { display: none; } } div.algolia-video-group [class~=bottom-border-algolia]:last-of-type { display: none; } .search-result-card.video-group-mobile-card { margin-bottom: 20px; } .search-result-card.video-group-mobile-card .favorite.grouping-favorite { top: 11px; } @media (max-width: 767px) { .search-result-card.video-group-mobile-card .favorite.grouping-favorite { top: -5px; } .search-result-card.video-group-mobile-card { display: flex; margin-bottom: 0; } .search-result-card.video-group-mobile-card .search-result-card-header { flex: 1; margin-right: 8px; } .search-result-card.video-group-mobile-card .search-result-card-body { width: 50%; margin-left: 8px; } .search-result-card.video-group-mobile-card .search-result-card-body div.search-result-card-content { max-height: 90%; } .search-result-card.video-group-mobile-card .search-result-card-body div.search-result-card-category-container { max-height: 20px; } } @media (max-width: 767px) and (max-width: 767px) { .search-result-card.video-group-mobile-card .search-result-card-body div.search-result-card-category-container { max-height: 42px; align-items: start; } } @media (max-width: 767px) { .search-result-card.video-group-mobile-card .search-result-card-body div.search-result-card-category-container .search-result-card-title { color: #060f64; font-weight: 600; font-size: 15px; line-height: 18px; width: 80%; white-space: normal; overflow: hidden; text-overflow: ellipsis; position: relative; margin-top: 0; display: inline-block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .search-result-card.video-group-mobile-card .search-result-card-body div.search-result-card-text .search-result-card-description p { font-size: 12px; line-height: 14px; margin-bottom: 0; max-height: 42px; white-space: normal; overflow: hidden; text-overflow: ellipsis; position: relative; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } } @media (max-width: 767px) and (max-width: 767px) { .search-result-card.video-group-mobile-card .search-result-card-body div.search-result-card-text .search-result-card-description p { max-height: 56px; -webkit-line-clamp: 4; } } @media (max-width: 767px) { .search-result-card.video-group-mobile-card .search-result-card-body div.search-result-card-text .search-result-card-description { margin-bottom: 0; } .search-result-card.video-group-mobile-card .search-result-card-body div.search-result-card-text .search-result-card-description p:not(:first-child) { display: none; } .search-result-card.video-group-mobile-card .search-result-card-body .search-result-card-text { max-height: 42px; margin-top: 8px; } } @media (max-width: 767px) and (max-width: 767px) { .search-result-card.video-group-mobile-card .search-result-card-body .search-result-card-text { max-height: 56px; margin-top: 0px; } } @media (max-width: 767px) { .search-result-card.video-group-mobile-card .search-result-card-body .search-result-card-control { height: 22px; } } @media (max-width: 408px) { .search-result-card.video-group-mobile-card .search-result-card-header { max-height: 92px; } } .search-header-nav.mobile-nav-algolia { flex-direction: column; } .search-header-nav.mobile-nav-algolia .nav-filter-section { margin-top: 22px; width: 100%; justify-content: space-between; } @media (max-width: 418px) { .search-header-nav.mobile-nav-algolia .nav-filter-section { width: 375px; } .search-header-nav.mobile-nav-algolia .nav-filter-section .sort-filter-selector { width: 205px; } .search-header-nav.mobile-nav-algolia .nav-filter-section .sort-filter-selector .select { width: 145px; } .search-header-nav.mobile-nav-algolia .nav-filter-section .res-per-page-selector { margin-left: 0; width: 114px; } .search-header-nav.mobile-nav-algolia .nav-filter-section .res-per-page-selector .select { width: 58px; } .search-header-nav.mobile-nav-algolia .nav-filter-section .choiceSelected { font-size: 11px; } .search-header-nav.mobile-nav-algolia .nav-filter-section .option { font-size: 11px; } } .myspace-header-tab-container { display: flex; align-items: center; justify-content: space-between; } .myspace-header-tab-container .action { font-family: "IBM Plex Sans Condensed"; font-style: normal; font-weight: 700; font-size: 14px; line-height: 18px; /* identical to box height, or 129% */ display: flex; align-items: center; cursor: pointer; /* Blue/bleu Teleqc */ color: #011592; } .myspace-header-tab-container .action:hover { color: #011592; } .myspace-header-tab-container .action img.edit-icon { margin-left: 10px; } .myspace-header-tab-container .title-wrapper h3 { font-family: "Montserrat"; font-style: normal; font-weight: 700; font-size: 34px; line-height: 40px; /* identical to box height, or 118% */ /* Blue/bleu Teleqc */ color: #011592; margin-top: 0; } .myspace-header-tab-container .tab-wrapper { display: flex; } .myspace-header-tab-container .tab-wrapper .tab-item { color: #011592; font-weight: 600; font-size: 18px; line-height: 22px; margin-right: 20px; cursor: pointer; padding-bottom: 4px; border-bottom: 2px solid #fff; } .myspace-header-tab-container .tab-wrapper .tab-item.active, .myspace-header-tab-container .tab-wrapper .tab-item:hover { color: #1343FB; border-bottom: 2px solid #1343FB; } @media (max-width: 767px) { .myspace-header-tab-container .tab-wrapper { justify-content: space-around; } .myspace-header-tab-container .create-category-button { position: absolute; right: 0; bottom: -44px; margin-right: 0; z-index: 1000000; } } .widget-title { text-transform: capitalize; } .switch-field { display: flex; margin-bottom: 36px; overflow: hidden; margin-top: 10px; } .switch-field input { position: absolute !important; clip: rect(0, 0, 0, 0); height: 1px; width: 1px; border: 0; overflow: hidden; } .switch-field label { background-color: #e4e4e4; color: rgba(0, 0, 0, 0.6); font-size: 14px; line-height: 1; text-align: center; padding: 8px 16px; margin-right: -1px; border: 1px solid rgba(0, 0, 0, 0.2); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1); transition: all 0.1s ease-in-out; } .switch-field label:hover { cursor: pointer; } .switch-field input:checked + label { background-color: #a5dc86; box-shadow: none; } .switch-field input:disabled + label { opacity: 0.5; } .switch-field label:first-of-type { border-radius: 4px 0 0 4px; } .switch-field label:last-of-type { border-radius: 0 4px 4px 0; } .search-field-selector-wrapper { width: 100%; } .search-field-selector-wrapper input { padding: 7px; width: 600px; } .search-field-selector-wrapper .react-autosuggest__suggestions-container { display: none; } .search-field-selector-wrapper .react-autosuggest__suggestions-container--open { display: block; position: absolute; width: calc(100% - 20px); top: 30px; right: 20px; left: 20px; max-height: 460px; padding: 30px 0; border: 1px solid #aaa; background-color: #fff; font-weight: 300; font-size: 16px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.5); z-index: 1010; color: #001c48; } .search-field-selector-wrapper .react-autosuggest__suggestions-list { max-height: 400px; background-color: #fff; margin: 0; padding: 0; list-style-type: none; overflow-y: auto; z-index: 1000; } .search-field-selector-wrapper .react-autosuggest__suggestions-list::-webkit-scrollbar { width: 13px; } .search-field-selector-wrapper .react-autosuggest__suggestions-list::-webkit-scrollbar-track { background: #f1f1f1; } .search-field-selector-wrapper .react-autosuggest__suggestions-list::-webkit-scrollbar-thumb { background: #888; } .search-field-selector-wrapper .react-autosuggest__suggestions-list::-webkit-scrollbar-thumb:hover { background: #555; } .search-field-selector-wrapper .react-autosuggest__suggestion { cursor: pointer; padding: 10px 20px; } .search-field-selector-wrapper .react-autosuggest__suggestion .highlighted-text { font-weight: bold; background-color: #fff; } .search-field-selector-wrapper .react-autosuggest__suggestion--highlighted { background-color: #ddd; } .search-field-selector-wrapper .react-autosuggest__suggestion--highlighted .highlighted-text { background-color: #ddd; } .search-field-selector-wrapper .search-bar-checked { position: absolute; right: 2px; top: -2px; cursor: pointer; z-index: 1001; padding: 10px; } body { background-color: grey; } .card-default { border-radius: 18px; } .placeholder { height: auto !important; height: initial !important; min-height: 0 !important; min-height: initial !important; border: none !important; } .text-overflow { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .partial-text-1 { text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; } .partial-text-1 p { text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; } .partial-text-6 { text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 6; -webkit-box-orient: vertical; display: -webkit-box; } .partial-text-2 { text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; } .partial-text-2 p { text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; } .bs-popover-bottom > .arrow { display: none !important; } .popover-trigger { outline: none !important; border: none !important; } .popover-trigger:focus { outline: none !important; } .popover-trigger::after { display: none; } .unavailable-popover { border: 1px solid #d8d8d9; background-color: #ffffff; box-sizing: border-box; box-shadow: 0px 0px 3.79445px rgba(0, 0, 0, 0.25); border-radius: 8px; margin-top: 10px; z-index: 1511 !important; } .unavailable-popover h3 { font-family: Montserrat; font-style: normal; font-weight: 600; font-size: 16px; line-height: 22px; /* identical to box height, or 137% */ text-align: right; color: #010e5b; margin: 11px 15px; } .layout-switch-wrapper { width: 100%; position: fixed; bottom: 50px; margin: 0 auto; text-align: center; left: 0; } .layout-switch-wrapper .layout-switch { font-style: normal; font-weight: 600; font-size: 16px; line-height: 13px; /* or 81% */ text-align: center; color: #f8faff; background: #1343fb; outline: none; padding: 9px 15px; border: none; z-index: 20000; } .tooltip { z-index: 1511 !important; position: static !important; position: initial !important; } .popover-tooltip { background: #ffffff; border: 1px solid #d8d8d9; box-sizing: border-box; /* Drop vignettes */ box-shadow: 0px 0px 3.79445px rgba(0, 0, 0, 0.25); border-radius: 8px; padding: 10px 25px; } .popover-tooltip .tooltip-inner { font-style: normal; font-weight: 600; font-size: 16px; line-height: 22px; /* or 137% */ display: flex; align-items: center; color: #1343fb; } .info-tooltip { text-align: left; width: 235px; } .info-tooltip:after, .info-tooltip:before { bottom: 100%; left: 92%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; } .info-tooltip:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; border-width: 12px; margin-left: -12px; } .info-tooltip:before { border-color: rgba(216, 216, 217, 0); border-bottom-color: #d8d8d9; border-width: 13px; margin-left: -13px; } @media (min-width: 768px) { .info-tooltip:after, .info-tooltip:before { bottom: calc(50% - 12px); left: -5%; transform: rotate(-90deg); } .info-tooltip:before { border-width: 12px; } } .validation-error { color: #d00; font-size: 14px; margin-left: 10px; } .blue-button { font-size: 18px; line-height: 15px; /* or 83% */ letter-spacing: -0.03em; color: #f8faff; background: #1343fb; padding: 10px; border: none; } .blue-button:hover { outline: 1px solid #1343fb !important; color: #1343fb; background: #f8faff; } .divider { width: 100%; height: 1px; background-color: #011592; } .spacer-menu-item { height: 16px; } .menu-item-link.normal-link.chevron-right-label { font-size: 16px; line-height: 16px; height: 36px; width: 144px; margin-left: 16px; margin-right: 8px; padding-top: 8px; padding-bottom: 10px; letter-spacing: -0.03em; cursor: pointer; } .menu-item-link.normal-link.chevron-right-label.alt { height: 46px; width: 168px; margin: 0; padding-left: 16px; padding-top: 0px; padding-bottom: 0px; background: #f1f5f6; } .menu-item-link.normal-link.chevron-right-label.profil { font-family: "IBM Plex Sans Condensed"; font-size: 14px; font-style: normal; font-weight: 700; line-height: 18px; letter-spacing: 0px; text-align: left; } .menu-item-link.normal-link.chevron-right-label.profil:hover span { border-bottom: 2px solid #011592; } .user-info-section { background: #eaeef0; border-radius: 10px; padding: 10px 15px; display: flex; } .user-info-section .username { font-weight: bold; font-size: 20px; line-height: 30px; /* identical to box height, or 125% */ letter-spacing: -0.03em; color: #011592; } .user-info-section .email { font-size: 14px; line-height: 30px; /* identical to box height, or 187% */ letter-spacing: -0.03em; color: #0d0d0d; } @media (max-width: 568px) { .register-button { display: none; } } .normal-link { color: #011592; font-weight: 600; font-size: 14px; } .normal-link:hover { color: #011592; } .modal.fade .modal-dialog { transform: none !important; } .chevron-right { margin-left: 10px; } .chevron-right .alt { padding-left: 4px; } .chevron-right-label { display: flex; padding: 16px 0 8px 0; align-items: center; min-height: 32px; } .chevron-right-label:first-child { padding-top: 0; } .chevron-right-label:last-child { padding-bottom: 0; } .chevron-right-label img { position: absolute; right: 0; } .chevron-right-label span { border-bottom: 1px solid transparent; } .chevron-right-label:hover span { border-bottom: 1px solid #011592; } .chevron-right-label .logout-icon { position: static; padding-left: 4px; } .btn-register-brg { height: 36px; width: 124px; border-radius: 8px; padding: 11px, 12px, 11px, 14px; background-color: #011592; color: white; border: none; font-family: "IBM Plex Sans Condensed"; font-size: 13px; font-style: normal; font-weight: 700; line-height: 14px; letter-spacing: 3px; margin-top: 32px; } .btn-register-brg:hover { background-color: #060f64; } .track-document:hover span, .segment-action:hover span, .accompany-document:hover span { border-bottom: 2px solid #011592; } h1.title { font-family: "Montserrat"; font-style: normal; font-weight: bold; font-size: 40px; line-height: 44px; display: flex; align-items: center; color: #060f64; } h1.title-mobile { font-family: "Montserrat"; font-style: normal; font-weight: bold; font-size: 26px; line-height: 32px; display: flex; align-items: center; color: #060f64; } h2.title { font-family: "Montserrat"; font-style: normal; font-weight: bold; font-size: 34px; line-height: 40px; display: flex; align-items: center; color: #060f64; } h2.title-mobile { font-family: "Montserrat"; font-style: normal; font-weight: 600; font-size: 22px; line-height: 28px; display: flex; align-items: center; color: #060f64; } h3.title { font-family: "Montserrat"; font-style: normal; font-weight: bold; font-size: 26px; line-height: 30px; display: flex; align-items: center; color: #060f64; } h3.title-mobile { font-family: "Montserrat"; font-style: normal; font-weight: 600; font-size: 18px; line-height: 22px; display: flex; align-items: center; color: #060f64; } h4.title { font-family: "Montserrat"; font-style: normal; font-weight: 600; font-size: 18px; line-height: 22px; display: flex; align-items: center; color: #060f64; } h4.title-mobile { font-family: "Montserrat"; font-style: normal; font-weight: 600; font-size: 15px; line-height: 18px; display: flex; align-items: center; color: #060f64; } .paragpraph-big-regular { font-family: Montserrat; font-style: normal; font-weight: normal; font-size: 16px; line-height: 22px; display: flex; align-items: center; color: #060f64; } .long-text-bold { font-family: "IBM Plex Sans Condensed"; font-style: normal; font-weight: bold; font-size: 18px; line-height: 22px; display: flex; align-items: center; letter-spacing: 0.2px; color: #555563; } .long-text-regular { font-family: "IBM Plex Sans Condensed"; font-style: normal; font-weight: normal; font-size: 18px; line-height: 22px; display: flex; align-items: center; letter-spacing: 0.2px; color: #555563; } .paragraphe-bold { font-family: "IBM Plex Sans Condensed"; font-style: normal; font-weight: bold; font-size: 14px; line-height: 18px; display: flex; align-items: center; color: #555563; } .paragraphe-regular { font-family: "IBM Plex Sans Condensed"; font-style: normal; font-weight: normal; font-size: 14px; line-height: 18px; display: flex; align-items: center; color: #555563; } .legend-bold { font-family: "IBM Plex Sans Condensed"; font-style: normal; font-weight: bold; font-size: 12px; line-height: 14px; display: flex; align-items: center; color: #555563; } .legend-regular { font-family: "IBM Plex Sans Condensed"; font-style: normal; font-weight: normal; font-size: 12px; line-height: 14px; display: flex; align-items: center; color: #555563; } .inverse-secondary-icon { background: transparent; outline: none; border: 1px solid #ffffff; box-sizing: border-box; padding: 0; } .inverse-secondary-icon:hover { outline: 1px solid #ffffff; background: rgba(241, 245, 246, 0.2); } .inverse-secondary-icon:active { outline: 1px solid #1343fb; background: rgba(241, 245, 246, 0.2); } .inverse-secondary-icon:focus { outline: 2px solid #1343fb; background: rgba(241, 245, 246, 0.2); } .inverse-secondary-icon img { width: 28px; height: 28px; } .notif { font-family: "IBM Plex Sans Condensed"; font-weight: 400; font-size: 14px; line-height: 18px; color: #555563; } .lien { font-family: "IBM Plex Sans Condensed"; font-weight: 400; font-size: 14px; line-height: 18px; color: #011592; border: none; outline: none; background-color: transparent; box-sizing: border-box; -webkit-text-decoration: underline; text-decoration: underline; cursor: pointer; } .lien:hover, .lien:active { color: #060f64; -webkit-text-decoration: underline; text-decoration: underline; } .lien:focus-visible { color: #060f64; border-radius: 2px; outline: 3px solid #1343fb; outline-offset: 0; -webkit-text-decoration: underline; text-decoration: underline; } .lien.lien-inverse { color: white; } .lien.lien-inverse:active { color: #cdd0e7; } .lien.lien-inverse:focus { color: white; } .side-fav-copy-btn-container { position: absolute; right: 5px; width: 100px; height: 100px; } .blue-overlay { position: absolute; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background-color: #011592; z-index: 2; cursor: pointer; opacity: 0; transition: all 0.7s; } .favorite { position: absolute; width: 32px; height: 32px; } .favorite .favorite-full { width: 32px; height: 32px; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIzLjQzMyAxMC4wODk1QzIzLjAyNDQgOS42ODA3MSAyMi41MzkzIDkuMzU2NDMgMjIuMDA1MyA5LjEzNTE4QzIxLjQ3MTMgOC45MTM5MyAyMC44OTkgOC44MDAwNSAyMC4zMjEgOC44MDAwNUMxOS43NDMgOC44MDAwNSAxOS4xNzA3IDguOTEzOTMgMTguNjM2NyA5LjEzNTE4QzE4LjEwMjggOS4zNTY0MyAxNy42MTc2IDkuNjgwNzEgMTcuMjA5IDEwLjA4OTVMMTYuMzYxIDEwLjkzNzVMMTUuNTEzIDEwLjA4OTVDMTQuNjg3NyA5LjI2NDE2IDEzLjU2ODMgOC44MDA0OCAxMi40MDEgOC44MDA0OEMxMS4yMzM4IDguODAwNDggMTAuMTE0NCA5LjI2NDE2IDkuMjg5MDMgMTAuMDg5NUM4LjQ2MzY4IDEwLjkxNDkgOCAxMi4wMzQzIDggMTMuMjAxNUM4IDE0LjM2ODcgOC40NjM2OCAxNS40ODgyIDkuMjg5MDMgMTYuMzEzNUwxMC4xMzcgMTcuMTYxNUwxNi4zNjEgMjMuMzg1NUwyMi41ODUgMTcuMTYxNUwyMy40MzMgMTYuMzEzNUMyMy44NDE4IDE1LjkwNDkgMjQuMTY2MSAxNS40MTk4IDI0LjM4NzQgMTQuODg1OEMyNC42MDg2IDE0LjM1MTggMjQuNzIyNSAxMy43Nzk1IDI0LjcyMjUgMTMuMjAxNUMyNC43MjI1IDEyLjYyMzUgMjQuNjA4NiAxMi4wNTEyIDI0LjM4NzQgMTEuNTE3MkMyNC4xNjYxIDEwLjk4MzMgMjMuODQxOCAxMC40OTgxIDIzLjQzMyAxMC4wODk1WiIgZmlsbD0iIzAxMTU5MiIgc3Ryb2tlPSIjMDExNTkyIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K"); background-repeat: no-repeat; background-size: contain; } .favorite .favorite-empty { width: 32px; height: 32px; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIzLjQzMyAxMC4wODk1QzIzLjAyNDQgOS42ODA3MSAyMi41MzkzIDkuMzU2NDMgMjIuMDA1MyA5LjEzNTE4QzIxLjQ3MTQgOC45MTM5MyAyMC44OTkgOC44MDAwNSAyMC4zMjEgOC44MDAwNUMxOS43NDMgOC44MDAwNSAxOS4xNzA3IDguOTEzOTMgMTguNjM2NyA5LjEzNTE4QzE4LjEwMjggOS4zNTY0MyAxNy42MTc2IDkuNjgwNzEgMTcuMjA5IDEwLjA4OTVMMTYuMzYxIDEwLjkzNzVMMTUuNTEzIDEwLjA4OTVDMTQuNjg3NyA5LjI2NDE2IDEzLjU2ODMgOC44MDA0OCAxMi40MDEgOC44MDA0OEMxMS4yMzM4IDguODAwNDggMTAuMTE0NCA5LjI2NDE2IDkuMjg5MDMgMTAuMDg5NUM4LjQ2MzY4IDEwLjkxNDkgOCAxMi4wMzQzIDggMTMuMjAxNUM4IDE0LjM2ODcgOC40NjM2OCAxNS40ODgyIDkuMjg5MDMgMTYuMzEzNUwxMC4xMzcgMTcuMTYxNUwxNi4zNjEgMjMuMzg1NUwyMi41ODUgMTcuMTYxNUwyMy40MzMgMTYuMzEzNUMyMy44NDE4IDE1LjkwNDkgMjQuMTY2MSAxNS40MTk4IDI0LjM4NzQgMTQuODg1OEMyNC42MDg2IDE0LjM1MTggMjQuNzIyNSAxMy43Nzk1IDI0LjcyMjUgMTMuMjAxNUMyNC43MjI1IDEyLjYyMzUgMjQuNjA4NiAxMi4wNTEyIDI0LjM4NzQgMTEuNTE3MkMyNC4xNjYxIDEwLjk4MzMgMjMuODQxOCAxMC40OTgxIDIzLjQzMyAxMC4wODk1VjEwLjA4OTVaIiBzdHJva2U9IiMwMTE1OTIiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo="); } .favorite .favorite-empty:hover { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIzLjQzMyAxMC4wODk1QzIzLjAyNDQgOS42ODA3MSAyMi41MzkzIDkuMzU2NDMgMjIuMDA1MyA5LjEzNTE4QzIxLjQ3MTQgOC45MTM5MyAyMC44OTkgOC44MDAwNSAyMC4zMjEgOC44MDAwNUMxOS43NDMgOC44MDAwNSAxOS4xNzA3IDguOTEzOTMgMTguNjM2NyA5LjEzNTE4QzE4LjEwMjggOS4zNTY0MyAxNy42MTc2IDkuNjgwNzEgMTcuMjA5IDEwLjA4OTVMMTYuMzYxIDEwLjkzNzVMMTUuNTEzIDEwLjA4OTVDMTQuNjg3NyA5LjI2NDE2IDEzLjU2ODMgOC44MDA0OCAxMi40MDEgOC44MDA0OEMxMS4yMzM4IDguODAwNDggMTAuMTE0NCA5LjI2NDE2IDkuMjg5MDMgMTAuMDg5NUM4LjQ2MzY4IDEwLjkxNDkgOCAxMi4wMzQzIDggMTMuMjAxNUM4IDE0LjM2ODcgOC40NjM2OCAxNS40ODgyIDkuMjg5MDMgMTYuMzEzNUwxMC4xMzcgMTcuMTYxNUwxNi4zNjEgMjMuMzg1NUwyMi41ODUgMTcuMTYxNUwyMy40MzMgMTYuMzEzNUMyMy44NDE4IDE1LjkwNDkgMjQuMTY2MSAxNS40MTk4IDI0LjM4NzQgMTQuODg1OEMyNC42MDg2IDE0LjM1MTggMjQuNzIyNSAxMy43Nzk1IDI0LjcyMjUgMTMuMjAxNUMyNC43MjI1IDEyLjYyMzUgMjQuNjA4NiAxMi4wNTEyIDI0LjM4NzQgMTEuNTE3MkMyNC4xNjYxIDEwLjk4MzMgMjMuODQxOCAxMC40OTgxIDIzLjQzMyAxMC4wODk1VjEwLjA4OTVaIiBzdHJva2U9IiMwNjBGNjQiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo="); } .favorite .favorite-empty:active { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIzLjQzMyAxMC4wODk1QzIzLjAyNDQgOS42ODA3MSAyMi41MzkzIDkuMzU2NDMgMjIuMDA1MyA5LjEzNTE4QzIxLjQ3MTQgOC45MTM5MyAyMC44OTkgOC44MDAwNSAyMC4zMjEgOC44MDAwNUMxOS43NDMgOC44MDAwNSAxOS4xNzA3IDguOTEzOTMgMTguNjM2NyA5LjEzNTE4QzE4LjEwMjggOS4zNTY0MyAxNy42MTc2IDkuNjgwNzEgMTcuMjA5IDEwLjA4OTVMMTYuMzYxIDEwLjkzNzVMMTUuNTEzIDEwLjA4OTVDMTQuNjg3NyA5LjI2NDE2IDEzLjU2ODMgOC44MDA0OCAxMi40MDEgOC44MDA0OEMxMS4yMzM4IDguODAwNDggMTAuMTE0NCA5LjI2NDE2IDkuMjg5MDMgMTAuMDg5NUM4LjQ2MzY4IDEwLjkxNDkgOCAxMi4wMzQzIDggMTMuMjAxNUM4IDE0LjM2ODcgOC40NjM2OCAxNS40ODgyIDkuMjg5MDMgMTYuMzEzNUwxMC4xMzcgMTcuMTYxNUwxNi4zNjEgMjMuMzg1NUwyMi41ODUgMTcuMTYxNUwyMy40MzMgMTYuMzEzNUMyMy44NDE4IDE1LjkwNDkgMjQuMTY2MSAxNS40MTk4IDI0LjM4NzQgMTQuODg1OEMyNC42MDg2IDE0LjM1MTggMjQuNzIyNSAxMy43Nzk1IDI0LjcyMjUgMTMuMjAxNUMyNC43MjI1IDEyLjYyMzUgMjQuNjA4NiAxMi4wNTEyIDI0LjM4NzQgMTEuNTE3MkMyNC4xNjYxIDEwLjk4MzMgMjMuODQxOCAxMC40OTgxIDIzLjQzMyAxMC4wODk1VjEwLjA4OTVaIiBzdHJva2U9IiMwNjBGNjQiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo="); } .news-subscription-container { display: flex; height: 35px; margin-top: 20px; } .news-subscription-container .news-subscription-wrapper { width: calc(100% - 55px); } .news-subscription-container .news-subscription-wrapper input { width: 100%; line-height: 35; text-indent: 11px; } .news-subscription-container .news-subscription-wrapper input::-webkit-input-placeholder { color: #0059FB; } .news-subscription-container .news-subscription-wrapper input::-moz-placeholder { color: #0059FB; } .news-subscription-container .news-subscription-wrapper input:-ms-input-placeholder { color: #0059FB; } .news-subscription-container .news-subscription-wrapper input *:-moz-placeholder { color: #0059FB; } .news-subscription-container .email-button { position: absolute; right: 0; display: flex; width: 35px; height: 35px; margin-left: 20px; background-color: #00afef; cursor: pointer; } .news-subscription-container .email-button.disabled { pointer-events: none; cursor: not-allowed; opacity: 0.7; } .news-subscription-container .email-button img { margin: auto; } .iframe-wrapper { width: 100vw; height: 500px; text-align: center; background-color: white; } .iframe-wrapper iframe { width: 100vw; height: 500px; } .filter-section { width: 100%; background-color: #f1f5f6; padding: 0px 24px 24px 28px; } .filter-section .collapse-icon, .filter-section .expand-icon { position: absolute; right: 0; top: 20px; cursor: pointer; z-index: 1000; } .filter-section .filter-group { position: relative; padding-top: 24px; border-top: 1px solid #d8d8d9; } .filter-section .filter-group > div { display: flex; } .filter-section .filter-group .filter-group-title { color: #011592; font-family: "IBM Plex Sans Condensed"; font-size: 18px; font-style: normal; font-weight: 700; line-height: 22px; letter-spacing: 0.2px; text-align: left; margin: 0; cursor: pointer; } .filter-section .filter-group .filter-group-title:hover, .filter-section .filter-group .filter-group-title:active { color: #060f64; -webkit-text-decoration: underline; text-decoration: underline; } .filter-section .filter-group div.nested-filter { display: block; } .filter-section .filter-group div.nested-filter .filter-row { display: flex; align-items: center; margin-bottom: 10px; } .filter-section .filter-group div.nested-filter .filter-row .filter-search-count { font-weight: normal; font-size: 16px; color: #1343fb; } .filter-section .filter-group div.nested-filter .filter-row span.outline-filter-button { color: #011592; font-size: 16px; line-height: 22px; padding: 8px 21px; background-color: white; border: 1px solid #d8d8d9; border-radius: 40px; cursor: pointer; } .filter-section .filter-group div.nested-filter .filter-row span.outline-filter-button:hover { border: 1px solid #011592; } .filter-section .filter-group div.nested-filter .filter-row span.blue-filter-button { color: white; background-color: #011592; font-weight: 600; display: flex; align-items: center; } .filter-section .filter-group div.nested-filter .filter-row span.green-filter-button { color: white; background-color: #1343fb; border: none; } .filter-section .filter-group div.nested-filter .filter-row span.outline-filter-button > img { margin-left: 10px; position: relative; } div.subject-container { padding-bottom: 40px; } @media (max-width: 576px) { div.subject-container { padding-left: 10px; } } div.subject-container h1 { font-style: normal; font-weight: 600; font-size: 36px; line-height: 44px; color: #010e5b; margin-top: 0; margin-bottom: 42px; } div.subject-container h1 b { font-weight: 600; } div.subject-container h1 a.read-more { color: #1343fb; margin-left: 0; font-weight: 600; font-size: 16px; top: -1px; } div.subject-container div.subjects-wrapper { position: relative; padding-right: 5px; padding-left: 5px; } div.subject-container div.subjects-wrapper span.subject-prev { position: absolute; bottom: 0; z-index: 1000; height: 100%; cursor: pointer; padding-left: 20px; left: -10px; background: rgba(0, 0, 0, 0); background: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 25%, rgba(255, 255, 255, 0) 100%); } @media (max-width: 576px) { div.subject-container div.subjects-wrapper span.subject-prev { width: 40px; } } div.subject-container div.subjects-wrapper span.subject-prev img { margin-top: 50px; } @media (max-width: 576px) { div.subject-container div.subjects-wrapper span.subject-prev img { display: none; } } div.subject-container div.subjects-wrapper span.subject-next { position: absolute; bottom: 0; z-index: 1000; height: 100%; cursor: pointer; padding-right: 20px; right: -10px; background: rgba(0, 0, 0, 0); background: linear-gradient(270deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 25%, rgba(255, 255, 255, 0) 100%); } @media (max-width: 576px) { div.subject-container div.subjects-wrapper span.subject-next { width: 40px; } } div.subject-container div.subjects-wrapper span.subject-next img { margin-top: 50px; } @media (max-width: 576px) { div.subject-container div.subjects-wrapper span.subject-next img { display: none; } } div.subject-container div.subjects-wrapper div.subjects { display: -webkit-box; flex-wrap: nowrap; max-width: 100%; overflow: hidden; position: relative; height: 152px; } @media (max-width: 576px) { div.subject-container div.subjects-wrapper div.subjects { overflow-x: scroll; scroll-snap-type: x mandatory; scroll-padding: 0; } } div.subject-container div.subjects-wrapper div.subjects .subject-item-wrapper { position: absolute; height: 152px; top: 0; transition: all 0.5s; } div.subject-container div.subjects-wrapper div.subjects div.subject-item { cursor: pointer; width: 335px; height: 152px; background-color: #00a2f1; margin-right: 20px; border-radius: 10px; display: flex; align-items: center; padding: 0 30px; } @media (max-width: 576px) { div.subject-container div.subjects-wrapper div.subjects div.subject-item { scroll-snap-align: center; } } @media (max-width: 409px) { div.subject-container div.subjects-wrapper div.subjects div.subject-item { width: 270px; } } div.subject-container div.subjects-wrapper div.subjects div.subject-item h4 { font-style: normal; font-weight: 600; font-size: 28px; line-height: 26px; text-align: center; letter-spacing: -0.03em; color: #ffffff; text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15); width: 100%; } div.subject-container div.subjects-wrapper div.subjects div.block { margin-right: 20px; width: 335px; flex-basis: initial; } @media (max-width: 330px) { div.subject-container div.subjects-wrapper div.subjects div.block { width: 270px; } } .list-sorting-wrapper { text-align: right; } .list-sorting-container { display: inline-block; padding-bottom: 16px; margin-bottom: 50px; border-bottom: 1px solid #d8d8d9; } .list-sorting-container .label { font-weight: 600; font-size: 16px; line-height: 22px; color: #1343fb; padding-bottom: 20px; border-bottom: 6px solid white; cursor: pointer; } .list-sorting-container .hover:hover { color: #000000; border-bottom: 6px solid #d8d8d9; } .list-sorting-container .active { font-weight: 600; font-size: 16px; line-height: 22px; color: #000000; padding-bottom: 20px; border-bottom: 6px solid #d8d8d9; } .profile-menu { pointer-events: none; visibility: hidden; } .profile-menu.cursor { cursor: pointer; } .profile-menu .menu-icon { width: 32px; } .menu-modal-wrapper.profile-menu { position: fixed; width: 423px; z-index: 10; /* register */ /* login */ } @media (max-width: 575px) { .menu-modal-wrapper.profile-menu { width: auto; width: initial; } } .menu-modal-wrapper.profile-menu a { -webkit-text-decoration: none; text-decoration: none; color: #1343fb; } .menu-modal-wrapper.profile-menu a:hover { color: #1343fb; } .menu-modal-wrapper.profile-menu .menu-modal { padding: 16px; background: #ffffff; border: 1px solid #d8d8d9; box-sizing: border-box; border-radius: 10px; box-shadow: 3px 10px 19px rgba(0, 0, 0, 0.15); text-align: left; font-family: Montserrat; font-weight: 600; line-height: 26px; color: #1343fb; } .menu-modal-wrapper.profile-menu .menu-modal.loggedIn { padding: 0; } .menu-modal-wrapper.profile-menu .menu-modal .menu-icon { cursor: pointer; } .menu-modal-wrapper.profile-menu .menu-modal .menu-list { list-style: none; margin: 0; padding: 0; } .menu-modal-wrapper.profile-menu .menu-modal .nav-item { font-size: 22px; cursor: pointer; } .menu-modal-wrapper.profile-menu .menu-modal .nav-item:hover { border-bottom: 2px solid #1343fb; } .menu-modal-wrapper.profile-menu .menu-modal .nav-item a { color: #1343fb; } .menu-modal-wrapper.profile-menu .menu-modal .seperator { width: 100%; height: 1px; margin: 60px 0 13px 0; background-color: #011592; border: none; } .menu-modal-wrapper.profile-menu .menu-modal .bottom-link-section { cursor: pointer; font-size: 16px; } .menu-modal-wrapper.profile-menu .menu-modal .bottom-link-section a.bottom-link { color: #1343fb; -webkit-text-decoration: none; text-decoration: none; } .menu-modal-wrapper.profile-menu .auth-menu-modal-title { margin: 0; font-size: 24px; font-weight: bold; color: #011592; } .menu-modal-wrapper.profile-menu .auth-menu-modal-content { font-size: 24px; margin-top: 10px; font-weight: 300; color: #011592; } .menu-modal-wrapper.profile-menu hr { width: 100%; height: 1px; margin: 0; border: none; background-color: #011592; transform: rotate(180deg); } .menu-modal-wrapper.profile-menu .register-btn { margin: 45px 0; padding: 8px 11px; font-size: 18px; font-weight: 600; color: #ffffff; background-color: #1343fb; border: none; } .menu-modal-wrapper.profile-menu .login-btn { display: flex; align-items: center; padding: 19px 0; } .menu-modal-wrapper.profile-menu .login-btn .login-btn-title { font-size: 16px; margin-right: 5px; cursor: pointer; } .menu-modal-wrapper.profile-menu .login-btn .login-btn-img { margin-top: 2px; cursor: pointer; } .menu-modal-wrapper.profile-menu .profile-section { background-color: #eaeef0; border-top-left-radius: 10px; border-top-right-radius: 10px; } .menu-modal-wrapper.profile-menu .profile-section .avatar { width: 58px; height: auto; color: #011592; margin-right: 30px; } .menu-modal-wrapper.profile-menu .profile-section .content { padding: 45px 30px 25px; display: flex; align-items: center; } .menu-modal-wrapper.profile-menu .profile-section .username { font-family: Montserrat; font-size: 24px; font-style: normal; font-weight: 700; line-height: 30px; letter-spacing: -0.03em; text-align: left; } .menu-modal-wrapper.profile-menu .profile-section .email { font-family: Montserrat; font-size: 16px; font-style: normal; font-weight: 400; line-height: 30px; letter-spacing: -0.03em; text-align: left; color: #0d0d0d; } .menu-modal-wrapper.profile-menu .profile-nav { padding: 45px 30px 0; } .menu-modal-wrapper.profile-menu .profile-nav .menu-list { margin-bottom: 45px; } .menu-modal-wrapper.profile-menu .profile-nav .nav-item { margin: 6px 0; } .menu-modal-wrapper.profile-menu .profile-nav .nav-item a { padding: 0; } .header-icon-menu.cursor { cursor: pointer; } .header-icon-menu > span { align-items: center; border-radius: 8px; display: flex; display: inline-block; height: 36px; justify-content: center; padding: 0; width: 36px; box-sizing: border-box; } @media (min-width: 993px) { .header-icon-menu > span { border: 1px solid #d8d8d9; } .header-icon-menu > span:hover { background: rgba(1, 21, 146, 0.1); border: 1px solid #011592; } .header-icon-menu > span:active { background: rgba(1, 21, 146, 0.1); border: 1px solid #1343fb; } .header-icon-menu > span:focus { background: rgba(1, 21, 146, 0.1); border: 2px solid #1343fb; } } div.header-icon-menu.menu-vertical.cursor.inline-block img { height: 36px; width: 36px; } div.header-icon-menu.menu-vertical.cursor.profile.inline-block { margin-left: 16px; } .menu-modal-wrapper { background-color: #fff; border-radius: 2px; border: 1px solid #d8d8d9; padding: 1px; position: fixed; width: 200px; z-index: 15000; } .menu-modal-wrapper.mobile { left: 0 !important; width: 100vw !important; top: 0 !important; border-radius: 0 !important; border: none !important; } @media (min-width: 993px) { .menu-modal-wrapper { border: 1px solid #d8d8d9; } } .menu-modal-wrapper:after, .menu-modal-wrapper:before { bottom: 100%; left: 80%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; } .menu-modal-wrapper:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; border-width: 12px; margin-left: -12px; } .menu-modal-wrapper:before { border-color: rgba(216, 216, 217, 0); border-bottom-color: #d8d8d9; border-width: 13px; margin-left: -13px; } .menu-modal { border-radius: 2px; box-shadow: 3px 10px 19px rgba(0, 0, 0, 0.15); box-sizing: border-box; font-style: normal; font-weight: 600; line-height: 26px; padding: 16px; text-align: left; } .menu-modal .menu-icon { cursor: pointer; } .menu-modal .menu-icon.mobile { width: 36px; position: absolute; right: 8px; z-index: 900; top: 8px; } .menu-modal .menu-list { list-style: none; margin: 0; padding: 0; height: 160px; } .menu-modal .menu-list li:not(:last-child) { padding-bottom: 24px; } .menu-modal .menu-list li:last-child { padding-bottom: 32px; } .menu-modal .menu-list .nav-link { margin: 0; padding: 0; } .menu-modal .nav-item { cursor: pointer; font-size: 18px; } .menu-modal .nav-item:hover span { border-bottom: 2px solid #011592; } .menu-modal .nav-item a { line-height: 22px; color: #011592; padding-left: 0 !important; } .menu-modal .seperator { background-color: #011592; border: none; height: 1px; margin: 60px 0 13px 0; width: 100%; } .menu-modal .bottom-link-section { cursor: pointer; font-size: 16px; } .menu-modal .bottom-link-section a.bottom-link { color: #1343fb; -webkit-text-decoration: none; text-decoration: none; } .menu-modal.burger { padding: 40px 0 40px 40px; } .menu-modal.menu-profil { padding: 0; } .menu-profil { padding-top: 17px; padding-bottom: 17px; } .menu-modal-wrapper.menu-profil { padding: 0px; width: 170px; font-size: 14px; white-space: nowrap; } .return-bar { background-color: rgb(0, 162, 241); padding-left: 1em; padding-right: 1em; display: flex; width: 100%; align-items: center; justify-content: space-between; height: 50px; color: white; } .return-bar > div { cursor: pointer; } .return-bar span { margin-left: 10px; } .return-bar .segment-widget label, .return-bar .segment-widget .tooltip, .return-bar .segment-widget .segment-action { color: white; } .return-bar .segment-widget .tooltip-dropdown { left: -30%; } .return-bar .segment-widget .tooltip-dropdown .segment-action { color: #011592; } div.collection-details-component { padding-top: 40px; } div.collection-details-component h1 { font-size: 48px; font-style: normal; font-weight: bold; color: #010e5b; margin-top: 40px; margin-bottom: 30px; } div.collection-details-component p { font-weight: normal; font-size: 16px; line-height: 22px; /* or 137% */ color: #001c48; margin-top: 15px; margin-bottom: 30px; } .screen-container.designer { width: 100%; min-height: 10px; } .screen-container.invisible { display: none; } /** * Tooltip Styles */ /* Base styles for the element that has a tooltip */ [data-tooltip] { position: relative; cursor: pointer; } /* Base styles for the entire tooltip */ [data-tooltip]:before, [data-tooltip]:after { position: absolute; visibility: hidden; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24); transform: translate3d(0, 0, 0); pointer-events: none; } /* Show the entire tooltip on hover and focus */ [data-tooltip]:hover:before, [data-tooltip]:hover:after, [data-tooltip]:focus:before, [data-tooltip]:focus:after { visibility: visible; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } /* Base styles for the tooltip's content area */ [data-tooltip]:after { z-index: 1000; padding: 11px; width: 190px; background-color: #ffffff; box-shadow: 0px 0 3.7px 0 rgba(0, 0, 0, 0.25); color: #010e5b; border-radius: 8px; content: attr(data-tooltip); font-weight: 600; font-size: 16px; line-height: 22px; } /* Directions */ /* Top (default) */ [data-tooltip]:before, [data-tooltip]:after { bottom: 100%; left: 50%; text-align: center; } /* Horizontally align top/bottom tooltips */ [data-tooltip]:after { margin-left: -95px; } /* Bottom */ .tooltip-bottom:before, .tooltip-bottom:after { top: 100%; bottom: auto; left: 50%; } @media (max-width: 991px) { .tooltip-bottom:after { left: 100%; } [data-tooltip]:after { margin-left: -190px; } } .tooltip-bottom:hover:before, .tooltip-bottom:hover:after { transform: translateY(0px); text-align: center; } @keyframes tooltipFadeIn { from { opacity: 0; } to { opacity: 1; } } .tooltip { display: inline-flex; flex-direction: column; justify-content: center; color: #1343fb; position: relative; z-index: 10001; } .tooltip.custom-tooltip { position: relative !important; padding: 0px; z-index: 10000 !important; } .tooltip__label:before { content: ""; display: flex; cursor: default; position: absolute; width: 100%; height: 100%; z-index: 3; } .tooltip__label .menu-icon { display: block; } .tooltip__label .close-icon { display: none; } .tooltip__label.tooltip--open .menu-icon { display: none; } .tooltip__label.tooltip--open .close-icon { display: block; } .tooltip__label .icon-item { display: flex; align-items: center; } .tooltip-dropdown__content { padding: 16px 16px 16px 15px; min-width: 190px; border: 1px solid #d8d8d9; background-color: #ffffff; color: #555563; border-radius: 2px; font-family: "IBM Plex Sans Condensed"; font-style: normal; font-weight: normal; font-size: 14px; line-height: 18px; } .tooltip-dropdown { visibility: hidden; display: block; position: absolute; top: 0px; left: 50%; transform: translateX(-50%); z-index: 2; } .tooltip-dropdown.segment-settings .tooltip-dropdown__content { min-width: 150px; text-align: right; } .tooltip-dropdown.segment-settings .tooltip-dropdown__content .segment-action { margin-left: 0px; } @media (max-width: 991px) { .tooltip-dropdown.segment-settings .tooltip-dropdown__content { min-width: 220px; } } .tooltip-dropdown.card-favourite { left: -75px; } @media (min-width: 768px) { .tooltip-dropdown.card-favourite { left: 170px; } } .tooltip-dropdown.tooltip--open { animation: tooltipFadeIn 0.15s; display: block; visibility: visible; } @media (hover: hover) { .tooltip:hover .tooltip-dropdown { animation: tooltipFadeIn 0.15s; display: block; visibility: visible; } } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal { position: fixed; top: 0; left: 0; z-index: 1050; display: none; width: 100%; height: 100%; overflow: hidden; outline: 0; } .modal.show .modal-dialog { transform: none; } .modal.fade .modal-dialog { transition: transform 0.3s ease-out; transform: translateY(-50px); } .custom-confirmation-modal .modal-dialog, .custom-confirmation-modal .modal-content { max-width: 424px; } .custom-confirmation-modal .modal-content { padding: 24px; border-radius: 0 0.3rem 0.3rem 0; border-left: 4px solid #B1DC62; } .custom-confirmation-modal .title { display: none; } .custom-confirmation-modal .confirmation-message { color: #060F64; font-size: 18px; font-style: normal; font-weight: 600; line-height: 22px; font-family: "Montserrat"; margin-left: 12px; } .custom-confirmation-modal .section { display: flex; align-items: center; } .custom-confirmation-modal .close { position: absolute; top: 10px; right: 10px; cursor: pointer; z-index: 1; } .custom-confirmation-modal .close > img { pointer-events: none; } .modal-dialog { position: relative; width: auto; margin: 0.5rem; pointer-events: none; } @media (min-width: 800px) { .modal-dialog { max-width: 690px; margin: 1.75rem auto; margin-top: 4rem; } .custom-attention-modal.custom-favorite-modal .modal-dialog { max-width: 623px; } .custom-attention-modal.custom-favorite-modal .modal-content { max-width: 100%; } } .modal-content { position: relative; display: flex; flex-direction: column; font-family: "Montserra", sans-serif; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: none; border-radius: 0.3rem; outline: 0; padding: 20px; padding-bottom: 60px; } .modal-header { display: flex; align-items: flex-start; justify-content: space-between; padding: 1rem; border-bottom: 1px solid #dee2e6; border-top-left-radius: calc(0.3rem - 1px); border-top-right-radius: calc(0.3rem - 1px); } .modal-header .close { padding: 1rem; margin: -1rem -1rem -1rem auto; } .modal-header .modal-title { margin-bottom: 0; line-height: 1.5; } .modal-body { position: relative; flex: 1 1 auto; padding: 1rem; } .modal-footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; padding: 0.75rem; border-top: 1px solid #dee2e6; border-bottom-right-radius: calc(0.3rem - 1px); border-bottom-left-radius: calc(0.3rem - 1px); } .modal-backdrop.show { opacity: 0.5; } .modal-backdrop { position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: #000; } .fade { transition: opacity 0.15s linear; } .modal-open { overflow: hidden; } .custom-modal { z-index: 10000; padding-left: 0 !important; background-color: rgba(6, 15, 100, 0.3); font-family: "IBM Plex Sans"; } @media (max-width: 640px) { .custom-modal .modal-dialog { transform: translateY(0px) !important; } } .custom-modal .close { position: absolute; right: 20px; top: 12px; cursor: pointer; } .custom-modal .title { font-style: normal; font-weight: 600; font-size: 26px; line-height: 28px; /* or 108% */ text-align: center; color: #010e5b; margin: 0; padding-top: 50px; padding-bottom: 30px; padding-left: 20px; padding-right: 20px; } .custom-modal .subtitle { font-style: normal; font-weight: 600; font-size: 22px; line-height: 26px; /* identical to box height, or 118% */ text-align: center; color: #010e5b; margin: 0; padding-bottom: 20px; text-align: left; } .custom-modal .center { text-align: center; } .custom-modal .section { padding-top: 20px; padding-bottom: 20px; } .custom-modal .section.login-required { padding-left: 80px; padding-right: 80px; } .custom-modal .section.login-required .label { padding-left: 25px; } .custom-modal .section.login-required p { color: #010e5b; font-weight: 600; } .custom-modal .radiobox-wrapper { display: flex; align-items: center; } .custom-modal .radiobox-wrapper .popover-trigger { margin-left: 20px; } .custom-modal .radiobox-wrapper .radiobox { border: 1px solid #d8d8d9; border-radius: 10px; padding: 13px 17px; width: 70%; cursor: pointer; } .custom-modal .radiobox-wrapper .radiobox .icon { margin-right: 13px; } .custom-modal .radiobox-wrapper .radiobox span { font-style: normal; font-weight: normal; font-size: 16px; line-height: 22px; /* or 137% */ color: #010e5b; } .custom-modal .radiobox-wrapper .radiobox.selected { background: #011592; } .custom-modal .radiobox-wrapper .radiobox.selected span { color: white; } .custom-modal .checkbox-wrapper { display: flex; align-items: center; } .custom-modal .checkbox-wrapper.native { margin-bottom: 0 !important; flex: 1; } .custom-modal .checkbox-wrapper .popover-trigger { margin-left: 20px; } .custom-modal .checkbox-wrapper .checkbox { padding: 15px 10px !important; width: 70%; cursor: pointer; border: 1px solid #d8d8d9; box-sizing: border-box; border-radius: 10px; } .custom-modal .checkbox-wrapper .checkbox.native { width: 100% !important; border-radius: 0; } .custom-modal .checkbox-wrapper .checkbox .icon { margin-right: 13px; } .custom-modal .checkbox-wrapper .checkbox span { font-style: normal; font-weight: normal; font-size: 16px; line-height: 22px; /* or 137% */ color: #010e5b; } .custom-modal .checkbox-wrapper .checkbox.selected { background: #011592; } .custom-modal .checkbox-wrapper .checkbox.selected span { color: white; } .custom-modal .steps { display: flex; justify-content: center; } .custom-modal .steps .step { color: #011592; font-size: 16px; line-height: 38px; background-color: white; border: 1px solid #d8d8d9; border-radius: 40px; margin-right: 10px; width: 41px; height: 38px; text-align: center; cursor: pointer; } .custom-modal .steps .step.selected { color: white; background-color: #010e5b; border: none; } .custom-modal .divider { background: #011592; width: 100%; height: 1px; } .custom-modal .footer { text-align: right; } .custom-modal .footer.login-required { text-align: center; } .custom-modal .footer.login-required button:first-child { margin-right: 10px; } .custom-modal .footer .next-step { background: #011592; border-radius: 8px; color: #f8faff; font-size: 13px; font-style: normal; font-weight: 600; height: 36px; letter-spacing: 3px; line-height: 14px; padding: 11px 12px 11px 14px; text-transform: uppercase; } .custom-modal .footer .next-step:not(:first-child) { margin-left: 16px; } @media (max-width: 992px) { .custom-modal .footer .next-step:not(:first-child) { margin-left: 8px; } } .custom-modal .footer .next-step:hover { background-color: #060f64; outline: none; } .custom-modal .form-control, .custom-modal .pcr-app .pcr-interaction .pcr-result, .pcr-app .pcr-interaction .custom-modal .pcr-result { background: #ffffff !important; border: 1px solid #d8d8d9; box-sizing: border-box; border-radius: 30px; padding: 13px 25px; width: 70%; font-style: normal; font-weight: bold; font-size: 16px; line-height: 22px; /* identical to box height, or 137% */ display: flex; align-items: center; color: #011592; } .custom-modal .form-control::-moz-placeholder, .custom-modal .pcr-app .pcr-interaction .pcr-result::-moz-placeholder, .pcr-app .pcr-interaction .custom-modal .pcr-result::-moz-placeholder { color: #1343fb; -webkit-text-decoration: none; text-decoration: none; font-weight: normal; font-style: normal; } .custom-modal .form-control::placeholder, .custom-modal .pcr-app .pcr-interaction .pcr-result::placeholder, .pcr-app .pcr-interaction .custom-modal .pcr-result::placeholder { color: #1343fb; -webkit-text-decoration: none; text-decoration: none; font-weight: normal; font-style: normal; } .custom-modal .form-control:focus, .custom-modal .pcr-app .pcr-interaction .pcr-result:focus, .pcr-app .pcr-interaction .custom-modal .pcr-result:focus { border: 1px solid #011592; } .custom-modal .form-control.w-100, .custom-modal .pcr-app .pcr-interaction .w-100.pcr-result, .pcr-app .pcr-interaction .custom-modal .w-100.pcr-result { width: 100% !important; } .custom-modal .footer-action { position: relative; top: 90px; display: flex; justify-content: space-between; } .custom-modal .footer-action .return { cursor: pointer; font-style: normal; font-weight: 600; font-size: 16px; line-height: 22px; /* or 137% */ color: #1343fb; } .custom-modal .footer-action .required, .custom-modal .footer-action .notrequired { font-style: normal; font-weight: normal; font-size: 16px; line-height: 22px; /* or 137% */ text-align: right; color: #010e5b; } .custom-modal .label { font-style: normal; font-weight: normal; font-size: 16px; line-height: 30px; /* or 187% */ letter-spacing: -0.03em; color: #0d0d0d; margin: 0; } .custom-modal .form-wrapper { display: flex; align-items: center; } .custom-modal .required:after { content: " *"; color: red; margin-left: 10px; } .custom-modal .form-action { font-style: normal; font-weight: normal; font-size: 16px; line-height: 22px; /* identical to box height, or 137% */ display: flex; align-items: center; color: #1343fb; cursor: pointer; margin-left: 20px; } .custom-modal .slider-control-label { font-style: normal; font-weight: 600; font-size: 14px; line-height: 17px; /* or 121% */ display: flex; align-items: center; color: #011592; margin-right: 20px; } @media (max-width: 576px) { .custom-modal { right: 0; max-width: 375px; margin: auto; } .custom-modal .modal-content { padding-bottom: 100px; } .custom-modal .title { padding-top: 45px; padding-bottom: 20px; } .custom-modal .footer-action { top: 50px; } .custom-modal .radiobox-wrapper { width: 100%; } .custom-modal .radiobox-wrapper .radiobox { width: 100% !important; display: flex; align-items: flex-start; } .custom-modal .checkbox-wrapper { width: 100%; } .custom-modal .checkbox-wrapper .checkbox { width: 100% !important; display: flex; align-items: flex-start; } .custom-modal .footer .next-step { width: 100%; } .custom-modal .footer .next-step:hover { background: #1343fb; color: #ffffff; } .custom-modal .form-control, .custom-modal .pcr-app .pcr-interaction .pcr-result, .pcr-app .pcr-interaction .custom-modal .pcr-result { width: 100%; } .custom-modal .form-action { position: absolute; right: 20px; } } .profile-wrapper { display: flex; align-items: center; justify-content: center; } .profile-wrapper img { margin-right: 30px; } .profile-wrapper .username { font-style: normal; font-weight: 600; font-size: 16px; line-height: 22px; /* or 137% */ color: #011592; margin: 0; } .profile-description { margin-top: 13px; padding-left: 20px; padding-right: 20px; } .profile-description p { font-family: "IBM Plex Sans Condensed"; } .infos-description { font-family: "IBM Plex Sans Condensed"; font-style: normal; font-weight: normal; font-size: 14px; line-height: 18px; color: #555563; margin-top: 0; margin-bottom: 10px; } @media (max-width: 576px) { .profile-wrapper { display: block; text-align: center; } .profile-wrapper img { margin-right: 0px; } .profile-description { margin-top: 0; padding-left: 0; padding-right: 0; } } .toast-modal .modal-dialog { margin-top: 180px; } @media (min-width: 768px) { .toast-modal .modal-dialog { margin-top: 220px; } } @media (min-width: 992px) { .toast-modal .modal-dialog { margin-top: 240px; } } .toast-content { border-radius: 0px 20px 20px 0px; width: 340px; height: 85px; box-shadow: -4px 0px #b1dc62; padding: 0px; margin-left: calc(50% - 170px); } @media (min-width: 992px) { .toast-content { width: 424px; margin-left: calc(50% - 212px); } } .toast-title { display: flex; align-items: center; height: 100%; width: -moz-fit-content; width: fit-content; } .toast-title img { margin-left: 20px; margin-right: 8px; } @media (min-width: 992px) { .toast-title img { margin-right: 12px; } } .toast-title span { font-family: "Montserrat"; font-style: normal; font-weight: 600; font-size: 15px; line-height: 18px; color: #060f64; } @media (min-width: 992px) { .toast-title span { font-size: 18px; line-height: 22px; } } .evaluation-confirm { box-shadow: none; border-radius: 20px; width: 623px; height: 176px; justify-content: center; } @media (max-width: 768px) { .evaluation-confirm { width: 340px; height: 185px; margin-top: 220px; } } .evaluation-confirm .toast-title { height: auto; height: initial; } @media (max-width: 768px) { .evaluation-confirm .toast-title { flex-direction: column; align-items: baseline; } } .evaluation-confirm .toast-title img { margin-left: 20px; margin-right: 8px; } @media (min-width: 992px) { .evaluation-confirm .toast-title img { margin-left: 32px; margin-right: 16px; } } .evaluation-confirm .toast-title span { font-size: 26px; } @media (max-width: 768px) { .evaluation-confirm .toast-title span { font-size: 18px; margin-left: 18px; margin-top: 16px; } } .evaluation-confirm .filters-modal-footer { margin-left: 90px; } @media (max-width: 768px) { .evaluation-confirm .filters-modal-footer { margin-left: 4px; } } .toast-close { position: absolute; right: 4px; top: 4px; cursor: pointer; } .toast-close img { height: 36px; width: 36px; } @media (min-width: 992px) { .toast-close { top: 8px; } } .skeleton .wrapper { display: flex; } .skeleton .wrapper .card-placeholder { margin-right: 20px; } .skeleton .title-placeholder { width: 200px; height: 30px; margin-bottom: 20px; } .skeleton .card-placeholder { width: 335px; height: 430px; border-radius: 18px; border: 1px solid #eee; } @media only screen and (max-width: 440px) { .skeleton .card-placeholder { width: 80%; } } @media only screen and (max-width: 599px) and (min-width: 441px) { .skeleton .card-placeholder { width: 50%; } } @media only screen and (max-width: 991px) and (min-width: 600px) { .skeleton .card-placeholder { width: 33%; } } @media only screen and (min-width: 992px) { .skeleton .card-placeholder { width: 25%; } } .skeleton .card-placeholder .image { height: 170px; border-top-right-radius: 18px; border-top-left-radius: 18px; } .skeleton .card-placeholder .title { width: 100px; margin-bottom: 7px; } .skeleton .card-placeholder .content { padding: 10px; } .skeleton .card-placeholder .content .content-title { margin: 25px 0 11px; width: 200px; height: 25px; } .skeleton .card-placeholder .content .content-text { width: 300px; height: 100px; margin-bottom: 7px; } .skeleton .card-placeholder .content .bottom { display: flex; justify-content: space-between; margin-top: 18px; } .skeleton .card-placeholder .content .bottom .bottom-title { width: 150px; } .skeleton .card-placeholder .content .bottom .bottom-favoris { width: 20px; } @keyframes shine { to { background-position: 100% 0, 0 0; } } .skeleton span { margin-bottom: 20px; width: 100%; height: 15px; display: block; background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 80%), #eee; background-repeat: repeat-y; background-size: 50px 200px; background-position: 0 0; animation: shine 1s infinite; } .banner { position: relative; width: 100%; height: 428px; overflow: hidden; border-bottom-left-radius: 120px; z-index: 1; } .banner.banner-show { height: 250px; } @media (min-width: 768px) { .banner { height: 440px; } .banner.banner-show { height: 250px; } } @media (min-width: 992px) { .banner { border-bottom-left-radius: 180px; } } .banner.banner-show { border-bottom-left-radius: 0; } .banner-image { width: 100%; height: 440px; align-items: center; border-bottom-left-radius: 120px; z-index: 1; } @media (min-width: 992px) { .banner-image { border-bottom-left-radius: 180px; } } .banner-content-wrapper { position: absolute; top: 0; left: 0; z-index: 10; height: 100%; width: 100%; padding: 0 31px; display: flex; align-items: center; justify-content: center; } .page-description { max-width: 1400px; border: 1px solid #D8D8D9; box-sizing: border-box; border-radius: 20px; padding: 24px; margin: 0 auto; margin-top: 32px; /* or 129% */ /* gris foncé */ color: #555563; } @media (max-width: 1400px) { .page-description { margin-left: 20px; margin-right: 20px; } } .page-description p { font-family: "IBM Plex Sans Condensed"; font-style: normal; font-weight: 400; font-size: 14px; line-height: 18px; } .banner-content-wrapper-error { position: absolute; top: 0; left: 0; z-index: 10; height: 100%; width: 100%; padding: 0 31px; padding-top: 50px; display: flex; align-items: flex-start; justify-content: center; } @media (min-width: 768px) { .banner-content-wrapper-error { padding-top: 65px; } } @media (min-width: 1200px) { .banner-content-wrapper-error { padding-top: 85px; } } @media (min-width: 768px) { .banner-left { padding-left: 12%; justify-content: flex-start; } } @media (min-width: 1200px) { .banner-left { padding-left: 15%; } } .banner-content { display: flex; align-items: center; justify-content: center; flex-direction: column; width: 313px; } @media (min-width: 375px) { .banner-content { width: 343px; } } @media (min-width: 768px) { .banner-content { width: 382px; } } @media (min-width: 1200px) { .banner-content { width: 555px; } } .banner-title { font-family: "Montserrat"; font-size: 26px; font-style: normal; font-weight: 700; line-height: 32px; letter-spacing: 0px; text-align: center; color: white; width: 100%; margin: 0px 0px 24px 0px; } @media (min-width: 1200px) { .banner-title { font-size: 40px; line-height: 44px; } } @media (max-width: 600px) { .banner-title { padding-left: 48px; padding-right: 48px; } } .banner-subtitle { font-family: "IBM Plex Sans Condensed"; font-size: 18px; font-style: normal; font-weight: 400; line-height: 22px; letter-spacing: 0px; text-align: center; color: white; width: 100%; margin: 0; } .banner-subtitle .bold { font-weight: 700; letter-spacing: 0.2px; } .banner-action { height: 36px; width: 124px; border-radius: 8px; border: 1px solid #9c9ca3; padding: 11px, 12px, 11px, 14px; background-color: #011592; color: white; font-family: "IBM Plex Sans Condensed"; font-size: 13px; font-style: normal; font-weight: 700; line-height: 14px; letter-spacing: 3px; margin-top: 24px; } .banner-action:hover { background-color: rgba(241, 245, 246, 0.2); } .banner-action:focus { outline-style: none; background-color: rgba(241, 245, 246, 0.2); border: 2px solid #1343fb; } .banner-action:active { outline-style: none; background-color: rgba(241, 245, 246, 0.2); border: 1px solid #1343fb; } .banner-tag { display: flex; align-items: center; justify-content: center; margin-bottom: 24px; width: auto; height: 34px; background-color: #1343fb; transform: rotate(-4deg); z-index: 100; border-radius: 2px; } .banner-tag-text { color: #ffffff; font-family: "IBM Plex Sans Condensed"; font-style: normal; font-weight: bold; font-size: 13px; line-height: 14px; letter-spacing: 3px; text-transform: uppercase; z-index: 101; padding: 0 2px 0 5px; } .banner-tag-corner { height: 24px; width: 24px; transform: rotate(45deg); background-color: #1343fb; position: absolute; } .banner-tag-corner.left { left: -11px; } .banner-tag-corner.right { right: -11px; } .banner-tag.banner-tag-lsq { width: 70px; height: 34px; padding: 0 20px; } .banner-footer { display: flex; align-items: center; margin-top: 30px; cursor: pointer; } .banner-footer .banner-guide-link { height: 18px; font-family: "IBM Plex Sans Condensed"; font-style: normal; font-weight: bold; font-size: 14px; line-height: 18px; display: flex; align-items: center; color: #ffffff; cursor: pointer; } .banner-footer:hover .banner-guide-link { border-bottom: 1px solid white; } .banner-error { position: relative; width: 100%; height: 750px; overflow: hidden; } @media (min-width: 768px) { .banner-error { height: 840px; } } .banner-error .banner-image { height: 100%; } .banner-error .banner-title { padding: 0; } .banner-error .banner-title:first-of-type { margin-bottom: 0; } @media (min-width: 768px) { .banner-error .banner-title:first-of-type { margin-bottom: 22px; } } .banner-error .banner-subtitle:first-of-type { margin-bottom: 22px; } .back-button { width: 307px; height: 36px; display: flex; align-items: center; justify-content: center; text-transform: uppercase; font-family: "IBM Plex Sans Condensed"; font-size: 13px; font-style: normal; font-weight: 700; line-height: 14px; letter-spacing: 3px; text-align: center; color: #011592; background-color: #ffffff; border-radius: 8px; margin-top: 32px; padding: 0 12px; cursor: pointer; } .back-button:hover, .back-button:active, .back-button:focus { background-color: rgba(255, 255, 255, 0.8); color: #011592; } .back-button:hover { outline: 1px solid #ffffff; } .back-button:active { outline: 1px solid #1343fb; } .back-button:focus { outline: 2px solid #1343fb; } .custom-filters-modal { display: flex; justify-content: center; background: rgba(5, 15, 100, 0.7); } .custom-filters-modal .modal-content { border-radius: 20px; max-width: 432px; padding: 31px 24px 24px 24px; } .custom-filters-modal .modal-dialog { display: flex; justify-content: center; } @media (max-width: 767px) { .custom-filters-modal { z-index: 1000 !important; } .custom-filters-modal .modal-content { height: 100%; max-width: 100%; border-bottom-left-radius: 0; border-bottom-right-radius: 0; padding: 16px 0; } .custom-filters-modal .modal-dialog { height: 100vh; padding-top: 41px; margin: 0; background: transparent; } } .custom-recommendation-modal { display: flex; justify-content: center; background: rgba(5, 15, 100, 0.7); padding-left: 0 !important; } .custom-recommendation-modal .modal-content { border-radius: 20px; max-width: 625px; padding: 0; } .custom-recommendation-modal .modal-dialog { display: flex; justify-content: center; } @media (max-width: 767px) { .custom-recommendation-modal { display: flex !important; align-items: center; width: 100%; } .custom-recommendation-modal .modal-content { height: auto; height: initial; max-width: 100%; padding: 0; margin-right: 16px; margin-left: 16px; margin-bottom: 48px; } .custom-recommendation-modal .modal-dialog { height: auto; height: initial; width: 100%; padding-top: 41px; margin: 0; background: transparent; } } .custom-recommendation-modal .filters-modal { padding: 31px 24px 24px 24px; } .custom-recommendation-modal .filters-modal-footer { background: #F1F5F6; padding: 21px 24px; margin-top: 0; border-radius: 20px; } .custom-recommendation-modal .filters-modal-footer.create-category { background: white; padding-top: 0; } .custom-recommendation-modal .filters-modal-footer .add-category { cursor: pointer; display: flex; align-items: center; } .custom-recommendation-modal .filters-modal-footer .add-category a { font-family: "IBM Plex Sans Condensed"; font-style: normal; font-weight: 700; font-size: 13px; line-height: 14px; /* identical to box height, or 108% */ letter-spacing: 3px; text-transform: uppercase; /* Blue/bleu très foncé */ color: #060F64; margin-left: 24px; } .custom-favorite-modal { display: flex; justify-content: center; background: rgba(5, 15, 100, 0.7); padding-left: 0 !important; } .custom-favorite-modal .modal-content { border-radius: 20px; max-width: 432px; padding: 0; } .custom-favorite-modal .modal-dialog { display: flex; justify-content: center; } @media (max-width: 767px) { .custom-favorite-modal { display: flex !important; align-items: center; width: 100%; } .custom-favorite-modal .modal-content { height: auto; height: initial; max-width: 100%; padding: 0; margin-right: 16px; margin-left: 16px; margin-bottom: 48px; } .custom-favorite-modal .modal-dialog { height: auto; height: initial; width: 100%; padding-top: 41px; margin: 0; background: transparent; } } .custom-favorite-modal .filters-modal { padding: 31px 24px 24px 24px; } .custom-favorite-modal .filters-modal-footer { background: #F1F5F6; padding: 21px 24px; margin-top: 0; border-radius: 20px; } .custom-favorite-modal .filters-modal-footer.create-category { background: white; padding-top: 0; } .custom-favorite-modal .filters-modal-footer .add-category { cursor: pointer; display: flex; align-items: center; } .custom-favorite-modal .filters-modal-footer .add-category a { font-family: "IBM Plex Sans Condensed"; font-style: normal; font-weight: 700; font-size: 13px; line-height: 14px; /* identical to box height, or 108% */ letter-spacing: 3px; text-transform: uppercase; /* Blue/bleu très foncé */ color: #060F64; margin-left: 24px; } .custom-favorite-modal .attention-modal { display: flex; } .custom-favorite-modal .attention-icon { margin-right: 16px; margin-bottom: 16px; } .custom-favorite-modal .attention-modal-footer { padding-left: 75px; } @media (max-width: 767px) { .custom-favorite-modal .attention-modal-footer { padding-left: 24px; } .custom-favorite-modal .attention-modal { display: block; } .custom-favorite-modal .filters-modal .filters-modal-header .close-filters { right: 0; top: -55px; } } .modal-main { margin-top: 70px; } .filters-modal { height: 100%; } .filters-modal .description { font-style: normal; font-weight: 400; font-size: 14px; line-height: 18px; color: #555563; } .filters-modal a.add-other { font-family: "IBM Plex Sans Condensed"; font-style: normal; font-weight: 700; font-size: 14px; line-height: 18px; /* identical to box height, or 129% */ display: flex; align-items: center; cursor: pointer; /* Blue/bleu Teleqc */ color: #011592; } .filters-modal .category-list { max-height: 300px; overflow-y: auto; margin-bottom: 45px; } @media (max-width: 767px) { .filters-modal .category-list { max-height: calc(100vh - 320px); margin-bottom: 20px; } } .filters-modal .category-list .category-item { cursor: pointer; display: flex; align-items: center; margin-bottom: 20px; } .filters-modal .category-list .category-item img { width: 60px; height: 60px; border-radius: 10px; } .filters-modal .category-list .category-item div { width: 60px; height: 60px; border-radius: 10px; background-color: #555563; display: flex; align-items: center; justify-content: center; } .filters-modal .category-list .category-item span { font-family: "Montserrat"; font-style: normal; font-weight: 600; font-size: 18px; line-height: 22px; /* identical to box height, or 122% */ /* Blue/bleu très foncé */ margin-left: 24px; color: #060F64; } .filters-modal .filters-modal-header { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 31px; position: relative; } @media (max-width: 767px) { .filters-modal .filters-modal-header { margin-bottom: 16px; } } .filters-modal .filters-modal-header .filters-modal-title { font-family: "Montserrat"; font-size: 18px; font-style: normal; font-weight: 600; line-height: 22px; letter-spacing: 0px; text-align: left; color: #060f64; margin-bottom: 0; padding-right: 30px; } @media (max-width: 767px) { .filters-modal .filters-modal-header .filters-modal-title { font-size: 15px; font-style: normal; line-height: 18px; } } .filters-modal .filters-modal-header .filters-modal-title-sub { font-family: "IBM Plex Sans Condensed"; font-size: 18px; font-style: normal; font-weight: 700; line-height: 22px; letter-spacing: 0.2px; text-align: left; color: #060f64; } .filters-modal .filters-modal-header .close-filters { position: absolute; top: -6px; right: 0; cursor: pointer; } @media (max-width: 767px) { .filters-modal .filters-modal-header .close-filters { right: 16px; } } .filters-modal .filters-modal-subheader { display: flex; flex-direction: column; margin-bottom: 31px; position: relative; padding-left: 16px; } .filters-modal .filters-modal-subheader .filters-modal-title { font-family: "Montserrat"; font-size: 18px; font-style: normal; font-weight: 600; line-height: 22px; letter-spacing: 0px; text-align: left; color: #060f64; margin-bottom: 0; padding-right: 30px; } .filters-modal .filters-modal-subheader .filters-modal-back { display: flex; align-items: center; margin-top: 10px; margin-bottom: 30px; cursor: pointer; } .filters-modal .filters-modal-subheader .filters-modal-back .filters-modal-back-label { font-family: "IBM Plex Sans Condensed"; font-size: 14px; font-style: normal; font-weight: 700; line-height: 18px; letter-spacing: 0px; vertical-align: center; color: #011592; } .filters-modal .filter-group { border: 0; padding-top: 0px; } .filters-modal .filter-section { background-color: white; padding: 0; height: 430px; overflow-y: scroll; } @media (max-width: 767px) { .filters-modal .filter-section { height: calc(100% - 230px); overflow-y: scroll; } } .filters-modal .filter-section::-webkit-scrollbar { width: 8px; border-radius: 10px; } @media (max-width: 767px) { .filters-modal .filter-section::-webkit-scrollbar { display: none; } } .filters-modal .filter-section::-webkit-scrollbar-track { background: #f1f5f6; border-radius: 10px; margin-top: 8px; margin-bottom: 16px; } .filters-modal .filter-section::-webkit-scrollbar-thumb { background: #060f64; border-radius: 8px; } .filters-modal-footer { display: flex; margin-top: 24px; position: relative; } .filters-modal-footer .filters-modal-footer-action { display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 11px 12px 11px 14px; min-width: 120px; height: 36px; background: #011592; border-radius: 8px; border: 0; color: white; font-family: "IBM Plex Sans Condensed"; font-size: 13px; font-style: normal; font-weight: 700; line-height: 14px; letter-spacing: 3px; text-align: center; margin-right: 24px; } .filters-modal-footer .filters-modal-footer-action:hover { background-color: #060f64; } .filters-modal-footer .filters-modal-footer-action:active { background-color: #060f64; outline: 1px solid #1343fb; box-sizing: border-box; border-radius: 8px; } .filters-modal-footer .filters-modal-footer-action:focus { background-color: #060f64; outline: 2px solid #1343fb; border-radius: 8px; } .filters-modal-footer .filters-modal-footer-action.disabled { background: #D8D8D9; color: #FFFFFF; } .filters-modal-footer .filters-modal-footer-action.disabled:hover, .filters-modal-footer .filters-modal-footer-action.disabled:active, .filters-modal-footer .filters-modal-footer-action.disabled:focus { background: #D8D8D9; color: #FFFFFF; } .filters-modal-footer .filter-clear { font-family: "IBM Plex Sans Condensed"; font-style: normal; font-weight: bold; font-size: 14px; line-height: 18px; display: flex; align-items: center; text-decoration-line: underline; color: #011592; cursor: pointer; margin: 0; align-self: center; } .filters-modal-footer .filter-clear:hover, .filters-modal-footer .filter-clear:active { color: #060f64; } .filters-modal-footer .filter-clear:focus { color: #060f64; border-radius: 2px; outline: 3px solid #1343fb; padding: 2px 4px; } @media (max-width: 767px) { .filters-modal-footer { width: 100%; padding: 0 16px; } } .filter-modal-divider { position: absolute; top: -39px; width: 432px; height: 15px; background: linear-gradient(180deg, #060f64 0%, rgba(45, 52, 54, 0) 100%); opacity: 0.05; transform: matrix(1, 0, 0, -1, 0, 0); margin-left: -24px; } @media (max-width: 767px) { .filter-modal-divider { width: 100vw; margin-left: -16px; } } div.modal-filter { display: block; } @media (max-width: 767px) { div.modal-filter { padding-left: 16px; } } .mobile-filters-modal { background-color: #f1f5f6; padding: 16px; height: calc(100% - 96px); overflow-y: scroll; } .mobile-filters-modal .attachment-filter-selector { display: flex; align-items: center; font-family: "IBM Plex Sans Condensed", serif; font-size: 14px; font-style: normal; font-weight: 400; line-height: 18px; text-align: left; color: #555563; margin-bottom: 14px; } .mobile-filters-modal .attachment-filter-selector .attachment-switch { margin: 0 9px 0 0; } .mobile-filters-modal .attachment-filter-selector .switch, .mobile-filters-modal .attachment-filter-selector .slider { width: 28px; height: 16px; } .mobile-filters-modal .attachment-filter-selector .slider { background-color: #d8d8d8; } .mobile-filters-modal .attachment-filter-selector .switch .slider:before { width: 12px; height: 12px; bottom: 2px; } .mobile-filters-modal .attachment-filter-selector .switch input:checked + .slider:before { transform: translateX(11px); } .mobile-filters-modal .nav-filter-section { justify-content: flex-start; height: auto; z-index: 2000; } .mobile-filters-modal .nav-filter-section p { height: 16px; } .mobile-filters-modal .nav-filter-section .sort-filter-selector { display: flex; flex-direction: column; width: 100%; margin-bottom: 24px; } .mobile-filters-modal .nav-filter-section .sort-filter-selector .select { margin: 0; width: 100%; } .mobile-filters-modal .filter-section { background: transparent; height: auto; border-top: 1px solid #d8d8d9; padding-bottom: 24px; } .mobile-filters-modal .filter-section .filter-group-title { margin-top: 24px; } .mobile-filters-modal .collapse-icon { top: 0; } div.thematics-carousel-container { margin-bottom: 88px; margin-top: 50px; max-width: 1400px; margin-right: auto; margin-left: auto; } @media (min-width: 768px) { div.thematics-carousel-container { margin-top: 60px; } } @media (min-width: 992px) { div.thematics-carousel-container { margin-top: 65px; } } @media (min-width: 1200px) { div.thematics-carousel-container { margin-top: 90px; } } div.thematics-carousel-container .thematics-carousel { display: flex; height: 100%; } @media (max-width: 767px) { div.thematics-carousel-container .thematics-carousel { flex-direction: column; } } div.thematics-carousel-container .thematics-carousel-left { width: 50%; display: flex; justify-content: flex-end; padding-right: 16px; position: relative; } @media (max-width: 1199px) { div.thematics-carousel-container .thematics-carousel-left { padding-right: 8px; } } @media (max-width: 767px) { div.thematics-carousel-container .thematics-carousel-left { width: 100%; height: -moz-fit-content; height: fit-content; min-height: 193px; margin-bottom: 14px; padding-right: 16px; } } div.thematics-carousel-container .thematics-carousel-left .thematics-carousel-vedette { width: 100%; } div.thematics-carousel-container .thematics-carousel-left .thematics-carousel-title { position: absolute; top: 110px; left: -110px; width: 293px; height: 40px; font-family: "Montserrat"; font-style: normal; font-weight: bold; font-size: 34px; line-height: 40px; color: #011592; transform: rotate(-90deg); z-index: 10; } @media (max-width: 1199px) { div.thematics-carousel-container .thematics-carousel-left .thematics-carousel-title { display: none; } } div.thematics-carousel-container .thematics-carousel-left .thematics-carousel-grey-area { background-color: #f1f5f6; position: absolute; width: 86%; left: 0; top: 191px; height: calc(100% - 191px); border-bottom-right-radius: 60px; z-index: 0; } @media (max-width: 1199px) { div.thematics-carousel-container .thematics-carousel-left .thematics-carousel-grey-area { top: 141px; height: calc(100% - 141px); } } @media (max-width: 767px) { div.thematics-carousel-container .thematics-carousel-left .thematics-carousel-grey-area { display: none; } } div.thematics-carousel-container .thematics-carousel-right { width: 50%; padding-left: 16px; padding-right: 36px; display: grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: 32px; grid-row-gap: 36px; margin: 0 auto; } @media (max-width: 1199px) { div.thematics-carousel-container .thematics-carousel-right { grid-template-columns: repeat(1, 1fr); padding-right: 24px; grid-row-gap: 16px; padding-left: 8px; } } @media (max-width: 991px) { div.thematics-carousel-container .thematics-carousel-right { padding-right: 20px; } } @media (max-width: 767px) { div.thematics-carousel-container .thematics-carousel-right { width: 100%; justify-items: center; padding: 0 16px; } div.thematics-carousel-container .thematics-carousel-right [class~=thematics-carousel-separator]:first-of-type { display: block; } } div.thematics-carousel-container .thematics-carousel-right .thematics-carousel-button { background-color: #011592; border-radius: 0px 15px 60px 15px; display: flex; align-items: center; justify-content: center; flex-direction: column; height: 100%; width: 100%; color: white; border: 0; outline: 0; font-family: "IBM Plex Sans Condensed"; font-size: 12px; font-style: normal; font-weight: 700; line-height: 18px; letter-spacing: 3px; text-align: center; padding: 0 66px; cursor: pointer; } div.thematics-carousel-container .thematics-carousel-right .thematics-carousel-button img { height: 36px; width: 36px; } @media (max-width: 1199px) { div.thematics-carousel-container .thematics-carousel-right .thematics-carousel-button { padding: 11px 12px 11px 14px; margin-top: 24px; width: 234px; height: 36px; border-radius: 8px; font-weight: bold; font-size: 13px; line-height: 14px; } div.thematics-carousel-container .thematics-carousel-right .thematics-carousel-button img { display: none; } } div.thematics-carousel-container .thematics-carousel-right .thematics-carousel-button:hover, div.thematics-carousel-container .thematics-carousel-right .thematics-carousel-button:active { background-color: #060f64; } div.thematics-carousel-container .thematics-carousel-right .thematics-carousel-separator { width: 100%; height: 0px; left: 0px; border-top: 1px solid #d8d8d9; } @media (min-width: 1200px) { div.thematics-carousel-container .thematics-carousel-right .thematics-carousel-separator { display: none; } } @media (min-width: 768px) { div.thematics-carousel-container .thematics-carousel-right [class~=thematics-carousel-separator]:first-of-type { display: none; } } div.thematics-carousel-container .media-carousel-header { display: flex; justify-content: space-between; align-items: baseline; } div.thematics-carousel-container .media-carousel-header h2 { font-family: "Montserrat"; color: #011592; font-size: 34px; font-style: normal; font-weight: 700; line-height: 40px; letter-spacing: 0px; text-align: left; margin-top: 0px; margin-bottom: 40px; } @media (max-width: 1199px) { div.thematics-carousel-container .media-carousel-header h2 { font-size: 22px; font-weight: 600; line-height: 28px; margin-bottom: 16px; margin-left: 24px; } } @media (max-width: 767px) { div.thematics-carousel-container .media-carousel-header h2 { margin-left: 16px; } } @media (min-width: 1200px) { div.thematics-carousel-container .media-carousel-header { display: none; } } .thematics-card.thematics-card { margin-bottom: 0; } @media (max-width: 1199px) { .thematics-card.thematics-card { display: flex; } } .thematics-card.thematics-card:hover .thematics-card-banner-wrapper img { transform: scale(1.3); } .thematics-card.thematics-card:hover .thematics-card-header .thematics-card-title { color: #011592; } .thematics-card.thematics-card:hover .blue-overlay { opacity: 0.1; } .thematics-card.thematics-card:hover img.search-result-card-banner { transform: scale(1.3); } @media (max-width: 1199px) { .thematics-card.thematics-card .thematics-card-left { flex: 1; } .thematics-card.thematics-card .thematics-card-right { margin-left: 16px; width: 65%; } } @media (max-width: 991px) { .thematics-card.thematics-card .thematics-card-right { width: 48%; } } .thematics-card.thematics-card .thematics-card-right .thematics-card-text p { margin-top: 0; height: 72px; margin-bottom: 6px; } @media (max-width: 1199px) { .thematics-card.thematics-card .thematics-card-right .thematics-card-text p { height: auto; max-height: 56px; } } .thematics-card.thematics-card .thematics-card-right .thematics-card-description, .thematics-card.thematics-card .thematics-card-right .thematics-card-description p { font-family: "IBM Plex Sans Condensed"; font-style: normal; font-weight: 400; font-size: 14px; line-height: 18px; color: #555563; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 4; -webkit-box-orient: vertical; display: -webkit-box; } .thematics-card.thematics-card .thematics-card-right .thematics-card-description p, .thematics-card.thematics-card .thematics-card-right .thematics-card-description p p { overflow: hidden; } @media (max-width: 1199px) { .thematics-card.thematics-card .thematics-card-right .thematics-card-description, .thematics-card.thematics-card .thematics-card-right .thematics-card-description p { -webkit-line-clamp: 4; font-size: 12px; line-height: 14px; } } .thematics-card.thematics-card .thematics-card-right .search-result-card-description p:not(:first-child) { display: none; } .thematics-card.thematics-card .thematics-card-right .search-result-card-control.search-result-card-control img { margin-bottom: 4px; } .thematics-card.thematics-card .thematics-card-right .search-result-card-control.search-result-card-control p { margin-bottom: 0; } .thematics-card.thematics-card .thematics-card-header { display: flex; justify-content: space-between; height: 54px; margin-bottom: 8px; width: 90%; } @media (max-width: 1199px) { .thematics-card.thematics-card .thematics-card-header { margin-top: 9px; height: auto; } } .thematics-card.thematics-card .thematics-card-header .thematics-card-title { width: 100%; font-family: "Montserrat"; font-style: normal; font-weight: 600; font-size: 18px; line-height: 22px; color: #060f64; margin: 0; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; word-break: break-word; } @media (max-width: 1199px) { .thematics-card.thematics-card .thematics-card-header .thematics-card-title { font-size: 15px; line-height: 18px; } } .thematics-card.thematics-card .thematics-favorite { top: -2px; right: 7px; width: 32px; height: 32px; } @media (max-width: 992px) { .thematics-card.thematics-card .thematics-favorite { top: 2px; } } @media (min-width: 1200px) { .thematics-card.thematics-card .thematics-favorite .favorite { top: -6px; } } .thematics-card.thematics-card .thematics-card-banner-wrapper { position: relative; overflow: hidden; border-radius: 6px 20px 20px 0; margin-bottom: 12px; } @media (max-width: 1199px) { .thematics-card.thematics-card .thematics-card-banner-wrapper { margin-bottom: 0; } } .thematics-card.thematics-card .thematics-card-banner-wrapper img { width: 100%; transition: all 0.7s; border-top-right-radius: 18px; border-top-left-radius: 6px; } .vedette-card { display: flex; flex-direction: column; z-index: 10; margin-left: 18%; cursor: pointer; } @media (max-width: 1199px) { .vedette-card { margin-left: 24px; } } @media (max-width: 767px) { .vedette-card { margin-left: 16px; } } .vedette-card:hover .vedette-card-banner-wrapper img { transform: scale(1.3); } .vedette-card:hover .blue-overlay { opacity: 0.1; } .vedette-card:hover .vedette-card-description h4 { color: #011592; } .vedette-card:hover img.search-result-card-banner { transform: scale(1.3); } .vedette-card .search-result-card-control img { width: 25px; margin-bottom: 4px; } .vedette-card .search-result-card-control p { margin-bottom: 0; } .vedette-card .vedette-tag { position: absolute; display: flex; align-items: center; justify-content: center; width: 150px; height: 34px; left: 58px; top: -2px; font-family: "IBM Plex Sans Condensed"; font-style: normal; font-weight: bold; font-size: 13px; line-height: 14px; letter-spacing: 3px; text-transform: uppercase; background-color: #1343fb; color: #ffffff; transform: rotate(-9.88deg); z-index: 100; clip-path: polygon(14% 0, 86% 0, 100% 50%, 100% 50%, 86% 100%, 14% 100%, 0 50%, 0 50%); } @media (max-width: 1199px) { .vedette-card .vedette-tag { top: -10px; right: 14px; left: auto; } } @media (max-width: 991px) { .vedette-card .vedette-tag { right: 35px; left: auto; } } .vedette-card .vedette-card-banner-wrapper { width: 100%; border-radius: 20px 20px 20px 0; margin-bottom: 23px; overflow: hidden; } .vedette-card .vedette-card-banner-wrapper img { border-radius: 20px 20px 20px 0; transition: all 0.7s; } @media (max-width: 1199px) { .vedette-card .vedette-card-banner-wrapper { margin-bottom: 18px; } } @media (max-width: 768px) { .vedette-card .vedette-card-banner-wrapper img { max-height: 100%; } } .vedette-card .vedette-card-header { display: flex; justify-content: space-between; min-height: 14px; margin-bottom: 11px; width: 85%; } .vedette-card .vedette-card-header .vedette-title { min-height: 14px; font-family: "IBM Plex Sans Condensed"; font-style: normal; font-weight: bold; font-size: 13px; line-height: 14px; letter-spacing: 3px; text-transform: uppercase; color: #1343fb; width: 80%; margin: 0; cursor: pointer; } .vedette-card .vedette-card-header .vedette-title p { font-size: 13px; } .vedette-card .vedette-card-body { margin-right: 20%; } @media (max-width: 767px) { .vedette-card .vedette-card-body { margin-right: 6px; } } .vedette-card .vedette-card-body .vedette-favorite { top: -10px; right: 0; cursor: pointer; } .vedette-card .vedette-card-description { position: static; width: 100%; } .vedette-card .vedette-card-description h4 { font-family: "Montserrat"; font-style: normal; font-weight: 700; font-size: 26px; line-height: 30px; color: #060f64; } .vedette-card .vedette-card-description h4 p { font-size: 18px; line-height: 22px; } @media (max-width: 1199px) { .vedette-card .vedette-card-description h4 { font-weight: 600; font-size: 18px; line-height: 22px; margin-bottom: 0; } } @media (max-width: 767px) { .vedette-card .vedette-card-description h4 { margin-top: 16px; margin-bottom: 8px; } .vedette-card .vedette-card-description h4 p { font-size: 15px; line-height: 18px; } } .no-margin { margin: 0; } .custom-inscription-modal { z-index: 10000; padding-left: 0 !important; background-color: rgba(6, 15, 100, 0.3); font-family: "IBM Plex Sans"; } .custom-inscription-modal .modal.show .modal-dialog { margin: 0; transform: none; } .custom-inscription-modal .modal.fade .modal-dialog { transition: transform 0.3s ease-out; transform: translateY(-50px); } .custom-inscription-modal .modal-dialog { position: relative; width: 100%; max-width: 100%; margin: 0; pointer-events: none; } .custom-inscription-modal .modal-content { background-color: #e5e5e5; min-height: 100vh; padding: 0; } .custom-inscription-modal .inscription-header-wrapper { background-color: white; width: 100%; } .custom-inscription-modal .inscription-header { height: 60px; background-color: white; width: 100%; z-index: 20000; display: flex; justify-content: center; align-items: center; padding: 0 16px 0 16px; } @media (min-width: 992px) { .custom-inscription-modal .inscription-header { padding: 0 28px 0 28px; height: 80px; } } @media (min-width: 1200px) { .custom-inscription-modal .inscription-header { margin-right: auto; margin-left: auto; max-width: 1400px; } } @media (min-width: 768px) { .custom-inscription-modal .inscription-header .inscription-header-logo { flex: 1; display: flex; justify-content: flex-start; margin-right: auto; } } .custom-inscription-modal .inscription-header .inscription-header-logo .logo-wrapper { height: 28px; width: 129px; cursor: pointer; } @media (min-width: 992px) { .custom-inscription-modal .inscription-header .inscription-header-logo .logo-wrapper { height: 35px; width: 160px; } } .custom-inscription-modal .inscription-header .inscription-header-title { font-family: "Montserrat"; font-size: 18px; font-style: normal; font-weight: 600; line-height: 22px; letter-spacing: 0px; text-align: center; color: #060f64; margin: 0; flex: 1; display: flex; justify-content: center; } @media (min-width: 992px) { .custom-inscription-modal .inscription-header .inscription-header-title { font-size: 26px; font-weight: 700; line-height: 30px; } } @media (min-width: 768px) { .custom-inscription-modal .inscription-header .inscription-header-close { margin-left: auto; flex: 1; display: flex; justify-content: flex-end; } } .custom-inscription-modal .inscription-header .inscription-header-close > span { font-family: "IBM Plex Sans Condensed"; font-size: 14px; font-style: normal; font-weight: 700; line-height: 18px; letter-spacing: 0px; text-align: left; color: #011592; -webkit-text-decoration: underline; text-decoration: underline; cursor: pointer; } .custom-inscription-modal .inscription-header .inscription-header-close > span:hover, .custom-inscription-modal .inscription-header .inscription-header-close > span:active { color: #060f64; } .custom-inscription-modal .inscription-header .inscription-header-close > span:focus { color: #060f64; outline: 3px solid #1343fb; border-radius: 2px; padding: 2px 4px; } .custom-inscription-modal .banner-background { width: 100%; height: 176px; align-items: center; z-index: 1; } @media (min-width: 768px) { .custom-inscription-modal .banner-background { height: 340px; } } .custom-inscription-modal .connexion-banner { position: absolute; display: flex; justify-content: center; left: 0; top: 60px; width: 100%; height: 100%; background-color: #011592; } @media (min-width: 992px) { .custom-inscription-modal .connexion-banner { top: 80px; } } .custom-inscription-modal .inscription-banner { position: absolute; display: flex; justify-content: center; left: 0; top: 60px; width: 100%; height: 176px; background-color: #011592; } @media (min-width: 768px) { .custom-inscription-modal .inscription-banner { height: 340px; } } @media (min-width: 992px) { .custom-inscription-modal .inscription-banner { top: 80px; } } .custom-inscription-modal .inscription-banner-content-wrapper { position: absolute; top: 0; left: 0; z-index: 10; height: 100%; width: 100%; display: flex; align-items: flex-start; justify-content: flex-start; } @media (min-width: 768px) { .custom-inscription-modal .inscription-banner-content-wrapper { justify-content: center; } } .custom-inscription-modal .profile-banner { position: absolute; display: flex; justify-content: center; left: 0; top: 60px; width: 100%; height: 340px; background-color: #011592; } @media (min-width: 992px) { .custom-inscription-modal .profile-banner { top: 80px; } } .inscription-progress { display: flex; justify-content: center; padding-top: 40px; width: 432px; margin-right: -80%; } @media (min-width: 768px) { .inscription-progress { width: 360px; margin-right: 0; padding-top: 40px; } } @media (min-width: 992px) { .inscription-progress { padding-top: 48px; } } .inscription-progress-line { position: absolute; width: 412px; top: 51px; left: 3px; height: 0px; border-top: 2px dashed #ffffff; } @media (min-width: 768px) { .inscription-progress-line { width: 340px; } } @media (min-width: 992px) { .inscription-progress-line { top: 58px; } } .inscription-progress-steps { display: flex; justify-content: space-between; width: 100%; } .inscription-progress-step { display: flex; flex-direction: column; align-items: center; } .inscription-progress-step .step-check { height: 24px; width: 24px; border-radius: 50%; background-color: white; } .inscription-progress-step .step-check.current { background-color: #1343fb; border: 3px solid white; } .inscription-progress-step .step-check.checked { background-color: #1343fb; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMzIgMzIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0yMi40IDExLjJMMTMuNiAyMEw5LjU5OTk4IDE2IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K"); background-position: center; } .inscription-progress-step .step-label { position: absolute; top: 30px; margin: 0 auto; font-family: "IBM Plex Sans Condensed"; font-size: 14px; font-style: normal; font-weight: 700; line-height: 18px; letter-spacing: 0px; text-align: center; color: rgba(255, 255, 255, 0.7); padding: 2px 4px; } .inscription-progress-step .step-label.enabled { color: white; cursor: pointer; } .inscription-progress-step .step-label.enabled:hover, .inscription-progress-step .step-label.enabled:active, .inscription-progress-step .step-label.enabled:focus { color: #cdd0e7; -webkit-text-decoration: underline; text-decoration: underline; } .inscription-progress-step .step-label.enabled:focus { color: white; border-radius: 2px; outline: 3px solid #1343fb; } .inscription-progress-bar { height: 6px; background-color: #00b0ff; position: absolute; top: 0; left: 0; } .form-container { position: relative; display: flex; flex-direction: column; font-family: "Montserra", sans-serif; width: calc(100% - 32px); pointer-events: auto; background-color: #fff; background-clip: padding-box; border: none; outline: 0; z-index: 15000; } .form-container.inscription-form, .form-container.profile-form { margin: 25px auto; margin-bottom: 170px; padding-bottom: 40px; padding: 24px 16px 40px 16px; } @media (min-width: 768px) { .form-container.inscription-form, .form-container.profile-form { width: 556px; padding: 24px 24px 40px 24px; } } .form-container.inscription-form { margin-top: 128px; } .form-container.profile-form { margin-top: 24px; padding: 29px 24px 32px 24px; } @media (min-width: 768px) { .form-container.profile-form { width: 598px; margin-top: 64px; } } @media (min-width: 992px) { .form-container.profile-form { width: 556px; margin-top: 90px; padding-top: 40px; } } @media (min-width: 1200px) { .form-container.profile-form { width: 556px; margin-top: 90px; padding-bottom: 40px; } } .form-container.connexion-form { margin: 20px auto; margin-top: 24px; padding: 32px 24px; } @media (min-width: 768px) { .form-container.connexion-form { width: 421px; margin-top: 64px; padding: 40px 32px; } } @media (min-width: 992px) { .form-container.connexion-form { width: 426px; margin-top: 88px; } } .form-container.modifications-form { margin-top: 24px; margin-left: auto; margin-right: auto; padding: 29px 24px 32px 24px; } @media (min-width: 768px) { .form-container.modifications-form { width: 598px; margin-top: 64px; } } @media (min-width: 992px) { .form-container.modifications-form { width: 556px; margin-top: 116px; padding-top: 40px; } } @media (min-width: 1200px) { .form-container.modifications-form { width: 556px; margin-top: 116px; padding-bottom: 40px; } } .form-container .inscription-description { font-family: "Montserrat"; font-style: normal; font-weight: normal; font-size: 16px; line-height: 22px; color: #060f64; margin-top: 0; margin-bottom: 24px; margin-top: 0px; } @media (min-width: 768px) { .form-container .inscription-description { margin-bottom: 36px; margin-top: 16px; } } @media (min-width: 992px) { .form-container .inscription-description { margin-bottom: 32px; } } .form-container .form-return { padding: 0; display: flex; border: none; outline: none; background-color: transparent; align-items: center; padding-right: 4px; margin-right: auto; margin-bottom: 24px; } @media (min-width: 768px) { .form-container .form-return { margin-bottom: 28px; } } @media (min-width: 992px) { .form-container .form-return { margin-bottom: 24px; } } .form-container .form-return:hover .form-return-link, .form-container .form-return:active .form-return-link { color: #060f64; -webkit-text-decoration: underline; text-decoration: underline; } .form-container .form-return:hover .return-arrow, .form-container .form-return:active .return-arrow { background-image: url("data:image/svg+xml;base64,PHN2Zw0KICB3aWR0aD0iMzAiDQogIGhlaWdodD0iMzAiDQogIHZpZXdCb3g9IjAgMCAzMCAzMCINCiAgZmlsbD0ibm9uZSINCiAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIg0KPg0KICA8cGF0aA0KICAgIGQ9Ik0yMC4yNSAxNUg5Ljc1Ig0KICAgIHN0cm9rZT0iIzA2MEY2NCINCiAgICBzdHJva2Utd2lkdGg9IjIiDQogICAgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIg0KICAgIHN0cm9rZS1saW5lam9pbj0icm91bmQiDQogIC8+DQogIDxwYXRoDQogICAgZD0iTTE1IDIwLjI1TDkuNzUgMTVMMTUgOS43NSINCiAgICBzdHJva2U9IiMwNjBGNjQiDQogICAgc3Ryb2tlLXdpZHRoPSIyIg0KICAgIHN0cm9rZS1saW5lY2FwPSJyb3VuZCINCiAgICBzdHJva2UtbGluZWpvaW49InJvdW5kIg0KICAvPg0KPC9zdmc+"); } .form-container .form-return:focus-visible { border-radius: 2px; outline: 3px solid #1343fb; } .form-container .form-return:focus-visible .form-return-link { color: #060f64; -webkit-text-decoration: underline; text-decoration: underline; } .form-container .form-return:focus-visible .return-arrow { background-image: url("data:image/svg+xml;base64,PHN2Zw0KICB3aWR0aD0iMzAiDQogIGhlaWdodD0iMzAiDQogIHZpZXdCb3g9IjAgMCAzMCAzMCINCiAgZmlsbD0ibm9uZSINCiAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIg0KPg0KICA8cGF0aA0KICAgIGQ9Ik0yMC4yNSAxNUg5Ljc1Ig0KICAgIHN0cm9rZT0iIzA2MEY2NCINCiAgICBzdHJva2Utd2lkdGg9IjIiDQogICAgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIg0KICAgIHN0cm9rZS1saW5lam9pbj0icm91bmQiDQogIC8+DQogIDxwYXRoDQogICAgZD0iTTE1IDIwLjI1TDkuNzUgMTVMMTUgOS43NSINCiAgICBzdHJva2U9IiMwNjBGNjQiDQogICAgc3Ryb2tlLXdpZHRoPSIyIg0KICAgIHN0cm9rZS1saW5lY2FwPSJyb3VuZCINCiAgICBzdHJva2UtbGluZWpvaW49InJvdW5kIg0KICAvPg0KPC9zdmc+"); } .form-container .form-return .form-return-link { font-family: "IBM Plex Sans Condensed"; font-weight: bold; font-size: 14px; line-height: 18px; color: #011592; border: none; outline: none; background-color: transparent; box-sizing: border-box; } .form-container .form-return .return-arrow { height: 30px; width: 30px; background-image: url("data:image/svg+xml;base64,PHN2Zw0KICB3aWR0aD0iMzAiDQogIGhlaWdodD0iMzAiDQogIHZpZXdCb3g9IjAgMCAzMCAzMCINCiAgZmlsbD0ibm9uZSINCiAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIg0KPg0KICA8cGF0aA0KICAgIGQ9Ik0yMC4yNSAxNUg5Ljc1Ig0KICAgIHN0cm9rZT0iIzAxMTU5MiINCiAgICBzdHJva2Utd2lkdGg9IjIiDQogICAgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIg0KICAgIHN0cm9rZS1saW5lam9pbj0icm91bmQiDQogIC8+DQogIDxwYXRoDQogICAgZD0iTTE1IDIwLjI1TDkuNzUgMTVMMTUgOS43NSINCiAgICBzdHJva2U9IiMwMTE1OTIiDQogICAgc3Ryb2tlLXdpZHRoPSIyIg0KICAgIHN0cm9rZS1saW5lY2FwPSJyb3VuZCINCiAgICBzdHJva2UtbGluZWpvaW49InJvdW5kIg0KICAvPg0KPC9zdmc+"); } .form-container .title { font-family: "Montserrat"; font-style: normal; font-weight: 600; font-size: 18px; line-height: 22px; margin: 0; padding: 0; margin-bottom: 16px; } @media (min-width: 768px) { .form-container .title { margin-bottom: 28px; } } @media (min-width: 992px) { .form-container .title { font-weight: bold; font-size: 26px; line-height: 30px; margin-bottom: 24px; } } .form-container .title.title-connection { margin: 0; } .form-container .title.title-profile { font-weight: 600; font-size: 22px; line-height: 28px; margin-bottom: 13px; } @media (min-width: 992px) { .form-container .title.title-profile { font-weight: 700; font-size: 34px; line-height: 40px; margin-bottom: 32px; } } .form-container .required-field { font-family: "IBM Plex Sans Condensed"; font-style: normal; font-weight: normal; font-size: 14px; line-height: 18px; color: #555563; margin: 0; margin-bottom: 8px; } .form-container .required-field span { color: #1343fb; } @media (min-width: 768px) { .form-container .required-field { margin-bottom: 16px; } } .form-container .required-field.auxiliary-required { margin-bottom: 14px; } .form-container .form-description { font-family: "IBM Plex Sans Condensed"; font-style: normal; font-weight: normal; font-size: 14px; line-height: 18px; color: #555563; margin: 0; } .form-container .form-description.login-description { margin-bottom: 8px; margin-top: 16px; } @media (min-width: 768px) { .form-container .form-description.login-description { margin-bottom: 16px; } } .form-container .form-description.forgot-description { margin-top: 24px; margin-bottom: 8px; } .form-container .remember-me { margin-top: 23px; width: 100%; } .form-container .form-subtitle { font-family: "IBM Plex Sans Condensed"; font-style: normal; font-weight: bold; font-size: 14px; line-height: 18px; text-align: left; color: #555563; align-self: flex-start; margin: 0; padding: 0; margin-bottom: 16px; } @media (min-width: 768px) { .form-container .form-subtitle { margin-left: 170px; } } .form-container .form-subtitle-wrapper { display: flex; flex-direction: column; align-self: flex-start; margin: 0; margin-bottom: 17px; } @media (min-width: 768px) { .form-container .form-subtitle-wrapper { flex-direction: row; margin-left: 65px; margin-bottom: 8px; } } .form-container .form-subtitle-wrapper .form-subtitle { margin-left: 0; margin-bottom: 0; align-self: center; } .form-container .form-subtitle-wrapper .input-label { margin: 0; height: 36px; display: flex; align-items: center; } @media (min-width: 768px) { .form-container .form-subtitle-wrapper .input-label { margin-right: 8px; align-items: center; margin-bottom: 0; } } .form-container .center { text-align: center; } @media (min-width: 768px) { .form-container .confirmation-modal-wrapper { padding-top: 16px; padding-bottom: 10px; } } .form-container .confirmation-modal-section { margin: 16px 0 24px 0; display: flex; flex-direction: column; align-items: flex-start; } @media (min-width: 768px) { .form-container .confirmation-modal-section { margin: 13px 0 24px 52px; } } .form-container .confirmation-modal-section-text { font-family: "IBM Plex Sans Condensed"; font-style: normal; font-weight: 400; font-size: 18px; line-height: 22px; color: #555563; margin: 0; margin-bottom: 20px; } .form-container .confirmation-modal-section-text:last-child { margin-bottom: 0; } .form-container .confirmation-modal-section.confirmation-modal-register { margin-bottom: 32px; } @media (min-width: 768px) { .form-container .confirmation-modal-section.external { margin-top: 16px; } } .form-container .confirmation-modal-title { display: flex; flex-direction: column; align-items: flex-start; height: 100%; width: -moz-fit-content; width: fit-content; } @media (min-width: 768px) { .form-container .confirmation-modal-title { flex-direction: row; align-items: center; } } .form-container .confirmation-modal-title img { margin-right: 16px; margin-bottom: 16px; } @media (min-width: 768px) { .form-container .confirmation-modal-title img { margin-bottom: 0; } } .form-container .confirmation-modal-title h3 { font-family: "Montserrat"; font-style: normal; font-weight: 600; font-size: 18px; line-height: 22px; color: #060f64; margin: 0; } @media (min-width: 768px) { .form-container .confirmation-modal-title h3 { font-weight: 700; font-size: 26px; line-height: 30px; } } .form-container .confirmation-modal-title h3.title { margin-top: 3px; } .form-container .confirmation-modal-title.reset-modal { margin-bottom: 24px; align-items: flex-start; } .form-container .confirmation-modal-title.external { align-items: flex-start; } .form-container .form-section { margin-top: 16px; margin-bottom: 16px; display: flex; flex-direction: column; align-items: flex-start; } .form-container .form-section.reset-password-section { padding-right: 41px; margin-top: 24px; margin-bottom: 24px; } .form-container .form-section.legal-section { margin-bottom: 0px; margin-top: 8px; } @media (min-width: 768px) { .form-container .form-section.legal-section { margin-top: 16px; } } .form-container .form-section.legal-section .error-hint { margin-top: 0; } .form-container .form-section.communication-section { margin-top: 24px; margin-bottom: 14px; } .form-container .form-section.communication-section > :first-child { margin-bottom: 22px; } @media (min-width: 768px) { .form-container .form-section.communication-section > :first-child { margin-bottom: 5px; } } .form-container .form-section.no-margin { margin: 0; } .form-container .form-section.personal-form { margin-top: 0; margin-bottom: 8px; } @media (min-width: 768px) { .form-container .form-section.personal-form input { max-width: 197px; } } .form-container .form-section.personal-form .usage-prevu { width: 100%; } @media (min-width: 768px) { .form-container .form-section.personal-form .usage-prevu { left: 31px; width: auto; } } .form-container .form-section.form-tutor { margin-top: 2px; margin-bottom: 16px; } @media (min-width: 768px) { .form-container .form-section { align-items: flex-end; } } .form-container .form-section.login-required { padding-left: 80px; padding-right: 80px; } .form-container .form-section.login-required .label { padding-left: 25px; } .form-container .form-section.login-required p { color: #010e5b; font-weight: 600; } .form-container .form-section.teaching-section { margin-top: 16px; margin-bottom: 32px; } @media (min-width: 768px) { .form-container .form-section.teaching-section { margin-top: 25px; } } .form-container .form-section.teaching-section-under14 { margin-bottom: 16px; } .form-container .form-section.teaching-section .teaching-label { position: relative; display: flex; align-items: center; height: 36px; margin-bottom: 15px; } @media (min-width: 768px) { .form-container .form-section.teaching-section .teaching-label { position: absolute; align-items: flex-start; top: -1px; left: 18px; margin: 0; } } .form-container .profile-section { align-items: flex-start; margin-bottom: 0; } .form-container .profile-section:first-of-type { margin-bottom: 16px; } @media (min-width: 768px) { .form-container .profile-section:first-of-type { margin-top: 24px; } } @media (min-width: 1200px) { .form-container .profile-section:first-of-type { margin-bottom: 24px; } } .form-container .profile-section-title { width: 100%; height: 30px; display: flex; justify-content: space-between; } .form-container .profile-section-title h4 { font-family: "Montserrat"; font-style: normal; font-weight: 600; font-size: 15px; line-height: 18px; color: #060f64; margin: 0; display: flex; align-items: center; } @media (min-width: 992px) { .form-container .profile-section-title h4 { font-size: 18px; line-height: 22px; } } .form-container .profile-section-title .edit-link { font-family: "IBM Plex Sans Condensed"; font-style: normal; font-weight: 700; font-size: 14px; line-height: 18px; display: flex; align-items: center; color: #011592; cursor: pointer; } .form-container .profile-section-title .edit-link svg { margin-left: 4px; } .form-container .profile-section-title .edit-link:hover, .form-container .profile-section-title .edit-link:active, .form-container .profile-section-title .edit-link:focus-visible { cursor: pointer; color: #060f64; -webkit-text-decoration: underline; text-decoration: underline; } .form-container .profile-section-title .edit-link:hover svg > path, .form-container .profile-section-title .edit-link:active svg > path, .form-container .profile-section-title .edit-link:focus-visible svg > path { stroke: #060f64; } .form-container .profile-section-title .edit-link:focus-visible { outline: 3px solid #1343fb; border-radius: 2px; padding-left: 4px; } .form-container .profile-section .form-divider { margin-top: 16px; margin-bottom: 28px; } @media (min-width: 768px) { .form-container .profile-section .form-divider { margin-bottom: 24px; } .form-container .profile-section .input-label { width: 164px; justify-content: flex-end; margin-right: 16px; } } .form-container .profile-section .textfield-wrapper { margin: 0; } .form-container .profile-section .textfield-wrapper:not(:last-child) { margin-bottom: 16px; } @media (min-width: 768px) { .form-container .profile-section .textfield-wrapper:not(:last-child) { margin-bottom: 8px; } } .form-container .ou-divider { height: 18px; display: flex; align-items: center; background: none; width: 100%; max-width: 350px; } @media (min-width: 768px) { .form-container .ou-divider { margin-left: 170px; width: 262px; } } .form-container .ou-divider .divider-line { background: #d8d8d9; width: 100%; height: 1px; } .form-container .ou-divider .divider-text { font-family: "IBM Plex Sans Condensed"; font-size: 14px; font-style: normal; font-weight: 400; line-height: 18px; letter-spacing: 0px; text-align: center; margin: 0 8px; color: #555563; } .form-container .form-divider { margin: 40px auto 32px; border-top: 1px solid #d8d8d9; background-color: #d8d8d9; width: 100%; } @media (min-width: 768px) { .form-container .form-divider { margin-top: 32px; } } @media (min-width: 992px) { .form-container .form-divider { margin-top: 40px; } } .form-container .tooltip-wrapper { position: relative; right: 0; } @media (min-width: 768px) { .form-container .tooltip-wrapper { position: absolute; right: -36px; } } .form-container .input-label { font-family: "IBM Plex Sans Condensed"; font-style: normal; font-weight: bold; font-size: 14px; line-height: 18px; color: #060f64; margin-right: 8px; padding: 0; } @media (min-width: 768px) { .form-container .input-label { margin-top: 2px; margin-bottom: 0; } } .form-container .input-label .required { color: #1343fb; margin-right: 4px; } .form-container .input-label.optionnal-text { display: flex; flex-direction: row; align-self: flex-start; justify-content: flex-start; margin-top: 0; } .form-container .input-label.optionnal-text span.not-required { font-family: "IBM Plex Sans Condensed"; font-size: 12px; font-style: normal; font-weight: 400; line-height: 14px; letter-spacing: 0px; align-self: center; color: #555563; margin-left: 4px; } @media (min-width: 768px) { .form-container .input-label.optionnal-text span.not-required { align-self: flex-end; } .form-container .input-label.optionnal-text { margin-top: -6px; flex-direction: column; align-self: center; align-items: flex-end; justify-content: center; } } .form-container .align { display: flex; flex-direction: row; align-items: center; } .form-container .divider { background: #011592; width: 100%; height: 1px; } @media (min-width: 768px) { .form-container .footer { padding-left: 170px; } } .form-container .footer.my-account-footer { margin-top: 16px; } .form-container .footer.login-required { text-align: center; } .form-container .footer.login-required button:first-child { margin-right: 10px; } .form-container .footer.confirmation-footer { display: flex; flex-direction: column; align-items: flex-start; padding-left: 0; margin-left: 0; } @media (min-width: 768px) { .form-container .footer.confirmation-footer { margin-left: 52px; } } .form-container .footer.statut-footer button { max-width: 122px; } .form-container .footer.tutor-footer { margin-top: 16px; } .form-container .form-footer { display: flex; flex-direction: column; align-items: flex-start; padding-left: 0; } .form-container .form-footer.login-footer { margin-top: 14px; } .form-container .form-footer.forgot-footer { margin-top: 24px; } .form-container .label { font-style: normal; font-weight: normal; font-size: 16px; line-height: 30px; letter-spacing: -0.03em; color: #0d0d0d; margin: 0; } .form-container .form-link { font-weight: 700; height: 18px; } .form-container .form-link:focus { display: flex; align-items: center; padding: 2px 4px; } .custom-required-modal { z-index: 10000; background-color: rgba(6, 15, 100, 0.7); font-family: "IBM Plex Sans"; } .custom-required-modal .modal-open { display: flex; } .custom-required-modal .close { top: 26px; } .custom-required-modal .close img { width: 36px; height: 36px; } .custom-required-modal .modal-dialog { margin-top: 0; display: flex; flex-direction: row; justify-content: center; align-items: center; height: 100%; } @media (min-width: 768px) { .custom-required-modal .modal-dialog { margin: 1.75rem auto; margin-top: 0; } } .custom-required-modal .modal-content { min-width: 325px; position: relative; display: flex; flex-direction: column; font-family: "Montserra", sans-serif; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: none; border-radius: 20px; outline: 0; padding: 16px; padding-bottom: 24px; margin-right: 16px; margin-left: 16px; } @media (min-width: 768px) { .custom-required-modal .modal-content { padding: 19px 24px 32px 24px; width: 432px; padding-bottom: 32px; margin-top: 0; margin-right: 0; margin-left: 0; } } .custom-required-modal .close { position: absolute; right: 20px; top: 15px; cursor: pointer; } @media (min-width: 768px) { .custom-required-modal .close { top: 26px; } } .custom-required-modal .title { font-style: normal; font-weight: 600; font-size: 18px; line-height: 22px; text-align: center; color: #060f64; margin: 0; padding: 8px 20px 24px 0; } @media (min-width: 768px) { .custom-required-modal .title { padding: 12px 20px 31px 0; } } @media (max-width: 768px) { .custom-required-modal .title { font-size: 15px; line-height: 18px; } } .custom-required-modal .form-section { padding-bottom: 20px; } .custom-required-modal .form-section.login-required { padding-bottom: 0; padding-left: 0; } .custom-required-modal .form-section.login-required li p { margin: 0; } .custom-required-modal .form-section.login-required li::marker { color: #555563; font-size: 12px; } @media (min-width: 768px) { .custom-required-modal .form-section.login-required { padding-bottom: 0; } } .custom-required-modal .form-section.login-required .label { font-family: "IBM Plex Sans Condensed"; font-weight: 400; font-size: 14px; line-height: 18px; } .custom-required-modal .form-section.login-required .label.validate { margin-bottom: 32px; } .custom-required-modal .form-section.login-required .form-list { padding-left: 23px; margin-bottom: 24px; } .custom-required-modal .form-section.login-required p { font-family: "IBM Plex Sans Condensed"; font-weight: 400; font-size: 14px; line-height: 18px; color: #555563; margin-bottom: 10px; } .custom-required-modal .footer { text-align: right; } .custom-required-modal .footer.login-required { display: flex; flex-direction: row; justify-content: flex-start; padding-left: 0; } .custom-required-modal .footer.login-required button:first-child { margin-right: 15px; } .custom-required-modal .footer.login-required.validate { margin-bottom: 8px; } .custom-required-modal .label { font-style: normal; font-weight: normal; font-size: 16px; line-height: 30px; letter-spacing: -0.03em; color: #0d0d0d; margin: 0; } .custom-update-profile-modal { z-index: 10000; background-color: rgba(6, 15, 100, 0.3); font-family: "IBM Plex Sans"; } .custom-update-profile-modal .modal-open { display: flex; } .custom-update-profile-modal .close { top: 26px; } .custom-update-profile-modal .close img { width: 36px; height: 36px; } .custom-update-profile-modal .modal-dialog { margin-top: 0; display: flex; flex-direction: row; justify-content: center; align-items: center; height: 100%; } @media (min-width: 768px) { .custom-update-profile-modal .modal-dialog { margin: 1.75rem auto; margin-top: 0; } } .custom-update-profile-modal .modal-content { min-width: 325px; position: relative; display: flex; flex-direction: column; font-family: "Montserra", sans-serif; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: none; border-radius: 20px; outline: 0; padding: 16px; padding-bottom: 24px; margin-right: 16px; margin-left: 16px; } @media (min-width: 768px) { .custom-update-profile-modal .modal-content { padding: 19px 24px 32px 24px; width: 432px; padding-bottom: 32px; margin-top: 0; margin-right: 0; margin-left: 0; } } .custom-update-profile-modal .close { position: absolute; right: 20px; top: 15px; cursor: pointer; } @media (min-width: 768px) { .custom-update-profile-modal .close { top: 26px; } } .custom-update-profile-modal .title { font-style: normal; font-weight: 600; font-size: 18px; line-height: 22px; text-align: center; color: #060f64; margin: 0; padding: 8px 20px 24px 0; } @media (min-width: 768px) { .custom-update-profile-modal .title { padding: 12px 20px 31px 0; } } @media (max-width: 768px) { .custom-update-profile-modal .title { font-size: 15px; line-height: 18px; } } .custom-update-profile-modal .content { padding-bottom: 0; padding-left: 0; } .custom-update-profile-modal .content p { font-family: "IBM Plex Sans Condensed"; font-weight: 400; font-size: 14px; line-height: 18px; color: #555563; margin-bottom: 10px; } .custom-update-profile-modal .error-hint { margin-left: -6px; } .custom-update-profile-modal .footer { text-align: right; } .custom-update-profile-modal .footer.login-required { display: flex; flex-direction: row; justify-content: flex-start; padding-left: 0; } .custom-update-profile-modal .footer.login-required button:first-child { margin-right: 15px; } .custom-update-profile-modal .footer.login-required.validate { margin-bottom: 8px; } .password-validation .validation-label { font-family: "IBM Plex Sans Condensed"; font-style: normal; font-weight: bold; font-size: 14px; line-height: 18px; padding-bottom: 20px; text-align: left; color: #666676; padding: 0; margin: 16px 0; } @media (min-width: 768px) { .password-validation .validation-label { margin-top: 0; } } .password-validation .validation-steps { font-family: "IBM Plex Sans Condensed"; font-style: normal; font-weight: normal; font-size: 14px; line-height: 18px; color: #555563; display: flex; align-items: center; margin-bottom: 14px; position: relative; padding-left: 24px; } .password-validation .validation-steps:last-of-type { margin-bottom: 0; } .password-validation .validation-steps .validation-check { position: absolute; top: 4; left: 0; height: 16px; width: 16px; border-radius: 50%; background-color: #d8d8d9; } .password-validation .validation-steps .validation-check.checked { background-color: #b1dc62; } .password-validation .validation-steps .validation-check:after { content: ""; position: absolute; left: 5px; top: 2px; width: 5px; height: 10px; border: solid white; border-width: 0 2px 2px 0; transform: rotate(45deg); } .password-validation:last-child { margin-bottom: 0; } .error-label span { color: #ff5b84 !important; } .error-hint { width: 262px; margin-top: -16px; display: flex; align-items: center; } @media (min-width: 768px) { .error-hint { margin-right: 74px; } } .error-hint svg { height: 32px; width: 32px; } .error-hint .error-message { color: #ff5b84; font-family: "IBM Plex Sans Condensed"; font-style: normal; font-weight: bold; font-size: 12px; line-height: 14px; } .profile-form .error-hint { margin-top: 0; } @media (min-width: 768px) { .profile-form .error-hint { margin-top: -16px; } } .error-table { margin-bottom: 24px; border: 1px solid #d8d8d9; padding: 16px; min-height: 103px; } @media (min-width: 768px) { .error-table { padding: 8px 8px 24px 8px; } } .error-table .error-table-header { display: flex; flex-direction: column; align-items: flex-start; margin-bottom: 16px; } @media (min-width: 768px) { .error-table .error-table-header { flex-direction: row; align-items: center; margin-bottom: 1px; } } .error-table .error-table-header svg { height: 52px; width: 52px; margin-right: 8px; margin-bottom: 8px; } @media (min-width: 768px) { .error-table .error-table-header svg { margin-bottom: 0; } } .error-table .error-table-header div { font-family: "IBM Plex Sans Condensed"; font-style: normal; font-weight: bold; font-size: 18px; line-height: 22px; letter-spacing: 0.2px; color: #060f64; } .error-table .error-table-list { margin-left: 0; } @media (min-width: 768px) { .error-table .error-table-list { margin-left: 60px; } } .error-table .error-table-list .error-table-list-entry:not(:last-child) { margin-bottom: 8px; } .error-table .error-table-list-entry { display: block; font-family: "IBM Plex Sans Condensed"; font-size: 14px; line-height: 18px; font-style: normal; font-weight: normal; color: #555563; } .error-table .error-table-list-entry .error-label { margin-right: 4px; color: #ff5b84; text-decoration-line: underline; font-weight: bold; } .auth-error-table { margin-bottom: 24px; border: 1px solid #d8d8d9; padding: 16px; height: auto; } @media (min-width: 768px) { .auth-error-table { height: 91px; padding: 8px 8px 16px 8px; } } .auth-error-table .auth-error-table-header { display: flex; flex-direction: column; align-items: flex-start; margin-bottom: 8px; } @media (min-width: 768px) { .auth-error-table .auth-error-table-header { flex-direction: row; align-items: center; margin-bottom: 0; } } .auth-error-table .auth-error-table-header svg { height: 36px; width: 36px; margin-right: 4px; margin-bottom: 8px; } @media (min-width: 768px) { .auth-error-table .auth-error-table-header svg { margin-bottom: 0; } } .auth-error-table .auth-error-table-header .auth-error-title { font-family: "IBM Plex Sans Condensed"; font-style: normal; font-weight: bold; font-size: 14px; line-height: 18px; display: flex; align-items: center; color: #ff5b84; } @media (min-width: 768px) { .auth-error-table .auth-error-table-content { margin-left: 40px; margin-top: -5px; } } .auth-error-table .auth-error-table-content p { font-family: "IBM Plex Sans Condensed"; font-style: normal; font-weight: normal; font-size: 14px; line-height: 18px; color: #555563; margin: 0; } .form-checkbox-wrapper { display: flex; align-items: flex-start; flex-direction: column; /* Customize the label (the container) */ } @media (min-width: 768px) { .form-checkbox-wrapper { flex-direction: row; align-items: center; } } .form-checkbox-wrapper .popover-trigger { margin-left: 20px; } .form-checkbox-wrapper.native { width: 100%; border-radius: 0; } .form-checkbox-wrapper .input-label { margin-bottom: 15px; margin-right: 16px; height: 18px; display: flex; align-items: center; } @media (min-width: 768px) { .form-checkbox-wrapper .input-label { height: 36px; margin-bottom: 0; margin-top: 0; align-items: flex-start; } .form-checkbox-wrapper .input-label.optionnal-text { margin-top: 0; } } .form-checkbox-wrapper .input-label.optionnal-text span.not-required { align-self: center; } @media (min-width: 768px) { .form-checkbox-wrapper .input-label.optionnal-text span.not-required { align-self: flex-end; } } .form-checkbox-wrapper .checkbox-container { display: flex; position: relative; padding: 0; padding-left: 22px; cursor: pointer; font-family: "IBM Plex Sans Condensed"; font-style: normal; font-weight: normal; font-size: 14px; line-height: 18px; color: #555563; margin-bottom: 0; width: 100%; /* Hide the browser's default checkbox */ /* Create a custom checkbox */ /* On mouse-over, add a grey background color */ /* When the checkbox is checked, add a blue background */ /* When the checkbox is indeterminate, add a blue background */ /* Create the checkmark/indicator (hidden when not checked) */ /* Show the checkmark when checked */ } @media (min-width: 768px) { .form-checkbox-wrapper .checkbox-container { width: 330px; } } .form-checkbox-wrapper .checkbox-container.selected { color: #060f64; font-weight: bold; } .form-checkbox-wrapper .checkbox-container input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .form-checkbox-wrapper .checkbox-container .checkmark { position: absolute; top: 4; left: 0; height: 16px; width: 16px; background-color: #ffffff; border-radius: 3px; border: 1px solid #d8d8d9; } .form-checkbox-wrapper .checkbox-container:hover input ~ .checkmark { background-color: #ffffff; } .form-checkbox-wrapper .checkbox-container input:checked ~ .checkmark { background-color: #011592; } .form-checkbox-wrapper .checkbox-container input:indeterminate ~ .checkmark { background-color: #011592; } .form-checkbox-wrapper .checkbox-container .checkmark:after { content: ""; position: absolute; display: none; } .form-checkbox-wrapper .checkbox-container input:checked ~ .checkmark:after { display: block; left: 5px; top: 2px; width: 5px; height: 10px; border: solid white; border-width: 0 2px 2px 0; transform: rotate(45deg); } .form-checkbox-wrapper .checkbox-container input:indeterminate ~ .checkmark:after { display: block; left: 3px; top: -2px; width: 8px; height: 10px; border: solid white; border-width: 0 0 2px 0; } .form-checkbox-wrapper .checkbox-container .lien:focus-visible { padding: 2px 4px; } @media (min-width: 768px) { .form-checkbox-wrapper .subcheckbox { width: 160px; } } .checkbox-list { margin-bottom: 9px; display: flex; flex-direction: column; align-items: flex-start; } @media (min-width: 768px) { .checkbox-list { align-items: flex-end; } } .checkbox-list .sub-checkboxes { margin-left: 24px; } @media (min-width: 768px) { .checkbox-list .sub-checkboxes { display: flex; max-height: 96px; flex-direction: column; flex-wrap: wrap; align-self: flex-start; margin-left: 24px; margin-bottom: 4px; } } .form-radiobox-wrapper { display: flex; align-items: center; min-height: 36px; width: 100%; max-width: 350px; } @media (min-width: 768px) { .form-radiobox-wrapper { width: auto; max-width: none; margin-right: 74px; } } .form-radiobox-wrapper.sub-radiobox .radiobox { width: 100%; margin-left: 32px; } @media (min-width: 768px) { .form-radiobox-wrapper.sub-radiobox .radiobox { width: 238px; } } .form-radiobox-wrapper .popover-trigger { height: 36px; width: 36px; margin-left: 4px; padding: 0; } .form-radiobox-wrapper .radiobox { display: flex; align-items: center; justify-content: flex-start; width: 100%; min-height: 36px; border: 1px solid #d8d8d9; border-radius: 5px; padding: 8px; cursor: pointer; } @media (min-width: 768px) { .form-radiobox-wrapper .radiobox { width: 262px; } } .form-radiobox-wrapper .radiobox-icon { height: 16px; width: 16px; border: 1px solid #d8d8d9; border-radius: 50%; margin-right: 6px; } .form-radiobox-wrapper .radiobox-icon.selected { outline: 1px solid #011592; border: 3px solid white; background-color: #011592; box-sizing: border-box; } .form-radiobox-wrapper .radiobox-label { font-family: "IBM Plex Sans Condensed"; font-style: normal; font-weight: normal; font-size: 14px; line-height: 18px; color: #555563; width: calc(100% - 29px); } .form-radiobox-wrapper .radiobox.selected { border: 1px solid #011592; } .form-radiobox-wrapper .radiobox.selected .radiobox-label { color: #011592; font-weight: bold; } .textfield-wrapper { display: flex; flex-direction: column; align-items: flex-start; width: 100%; margin-right: 0; } @media (min-width: 768px) { .textfield-wrapper.horizontal { width: auto; flex-direction: row; margin-right: 74px; } .textfield-wrapper.horizontal .textfield-container { width: auto; } .textfield-wrapper.horizontal .textfield-container .textfield-input { width: 262px; } .textfield-wrapper.horizontal .textfield-container .input-label { margin-bottom: 9px; justify-content: flex-start; width: auto; } } .textfield-wrapper.fullwidth { width: 100%; } .textfield-wrapper.error .input-label { color: #ff5b84; } .textfield-wrapper.error .input-label .required { color: #ff5b84; } .textfield-wrapper.error .textfield-input input { border: 1px solid #ff5b84; } .textfield-wrapper .input-label { display: flex; margin-right: 8px; justify-content: space-between; align-items: center; height: 36px; width: 100%; max-width: 350px; margin-bottom: 0; } @media (min-width: 768px) { .textfield-wrapper .input-label { margin-top: 0; display: flex; align-items: center; height: 36px; text-align: right; } } .textfield-wrapper .popover-trigger { height: 36px; width: 36px; margin-left: 4px; padding: 0; } .textfield-wrapper .popover-trigger svg:hover path { stroke: #060f64; } .textfield-wrapper .popover-trigger svg:focus-visible path { stroke: #060f64; } .textfield-wrapper .textfield-container { width: 100%; max-width: 350px; display: flex; } @media (min-width: 768px) { .textfield-wrapper .textfield-container { width: 100%; max-width: 100%; align-items: baseline; } } .textfield-wrapper .textfield-container textarea { background: #ffffff; border: 1px solid #d8d8d9; box-sizing: border-box; border-radius: 8px; padding: 9px 14px 0 12px; resize: none; font-family: "IBM Plex Sans Condensed"; font-style: normal; font-weight: normal; font-size: 14px; line-height: 18px; display: flex; align-items: center; color: #555563; margin-bottom: 0; height: 163px; } @media (min-width: 768px) { .textfield-wrapper .textfield-container textarea { width: 293px; } } .textfield-wrapper .textfield-container textarea::-moz-placeholder { font-family: "IBM Plex Sans Condensed"; font-style: normal; font-weight: normal; font-size: 14px; line-height: 18px; display: flex; align-items: center; color: #555563; } .textfield-wrapper .textfield-container textarea::placeholder { font-family: "IBM Plex Sans Condensed"; font-style: normal; font-weight: normal; font-size: 14px; line-height: 18px; display: flex; align-items: center; color: #555563; } .textfield-wrapper .textfield-container textarea:focus { background: #ffffff; border: 1px solid #555563; outline: 0; } .textfield-wrapper .textfield-container textarea.w-100 { width: 100%; } .textfield-wrapper .textfield-container textarea .textfield-button { position: absolute; height: 36px; width: 36px; top: 0; right: 0; cursor: pointer; } .textfield-wrapper .textfield-container .w-100 { width: 100%; } .textfield-wrapper .textfield-readonly { font-family: "IBM Plex Sans Condensed"; font-style: normal; font-weight: 400; font-size: 14px; line-height: 18px; color: #555563; display: flex; align-items: center; width: 100%; } @media (min-width: 768px) { .textfield-wrapper .textfield-readonly { min-height: 36px; } } .textfield-wrapper .textfield-link { display: flex; align-items: center; width: 100%; } @media (min-width: 768px) { .textfield-wrapper .textfield-link { height: 36px; } } .textfield-wrapper .textfield-link .lien { font-weight: 700; } .textfield-wrapper .textfield-link .lien:focus-visible { padding: 2px 4px; } .textfield-wrapper .textfield-input { background: #ffffff; box-sizing: border-box; height: 36px; display: flex; align-items: flex-start; } @media (min-width: 768px) { .textfield-wrapper .textfield-input { width: 100%; } } .textfield-wrapper .textfield-input input { background: #ffffff; border: 1px solid #d8d8d9; outline: 0; padding: 0 40px 0 12px; border-radius: 8px; height: 36px; width: 100%; font-family: "IBM Plex Sans Condensed"; font-style: normal; font-weight: normal; font-size: 14px; line-height: 18px; display: flex; align-items: center; color: #555563; margin-bottom: 0; } .textfield-wrapper .textfield-input input::-moz-placeholder { font-family: "IBM Plex Sans Condensed"; font-style: normal; font-weight: normal; font-size: 14px; line-height: 18px; display: flex; align-items: center; color: #555563; } .textfield-wrapper .textfield-input input::placeholder { font-family: "IBM Plex Sans Condensed"; font-style: normal; font-weight: normal; font-size: 14px; line-height: 18px; display: flex; align-items: center; color: #555563; } .textfield-wrapper .textfield-input input:focus { background: #ffffff; border: 1px solid #555563; outline: 0; } .textfield-wrapper .textfield-input input.w-100 { width: 100%; } .textfield-wrapper .textfield-input .textfield-button { position: absolute; height: 36px; width: 36px; top: 0; right: 0; cursor: pointer; } .textfield-wrapper .textfield-input .textfield-button:hover svg path { stroke: #060f64; } .textfield-wrapper .textfield-input .textfield-button:active svg path { stroke: #060f64; } .textfield-wrapper .textfield-input .textfield-button:focus-visible { outline: 3px solid #1343fb; border-radius: 2px; } .textfield-wrapper .textfield-input .textfield-button:focus-visible svg path { stroke: #060f64; } .textfield-wrapper .textfield-helptext { font-family: "IBM Plex Sans Condensed"; font-style: normal; font-weight: normal; font-size: 12px; line-height: 14px; color: #555563; display: flex; align-items: center; height: 32px; } .textfield-wrapper .textfield-error { font-family: "IBM Plex Sans Condensed"; font-style: normal; font-weight: bold; font-size: 12px; line-height: 14px; color: #ff5b84; display: flex; align-items: center; height: 32px; } .textfield-wrapper .textfield-error-icon { height: 32px; width: 32px; } .textfield-suggest { width: 100%; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; max-height: 68px; margin-top: 8px; } @media (min-width: 768px) { .textfield-suggest { width: auto; } } .textfield-suggest .input-label { justify-content: flex-start; } .textfield-suggest .input-label span { align-self: center; } @media (min-width: 768px) { .textfield-suggest .input-label span { align-self: end; } } .textfield-suggest .react-autosuggest__container { width: 100%; max-width: 350px; } @media (min-width: 768px) { .textfield-suggest .react-autosuggest__container { width: auto; max-width: none; } } .textfield-suggest .react-autosuggest__suggestions-container { display: none; } .textfield-suggest .react-autosuggest__suggestions-container--open { background-color: #fff; border-radius: 8px; border: 1px solid #555563; color: #001c48; display: block; font-family: "IBM Plex Sans Condensed"; font-size: 16px; font-weight: 300; max-height: 250px; padding: 0px; padding-bottom: 8px; position: absolute; top: 72px; width: 100%; max-width: 350px; left: 0; z-index: 20; } @media (min-width: 768px) { .textfield-suggest .react-autosuggest__suggestions-container--open { top: 36px; left: 143px; width: 262px; } } .textfield-suggest .react-autosuggest__suggestions-list { background-color: #fff; list-style-type: none; margin: 0; max-height: 250px; overflow-y: auto; padding: 0; border-radius: 8px; } .textfield-suggest .react-autosuggest__suggestions-list::-webkit-scrollbar { width: 14px; } .textfield-suggest .react-autosuggest__suggestions-list::-webkit-scrollbar-thumb { border: 4px solid rgba(0, 0, 0, 0); background-clip: padding-box; border-radius: 9999px; background-color: #060f64; } .textfield-suggest .react-autosuggest__suggestions-list::-webkit-scrollbar-track { border: 4px solid rgba(0, 0, 0, 0); background-clip: padding-box; background-color: #f1f5f6; border-radius: 10px; margin-top: 8px; margin-bottom: 16px; } .textfield-suggest .react-autosuggest__suggestion { cursor: pointer; padding: 10px 20px; padding: 9px 12px; min-height: 36px; color: #555563; font-family: "IBM Plex Sans Condensed"; font-size: 14px; font-style: normal; font-weight: 400; line-height: 18px; letter-spacing: 0px; } .textfield-suggest .react-autosuggest__suggestion--highlighted { background-color: #f1f5f6; } .textfield-suggest .main-establishment { top: -25px; margin: 9px 0; } @media (min-width: 768px) { .textfield-suggest .main-establishment { left: 145px; } } .flex-1 { flex: 1; } .flex-2 { flex: 2; } .select-wrapper { flex-direction: column; display: flex; align-items: flex-start; justify-content: flex-end; margin-right: 140px; max-width: 350px; width: 100%; min-height: 72px; z-index: 10; } @media (min-width: 768px) { .select-wrapper { flex-direction: row; min-height: 36px; } } .select-wrapper.large { margin-right: 74px; } @media (min-width: 768px) { .select-wrapper.large .select-container { flex-direction: column; width: 262px; justify-content: flex-end; } } .select-wrapper.large .input-label { width: 150px; } .select-wrapper.large .select { width: 262px; } .select-wrapper p { width: 51px; height: 36px; font-family: "IBM Plex Sans Condensed"; font-size: 14px; font-style: normal; font-weight: 700; line-height: 18px; letter-spacing: 0px; text-align: left; color: #060f64; display: inline; } .select-wrapper .input-label { display: flex; margin-right: 8px; justify-content: space-between; align-items: center; height: 36px; width: 100%; max-width: 350px; margin-bottom: 0; margin-top: 0; } @media (min-width: 768px) { .select-wrapper .input-label { display: flex; align-items: center; width: auto; } } .select-wrapper .select-container { width: 100%; max-width: 350px; display: flex; } @media (min-width: 768px) { .select-wrapper .select-container { width: 197px; } } .select-wrapper .select { width: 100%; max-width: 350px; padding: 0; margin: 0; margin-left: 0; display: inline-flex; flex-direction: column; justify-content: center; position: relative; height: 36px; z-index: 20; border: 1px solid #d8d8d9; border-radius: 8px; padding-right: 36px; cursor: pointer; } .select-wrapper .select .chevron-icon { position: absolute; right: 0px; } .select-wrapper .choiceSelected { margin: 0; padding: 0 30px 0 10px; height: 33px; display: flex; align-items: center; width: 100%; pointer-events: none; box-sizing: border-box; white-space: nowrap; background: white; z-index: 22; position: relative; border-radius: 8px; overflow: hidden; font-family: "IBM Plex Sans Condensed"; font-size: 14px; font-style: normal; font-weight: 400; line-height: 18px; letter-spacing: 0px; text-align: left; color: #555563; } .select-wrapper .select-open { border: 1px solid #555563; border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select-wrapper .select-choices { position: absolute; width: 100%; max-width: 350px; height: auto; overflow-y: scroll; top: 36px; padding: 0; background-color: white; border: 1px solid #555563; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; border-top: none; z-index: 100; } .select-wrapper .select-choices .option { font-family: "IBM Plex Sans Condensed"; font-style: normal; font-weight: 400; font-size: 14px; line-height: 18px; color: #555563; height: 36px; display: flex; align-items: center; cursor: pointer; padding-left: 12px; justify-content: space-between; } .select-wrapper .select-choices .option:hover, .select-wrapper .select-choices .option.selected { background: #f1f5f6; } .select-wrapper .select-choices.select-choices-checkbox { padding: 7px 12px; } .select-wrapper .select-choices::-webkit-scrollbar { width: 14px; } .select-wrapper .select-choices::-webkit-scrollbar-thumb { border: 4px solid rgba(0, 0, 0, 0); background-clip: padding-box; border-radius: 9999px; background-color: #060f64; } .select-wrapper .select-choices::-webkit-scrollbar-track { border: 4px solid rgba(0, 0, 0, 0); background-clip: padding-box; background-color: #f1f5f6; border-radius: 10px; margin-top: 8px; margin-bottom: 16px; } .select-wrapper.error .input-label, .select-wrapper.error .required { color: #ff5b84; } .select-wrapper.error .select-container { flex-direction: column; } .select-wrapper.error .select-container .select, .select-wrapper.error .select-container .select-choices { border-color: #ff5b84; } .select-wrapper .select-error { font-family: "IBM Plex Sans Condensed"; font-style: normal; font-weight: bold; font-size: 12px; line-height: 14px; color: #ff5b84; display: flex; align-items: center; height: 32px; } body { background: #fff; } body > div.fade.modal-backdrop.show { display: none !important; } public-view-manager .toasts { display: none !important; } .public-viewport > .fade.modal.show { z-index: 1000 !important; } #microAppsModalsRoot { z-index: auto; position: absolute; top: 0; left: 0; right: 0; } @media (max-width: 992px) { .public-viewport > section:first-child, body > section:first-child { display: none; } } @media (min-width: 993px) { .public-viewport > section:nth-child(2), .public-viewport > section:nth-child(3), body > section:nth-child(2), body > section:nth-child(3) { display: none; } } .public-viewport > section:first-child, .public-viewport > section:nth-child(3), body > section:first-child, body > section:nth-child(3) { z-index: 500; } .public-viewport > section:nth-child(2) > div, body > section:nth-child(2) > div { display: flex; } .public-viewport > section:nth-child(2) > div > div:first-child, body > section:nth-child(2) > div > div:first-child { order: 2; } .public-viewport > section:nth-child(2) > div > div:last-child, body > section:nth-child(2) > div > div:last-child { flex: 1; } .primary-button { display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 11px 12px 11px 14px; min-width: 120px; height: 36px; background: #011592; border-radius: 8px; border: 0; color: white; font-family: "IBM Plex Sans Condensed"; font-size: 13px; font-style: normal; font-weight: 700; line-height: 14px; letter-spacing: 3px; text-align: center; margin-right: 24px; } .primary-button:hover { background-color: #060f64; } .primary-button:active { background-color: #060f64; outline: 1px solid #1343fb; box-sizing: border-box; border-radius: 8px; } .primary-button:focus { background-color: #060f64; outline: 2px solid #1343fb; border-radius: 8px; } .secondary-button { display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 11px 12px 11px 14px; min-width: 120px; height: 36px; background: #fff; border-radius: 8px; border: 0; color: #011592; font-family: "IBM Plex Sans Condensed"; font-size: 13px; font-style: normal; font-weight: 700; line-height: 14px; letter-spacing: 3px; text-align: center; margin-right: 24px; border: 1px solid #D8D8D9; } .secondary-button:hover { background-color: #060f64; color: white; } .flex-grow { width: 100%; } .public-viewport > div.fill > section:first-child .picture-default, .public-viewport > div.fill > section:nth-child(2) .picture-default, body > div.fill > section:first-child .picture-default, body > div.fill > section:nth-child(2) .picture-default { min-width: 125px; min-height: 28px; } @media (max-width: 992px) { .public-viewport > div.fill > section:first-child, body > div.fill > section:first-child { display: none; } } @media (min-width: 993px) { .public-viewport > div.fill > section:nth-child(2), .public-viewport > div.fill > section:nth-child(3), body > div.fill > section:nth-child(2), body > div.fill > section:nth-child(3) { display: none; } } .public-viewport > div.fill > section:first-child, .public-viewport > div.fill > section:nth-child(3), body > div.fill > section:first-child, body > div.fill > section:nth-child(3) { z-index: auto; } .public-viewport > div.fill > section:nth-child(2) > div, body > div.fill > section:nth-child(2) > div { display: flex; } .public-viewport > div.fill > section:nth-child(2) > div > div:first-child, body > div.fill > section:nth-child(2) > div > div:first-child { order: 2; } .public-viewport > div.fill > section:nth-child(2) > div > div:last-child, body > div.fill > section:nth-child(2) > div > div:last-child { flex: 1; } /*! * Font Awesome Free 5.15.2 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) */ .fa, .fas, .far, .fal, .fad, .fab { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-feature-settings: normal; font-variant: normal; text-rendering: auto; line-height: 1; } .fa-lg { font-size: 1.3333333333em; line-height: 0.75em; vertical-align: -0.0667em; } .fa-xs { font-size: 0.75em; } .fa-sm { font-size: 0.875em; } .fa-1x { font-size: 1em; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-6x { font-size: 6em; } .fa-7x { font-size: 7em; } .fa-8x { font-size: 8em; } .fa-9x { font-size: 9em; } .fa-10x { font-size: 10em; } .fa-fw { text-align: center; width: 1.25em; } .fa-ul { list-style-type: none; margin-left: 2.5em; padding-left: 0; } .fa-ul > li { position: relative; } .fa-li { left: -2em; position: absolute; text-align: center; width: 2em; line-height: inherit; } .fa-border { border: solid 0.08em #eee; border-radius: 0.1em; padding: 0.2em 0.25em 0.15em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left, .fas.fa-pull-left, .far.fa-pull-left, .fal.fa-pull-left, .fab.fa-pull-left { margin-right: 0.3em; } .fa.fa-pull-right, .fas.fa-pull-right, .far.fa-pull-right, .fal.fa-pull-right, .fab.fa-pull-right { margin-left: 0.3em; } .fa-spin { animation: fa-spin 2s infinite linear; } .fa-pulse { animation: fa-spin 1s infinite steps(8); } @keyframes fa-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; transform: rotate(90deg); } .fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; transform: rotate(180deg); } .fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; transform: rotate(270deg); } .fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; transform: scale(-1, 1); } .fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; transform: scale(1, -1); } .fa-flip-both, .fa-flip-horizontal.fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; transform: scale(-1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical, :root .fa-flip-both { filter: none; } .fa-stack { display: inline-block; height: 2em; line-height: 2em; position: relative; vertical-align: middle; width: 2.5em; } .fa-stack-1x, .fa-stack-2x { left: 0; position: absolute; text-align: center; width: 100%; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #fff; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-500px:before { content: "\f26e"; } .fa-accessible-icon:before { content: "\f368"; } .fa-accusoft:before { content: "\f369"; } .fa-acquisitions-incorporated:before { content: "\f6af"; } .fa-ad:before { content: "\f641"; } .fa-address-book:before { content: "\f2b9"; } .fa-address-card:before { content: "\f2bb"; } .fa-adjust:before { content: "\f042"; } .fa-adn:before { content: "\f170"; } .fa-adversal:before { content: "\f36a"; } .fa-affiliatetheme:before { content: "\f36b"; } .fa-air-freshener:before { content: "\f5d0"; } .fa-airbnb:before { content: "\f834"; } .fa-algolia:before { content: "\f36c"; } .fa-align-center:before { content: "\f037"; } .fa-align-justify:before { content: "\f039"; } .fa-align-left:before { content: "\f036"; } .fa-align-right:before { content: "\f038"; } .fa-alipay:before { content: "\f642"; } .fa-allergies:before { content: "\f461"; } .fa-amazon:before { content: "\f270"; } .fa-amazon-pay:before { content: "\f42c"; } .fa-ambulance:before { content: "\f0f9"; } .fa-american-sign-language-interpreting:before { content: "\f2a3"; } .fa-amilia:before { content: "\f36d"; } .fa-anchor:before { content: "\f13d"; } .fa-android:before { content: "\f17b"; } .fa-angellist:before { content: "\f209"; } .fa-angle-double-down:before { content: "\f103"; } .fa-angle-double-left:before { content: "\f100"; } .fa-angle-double-right:before { content: "\f101"; } .fa-angle-double-up:before { content: "\f102"; } .fa-angle-down:before { content: "\f107"; } .fa-angle-left:before { content: "\f104"; } .fa-angle-right:before { content: "\f105"; } .fa-angle-up:before { content: "\f106"; } .fa-angry:before { content: "\f556"; } .fa-angrycreative:before { content: "\f36e"; } .fa-angular:before { content: "\f420"; } .fa-ankh:before { content: "\f644"; } .fa-app-store:before { content: "\f36f"; } .fa-app-store-ios:before { content: "\f370"; } .fa-apper:before { content: "\f371"; } .fa-apple:before { content: "\f179"; } .fa-apple-alt:before { content: "\f5d1"; } .fa-apple-pay:before { content: "\f415"; } .fa-archive:before { content: "\f187"; } .fa-archway:before { content: "\f557"; } .fa-arrow-alt-circle-down:before { content: "\f358"; } .fa-arrow-alt-circle-left:before { content: "\f359"; } .fa-arrow-alt-circle-right:before { content: "\f35a"; } .fa-arrow-alt-circle-up:before { content: "\f35b"; } .fa-arrow-circle-down:before { content: "\f0ab"; } .fa-arrow-circle-left:before { content: "\f0a8"; } .fa-arrow-circle-right:before { content: "\f0a9"; } .fa-arrow-circle-up:before { content: "\f0aa"; } .fa-arrow-down:before { content: "\f063"; } .fa-arrow-left:before { content: "\f060"; } .fa-arrow-right:before { content: "\f061"; } .fa-arrow-up:before { content: "\f062"; } .fa-arrows-alt:before { content: "\f0b2"; } .fa-arrows-alt-h:before { content: "\f337"; } .fa-arrows-alt-v:before { content: "\f338"; } .fa-artstation:before { content: "\f77a"; } .fa-assistive-listening-systems:before { content: "\f2a2"; } .fa-asterisk:before { content: "\f069"; } .fa-asymmetrik:before { content: "\f372"; } .fa-at:before { content: "\f1fa"; } .fa-atlas:before { content: "\f558"; } .fa-atlassian:before { content: "\f77b"; } .fa-atom:before { content: "\f5d2"; } .fa-audible:before { content: "\f373"; } .fa-audio-description:before { content: "\f29e"; } .fa-autoprefixer:before { content: "\f41c"; } .fa-avianex:before { content: "\f374"; } .fa-aviato:before { content: "\f421"; } .fa-award:before { content: "\f559"; } .fa-aws:before { content: "\f375"; } .fa-baby:before { content: "\f77c"; } .fa-baby-carriage:before { content: "\f77d"; } .fa-backspace:before { content: "\f55a"; } .fa-backward:before { content: "\f04a"; } .fa-bacon:before { content: "\f7e5"; } .fa-bacteria:before { content: "\e059"; } .fa-bacterium:before { content: "\e05a"; } .fa-bahai:before { content: "\f666"; } .fa-balance-scale:before { content: "\f24e"; } .fa-balance-scale-left:before { content: "\f515"; } .fa-balance-scale-right:before { content: "\f516"; } .fa-ban:before { content: "\f05e"; } .fa-band-aid:before { content: "\f462"; } .fa-bandcamp:before { content: "\f2d5"; } .fa-barcode:before { content: "\f02a"; } .fa-bars:before { content: "\f0c9"; } .fa-baseball-ball:before { content: "\f433"; } .fa-basketball-ball:before { content: "\f434"; } .fa-bath:before { content: "\f2cd"; } .fa-battery-empty:before { content: "\f244"; } .fa-battery-full:before { content: "\f240"; } .fa-battery-half:before { content: "\f242"; } .fa-battery-quarter:before { content: "\f243"; } .fa-battery-three-quarters:before { content: "\f241"; } .fa-battle-net:before { content: "\f835"; } .fa-bed:before { content: "\f236"; } .fa-beer:before { content: "\f0fc"; } .fa-behance:before { content: "\f1b4"; } .fa-behance-square:before { content: "\f1b5"; } .fa-bell:before { content: "\f0f3"; } .fa-bell-slash:before { content: "\f1f6"; } .fa-bezier-curve:before { content: "\f55b"; } .fa-bible:before { content: "\f647"; } .fa-bicycle:before { content: "\f206"; } .fa-biking:before { content: "\f84a"; } .fa-bimobject:before { content: "\f378"; } .fa-binoculars:before { content: "\f1e5"; } .fa-biohazard:before { content: "\f780"; } .fa-birthday-cake:before { content: "\f1fd"; } .fa-bitbucket:before { content: "\f171"; } .fa-bitcoin:before { content: "\f379"; } .fa-bity:before { content: "\f37a"; } .fa-black-tie:before { content: "\f27e"; } .fa-blackberry:before { content: "\f37b"; } .fa-blender:before { content: "\f517"; } .fa-blender-phone:before { content: "\f6b6"; } .fa-blind:before { content: "\f29d"; } .fa-blog:before { content: "\f781"; } .fa-blogger:before { content: "\f37c"; } .fa-blogger-b:before { content: "\f37d"; } .fa-bluetooth:before { content: "\f293"; } .fa-bluetooth-b:before { content: "\f294"; } .fa-bold:before { content: "\f032"; } .fa-bolt:before { content: "\f0e7"; } .fa-bomb:before { content: "\f1e2"; } .fa-bone:before { content: "\f5d7"; } .fa-bong:before { content: "\f55c"; } .fa-book:before { content: "\f02d"; } .fa-book-dead:before { content: "\f6b7"; } .fa-book-medical:before { content: "\f7e6"; } .fa-book-open:before { content: "\f518"; } .fa-book-reader:before { content: "\f5da"; } .fa-bookmark:before { content: "\f02e"; } .fa-bootstrap:before { content: "\f836"; } .fa-border-all:before { content: "\f84c"; } .fa-border-none:before { content: "\f850"; } .fa-border-style:before { content: "\f853"; } .fa-bowling-ball:before { content: "\f436"; } .fa-box:before { content: "\f466"; } .fa-box-open:before { content: "\f49e"; } .fa-box-tissue:before { content: "\e05b"; } .fa-boxes:before { content: "\f468"; } .fa-braille:before { content: "\f2a1"; } .fa-brain:before { content: "\f5dc"; } .fa-bread-slice:before { content: "\f7ec"; } .fa-briefcase:before { content: "\f0b1"; } .fa-briefcase-medical:before { content: "\f469"; } .fa-broadcast-tower:before { content: "\f519"; } .fa-broom:before { content: "\f51a"; } .fa-brush:before { content: "\f55d"; } .fa-btc:before { content: "\f15a"; } .fa-buffer:before { content: "\f837"; } .fa-bug:before { content: "\f188"; } .fa-building:before { content: "\f1ad"; } .fa-bullhorn:before { content: "\f0a1"; } .fa-bullseye:before { content: "\f140"; } .fa-burn:before { content: "\f46a"; } .fa-buromobelexperte:before { content: "\f37f"; } .fa-bus:before { content: "\f207"; } .fa-bus-alt:before { content: "\f55e"; } .fa-business-time:before { content: "\f64a"; } .fa-buy-n-large:before { content: "\f8a6"; } .fa-buysellads:before { content: "\f20d"; } .fa-calculator:before { content: "\f1ec"; } .fa-calendar:before { content: "\f133"; } .fa-calendar-alt:before { content: "\f073"; } .fa-calendar-check:before { content: "\f274"; } .fa-calendar-day:before { content: "\f783"; } .fa-calendar-minus:before { content: "\f272"; } .fa-calendar-plus:before { content: "\f271"; } .fa-calendar-times:before { content: "\f273"; } .fa-calendar-week:before { content: "\f784"; } .fa-camera:before { content: "\f030"; } .fa-camera-retro:before { content: "\f083"; } .fa-campground:before { content: "\f6bb"; } .fa-canadian-maple-leaf:before { content: "\f785"; } .fa-candy-cane:before { content: "\f786"; } .fa-cannabis:before { content: "\f55f"; } .fa-capsules:before { content: "\f46b"; } .fa-car:before { content: "\f1b9"; } .fa-car-alt:before { content: "\f5de"; } .fa-car-battery:before { content: "\f5df"; } .fa-car-crash:before { content: "\f5e1"; } .fa-car-side:before { content: "\f5e4"; } .fa-caravan:before { content: "\f8ff"; } .fa-caret-down:before { content: "\f0d7"; } .fa-caret-left:before { content: "\f0d9"; } .fa-caret-right:before { content: "\f0da"; } .fa-caret-square-down:before { content: "\f150"; } .fa-caret-square-left:before { content: "\f191"; } .fa-caret-square-right:before { content: "\f152"; } .fa-caret-square-up:before { content: "\f151"; } .fa-caret-up:before { content: "\f0d8"; } .fa-carrot:before { content: "\f787"; } .fa-cart-arrow-down:before { content: "\f218"; } .fa-cart-plus:before { content: "\f217"; } .fa-cash-register:before { content: "\f788"; } .fa-cat:before { content: "\f6be"; } .fa-cc-amazon-pay:before { content: "\f42d"; } .fa-cc-amex:before { content: "\f1f3"; } .fa-cc-apple-pay:before { content: "\f416"; } .fa-cc-diners-club:before { content: "\f24c"; } .fa-cc-discover:before { content: "\f1f2"; } .fa-cc-jcb:before { content: "\f24b"; } .fa-cc-mastercard:before { content: "\f1f1"; } .fa-cc-paypal:before { content: "\f1f4"; } .fa-cc-stripe:before { content: "\f1f5"; } .fa-cc-visa:before { content: "\f1f0"; } .fa-centercode:before { content: "\f380"; } .fa-centos:before { content: "\f789"; } .fa-certificate:before { content: "\f0a3"; } .fa-chair:before { content: "\f6c0"; } .fa-chalkboard:before { content: "\f51b"; } .fa-chalkboard-teacher:before { content: "\f51c"; } .fa-charging-station:before { content: "\f5e7"; } .fa-chart-area:before { content: "\f1fe"; } .fa-chart-bar:before { content: "\f080"; } .fa-chart-line:before { content: "\f201"; } .fa-chart-pie:before { content: "\f200"; } .fa-check:before { content: "\f00c"; } .fa-check-circle:before { content: "\f058"; } .fa-check-double:before { content: "\f560"; } .fa-check-square:before { content: "\f14a"; } .fa-cheese:before { content: "\f7ef"; } .fa-chess:before { content: "\f439"; } .fa-chess-bishop:before { content: "\f43a"; } .fa-chess-board:before { content: "\f43c"; } .fa-chess-king:before { content: "\f43f"; } .fa-chess-knight:before { content: "\f441"; } .fa-chess-pawn:before { content: "\f443"; } .fa-chess-queen:before { content: "\f445"; } .fa-chess-rook:before { content: "\f447"; } .fa-chevron-circle-down:before { content: "\f13a"; } .fa-chevron-circle-left:before { content: "\f137"; } .fa-chevron-circle-right:before { content: "\f138"; } .fa-chevron-circle-up:before { content: "\f139"; } .fa-chevron-down:before { content: "\f078"; } .fa-chevron-left:before { content: "\f053"; } .fa-chevron-right:before { content: "\f054"; } .fa-chevron-up:before { content: "\f077"; } .fa-child:before { content: "\f1ae"; } .fa-chrome:before { content: "\f268"; } .fa-chromecast:before { content: "\f838"; } .fa-church:before { content: "\f51d"; } .fa-circle:before { content: "\f111"; } .fa-circle-notch:before { content: "\f1ce"; } .fa-city:before { content: "\f64f"; } .fa-clinic-medical:before { content: "\f7f2"; } .fa-clipboard:before { content: "\f328"; } .fa-clipboard-check:before { content: "\f46c"; } .fa-clipboard-list:before { content: "\f46d"; } .fa-clock:before { content: "\f017"; } .fa-clone:before { content: "\f24d"; } .fa-closed-captioning:before { content: "\f20a"; } .fa-cloud:before { content: "\f0c2"; } .fa-cloud-download-alt:before { content: "\f381"; } .fa-cloud-meatball:before { content: "\f73b"; } .fa-cloud-moon:before { content: "\f6c3"; } .fa-cloud-moon-rain:before { content: "\f73c"; } .fa-cloud-rain:before { content: "\f73d"; } .fa-cloud-showers-heavy:before { content: "\f740"; } .fa-cloud-sun:before { content: "\f6c4"; } .fa-cloud-sun-rain:before { content: "\f743"; } .fa-cloud-upload-alt:before { content: "\f382"; } .fa-cloudflare:before { content: "\e07d"; } .fa-cloudscale:before { content: "\f383"; } .fa-cloudsmith:before { content: "\f384"; } .fa-cloudversify:before { content: "\f385"; } .fa-cocktail:before { content: "\f561"; } .fa-code:before { content: "\f121"; } .fa-code-branch:before { content: "\f126"; } .fa-codepen:before { content: "\f1cb"; } .fa-codiepie:before { content: "\f284"; } .fa-coffee:before { content: "\f0f4"; } .fa-cog:before { content: "\f013"; } .fa-cogs:before { content: "\f085"; } .fa-coins:before { content: "\f51e"; } .fa-columns:before { content: "\f0db"; } .fa-comment:before { content: "\f075"; } .fa-comment-alt:before { content: "\f27a"; } .fa-comment-dollar:before { content: "\f651"; } .fa-comment-dots:before { content: "\f4ad"; } .fa-comment-medical:before { content: "\f7f5"; } .fa-comment-slash:before { content: "\f4b3"; } .fa-comments:before { content: "\f086"; } .fa-comments-dollar:before { content: "\f653"; } .fa-compact-disc:before { content: "\f51f"; } .fa-compass:before { content: "\f14e"; } .fa-compress:before { content: "\f066"; } .fa-compress-alt:before { content: "\f422"; } .fa-compress-arrows-alt:before { content: "\f78c"; } .fa-concierge-bell:before { content: "\f562"; } .fa-confluence:before { content: "\f78d"; } .fa-connectdevelop:before { content: "\f20e"; } .fa-contao:before { content: "\f26d"; } .fa-cookie:before { content: "\f563"; } .fa-cookie-bite:before { content: "\f564"; } .fa-copy:before { content: "\f0c5"; } .fa-copyright:before { content: "\f1f9"; } .fa-cotton-bureau:before { content: "\f89e"; } .fa-couch:before { content: "\f4b8"; } .fa-cpanel:before { content: "\f388"; } .fa-creative-commons:before { content: "\f25e"; } .fa-creative-commons-by:before { content: "\f4e7"; } .fa-creative-commons-nc:before { content: "\f4e8"; } .fa-creative-commons-nc-eu:before { content: "\f4e9"; } .fa-creative-commons-nc-jp:before { content: "\f4ea"; } .fa-creative-commons-nd:before { content: "\f4eb"; } .fa-creative-commons-pd:before { content: "\f4ec"; } .fa-creative-commons-pd-alt:before { content: "\f4ed"; } .fa-creative-commons-remix:before { content: "\f4ee"; } .fa-creative-commons-sa:before { content: "\f4ef"; } .fa-creative-commons-sampling:before { content: "\f4f0"; } .fa-creative-commons-sampling-plus:before { content: "\f4f1"; } .fa-creative-commons-share:before { content: "\f4f2"; } .fa-creative-commons-zero:before { content: "\f4f3"; } .fa-credit-card:before { content: "\f09d"; } .fa-critical-role:before { content: "\f6c9"; } .fa-crop:before { content: "\f125"; } .fa-crop-alt:before { content: "\f565"; } .fa-cross:before { content: "\f654"; } .fa-crosshairs:before { content: "\f05b"; } .fa-crow:before { content: "\f520"; } .fa-crown:before { content: "\f521"; } .fa-crutch:before { content: "\f7f7"; } .fa-css3:before { content: "\f13c"; } .fa-css3-alt:before { content: "\f38b"; } .fa-cube:before { content: "\f1b2"; } .fa-cubes:before { content: "\f1b3"; } .fa-cut:before { content: "\f0c4"; } .fa-cuttlefish:before { content: "\f38c"; } .fa-d-and-d:before { content: "\f38d"; } .fa-d-and-d-beyond:before { content: "\f6ca"; } .fa-dailymotion:before { content: "\e052"; } .fa-dashcube:before { content: "\f210"; } .fa-database:before { content: "\f1c0"; } .fa-deaf:before { content: "\f2a4"; } .fa-deezer:before { content: "\e077"; } .fa-delicious:before { content: "\f1a5"; } .fa-democrat:before { content: "\f747"; } .fa-deploydog:before { content: "\f38e"; } .fa-deskpro:before { content: "\f38f"; } .fa-desktop:before { content: "\f108"; } .fa-dev:before { content: "\f6cc"; } .fa-deviantart:before { content: "\f1bd"; } .fa-dharmachakra:before { content: "\f655"; } .fa-dhl:before { content: "\f790"; } .fa-diagnoses:before { content: "\f470"; } .fa-diaspora:before { content: "\f791"; } .fa-dice:before { content: "\f522"; } .fa-dice-d20:before { content: "\f6cf"; } .fa-dice-d6:before { content: "\f6d1"; } .fa-dice-five:before { content: "\f523"; } .fa-dice-four:before { content: "\f524"; } .fa-dice-one:before { content: "\f525"; } .fa-dice-six:before { content: "\f526"; } .fa-dice-three:before { content: "\f527"; } .fa-dice-two:before { content: "\f528"; } .fa-digg:before { content: "\f1a6"; } .fa-digital-ocean:before { content: "\f391"; } .fa-digital-tachograph:before { content: "\f566"; } .fa-directions:before { content: "\f5eb"; } .fa-discord:before { content: "\f392"; } .fa-discourse:before { content: "\f393"; } .fa-disease:before { content: "\f7fa"; } .fa-divide:before { content: "\f529"; } .fa-dizzy:before { content: "\f567"; } .fa-dna:before { content: "\f471"; } .fa-dochub:before { content: "\f394"; } .fa-docker:before { content: "\f395"; } .fa-dog:before { content: "\f6d3"; } .fa-dollar-sign:before { content: "\f155"; } .fa-dolly:before { content: "\f472"; } .fa-dolly-flatbed:before { content: "\f474"; } .fa-donate:before { content: "\f4b9"; } .fa-door-closed:before { content: "\f52a"; } .fa-door-open:before { content: "\f52b"; } .fa-dot-circle:before { content: "\f192"; } .fa-dove:before { content: "\f4ba"; } .fa-download:before { content: "\f019"; } .fa-draft2digital:before { content: "\f396"; } .fa-drafting-compass:before { content: "\f568"; } .fa-dragon:before { content: "\f6d5"; } .fa-draw-polygon:before { content: "\f5ee"; } .fa-dribbble:before { content: "\f17d"; } .fa-dribbble-square:before { content: "\f397"; } .fa-dropbox:before { content: "\f16b"; } .fa-drum:before { content: "\f569"; } .fa-drum-steelpan:before { content: "\f56a"; } .fa-drumstick-bite:before { content: "\f6d7"; } .fa-drupal:before { content: "\f1a9"; } .fa-dumbbell:before { content: "\f44b"; } .fa-dumpster:before { content: "\f793"; } .fa-dumpster-fire:before { content: "\f794"; } .fa-dungeon:before { content: "\f6d9"; } .fa-dyalog:before { content: "\f399"; } .fa-earlybirds:before { content: "\f39a"; } .fa-ebay:before { content: "\f4f4"; } .fa-edge:before { content: "\f282"; } .fa-edge-legacy:before { content: "\e078"; } .fa-edit:before { content: "\f044"; } .fa-egg:before { content: "\f7fb"; } .fa-eject:before { content: "\f052"; } .fa-elementor:before { content: "\f430"; } .fa-ellipsis-h:before { content: "\f141"; } .fa-ellipsis-v:before { content: "\f142"; } .fa-ello:before { content: "\f5f1"; } .fa-ember:before { content: "\f423"; } .fa-empire:before { content: "\f1d1"; } .fa-envelope:before { content: "\f0e0"; } .fa-envelope-open:before { content: "\f2b6"; } .fa-envelope-open-text:before { content: "\f658"; } .fa-envelope-square:before { content: "\f199"; } .fa-envira:before { content: "\f299"; } .fa-equals:before { content: "\f52c"; } .fa-eraser:before { content: "\f12d"; } .fa-erlang:before { content: "\f39d"; } .fa-ethereum:before { content: "\f42e"; } .fa-ethernet:before { content: "\f796"; } .fa-etsy:before { content: "\f2d7"; } .fa-euro-sign:before { content: "\f153"; } .fa-evernote:before { content: "\f839"; } .fa-exchange-alt:before { content: "\f362"; } .fa-exclamation:before { content: "\f12a"; } .fa-exclamation-circle:before { content: "\f06a"; } .fa-exclamation-triangle:before { content: "\f071"; } .fa-expand:before { content: "\f065"; } .fa-expand-alt:before { content: "\f424"; } .fa-expand-arrows-alt:before { content: "\f31e"; } .fa-expeditedssl:before { content: "\f23e"; } .fa-external-link-alt:before { content: "\f35d"; } .fa-external-link-square-alt:before { content: "\f360"; } .fa-eye:before { content: "\f06e"; } .fa-eye-dropper:before { content: "\f1fb"; } .fa-eye-slash:before { content: "\f070"; } .fa-facebook:before { content: "\f09a"; } .fa-facebook-f:before { content: "\f39e"; } .fa-facebook-messenger:before { content: "\f39f"; } .fa-facebook-square:before { content: "\f082"; } .fa-fan:before { content: "\f863"; } .fa-fantasy-flight-games:before { content: "\f6dc"; } .fa-fast-backward:before { content: "\f049"; } .fa-fast-forward:before { content: "\f050"; } .fa-faucet:before { content: "\e005"; } .fa-fax:before { content: "\f1ac"; } .fa-feather:before { content: "\f52d"; } .fa-feather-alt:before { content: "\f56b"; } .fa-fedex:before { content: "\f797"; } .fa-fedora:before { content: "\f798"; } .fa-female:before { content: "\f182"; } .fa-fighter-jet:before { content: "\f0fb"; } .fa-figma:before { content: "\f799"; } .fa-file:before { content: "\f15b"; } .fa-file-alt:before { content: "\f15c"; } .fa-file-archive:before { content: "\f1c6"; } .fa-file-audio:before { content: "\f1c7"; } .fa-file-code:before { content: "\f1c9"; } .fa-file-contract:before { content: "\f56c"; } .fa-file-csv:before { content: "\f6dd"; } .fa-file-download:before { content: "\f56d"; } .fa-file-excel:before { content: "\f1c3"; } .fa-file-export:before { content: "\f56e"; } .fa-file-image:before { content: "\f1c5"; } .fa-file-import:before { content: "\f56f"; } .fa-file-invoice:before { content: "\f570"; } .fa-file-invoice-dollar:before { content: "\f571"; } .fa-file-medical:before { content: "\f477"; } .fa-file-medical-alt:before { content: "\f478"; } .fa-file-pdf:before { content: "\f1c1"; } .fa-file-powerpoint:before { content: "\f1c4"; } .fa-file-prescription:before { content: "\f572"; } .fa-file-signature:before { content: "\f573"; } .fa-file-upload:before { content: "\f574"; } .fa-file-video:before { content: "\f1c8"; } .fa-file-word:before { content: "\f1c2"; } .fa-fill:before { content: "\f575"; } .fa-fill-drip:before { content: "\f576"; } .fa-film:before { content: "\f008"; } .fa-filter:before { content: "\f0b0"; } .fa-fingerprint:before { content: "\f577"; } .fa-fire:before { content: "\f06d"; } .fa-fire-alt:before { content: "\f7e4"; } .fa-fire-extinguisher:before { content: "\f134"; } .fa-firefox:before { content: "\f269"; } .fa-firefox-browser:before { content: "\e007"; } .fa-first-aid:before { content: "\f479"; } .fa-first-order:before { content: "\f2b0"; } .fa-first-order-alt:before { content: "\f50a"; } .fa-firstdraft:before { content: "\f3a1"; } .fa-fish:before { content: "\f578"; } .fa-fist-raised:before { content: "\f6de"; } .fa-flag:before { content: "\f024"; } .fa-flag-checkered:before { content: "\f11e"; } .fa-flag-usa:before { content: "\f74d"; } .fa-flask:before { content: "\f0c3"; } .fa-flickr:before { content: "\f16e"; } .fa-flipboard:before { content: "\f44d"; } .fa-flushed:before { content: "\f579"; } .fa-fly:before { content: "\f417"; } .fa-folder:before { content: "\f07b"; } .fa-folder-minus:before { content: "\f65d"; } .fa-folder-open:before { content: "\f07c"; } .fa-folder-plus:before { content: "\f65e"; } .fa-font:before { content: "\f031"; } .fa-font-awesome:before { content: "\f2b4"; } .fa-font-awesome-alt:before { content: "\f35c"; } .fa-font-awesome-flag:before { content: "\f425"; } .fa-font-awesome-logo-full:before { content: "\f4e6"; } .fa-fonticons:before { content: "\f280"; } .fa-fonticons-fi:before { content: "\f3a2"; } .fa-football-ball:before { content: "\f44e"; } .fa-fort-awesome:before { content: "\f286"; } .fa-fort-awesome-alt:before { content: "\f3a3"; } .fa-forumbee:before { content: "\f211"; } .fa-forward:before { content: "\f04e"; } .fa-foursquare:before { content: "\f180"; } .fa-free-code-camp:before { content: "\f2c5"; } .fa-freebsd:before { content: "\f3a4"; } .fa-frog:before { content: "\f52e"; } .fa-frown:before { content: "\f119"; } .fa-frown-open:before { content: "\f57a"; } .fa-fulcrum:before { content: "\f50b"; } .fa-funnel-dollar:before { content: "\f662"; } .fa-futbol:before { content: "\f1e3"; } .fa-galactic-republic:before { content: "\f50c"; } .fa-galactic-senate:before { content: "\f50d"; } .fa-gamepad:before { content: "\f11b"; } .fa-gas-pump:before { content: "\f52f"; } .fa-gavel:before { content: "\f0e3"; } .fa-gem:before { content: "\f3a5"; } .fa-genderless:before { content: "\f22d"; } .fa-get-pocket:before { content: "\f265"; } .fa-gg:before { content: "\f260"; } .fa-gg-circle:before { content: "\f261"; } .fa-ghost:before { content: "\f6e2"; } .fa-gift:before { content: "\f06b"; } .fa-gifts:before { content: "\f79c"; } .fa-git:before { content: "\f1d3"; } .fa-git-alt:before { content: "\f841"; } .fa-git-square:before { content: "\f1d2"; } .fa-github:before { content: "\f09b"; } .fa-github-alt:before { content: "\f113"; } .fa-github-square:before { content: "\f092"; } .fa-gitkraken:before { content: "\f3a6"; } .fa-gitlab:before { content: "\f296"; } .fa-gitter:before { content: "\f426"; } .fa-glass-cheers:before { content: "\f79f"; } .fa-glass-martini:before { content: "\f000"; } .fa-glass-martini-alt:before { content: "\f57b"; } .fa-glass-whiskey:before { content: "\f7a0"; } .fa-glasses:before { content: "\f530"; } .fa-glide:before { content: "\f2a5"; } .fa-glide-g:before { content: "\f2a6"; } .fa-globe:before { content: "\f0ac"; } .fa-globe-africa:before { content: "\f57c"; } .fa-globe-americas:before { content: "\f57d"; } .fa-globe-asia:before { content: "\f57e"; } .fa-globe-europe:before { content: "\f7a2"; } .fa-gofore:before { content: "\f3a7"; } .fa-golf-ball:before { content: "\f450"; } .fa-goodreads:before { content: "\f3a8"; } .fa-goodreads-g:before { content: "\f3a9"; } .fa-google:before { content: "\f1a0"; } .fa-google-drive:before { content: "\f3aa"; } .fa-google-pay:before { content: "\e079"; } .fa-google-play:before { content: "\f3ab"; } .fa-google-plus:before { content: "\f2b3"; } .fa-google-plus-g:before { content: "\f0d5"; } .fa-google-plus-square:before { content: "\f0d4"; } .fa-google-wallet:before { content: "\f1ee"; } .fa-gopuram:before { content: "\f664"; } .fa-graduation-cap:before { content: "\f19d"; } .fa-gratipay:before { content: "\f184"; } .fa-grav:before { content: "\f2d6"; } .fa-greater-than:before { content: "\f531"; } .fa-greater-than-equal:before { content: "\f532"; } .fa-grimace:before { content: "\f57f"; } .fa-grin:before { content: "\f580"; } .fa-grin-alt:before { content: "\f581"; } .fa-grin-beam:before { content: "\f582"; } .fa-grin-beam-sweat:before { content: "\f583"; } .fa-grin-hearts:before { content: "\f584"; } .fa-grin-squint:before { content: "\f585"; } .fa-grin-squint-tears:before { content: "\f586"; } .fa-grin-stars:before { content: "\f587"; } .fa-grin-tears:before { content: "\f588"; } .fa-grin-tongue:before { content: "\f589"; } .fa-grin-tongue-squint:before { content: "\f58a"; } .fa-grin-tongue-wink:before { content: "\f58b"; } .fa-grin-wink:before { content: "\f58c"; } .fa-grip-horizontal:before { content: "\f58d"; } .fa-grip-lines:before { content: "\f7a4"; } .fa-grip-lines-vertical:before { content: "\f7a5"; } .fa-grip-vertical:before { content: "\f58e"; } .fa-gripfire:before { content: "\f3ac"; } .fa-grunt:before { content: "\f3ad"; } .fa-guilded:before { content: "\e07e"; } .fa-guitar:before { content: "\f7a6"; } .fa-gulp:before { content: "\f3ae"; } .fa-h-square:before { content: "\f0fd"; } .fa-hacker-news:before { content: "\f1d4"; } .fa-hacker-news-square:before { content: "\f3af"; } .fa-hackerrank:before { content: "\f5f7"; } .fa-hamburger:before { content: "\f805"; } .fa-hammer:before { content: "\f6e3"; } .fa-hamsa:before { content: "\f665"; } .fa-hand-holding:before { content: "\f4bd"; } .fa-hand-holding-heart:before { content: "\f4be"; } .fa-hand-holding-medical:before { content: "\e05c"; } .fa-hand-holding-usd:before { content: "\f4c0"; } .fa-hand-holding-water:before { content: "\f4c1"; } .fa-hand-lizard:before { content: "\f258"; } .fa-hand-middle-finger:before { content: "\f806"; } .fa-hand-paper:before { content: "\f256"; } .fa-hand-peace:before { content: "\f25b"; } .fa-hand-point-down:before { content: "\f0a7"; } .fa-hand-point-left:before { content: "\f0a5"; } .fa-hand-point-right:before { content: "\f0a4"; } .fa-hand-point-up:before { content: "\f0a6"; } .fa-hand-pointer:before { content: "\f25a"; } .fa-hand-rock:before { content: "\f255"; } .fa-hand-scissors:before { content: "\f257"; } .fa-hand-sparkles:before { content: "\e05d"; } .fa-hand-spock:before { content: "\f259"; } .fa-hands:before { content: "\f4c2"; } .fa-hands-helping:before { content: "\f4c4"; } .fa-hands-wash:before { content: "\e05e"; } .fa-handshake:before { content: "\f2b5"; } .fa-handshake-alt-slash:before { content: "\e05f"; } .fa-handshake-slash:before { content: "\e060"; } .fa-hanukiah:before { content: "\f6e6"; } .fa-hard-hat:before { content: "\f807"; } .fa-hashtag:before { content: "\f292"; } .fa-hat-cowboy:before { content: "\f8c0"; } .fa-hat-cowboy-side:before { content: "\f8c1"; } .fa-hat-wizard:before { content: "\f6e8"; } .fa-hdd:before { content: "\f0a0"; } .fa-head-side-cough:before { content: "\e061"; } .fa-head-side-cough-slash:before { content: "\e062"; } .fa-head-side-mask:before { content: "\e063"; } .fa-head-side-virus:before { content: "\e064"; } .fa-heading:before { content: "\f1dc"; } .fa-headphones:before { content: "\f025"; } .fa-headphones-alt:before { content: "\f58f"; } .fa-headset:before { content: "\f590"; } .fa-heart:before { content: "\f004"; } .fa-heart-broken:before { content: "\f7a9"; } .fa-heartbeat:before { content: "\f21e"; } .fa-helicopter:before { content: "\f533"; } .fa-highlighter:before { content: "\f591"; } .fa-hiking:before { content: "\f6ec"; } .fa-hippo:before { content: "\f6ed"; } .fa-hips:before { content: "\f452"; } .fa-hire-a-helper:before { content: "\f3b0"; } .fa-history:before { content: "\f1da"; } .fa-hive:before { content: "\e07f"; } .fa-hockey-puck:before { content: "\f453"; } .fa-holly-berry:before { content: "\f7aa"; } .fa-home:before { content: "\f015"; } .fa-hooli:before { content: "\f427"; } .fa-hornbill:before { content: "\f592"; } .fa-horse:before { content: "\f6f0"; } .fa-horse-head:before { content: "\f7ab"; } .fa-hospital:before { content: "\f0f8"; } .fa-hospital-alt:before { content: "\f47d"; } .fa-hospital-symbol:before { content: "\f47e"; } .fa-hospital-user:before { content: "\f80d"; } .fa-hot-tub:before { content: "\f593"; } .fa-hotdog:before { content: "\f80f"; } .fa-hotel:before { content: "\f594"; } .fa-hotjar:before { content: "\f3b1"; } .fa-hourglass:before { content: "\f254"; } .fa-hourglass-end:before { content: "\f253"; } .fa-hourglass-half:before { content: "\f252"; } .fa-hourglass-start:before { content: "\f251"; } .fa-house-damage:before { content: "\f6f1"; } .fa-house-user:before { content: "\e065"; } .fa-houzz:before { content: "\f27c"; } .fa-hryvnia:before { content: "\f6f2"; } .fa-html5:before { content: "\f13b"; } .fa-hubspot:before { content: "\f3b2"; } .fa-i-cursor:before { content: "\f246"; } .fa-ice-cream:before { content: "\f810"; } .fa-icicles:before { content: "\f7ad"; } .fa-icons:before { content: "\f86d"; } .fa-id-badge:before { content: "\f2c1"; } .fa-id-card:before { content: "\f2c2"; } .fa-id-card-alt:before { content: "\f47f"; } .fa-ideal:before { content: "\e013"; } .fa-igloo:before { content: "\f7ae"; } .fa-image:before { content: "\f03e"; } .fa-images:before { content: "\f302"; } .fa-imdb:before { content: "\f2d8"; } .fa-inbox:before { content: "\f01c"; } .fa-indent:before { content: "\f03c"; } .fa-industry:before { content: "\f275"; } .fa-infinity:before { content: "\f534"; } .fa-info:before { content: "\f129"; } .fa-info-circle:before { content: "\f05a"; } .fa-innosoft:before { content: "\e080"; } .fa-instagram:before { content: "\f16d"; } .fa-instagram-square:before { content: "\e055"; } .fa-instalod:before { content: "\e081"; } .fa-intercom:before { content: "\f7af"; } .fa-internet-explorer:before { content: "\f26b"; } .fa-invision:before { content: "\f7b0"; } .fa-ioxhost:before { content: "\f208"; } .fa-italic:before { content: "\f033"; } .fa-itch-io:before { content: "\f83a"; } .fa-itunes:before { content: "\f3b4"; } .fa-itunes-note:before { content: "\f3b5"; } .fa-java:before { content: "\f4e4"; } .fa-jedi:before { content: "\f669"; } .fa-jedi-order:before { content: "\f50e"; } .fa-jenkins:before { content: "\f3b6"; } .fa-jira:before { content: "\f7b1"; } .fa-joget:before { content: "\f3b7"; } .fa-joint:before { content: "\f595"; } .fa-joomla:before { content: "\f1aa"; } .fa-journal-whills:before { content: "\f66a"; } .fa-js:before { content: "\f3b8"; } .fa-js-square:before { content: "\f3b9"; } .fa-jsfiddle:before { content: "\f1cc"; } .fa-kaaba:before { content: "\f66b"; } .fa-kaggle:before { content: "\f5fa"; } .fa-key:before { content: "\f084"; } .fa-keybase:before { content: "\f4f5"; } .fa-keyboard:before { content: "\f11c"; } .fa-keycdn:before { content: "\f3ba"; } .fa-khanda:before { content: "\f66d"; } .fa-kickstarter:before { content: "\f3bb"; } .fa-kickstarter-k:before { content: "\f3bc"; } .fa-kiss:before { content: "\f596"; } .fa-kiss-beam:before { content: "\f597"; } .fa-kiss-wink-heart:before { content: "\f598"; } .fa-kiwi-bird:before { content: "\f535"; } .fa-korvue:before { content: "\f42f"; } .fa-landmark:before { content: "\f66f"; } .fa-language:before { content: "\f1ab"; } .fa-laptop:before { content: "\f109"; } .fa-laptop-code:before { content: "\f5fc"; } .fa-laptop-house:before { content: "\e066"; } .fa-laptop-medical:before { content: "\f812"; } .fa-laravel:before { content: "\f3bd"; } .fa-lastfm:before { content: "\f202"; } .fa-lastfm-square:before { content: "\f203"; } .fa-laugh:before { content: "\f599"; } .fa-laugh-beam:before { content: "\f59a"; } .fa-laugh-squint:before { content: "\f59b"; } .fa-laugh-wink:before { content: "\f59c"; } .fa-layer-group:before { content: "\f5fd"; } .fa-leaf:before { content: "\f06c"; } .fa-leanpub:before { content: "\f212"; } .fa-lemon:before { content: "\f094"; } .fa-less:before { content: "\f41d"; } .fa-less-than:before { content: "\f536"; } .fa-less-than-equal:before { content: "\f537"; } .fa-level-down-alt:before { content: "\f3be"; } .fa-level-up-alt:before { content: "\f3bf"; } .fa-life-ring:before { content: "\f1cd"; } .fa-lightbulb:before { content: "\f0eb"; } .fa-line:before { content: "\f3c0"; } .fa-link:before { content: "\f0c1"; } .fa-linkedin:before { content: "\f08c"; } .fa-linkedin-in:before { content: "\f0e1"; } .fa-linode:before { content: "\f2b8"; } .fa-linux:before { content: "\f17c"; } .fa-lira-sign:before { content: "\f195"; } .fa-list:before { content: "\f03a"; } .fa-list-alt:before { content: "\f022"; } .fa-list-ol:before { content: "\f0cb"; } .fa-list-ul:before { content: "\f0ca"; } .fa-location-arrow:before { content: "\f124"; } .fa-lock:before { content: "\f023"; } .fa-lock-open:before { content: "\f3c1"; } .fa-long-arrow-alt-down:before { content: "\f309"; } .fa-long-arrow-alt-left:before { content: "\f30a"; } .fa-long-arrow-alt-right:before { content: "\f30b"; } .fa-long-arrow-alt-up:before { content: "\f30c"; } .fa-low-vision:before { content: "\f2a8"; } .fa-luggage-cart:before { content: "\f59d"; } .fa-lungs:before { content: "\f604"; } .fa-lungs-virus:before { content: "\e067"; } .fa-lyft:before { content: "\f3c3"; } .fa-magento:before { content: "\f3c4"; } .fa-magic:before { content: "\f0d0"; } .fa-magnet:before { content: "\f076"; } .fa-mail-bulk:before { content: "\f674"; } .fa-mailchimp:before { content: "\f59e"; } .fa-male:before { content: "\f183"; } .fa-mandalorian:before { content: "\f50f"; } .fa-map:before { content: "\f279"; } .fa-map-marked:before { content: "\f59f"; } .fa-map-marked-alt:before { content: "\f5a0"; } .fa-map-marker:before { content: "\f041"; } .fa-map-marker-alt:before { content: "\f3c5"; } .fa-map-pin:before { content: "\f276"; } .fa-map-signs:before { content: "\f277"; } .fa-markdown:before { content: "\f60f"; } .fa-marker:before { content: "\f5a1"; } .fa-mars:before { content: "\f222"; } .fa-mars-double:before { content: "\f227"; } .fa-mars-stroke:before { content: "\f229"; } .fa-mars-stroke-h:before { content: "\f22b"; } .fa-mars-stroke-v:before { content: "\f22a"; } .fa-mask:before { content: "\f6fa"; } .fa-mastodon:before { content: "\f4f6"; } .fa-maxcdn:before { content: "\f136"; } .fa-mdb:before { content: "\f8ca"; } .fa-medal:before { content: "\f5a2"; } .fa-medapps:before { content: "\f3c6"; } .fa-medium:before { content: "\f23a"; } .fa-medium-m:before { content: "\f3c7"; } .fa-medkit:before { content: "\f0fa"; } .fa-medrt:before { content: "\f3c8"; } .fa-meetup:before { content: "\f2e0"; } .fa-megaport:before { content: "\f5a3"; } .fa-meh:before { content: "\f11a"; } .fa-meh-blank:before { content: "\f5a4"; } .fa-meh-rolling-eyes:before { content: "\f5a5"; } .fa-memory:before { content: "\f538"; } .fa-mendeley:before { content: "\f7b3"; } .fa-menorah:before { content: "\f676"; } .fa-mercury:before { content: "\f223"; } .fa-meteor:before { content: "\f753"; } .fa-microblog:before { content: "\e01a"; } .fa-microchip:before { content: "\f2db"; } .fa-microphone:before { content: "\f130"; } .fa-microphone-alt:before { content: "\f3c9"; } .fa-microphone-alt-slash:before { content: "\f539"; } .fa-microphone-slash:before { content: "\f131"; } .fa-microscope:before { content: "\f610"; } .fa-microsoft:before { content: "\f3ca"; } .fa-minus:before { content: "\f068"; } .fa-minus-circle:before { content: "\f056"; } .fa-minus-square:before { content: "\f146"; } .fa-mitten:before { content: "\f7b5"; } .fa-mix:before { content: "\f3cb"; } .fa-mixcloud:before { content: "\f289"; } .fa-mixer:before { content: "\e056"; } .fa-mizuni:before { content: "\f3cc"; } .fa-mobile:before { content: "\f10b"; } .fa-mobile-alt:before { content: "\f3cd"; } .fa-modx:before { content: "\f285"; } .fa-monero:before { content: "\f3d0"; } .fa-money-bill:before { content: "\f0d6"; } .fa-money-bill-alt:before { content: "\f3d1"; } .fa-money-bill-wave:before { content: "\f53a"; } .fa-money-bill-wave-alt:before { content: "\f53b"; } .fa-money-check:before { content: "\f53c"; } .fa-money-check-alt:before { content: "\f53d"; } .fa-monument:before { content: "\f5a6"; } .fa-moon:before { content: "\f186"; } .fa-mortar-pestle:before { content: "\f5a7"; } .fa-mosque:before { content: "\f678"; } .fa-motorcycle:before { content: "\f21c"; } .fa-mountain:before { content: "\f6fc"; } .fa-mouse:before { content: "\f8cc"; } .fa-mouse-pointer:before { content: "\f245"; } .fa-mug-hot:before { content: "\f7b6"; } .fa-music:before { content: "\f001"; } .fa-napster:before { content: "\f3d2"; } .fa-neos:before { content: "\f612"; } .fa-network-wired:before { content: "\f6ff"; } .fa-neuter:before { content: "\f22c"; } .fa-newspaper:before { content: "\f1ea"; } .fa-nimblr:before { content: "\f5a8"; } .fa-node:before { content: "\f419"; } .fa-node-js:before { content: "\f3d3"; } .fa-not-equal:before { content: "\f53e"; } .fa-notes-medical:before { content: "\f481"; } .fa-npm:before { content: "\f3d4"; } .fa-ns8:before { content: "\f3d5"; } .fa-nutritionix:before { content: "\f3d6"; } .fa-object-group:before { content: "\f247"; } .fa-object-ungroup:before { content: "\f248"; } .fa-octopus-deploy:before { content: "\e082"; } .fa-odnoklassniki:before { content: "\f263"; } .fa-odnoklassniki-square:before { content: "\f264"; } .fa-oil-can:before { content: "\f613"; } .fa-old-republic:before { content: "\f510"; } .fa-om:before { content: "\f679"; } .fa-opencart:before { content: "\f23d"; } .fa-openid:before { content: "\f19b"; } .fa-opera:before { content: "\f26a"; } .fa-optin-monster:before { content: "\f23c"; } .fa-orcid:before { content: "\f8d2"; } .fa-osi:before { content: "\f41a"; } .fa-otter:before { content: "\f700"; } .fa-outdent:before { content: "\f03b"; } .fa-page4:before { content: "\f3d7"; } .fa-pagelines:before { content: "\f18c"; } .fa-pager:before { content: "\f815"; } .fa-paint-brush:before { content: "\f1fc"; } .fa-paint-roller:before { content: "\f5aa"; } .fa-palette:before { content: "\f53f"; } .fa-palfed:before { content: "\f3d8"; } .fa-pallet:before { content: "\f482"; } .fa-paper-plane:before { content: "\f1d8"; } .fa-paperclip:before { content: "\f0c6"; } .fa-parachute-box:before { content: "\f4cd"; } .fa-paragraph:before { content: "\f1dd"; } .fa-parking:before { content: "\f540"; } .fa-passport:before { content: "\f5ab"; } .fa-pastafarianism:before { content: "\f67b"; } .fa-paste:before { content: "\f0ea"; } .fa-patreon:before { content: "\f3d9"; } .fa-pause:before { content: "\f04c"; } .fa-pause-circle:before { content: "\f28b"; } .fa-paw:before { content: "\f1b0"; } .fa-paypal:before { content: "\f1ed"; } .fa-peace:before { content: "\f67c"; } .fa-pen:before { content: "\f304"; } .fa-pen-alt:before { content: "\f305"; } .fa-pen-fancy:before { content: "\f5ac"; } .fa-pen-nib:before { content: "\f5ad"; } .fa-pen-square:before { content: "\f14b"; } .fa-pencil-alt:before { content: "\f303"; } .fa-pencil-ruler:before { content: "\f5ae"; } .fa-penny-arcade:before { content: "\f704"; } .fa-people-arrows:before { content: "\e068"; } .fa-people-carry:before { content: "\f4ce"; } .fa-pepper-hot:before { content: "\f816"; } .fa-perbyte:before { content: "\e083"; } .fa-percent:before { content: "\f295"; } .fa-percentage:before { content: "\f541"; } .fa-periscope:before { content: "\f3da"; } .fa-person-booth:before { content: "\f756"; } .fa-phabricator:before { content: "\f3db"; } .fa-phoenix-framework:before { content: "\f3dc"; } .fa-phoenix-squadron:before { content: "\f511"; } .fa-phone:before { content: "\f095"; } .fa-phone-alt:before { content: "\f879"; } .fa-phone-slash:before { content: "\f3dd"; } .fa-phone-square:before { content: "\f098"; } .fa-phone-square-alt:before { content: "\f87b"; } .fa-phone-volume:before { content: "\f2a0"; } .fa-photo-video:before { content: "\f87c"; } .fa-php:before { content: "\f457"; } .fa-pied-piper:before { content: "\f2ae"; } .fa-pied-piper-alt:before { content: "\f1a8"; } .fa-pied-piper-hat:before { content: "\f4e5"; } .fa-pied-piper-pp:before { content: "\f1a7"; } .fa-pied-piper-square:before { content: "\e01e"; } .fa-piggy-bank:before { content: "\f4d3"; } .fa-pills:before { content: "\f484"; } .fa-pinterest:before { content: "\f0d2"; } .fa-pinterest-p:before { content: "\f231"; } .fa-pinterest-square:before { content: "\f0d3"; } .fa-pizza-slice:before { content: "\f818"; } .fa-place-of-worship:before { content: "\f67f"; } .fa-plane:before { content: "\f072"; } .fa-plane-arrival:before { content: "\f5af"; } .fa-plane-departure:before { content: "\f5b0"; } .fa-plane-slash:before { content: "\e069"; } .fa-play:before { content: "\f04b"; } .fa-play-circle:before { content: "\f144"; } .fa-playstation:before { content: "\f3df"; } .fa-plug:before { content: "\f1e6"; } .fa-plus:before { content: "\f067"; } .fa-plus-circle:before { content: "\f055"; } .fa-plus-square:before { content: "\f0fe"; } .fa-podcast:before { content: "\f2ce"; } .fa-poll:before { content: "\f681"; } .fa-poll-h:before { content: "\f682"; } .fa-poo:before { content: "\f2fe"; } .fa-poo-storm:before { content: "\f75a"; } .fa-poop:before { content: "\f619"; } .fa-portrait:before { content: "\f3e0"; } .fa-pound-sign:before { content: "\f154"; } .fa-power-off:before { content: "\f011"; } .fa-pray:before { content: "\f683"; } .fa-praying-hands:before { content: "\f684"; } .fa-prescription:before { content: "\f5b1"; } .fa-prescription-bottle:before { content: "\f485"; } .fa-prescription-bottle-alt:before { content: "\f486"; } .fa-print:before { content: "\f02f"; } .fa-procedures:before { content: "\f487"; } .fa-product-hunt:before { content: "\f288"; } .fa-project-diagram:before { content: "\f542"; } .fa-pump-medical:before { content: "\e06a"; } .fa-pump-soap:before { content: "\e06b"; } .fa-pushed:before { content: "\f3e1"; } .fa-puzzle-piece:before { content: "\f12e"; } .fa-python:before { content: "\f3e2"; } .fa-qq:before { content: "\f1d6"; } .fa-qrcode:before { content: "\f029"; } .fa-question:before { content: "\f128"; } .fa-question-circle:before { content: "\f059"; } .fa-quidditch:before { content: "\f458"; } .fa-quinscape:before { content: "\f459"; } .fa-quora:before { content: "\f2c4"; } .fa-quote-left:before { content: "\f10d"; } .fa-quote-right:before { content: "\f10e"; } .fa-quran:before { content: "\f687"; } .fa-r-project:before { content: "\f4f7"; } .fa-radiation:before { content: "\f7b9"; } .fa-radiation-alt:before { content: "\f7ba"; } .fa-rainbow:before { content: "\f75b"; } .fa-random:before { content: "\f074"; } .fa-raspberry-pi:before { content: "\f7bb"; } .fa-ravelry:before { content: "\f2d9"; } .fa-react:before { content: "\f41b"; } .fa-reacteurope:before { content: "\f75d"; } .fa-readme:before { content: "\f4d5"; } .fa-rebel:before { content: "\f1d0"; } .fa-receipt:before { content: "\f543"; } .fa-record-vinyl:before { content: "\f8d9"; } .fa-recycle:before { content: "\f1b8"; } .fa-red-river:before { content: "\f3e3"; } .fa-reddit:before { content: "\f1a1"; } .fa-reddit-alien:before { content: "\f281"; } .fa-reddit-square:before { content: "\f1a2"; } .fa-redhat:before { content: "\f7bc"; } .fa-redo:before { content: "\f01e"; } .fa-redo-alt:before { content: "\f2f9"; } .fa-registered:before { content: "\f25d"; } .fa-remove-format:before { content: "\f87d"; } .fa-renren:before { content: "\f18b"; } .fa-reply:before { content: "\f3e5"; } .fa-reply-all:before { content: "\f122"; } .fa-replyd:before { content: "\f3e6"; } .fa-republican:before { content: "\f75e"; } .fa-researchgate:before { content: "\f4f8"; } .fa-resolving:before { content: "\f3e7"; } .fa-restroom:before { content: "\f7bd"; } .fa-retweet:before { content: "\f079"; } .fa-rev:before { content: "\f5b2"; } .fa-ribbon:before { content: "\f4d6"; } .fa-ring:before { content: "\f70b"; } .fa-road:before { content: "\f018"; } .fa-robot:before { content: "\f544"; } .fa-rocket:before { content: "\f135"; } .fa-rocketchat:before { content: "\f3e8"; } .fa-rockrms:before { content: "\f3e9"; } .fa-route:before { content: "\f4d7"; } .fa-rss:before { content: "\f09e"; } .fa-rss-square:before { content: "\f143"; } .fa-ruble-sign:before { content: "\f158"; } .fa-ruler:before { content: "\f545"; } .fa-ruler-combined:before { content: "\f546"; } .fa-ruler-horizontal:before { content: "\f547"; } .fa-ruler-vertical:before { content: "\f548"; } .fa-running:before { content: "\f70c"; } .fa-rupee-sign:before { content: "\f156"; } .fa-rust:before { content: "\e07a"; } .fa-sad-cry:before { content: "\f5b3"; } .fa-sad-tear:before { content: "\f5b4"; } .fa-safari:before { content: "\f267"; } .fa-salesforce:before { content: "\f83b"; } .fa-sass:before { content: "\f41e"; } .fa-satellite:before { content: "\f7bf"; } .fa-satellite-dish:before { content: "\f7c0"; } .fa-save:before { content: "\f0c7"; } .fa-schlix:before { content: "\f3ea"; } .fa-school:before { content: "\f549"; } .fa-screwdriver:before { content: "\f54a"; } .fa-scribd:before { content: "\f28a"; } .fa-scroll:before { content: "\f70e"; } .fa-sd-card:before { content: "\f7c2"; } .fa-search:before { content: "\f002"; } .fa-search-dollar:before { content: "\f688"; } .fa-search-location:before { content: "\f689"; } .fa-search-minus:before { content: "\f010"; } .fa-search-plus:before { content: "\f00e"; } .fa-searchengin:before { content: "\f3eb"; } .fa-seedling:before { content: "\f4d8"; } .fa-sellcast:before { content: "\f2da"; } .fa-sellsy:before { content: "\f213"; } .fa-server:before { content: "\f233"; } .fa-servicestack:before { content: "\f3ec"; } .fa-shapes:before { content: "\f61f"; } .fa-share:before { content: "\f064"; } .fa-share-alt:before { content: "\f1e0"; } .fa-share-alt-square:before { content: "\f1e1"; } .fa-share-square:before { content: "\f14d"; } .fa-shekel-sign:before { content: "\f20b"; } .fa-shield-alt:before { content: "\f3ed"; } .fa-shield-virus:before { content: "\e06c"; } .fa-ship:before { content: "\f21a"; } .fa-shipping-fast:before { content: "\f48b"; } .fa-shirtsinbulk:before { content: "\f214"; } .fa-shoe-prints:before { content: "\f54b"; } .fa-shopify:before { content: "\e057"; } .fa-shopping-bag:before { content: "\f290"; } .fa-shopping-basket:before { content: "\f291"; } .fa-shopping-cart:before { content: "\f07a"; } .fa-shopware:before { content: "\f5b5"; } .fa-shower:before { content: "\f2cc"; } .fa-shuttle-van:before { content: "\f5b6"; } .fa-sign:before { content: "\f4d9"; } .fa-sign-in-alt:before { content: "\f2f6"; } .fa-sign-language:before { content: "\f2a7"; } .fa-sign-out-alt:before { content: "\f2f5"; } .fa-signal:before { content: "\f012"; } .fa-signature:before { content: "\f5b7"; } .fa-sim-card:before { content: "\f7c4"; } .fa-simplybuilt:before { content: "\f215"; } .fa-sink:before { content: "\e06d"; } .fa-sistrix:before { content: "\f3ee"; } .fa-sitemap:before { content: "\f0e8"; } .fa-sith:before { content: "\f512"; } .fa-skating:before { content: "\f7c5"; } .fa-sketch:before { content: "\f7c6"; } .fa-skiing:before { content: "\f7c9"; } .fa-skiing-nordic:before { content: "\f7ca"; } .fa-skull:before { content: "\f54c"; } .fa-skull-crossbones:before { content: "\f714"; } .fa-skyatlas:before { content: "\f216"; } .fa-skype:before { content: "\f17e"; } .fa-slack:before { content: "\f198"; } .fa-slack-hash:before { content: "\f3ef"; } .fa-slash:before { content: "\f715"; } .fa-sleigh:before { content: "\f7cc"; } .fa-sliders-h:before { content: "\f1de"; } .fa-slideshare:before { content: "\f1e7"; } .fa-smile:before { content: "\f118"; } .fa-smile-beam:before { content: "\f5b8"; } .fa-smile-wink:before { content: "\f4da"; } .fa-smog:before { content: "\f75f"; } .fa-smoking:before { content: "\f48d"; } .fa-smoking-ban:before { content: "\f54d"; } .fa-sms:before { content: "\f7cd"; } .fa-snapchat:before { content: "\f2ab"; } .fa-snapchat-ghost:before { content: "\f2ac"; } .fa-snapchat-square:before { content: "\f2ad"; } .fa-snowboarding:before { content: "\f7ce"; } .fa-snowflake:before { content: "\f2dc"; } .fa-snowman:before { content: "\f7d0"; } .fa-snowplow:before { content: "\f7d2"; } .fa-soap:before { content: "\e06e"; } .fa-socks:before { content: "\f696"; } .fa-solar-panel:before { content: "\f5ba"; } .fa-sort:before { content: "\f0dc"; } .fa-sort-alpha-down:before { content: "\f15d"; } .fa-sort-alpha-down-alt:before { content: "\f881"; } .fa-sort-alpha-up:before { content: "\f15e"; } .fa-sort-alpha-up-alt:before { content: "\f882"; } .fa-sort-amount-down:before { content: "\f160"; } .fa-sort-amount-down-alt:before { content: "\f884"; } .fa-sort-amount-up:before { content: "\f161"; } .fa-sort-amount-up-alt:before { content: "\f885"; } .fa-sort-down:before { content: "\f0dd"; } .fa-sort-numeric-down:before { content: "\f162"; } .fa-sort-numeric-down-alt:before { content: "\f886"; } .fa-sort-numeric-up:before { content: "\f163"; } .fa-sort-numeric-up-alt:before { content: "\f887"; } .fa-sort-up:before { content: "\f0de"; } .fa-soundcloud:before { content: "\f1be"; } .fa-sourcetree:before { content: "\f7d3"; } .fa-spa:before { content: "\f5bb"; } .fa-space-shuttle:before { content: "\f197"; } .fa-speakap:before { content: "\f3f3"; } .fa-speaker-deck:before { content: "\f83c"; } .fa-spell-check:before { content: "\f891"; } .fa-spider:before { content: "\f717"; } .fa-spinner:before { content: "\f110"; } .fa-splotch:before { content: "\f5bc"; } .fa-spotify:before { content: "\f1bc"; } .fa-spray-can:before { content: "\f5bd"; } .fa-square:before { content: "\f0c8"; } .fa-square-full:before { content: "\f45c"; } .fa-square-root-alt:before { content: "\f698"; } .fa-squarespace:before { content: "\f5be"; } .fa-stack-exchange:before { content: "\f18d"; } .fa-stack-overflow:before { content: "\f16c"; } .fa-stackpath:before { content: "\f842"; } .fa-stamp:before { content: "\f5bf"; } .fa-star:before { content: "\f005"; } .fa-star-and-crescent:before { content: "\f699"; } .fa-star-half:before { content: "\f089"; } .fa-star-half-alt:before { content: "\f5c0"; } .fa-star-of-david:before { content: "\f69a"; } .fa-star-of-life:before { content: "\f621"; } .fa-staylinked:before { content: "\f3f5"; } .fa-steam:before { content: "\f1b6"; } .fa-steam-square:before { content: "\f1b7"; } .fa-steam-symbol:before { content: "\f3f6"; } .fa-step-backward:before { content: "\f048"; } .fa-step-forward:before { content: "\f051"; } .fa-stethoscope:before { content: "\f0f1"; } .fa-sticker-mule:before { content: "\f3f7"; } .fa-sticky-note:before { content: "\f249"; } .fa-stop:before { content: "\f04d"; } .fa-stop-circle:before { content: "\f28d"; } .fa-stopwatch:before { content: "\f2f2"; } .fa-stopwatch-20:before { content: "\e06f"; } .fa-store:before { content: "\f54e"; } .fa-store-alt:before { content: "\f54f"; } .fa-store-alt-slash:before { content: "\e070"; } .fa-store-slash:before { content: "\e071"; } .fa-strava:before { content: "\f428"; } .fa-stream:before { content: "\f550"; } .fa-street-view:before { content: "\f21d"; } .fa-strikethrough:before { content: "\f0cc"; } .fa-stripe:before { content: "\f429"; } .fa-stripe-s:before { content: "\f42a"; } .fa-stroopwafel:before { content: "\f551"; } .fa-studiovinari:before { content: "\f3f8"; } .fa-stumbleupon:before { content: "\f1a4"; } .fa-stumbleupon-circle:before { content: "\f1a3"; } .fa-subscript:before { content: "\f12c"; } .fa-subway:before { content: "\f239"; } .fa-suitcase:before { content: "\f0f2"; } .fa-suitcase-rolling:before { content: "\f5c1"; } .fa-sun:before { content: "\f185"; } .fa-superpowers:before { content: "\f2dd"; } .fa-superscript:before { content: "\f12b"; } .fa-supple:before { content: "\f3f9"; } .fa-surprise:before { content: "\f5c2"; } .fa-suse:before { content: "\f7d6"; } .fa-swatchbook:before { content: "\f5c3"; } .fa-swift:before { content: "\f8e1"; } .fa-swimmer:before { content: "\f5c4"; } .fa-swimming-pool:before { content: "\f5c5"; } .fa-symfony:before { content: "\f83d"; } .fa-synagogue:before { content: "\f69b"; } .fa-sync:before { content: "\f021"; } .fa-sync-alt:before { content: "\f2f1"; } .fa-syringe:before { content: "\f48e"; } .fa-table:before { content: "\f0ce"; } .fa-table-tennis:before { content: "\f45d"; } .fa-tablet:before { content: "\f10a"; } .fa-tablet-alt:before { content: "\f3fa"; } .fa-tablets:before { content: "\f490"; } .fa-tachometer-alt:before { content: "\f3fd"; } .fa-tag:before { content: "\f02b"; } .fa-tags:before { content: "\f02c"; } .fa-tape:before { content: "\f4db"; } .fa-tasks:before { content: "\f0ae"; } .fa-taxi:before { content: "\f1ba"; } .fa-teamspeak:before { content: "\f4f9"; } .fa-teeth:before { content: "\f62e"; } .fa-teeth-open:before { content: "\f62f"; } .fa-telegram:before { content: "\f2c6"; } .fa-telegram-plane:before { content: "\f3fe"; } .fa-temperature-high:before { content: "\f769"; } .fa-temperature-low:before { content: "\f76b"; } .fa-tencent-weibo:before { content: "\f1d5"; } .fa-tenge:before { content: "\f7d7"; } .fa-terminal:before { content: "\f120"; } .fa-text-height:before { content: "\f034"; } .fa-text-width:before { content: "\f035"; } .fa-th:before { content: "\f00a"; } .fa-th-large:before { content: "\f009"; } .fa-th-list:before { content: "\f00b"; } .fa-the-red-yeti:before { content: "\f69d"; } .fa-theater-masks:before { content: "\f630"; } .fa-themeco:before { content: "\f5c6"; } .fa-themeisle:before { content: "\f2b2"; } .fa-thermometer:before { content: "\f491"; } .fa-thermometer-empty:before { content: "\f2cb"; } .fa-thermometer-full:before { content: "\f2c7"; } .fa-thermometer-half:before { content: "\f2c9"; } .fa-thermometer-quarter:before { content: "\f2ca"; } .fa-thermometer-three-quarters:before { content: "\f2c8"; } .fa-think-peaks:before { content: "\f731"; } .fa-thumbs-down:before { content: "\f165"; } .fa-thumbs-up:before { content: "\f164"; } .fa-thumbtack:before { content: "\f08d"; } .fa-ticket-alt:before { content: "\f3ff"; } .fa-tiktok:before { content: "\e07b"; } .fa-times:before { content: "\f00d"; } .fa-times-circle:before { content: "\f057"; } .fa-tint:before { content: "\f043"; } .fa-tint-slash:before { content: "\f5c7"; } .fa-tired:before { content: "\f5c8"; } .fa-toggle-off:before { content: "\f204"; } .fa-toggle-on:before { content: "\f205"; } .fa-toilet:before { content: "\f7d8"; } .fa-toilet-paper:before { content: "\f71e"; } .fa-toilet-paper-slash:before { content: "\e072"; } .fa-toolbox:before { content: "\f552"; } .fa-tools:before { content: "\f7d9"; } .fa-tooth:before { content: "\f5c9"; } .fa-torah:before { content: "\f6a0"; } .fa-torii-gate:before { content: "\f6a1"; } .fa-tractor:before { content: "\f722"; } .fa-trade-federation:before { content: "\f513"; } .fa-trademark:before { content: "\f25c"; } .fa-traffic-light:before { content: "\f637"; } .fa-trailer:before { content: "\e041"; } .fa-train:before { content: "\f238"; } .fa-tram:before { content: "\f7da"; } .fa-transgender:before { content: "\f224"; } .fa-transgender-alt:before { content: "\f225"; } .fa-trash:before { content: "\f1f8"; } .fa-trash-alt:before { content: "\f2ed"; } .fa-trash-restore:before { content: "\f829"; } .fa-trash-restore-alt:before { content: "\f82a"; } .fa-tree:before { content: "\f1bb"; } .fa-trello:before { content: "\f181"; } .fa-tripadvisor:before { content: "\f262"; } .fa-trophy:before { content: "\f091"; } .fa-truck:before { content: "\f0d1"; } .fa-truck-loading:before { content: "\f4de"; } .fa-truck-monster:before { content: "\f63b"; } .fa-truck-moving:before { content: "\f4df"; } .fa-truck-pickup:before { content: "\f63c"; } .fa-tshirt:before { content: "\f553"; } .fa-tty:before { content: "\f1e4"; } .fa-tumblr:before { content: "\f173"; } .fa-tumblr-square:before { content: "\f174"; } .fa-tv:before { content: "\f26c"; } .fa-twitch:before { content: "\f1e8"; } .fa-twitter:before { content: "\f099"; } .fa-twitter-square:before { content: "\f081"; } .fa-typo3:before { content: "\f42b"; } .fa-uber:before { content: "\f402"; } .fa-ubuntu:before { content: "\f7df"; } .fa-uikit:before { content: "\f403"; } .fa-umbraco:before { content: "\f8e8"; } .fa-umbrella:before { content: "\f0e9"; } .fa-umbrella-beach:before { content: "\f5ca"; } .fa-uncharted:before { content: "\e084"; } .fa-underline:before { content: "\f0cd"; } .fa-undo:before { content: "\f0e2"; } .fa-undo-alt:before { content: "\f2ea"; } .fa-uniregistry:before { content: "\f404"; } .fa-unity:before { content: "\e049"; } .fa-universal-access:before { content: "\f29a"; } .fa-university:before { content: "\f19c"; } .fa-unlink:before { content: "\f127"; } .fa-unlock:before { content: "\f09c"; } .fa-unlock-alt:before { content: "\f13e"; } .fa-unsplash:before { content: "\e07c"; } .fa-untappd:before { content: "\f405"; } .fa-upload:before { content: "\f093"; } .fa-ups:before { content: "\f7e0"; } .fa-usb:before { content: "\f287"; } .fa-user:before { content: "\f007"; } .fa-user-alt:before { content: "\f406"; } .fa-user-alt-slash:before { content: "\f4fa"; } .fa-user-astronaut:before { content: "\f4fb"; } .fa-user-check:before { content: "\f4fc"; } .fa-user-circle:before { content: "\f2bd"; } .fa-user-clock:before { content: "\f4fd"; } .fa-user-cog:before { content: "\f4fe"; } .fa-user-edit:before { content: "\f4ff"; } .fa-user-friends:before { content: "\f500"; } .fa-user-graduate:before { content: "\f501"; } .fa-user-injured:before { content: "\f728"; } .fa-user-lock:before { content: "\f502"; } .fa-user-md:before { content: "\f0f0"; } .fa-user-minus:before { content: "\f503"; } .fa-user-ninja:before { content: "\f504"; } .fa-user-nurse:before { content: "\f82f"; } .fa-user-plus:before { content: "\f234"; } .fa-user-secret:before { content: "\f21b"; } .fa-user-shield:before { content: "\f505"; } .fa-user-slash:before { content: "\f506"; } .fa-user-tag:before { content: "\f507"; } .fa-user-tie:before { content: "\f508"; } .fa-user-times:before { content: "\f235"; } .fa-users:before { content: "\f0c0"; } .fa-users-cog:before { content: "\f509"; } .fa-users-slash:before { content: "\e073"; } .fa-usps:before { content: "\f7e1"; } .fa-ussunnah:before { content: "\f407"; } .fa-utensil-spoon:before { content: "\f2e5"; } .fa-utensils:before { content: "\f2e7"; } .fa-vaadin:before { content: "\f408"; } .fa-vector-square:before { content: "\f5cb"; } .fa-venus:before { content: "\f221"; } .fa-venus-double:before { content: "\f226"; } .fa-venus-mars:before { content: "\f228"; } .fa-vest:before { content: "\e085"; } .fa-vest-patches:before { content: "\e086"; } .fa-viacoin:before { content: "\f237"; } .fa-viadeo:before { content: "\f2a9"; } .fa-viadeo-square:before { content: "\f2aa"; } .fa-vial:before { content: "\f492"; } .fa-vials:before { content: "\f493"; } .fa-viber:before { content: "\f409"; } .fa-video:before { content: "\f03d"; } .fa-video-slash:before { content: "\f4e2"; } .fa-vihara:before { content: "\f6a7"; } .fa-vimeo:before { content: "\f40a"; } .fa-vimeo-square:before { content: "\f194"; } .fa-vimeo-v:before { content: "\f27d"; } .fa-vine:before { content: "\f1ca"; } .fa-virus:before { content: "\e074"; } .fa-virus-slash:before { content: "\e075"; } .fa-viruses:before { content: "\e076"; } .fa-vk:before { content: "\f189"; } .fa-vnv:before { content: "\f40b"; } .fa-voicemail:before { content: "\f897"; } .fa-volleyball-ball:before { content: "\f45f"; } .fa-volume-down:before { content: "\f027"; } .fa-volume-mute:before { content: "\f6a9"; } .fa-volume-off:before { content: "\f026"; } .fa-volume-up:before { content: "\f028"; } .fa-vote-yea:before { content: "\f772"; } .fa-vr-cardboard:before { content: "\f729"; } .fa-vuejs:before { content: "\f41f"; } .fa-walking:before { content: "\f554"; } .fa-wallet:before { content: "\f555"; } .fa-warehouse:before { content: "\f494"; } .fa-watchman-monitoring:before { content: "\e087"; } .fa-water:before { content: "\f773"; } .fa-wave-square:before { content: "\f83e"; } .fa-waze:before { content: "\f83f"; } .fa-weebly:before { content: "\f5cc"; } .fa-weibo:before { content: "\f18a"; } .fa-weight:before { content: "\f496"; } .fa-weight-hanging:before { content: "\f5cd"; } .fa-weixin:before { content: "\f1d7"; } .fa-whatsapp:before { content: "\f232"; } .fa-whatsapp-square:before { content: "\f40c"; } .fa-wheelchair:before { content: "\f193"; } .fa-whmcs:before { content: "\f40d"; } .fa-wifi:before { content: "\f1eb"; } .fa-wikipedia-w:before { content: "\f266"; } .fa-wind:before { content: "\f72e"; } .fa-window-close:before { content: "\f410"; } .fa-window-maximize:before { content: "\f2d0"; } .fa-window-minimize:before { content: "\f2d1"; } .fa-window-restore:before { content: "\f2d2"; } .fa-windows:before { content: "\f17a"; } .fa-wine-bottle:before { content: "\f72f"; } .fa-wine-glass:before { content: "\f4e3"; } .fa-wine-glass-alt:before { content: "\f5ce"; } .fa-wix:before { content: "\f5cf"; } .fa-wizards-of-the-coast:before { content: "\f730"; } .fa-wodu:before { content: "\e088"; } .fa-wolf-pack-battalion:before { content: "\f514"; } .fa-won-sign:before { content: "\f159"; } .fa-wordpress:before { content: "\f19a"; } .fa-wordpress-simple:before { content: "\f411"; } .fa-wpbeginner:before { content: "\f297"; } .fa-wpexplorer:before { content: "\f2de"; } .fa-wpforms:before { content: "\f298"; } .fa-wpressr:before { content: "\f3e4"; } .fa-wrench:before { content: "\f0ad"; } .fa-x-ray:before { content: "\f497"; } .fa-xbox:before { content: "\f412"; } .fa-xing:before { content: "\f168"; } .fa-xing-square:before { content: "\f169"; } .fa-y-combinator:before { content: "\f23b"; } .fa-yahoo:before { content: "\f19e"; } .fa-yammer:before { content: "\f840"; } .fa-yandex:before { content: "\f413"; } .fa-yandex-international:before { content: "\f414"; } .fa-yarn:before { content: "\f7e3"; } .fa-yelp:before { content: "\f1e9"; } .fa-yen-sign:before { content: "\f157"; } .fa-yin-yang:before { content: "\f6ad"; } .fa-yoast:before { content: "\f2b1"; } .fa-youtube:before { content: "\f167"; } .fa-youtube-square:before { content: "\f431"; } .fa-zhihu:before { content: "\f63f"; } .sr-only { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .sr-only-focusable:active, .sr-only-focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } /*! * Font Awesome Free 5.15.2 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) */ @font-face { font-family: "Font Awesome 5 Free"; font-style: normal; font-weight: 900; font-display: block; src: url("fontawesome/webfonts/fa-solid-900.eot"); src: url("fontawesome/webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("fontawesome/webfonts/fa-solid-900.woff2") format("woff2"), url("fontawesome/webfonts/fa-solid-900.woff") format("woff"), url("fontawesome/webfonts/fa-solid-900.ttf") format("truetype"), url("fontawesome/webfonts/fa-solid-900.svg#fontawesome") format("svg"); } .fa, .fas { font-family: "Font Awesome 5 Free"; font-weight: 900; } /*! * Font Awesome Free 5.15.2 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) */ @font-face { font-family: "Font Awesome 5 Brands"; font-style: normal; font-weight: 400; font-display: block; src: url("fontawesome/webfonts/fa-brands-400.eot"); src: url("fontawesome/webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("fontawesome/webfonts/fa-brands-400.woff2") format("woff2"), url("fontawesome/webfonts/fa-brands-400.woff") format("woff"), url("fontawesome/webfonts/fa-brands-400.ttf") format("truetype"), url("fontawesome/webfonts/fa-brands-400.svg#fontawesome") format("svg"); } .fab { font-family: "Font Awesome 5 Brands"; font-weight: 400; } /*! * Font Awesome Free 5.15.2 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) */ @font-face { font-family: "Font Awesome 5 Free"; font-style: normal; font-weight: 400; font-display: block; src: url("fontawesome/webfonts/fa-regular-400.eot"); src: url("fontawesome/webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("fontawesome/webfonts/fa-regular-400.woff2") format("woff2"), url("fontawesome/webfonts/fa-regular-400.woff") format("woff"), url("fontawesome/webfonts/fa-regular-400.ttf") format("truetype"), url("fontawesome/webfonts/fa-regular-400.svg#fontawesome") format("svg"); } .far { font-family: "Font Awesome 5 Free"; font-weight: 400; }