Dominique Steppeler

User Experience Professional

Photo by Firos nv on Unsplash

Leistungen

Da kommt einiges an Erfahrung zusammen

Photo by Scott Graham on Unsplash

Beratung

Auch wenn mal nicht das volle Register des Human Centered Design gezogen werden kann, biete ich pragmatische Lösungsansätze und Strategien an, um überzeugende Ergebnisse zu erzielen.

Gerne unterstütze und berate ich Sie bei der Einführung effizienter UX-Prozesse.

Lassen Sie sich von mir überzeugen.

Jetzt Kontakt aufnehmen

Photo by Pexels on pixbay

Konzeption

Auf Basis von methodisch sauber analysierten und für alle nachvollziehbar aufbereiteter Daten erstelle ich Konzepte, die zum tatsächlichen Problem (Aufgabe) des Benutzers passen und ihm eine effiziente Unterstützung bieten.

Dabei behalte ich immer auch die aktuellen Gegebenheiten sowie die Umsetzbarkeit im Blick. Zum Beispiel: welches Framework kommt zum Einsatz, welche technischen Einschränkungen bestehen. Die Kunst liegt oft im Weglassen nicht benötigter Funktionen.

Das spart jede Menge Zeit und Entwicklungsaufwand.

Jetzt Kontakt aufnehmen

Photo by Amélie Mourichon on Unsplash

Prototyping

Durch die Ausarbeitung von Low-Fidelity-Prototypen (LoFi), oft auch als Papier-Prototypen bezeichnet, und High-Fidelity-Prototypen mache ich Produkte erfahrbar, noch bevor sie entwickelt wurden.

Egal ob sie intern für die Entwicklung, zur Abstimmung mit dem Kunden oder zur Präsentation auf Messen eingesetzt werden.

Meine Prototypen sind ein Schlüssel zum Erfolg.

Jetzt Kontakt aufnehmen

Photo by Firos nv on Unsplash

Frontend-Entwicklung

Mit über 20 Jahren Erfahrung im Bereich Frontend-Entwicklung habe ich schon sehr viele Projekte durchgeführt und weiß, wie die Browser ticken.

Je nach eingesetzer Technologie können meine High-Fidelity-Prototypen (HiFis) oft mit nur wenig Aufwand als User-Interface genutzt werden.

Ich bringe viel Erfahrung in HTML, CSS und JavaScript mit. Sass und Twitter Bootstrap sind sozusagen alte Bekannte von mir. Auch andere Frameworks und Technologien habe ich in den vergangenen Jahren eingesetzt.

Holen Sie sich meine Erfahrung ins Team.

Jetzt Kontakt aufnehmen

Photo by Florian Olivo on Unsplash

HTML

Ein gut durchdachter Aufbau der HTML-Struktur ist möglichst einfach, spart Zeit bei der Entwicklung und erlaubt gleichzeitig viele Freiheiten bei der Gestaltung. Dabei werden semantische Bezüge und Hierarchien optimal abgebildet, sodass eine Webseite auch ohne Styles lesbar ist und einen Sinn ergibt.

Ob mit oder ohne Framework:
Machen Sie sich mein HTML-Experise zunutze.

Jetzt Kontakt aufnehmen

CSS

Ich verfolge die Entwicklung der Cascading Stylesheets seit Jahren. Hatte man anfänglich nur wenige Gestaltungsmöglichkeiten, sind heute komplexe Layout-Techniken, Animation und vieles mehr durch eine breite Unterstützung aller modernen Browser möglich. Der Einsatz von Präprozessoren wie Sass kann auf ein vernünftiges Maß reduziert werden.

Gestaltungsprobeme versuche ich zuerst mit CSS in Kombination mit einem geschickten HTML-Aubau zu lösen. JavaScript setze ich für Gestaltungszwecke nur dort ein, wo es keine besseren Lösungsweg gibt.

Profitieren Sie von meinem umfassenden CSS-Wissen.

Jetzt Kontakt aufnehmen

Photo by Ilyuza Mingazova on Unsplash

UX-Design

User Experience hat sich im Laufe meiner Berufslaufbahn zu einem zentralen Thema entwickelt. Sie ist ein wichtiger und anerkannter Erfolgsfaktor für Produkte und Dienstleistungen. Gerade bei Consumer-Produkten gewinnen hedonische Merkmale immer mehr an Bedeutung.

Das Verständnis des Kontexts spielt dabei für mich nach wie vor eine zentrale Rolle: Wer sind die Benutzer*innen, was sind ihre Aufgaben, mit welcher Ausstattung erledigt sie diese und in welcher Umgebung findet das Ganze statt.

Gute User Experience ist kein Zufallsprodukt.

Jetzt Kontakt aufnehmen

Photo by Firmbee on pixabay

Was noch?

Liste der wichtigsten Fähigkeiten und Kenntnisse

Programme und Werkzeuge

  • Adobe PhotoShop

  • Adobe Illustrator

  • Affinity Designer

  • Affinity Photo

  • Affinity Publisher

  • Eclipse

  • RubyMine

  • Visual Studio Code

  • Balsamiq Wireframes

  • Figma

  • Sketch

  • XMind

  • Miro

  • Gitlab

  • Jira

  • Git-Tower

  • SourceTree

  • Camtasia

  • Logic Pro

  • Final Cut Pro

Frameworks und Libraries

  • ANT

  • Twitter Bootstrap

  • jQuery

  • Angular

  • Lodash

  • Backbone.js

  • React

  • Plone CMS

  • Rails

  • Middleman

  • Font Awesome

Tätigkeiten

  • Responsive Webdesign

  • Human-centered Design

  • International­isierung (i18n)

  • Interaction Design

  • Lokalisierung (l10n)

  • Projekt­management

  • Schulungen

  • User Experience Design

  • Scrum Master

  • Zeichnen

  • Musik­produktion

  • Video­schnitt

Sprachen

  • Sass

  • CSS

  • HTML

  • JSON

  • JavaScript

  • PHP

  • Reguläre Ausdrücke

  • Ruby

  • XSLT

  • XML

  • Englisch

  • Deutsch

  • Französisch

Betriebs­systeme

  • Mac OS

  • Windows

@font-face{font-family:"Inconsolata";src:url("../fonts/Inconsolata/Inconsolata-ExtraLight.eot");src:url("../fonts/Inconsolata/Inconsolata-ExtraLight.woff") format("woff"),url("../fonts/Inconsolata/Inconsolata-ExtraLight.woff2") format("woff2");font-weight:200;font-style:normal}@font-face{font-family:"Inconsolata";src:url("/fonts/Inconsolata/Inconsolata-ExtraLightItalic.eot");src:url("/fonts/Inconsolata/Inconsolata-ExtraLightItalic.woff") format("woff"),url("/fonts/Inconsolata/Inconsolata-ExtraLightItalic.woff2") format("woff2");font-weight:200;font-style:italic}@font-face{font-family:"Inconsolata";src:url("../fonts/Inconsolata/Inconsolata-Light.eot");src:url("../fonts/Inconsolata/Inconsolata-Light.woff") format("woff"),url("../fonts/Inconsolata/Inconsolata-Light.woff2") format("woff2");font-weight:300;font-style:normal}@font-face{font-family:"Inconsolata";src:url("/fonts/Inconsolata/Inconsolata-LightItalic.eot");src:url("/fonts/Inconsolata/Inconsolata-LightItalic.woff") format("woff"),url("/fonts/Inconsolata/Inconsolata-LightItalic.woff2") format("woff2");font-weight:300;font-style:italic}@font-face{font-family:"Inconsolata";src:url("../fonts/Inconsolata/Inconsolata-Regular.eot");src:url("../fonts/Inconsolata/Inconsolata-Regular.woff") format("woff"),url("../fonts/Inconsolata/Inconsolata-Regular.woff2") format("woff2");font-weight:normal;font-style:normal}@font-face{font-family:"Inconsolata";src:url("/fonts/Inconsolata/Inconsolata-Italic.eot");src:url("/fonts/Inconsolata/Inconsolata-Italic.woff") format("woff"),url("/fonts/Inconsolata/Inconsolata-Italic.woff2") format("woff2");font-weight:normal;font-style:italic}@font-face{font-family:"Inconsolata";src:url("../fonts/Inconsolata/Inconsolata-SemiBold.eot");src:url("../fonts/Inconsolata/Inconsolata-SemiBold.woff") format("woff"),url("../fonts/Inconsolata/Inconsolata-SemiBold.woff2") format("woff2");font-weight:600;font-style:normal}@font-face{font-family:"Inconsolata";src:url("/fonts/Inconsolata/Inconsolata-SemiBoldItalic.eot");src:url("/fonts/Inconsolata/Inconsolata-SemiBoldItalic.woff") format("woff"),url("/fonts/Inconsolata/Inconsolata-SemiBoldItalic.woff2") format("woff2");font-weight:600;font-style:italic}@font-face{font-family:"Inconsolata";src:url("../fonts/Inconsolata/Inconsolata-Bold.eot");src:url("../fonts/Inconsolata/Inconsolata-Bold.woff") format("woff"),url("../fonts/Inconsolata/Inconsolata-Bold.woff2") format("woff2");font-weight:bold;font-style:normal}@font-face{font-family:"Inconsolata";src:url("/fonts/Inconsolata/Inconsolata-BoldItalic.eot");src:url("/fonts/Inconsolata/Inconsolata-BoldItalic.woff") format("woff"),url("/fonts/Inconsolata/Inconsolata-BoldItalic.woff2") format("woff2");font-weight:bold;font-style:italic}@font-face{font-family:"Open Sans";src:url("/fonts/OpenSans/OpenSans-Light.eot");src:url("/fonts/OpenSans/OpenSans-Light.woff") format("woff"),url("/fonts/OpenSans/OpenSans-Light.woff2") format("woff2");font-weight:300;font-style:normal}@font-face{font-family:"Open Sans";src:url("/fonts/OpenSans/OpenSans-LightItalic.eot");src:url("/fonts/OpenSans/OpenSans-LightItalic.woff") format("woff"),url("/fonts/OpenSans/OpenSans-LightItalic.woff2") format("woff2");font-weight:300;font-style:italic}@font-face{font-family:"Open Sans";src:url("/fonts/OpenSans/OpenSans-Regular.eot");src:url("/fonts/OpenSans/OpenSans-Regular.woff") format("woff"),url("/fonts/OpenSans/OpenSans-Regular.woff2") format("woff2");font-weight:normal;font-style:normal}@font-face{font-family:"Open Sans";src:url("/fonts/OpenSans/OpenSans-Italic.eot");src:url("/fonts/OpenSans/OpenSans-Italic.woff") format("woff"),url("/fonts/OpenSans/OpenSans-Italic.woff2") format("woff2");font-weight:normal;font-style:italic}@font-face{font-family:"Open Sans";src:url("/fonts/OpenSans/OpenSans-SemiBold.eot");src:url("/fonts/OpenSans/OpenSans-SemiBold.woff") format("woff"),url("/fonts/OpenSans/OpenSans-SemiBold.woff2") format("woff2");font-weight:600;font-style:normal}@font-face{font-family:"Open Sans";src:url("/fonts/OpenSans/OpenSans-SemiBoldItalic.eot");src:url("/fonts/OpenSans/OpenSans-SemiBoldItalic.woff") format("woff"),url("/fonts/OpenSans/OpenSans-SemiBoldItalic.woff2") format("woff2");font-weight:600;font-style:italic}@font-face{font-family:"Open Sans";src:url("/fonts/OpenSans/OpenSans-Bold.eot");src:url("/fonts/OpenSans/OpenSans-Bold.woff") format("woff"),url("/fonts/OpenSans/OpenSans-Bold.woff2") format("woff2");font-weight:bold;font-style:normal}@font-face{font-family:"Open Sans";src:url("/fonts/OpenSans/OpenSans-BoldItalic.eot");src:url("/fonts/OpenSans/OpenSans-BoldItalic.woff") format("woff"),url("/fonts/OpenSans/OpenSans-BoldItalic.woff2") format("woff2");font-weight:bold;font-style:italic}*{vertical-align:baseline;font-weight:inherit;font-family:inherit;font-style:inherit;font-size:100%;border:0 none;outline:0;padding:0;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box}table{border-collapse:collapse;border-spacing:0}strong{font-weight:bold}em{font-style:italic}small{font-size:.85em}code{font-family:"Lucida Console", Monaco, monospace;word-break:break-word}.hidden{display:none;opacity:0;visibility:hidden}@-webkit-keyframes flash{0%, 100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(1.2);transform:scale(1.2);opacity:.1}}@keyframes flash{0%, 100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(1.2);transform:scale(1.2);opacity:.1}}@-webkit-keyframes shake{0%{-webkit-transform:translate(30px);transform:translate(30px)}20%{-webkit-transform:translate(-30px);transform:translate(-30px)}40%{-webkit-transform:translate(15px);transform:translate(15px)}60%{-webkit-transform:translate(-15px);transform:translate(-15px)}80%{-webkit-transform:translate(8px);transform:translate(8px)}100%{-webkit-transform:translate(0px);transform:translate(0px)}}@keyframes shake{0%{-webkit-transform:translate(30px);transform:translate(30px)}20%{-webkit-transform:translate(-30px);transform:translate(-30px)}40%{-webkit-transform:translate(15px);transform:translate(15px)}60%{-webkit-transform:translate(-15px);transform:translate(-15px)}80%{-webkit-transform:translate(8px);transform:translate(8px)}100%{-webkit-transform:translate(0px);transform:translate(0px)}}@-webkit-keyframes hide-to-right{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{-webkit-transform:translateX(105%);transform:translateX(105%)}}@keyframes hide-to-right{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{-webkit-transform:translateX(105%);transform:translateX(105%)}}@-webkit-keyframes hide-to-left{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{-webkit-transform:translateX(-105%);transform:translateX(-105%)}}@keyframes hide-to-left{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{-webkit-transform:translateX(-105%);transform:translateX(-105%)}}@-webkit-keyframes fade-in{0%{opacity:0}100%{opacity:1}}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fade-out{0%{opacity:1}100%{opacity:0}}@keyframes fade-out{0%{opacity:1}100%{opacity:0}}.flash{-webkit-animation:flash linear .5s .1s 2;animation:flash linear .5s .1s 2}.error-shake{-webkit-animation:shake linear .5s .1s 2;animation:shake linear .5s .1s 2}.fade-out{-webkit-animation:fade-out linear .7s .1s 1;animation:fade-out linear .7s .1s 1}.fade-in{-webkit-animation:fade-in linear .7s .1s 1;animation:fade-in linear .7s .1s 1}.hide-to-right{-webkit-animation:hide-to-right linear .5s .1s 1;animation:hide-to-right linear .5s .1s 1}html,body{min-height:100%}body{height:100%;min-height:100vh}body.loading *,body.busy *{cursor:wait !important}body>.main-container{min-height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}body>.main-container>.main{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto}.strong{font-weight:bold}.no-scroll{overflow:hidden !important}.no-select{-webkit-user-select:none !important;-moz-user-select:none !important;-ms-user-select:none !important;user-select:none !important}p.no-data{color:#999;font-style:italic}p.no-data:before{content:"– "}p.no-data:after{content:" –"}.marked-for-deletion{pointer-events:none !important}body{font-size:0.8rem;font-family:"Open Sans", Arial, sans-serif;color:#747474;line-height:1.6em}@media screen and (min-width: 768px){body{font-size:0.9rem}}h1,h2,h3,h4,h5,h6{font-family:"Open Sans", Arial, sans-serif;font-weight:300;line-height:1.4em;color:#222;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}h1+h1,h1+h2,h1+h3,h1+h4,h1+h5,h1+h6,h2+h1,h2+h2,h2+h3,h2+h4,h2+h5,h2+h6,h3+h1,h3+h2,h3+h3,h3+h4,h3+h5,h3+h6,h4+h1,h4+h2,h4+h3,h4+h4,h4+h5,h4+h6,h5+h1,h5+h2,h5+h3,h5+h4,h5+h5,h5+h6,h6+h1,h6+h2,h6+h3,h6+h4,h6+h5,h6+h6{margin-top:0}h1+p,h1+ul,h1+ol,h2+p,h2+ul,h2+ol,h3+p,h3+ul,h3+ol,h4+p,h4+ul,h4+ol,h5+p,h5+ul,h5+ol,h6+p,h6+ul,h6+ol{margin-top:1em}h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child{margin-top:0}h1,h2,h3{margin:2em 0 .5em}h1{font-size:1.2rem}@media screen and (min-width: 768px){h1{font-size:1.6rem}}h2{font-size:1.2rem}@media screen and (min-width: 768px){h2{font-size:1.5rem}}h3,.subline{font-size:0.9rem;color:#282828}@media screen and (min-width: 768px){h3,.subline{font-size:1.2rem}}.subline{text-transform:none}h3+h4{margin-top:-0.5em}h3,h4,h5,h6,.subline{font-weight:600}@media screen and (min-width: 768px){h3,h4,h5,h6,.subline{font-weight:200}}h4,h5,h6{margin:1rem 0 .5rem}h4{font-size:0.9rem}@media screen and (min-width: 768px){h4{font-size:1.2rem}}h5{font-weight:600;color:#747474;font-size:0.8rem}@media screen and (min-width: 768px){h5{font-size:0.9rem}}h6{font-weight:600;color:#747474;font-size:0.8rem}@media screen and (min-width: 768px){h6{font-size:0.9rem}}strong{font-weight:600}.header{padding-top:1rem;padding-bottom:1rem;font-size:.9em}body:not(.user_rtp):not(.user_admin) .header{border-bottom:1px solid #ccc}.header>.container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row}.header .navigation{padding-left:2rem;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.header .nav-lang{margin-bottom:1.65rem;text-align:right}@media screen and (max-width: 480px){.header .main-title{display:none}}.logo>img{height:50px;width:auto}.header-bar{margin-right:-1.5rem;margin-left:-1.5rem;padding-right:1.5rem;padding-left:1.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:0;padding-top:1rem;padding-bottom:1rem;background-color:#f9f5f5;border-bottom:1px solid #ccc}@media (min-width: 1100px){.header-bar{margin-right:-2rem;margin-left:-2rem}}@media (min-width: 1100px){.header-bar{padding-right:2rem;padding-left:2rem}}.header-bar .main-title:first-child{margin:0}.header-bar .main-title strong{color:#459392;display:inline-block}.footer{padding-top:3rem;padding-bottom:1rem;font-size:0.7rem;background:#f9f5f5}.footer .nav-footer{padding-top:2rem}body{background:#e6e6e6}.main{min-height:500px}.main>.container{width:100%;min-height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column}.main>.container>.flex-row:last-child{-webkit-box-flex:1;-ms-flex:1;flex:1}.main-container{background-color:#fff;max-width:none;margin:0 auto;position:relative}.main-container>*:not(.modal){padding-right:1.5rem;padding-left:1.5rem}@media (min-width: 1100px){.main-container>*:not(.modal){padding-right:2rem;padding-left:2rem}}p,.post>ul{margin-bottom:.7em}.space-top{margin-top:2rem}.flex-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column}@media screen and (max-width: 992px){.login-register .flex-row{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}}@media screen and (max-width: 992px){.flex-row{margin-top:2rem}.flex-row .flex-row{margin-top:0}}@media screen and (min-width: 992px){.flex-row{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap}.flex-row.toc{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.flex-row>div>h2:first-child{margin-top:0;margin-bottom:2rem}.flex-row.equal>*{-webkit-box-flex:1;-ms-flex:1;flex:1}.flex-row .nav-container>h2{visibility:hidden}.flex-row .view-cnt{-webkit-box-flex:1;-ms-flex:1;flex:1}}.flex-row>*:only-child{-webkit-box-flex:1;-ms-flex:1;flex:1}.flex-row>.form-data{-webkit-box-flex:4;-ms-flex:4;flex:4;padding:1rem 1rem 1rem 0}@media screen and (min-width: 768px){.flex-row>.form-data{padding-right:2rem}}.flex-row>.form-data>.profile{padding:.7rem 1rem}.flex-row>.profile{-webkit-box-flex:2;-ms-flex:2;flex:2;padding:1rem}@media screen and (min-width: 768px){.flex-row>.profile{padding-right:2rem}}.flex-row>.form-checklist{-webkit-box-flex:2;-ms-flex:2;flex:2;border-top:1px solid #ccc;border-left:1px solid #ccc;border-radius:3px 0 0 0;background-color:#efecf4;padding:1rem 0 1rem 1rem}.flex-row>.form-checklist:empty{display:none}.flex-row>.form-checklist>h3{font-weight:bold;margin-bottom:1rem}@media screen and (min-width: 1600px){.flex-row.separators>*:not(:last-child){border-right:1px solid #ccc}}form>.flex-row>.form-data{padding-right:2rem}@media screen and (min-width: 992px){.flex-row .nav-container{width:250px;border-right:1px solid #ccc}}@media screen and (min-width: 992px){.flex-row .nav-container+.view-cnt{max-width:calc(100% - 250px)}}.form-data .flex-row{margin-bottom:2rem}.flex-row.spacings>*{padding-bottom:4rem}@media screen and (min-width: 768px){.flex-row.spacings>*{padding-bottom:2rem}}@media screen and (min-width: 992px){.flex-row.spacings>*{padding-top:2rem}.flex-row.spacings>*:not(:only-child):not(:last-child){padding-right:2rem}.flex-row.spacings>*:not(:only-child):not(:first-child){padding-left:2rem}}.no-side-spacing{margin-right:-1.5rem;margin-left:-1.5rem;padding-right:1.5rem;padding-left:1.5rem}@media (min-width: 1100px){.no-side-spacing{margin-right:-2rem;margin-left:-2rem}}@media (min-width: 1100px){.no-side-spacing{padding-right:2rem;padding-left:2rem}}.flex-col{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column}.flex-col .nav-container h2{display:none}.flex-col.spacings .view-cnt{padding:1rem 0}@media screen and (min-width: 768px){.flex-col.spacings .view-cnt{padding:2rem 0}}.nav{margin:0;padding:0;list-style:none}.nav a{display:inline-block}.nav:empty{display:none}.nav-main .nav>li{display:inline-block}.nav-lang .nav>li,.nav-footer .nav>li{display:inline-block}.nav-lang .nav>li:not(:last-child),.nav-footer .nav>li:not(:last-child){margin-right:.1em}.nav-lang .nav>li:not(:last-child)::after,.nav-footer .nav>li:not(:last-child)::after{content:" |";color:#888;margin-left:.1em}.dropdown{position:relative;display:inline-block}.dropdown>button,.dropdown>a{border:1px solid transparent;padding:5px 10px;display:inline-block}.dropdown>button:hover,.dropdown>a:hover{text-decoration:none}.dropdown.active>button,.dropdown.active>a{border-color:#888;border-radius:3px 3px 0 0;background-color:#fff;color:#222}.dropdown.active>button:after,.dropdown.active>a:after{content:" ";width:100%;height:4px;position:absolute;left:0;top:100%;margin-top:-2px;background-color:#fff}.dropdown button,.dropdown a{position:relative;line-height:inherit;margin-bottom:-1px;z-index:10}.dropdown .dropdown-menu{margin:0;padding:0;list-style:none;position:absolute;left:0;top:100%;padding:.2em 0;min-width:150px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,0.215);box-shadow:0 6px 12px rgba(0,0,0,0.215);z-index:1;text-align:left;border-radius:0 3px 3px 3px}.dropdown .dropdown-menu a{color:#222;text-decoration:none;display:block}.dropdown .dropdown-menu a.delete{color:#d65e27}.dropdown .dropdown-menu>li>a,.dropdown .dropdown-menu>label{padding:5px 10px;white-space:nowrap}.dropdown .dropdown-menu>li>a:hover,.dropdown .dropdown-menu>label:hover{background-color:#d1e4e4}.dropdown .dropdown-menu>li>a.delete:hover,.dropdown .dropdown-menu>label.delete:hover{background-color:#f9e7df}.dropdown .dropdown-menu>label{cursor:pointer;display:block}.dropdown .dropdown-menu>label input:first-child{margin-right:.3em}.dropdown .dropdown-menu>li.separator{padding-top:1px;margin-bottom:2px;height:0;border-bottom:1px solid #888}.dropdown:not(.active)>.dropdown-menu{display:none}.dropdown.active{z-index:1000}.dropdown.active button,.dropdown.active .btn,.dropdown.active .dropdown-menu{background-color:#fff;color:#459392;border:1px solid #888}.dropdown.active button,.dropdown.active .btn{border-bottom-left-radius:0;border-bottom-right-radius:0}.dropdown.active button:after,.dropdown.active .btn:after{content:"";position:absolute;width:100%;height:6px;top:100%;left:0;margin-top:-2px;background-color:#fff}.dropdown.right>.dropdown-menu{left:auto;right:0;border-radius:3px 0 3px 3px}.dropdown.bottom.active button,.dropdown.bottom.active .btn,.dropdown.bottom.active>a{border-radius:0 0 3px 3px}.dropdown.bottom.active button:after,.dropdown.bottom.active .btn:after,.dropdown.bottom.active>a:after{top:auto;bottom:100%;margin-top:2px}.dropdown.bottom>.dropdown-menu{top:auto;bottom:100%;border-radius:3px 3px 3px 0}.dropdown.bottom.right>.dropdown-menu{border-radius:3px 3px 0 3px}.nav-section a{display:block;padding:.5em 1em}.nav-section a,.nav-section a:hover{text-decoration:none}.nav-section a,.nav-section a:hover,.nav-section a:active,.nav-section a:visited{color:#222}.nav-section li:not(.active) a:hover{background-color:#d1e4e4}.nav-section li.active a{background-color:#459392;color:#fff}.flex-col .nav-section .nav{margin-right:-1.5rem;margin-left:-1.5rem;padding-right:1.5rem;padding-left:1.5rem;margin-top:1rem}@media (min-width: 1100px){.flex-col .nav-section .nav{margin-right:-2rem;margin-left:-2rem}}@media (min-width: 1100px){.flex-col .nav-section .nav{padding-right:2rem;padding-left:2rem}}@media screen and (min-width: 768px){.flex-col .nav-section .nav{background:linear-gradient(to top, #f6fafa 5px, #fff 25px);-webkit-box-shadow:0 -1px 0 #fff inset;box-shadow:0 -1px 0 #fff inset;border-bottom:2px solid #459392}.flex-col .nav-section .nav>li{display:inline-block}}.nav-user li>.headline{color:#999;font-weight:200;font-size:1em;letter-spacing:.1em;display:block;padding:5px 10px}.nav-user .language-switch{margin:0;padding:0;list-style:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap}.nav-user .language-switch>li{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:center;border-top:1px solid #ccc}.nav-user .language-switch>li a{padding:5px}.nav-user .language-switch>li:not(:last-child){border-right:1px solid #ccc}.nav-user .language-switch>li:first-child{padding-left:5px}.nav-user .language-switch>li:last-child{padding-right:5px}.nav-user .language-switch>li.active{background-color:#ecf4f4}.header .nav-user{display:inline-block}body.app .header .navigation{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:last baseline;-ms-flex-align:last baseline;align-items:last baseline;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}body.app .header .navigation>*{-ms-flex-item-align:end;align-self:flex-end}body.app .header .navigation>span.main-title{padding:5px 10px}figure[data-ux-fn]{cursor:pointer}a{text-decoration:none}a{color:#4488bb}a:visited{color:#4488bb}a:hover{color:#23527c;text-decoration:underline}a:focus{color:#23527c}a:active{color:#4488bb}ul,ol{margin-left:2em}ul{list-style:square}.btx-container ul{margin-bottom:1em}.btx-container li{margin-bottom:.5em}.btx-container li>ul{margin-top:.5em}.cpux-achievements{list-style:none;margin:0}.file-info{line-height:1.3em}.file-info ul{font-size:.9em;margin-top:.3em;margin-left:1em}.file-info ul>li{margin-bottom:.3em}.file-info .file-name,.file-info .file-size{display:inline-block}.file-info .file-size{color:#999}.file-info .file-size:before{content:"("}.file-info .file-size:after{content:")"}.nmb-list{list-style:none;margin:0}.nmb-list>li{display:inline-block}.nmb-list>li:not(.no-spacing):not(:last-child){margin-right:2rem}.nmb-list>li.no-spacing:not(:first-child){margin-left:-1rem;margin-right:1rem}.nmb-list>li img{max-height:30px;max-width:120px;width:auto;height:auto;display:block}.nmb-list a{display:block}.table{margin-right:-1.5rem;margin-left:-1.5rem;overflow-x:auto;overflow-y:visible;margin-top:-80px;padding-top:80px}@media (min-width: 1100px){.table{margin-right:-2rem;margin-left:-2rem}}@media screen and (min-width: 992px){.table{width:100%;min-width:100%;margin-left:0;margin-right:0}}table.empty,table.no-data{width:100%}table.empty tbody td,table.no-data tbody td{pointer-events:none;height:300px;vertical-align:middle;text-align:center;font-size:1.5rem;font-weight:200;font-style:italic}table.standard{width:100%}table.standard thead tr{background-color:#eee}table.standard thead tr:last-child{border-bottom:1px solid #ddd}table.standard thead th{padding:0.5em 0.7em;text-align:left;font-weight:bold}table.standard tbody td{padding:0.5em 0.7em;color:#222}table.standard tbody tr:nth-child(even){background-color:#f9f9f9}table.standard tbody tr:not(:last-child){border-bottom:1px solid #ddd}table.key-value th,table.key-value td{padding:0 0 0.5rem}table.key-value th{text-align:left;min-width:130px;max-width:382px;padding-right:1rem}table.key-value th:after{content:":"}table.key-value td{color:#459392;font-weight:600;width:30%;min-width:160px}.modal-body table.key-value th{max-width:398px}@media screen and (min-width: 768px){table.key-value td{width:165px}.company-details table.key-value td,.user-details table.key-value td{width:auto}}table.clickable-rows tbody>tr:hover{cursor:pointer}tr.marked-for-deletion{background-color:#f5d7c9 !important;opacity:.5}tr.marked-for-deletion td{text-decoration:line-through}table>thead>tr>th.col-counter{text-align:right}col,th,td{text-align:left;vertical-align:top}col.col-num,col.col-counter,col.col-id,col.col-member_id,col.col-certificate_id,col.col-duration-days,col.col-actions,th.col-num,th.col-counter,th.col-id,th.col-member_id,th.col-certificate_id,th.col-duration-days,th.col-actions,td.col-num,td.col-counter,td.col-id,td.col-member_id,td.col-certificate_id,td.col-duration-days,td.col-actions{width:1%;white-space:nowrap;text-align:right}col.col-level,col.col-status,col.col-published,th.col-level,th.col-status,th.col-published,td.col-level,td.col-status,td.col-published{width:1%;white-space:nowrap;text-align:center}col.col-phone,col.col-firstname,col.col-lastname,th.col-phone,th.col-firstname,th.col-lastname,td.col-phone,td.col-firstname,td.col-lastname{max-width:150px;min-width:90px}col.col-company,col.col-organizer,th.col-company,th.col-organizer,td.col-company,td.col-organizer{max-width:200px;min-width:120px;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}col.col-location,col.col-city,col.col-country,th.col-location,th.col-city,th.col-country,td.col-location,td.col-city,td.col-country{max-width:200px;min-width:120px;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}col.col-url,col.col-email,th.col-url,th.col-email,td.col-url,td.col-email{min-width:200px;max-width:300px;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;word-break:break-all}col.col-profile_photo,col.col-surname,th.col-profile_photo,th.col-surname,td.col-profile_photo,td.col-surname{min-width:200px;max-width:400px;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;word-break:break-all}col.col-hash,col.col-session,th.col-hash,th.col-session,td.col-hash,td.col-session{min-width:200px;max-width:300px;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;word-break:break-all}col.col-seminar-level,th.col-seminar-level,td.col-seminar-level{min-width:90px;max-width:120px}col.col-salutation,th.col-salutation,td.col-salutation{white-space:nowrap;min-width:90px;max-width:110px}col.col-cp-certificates,th.col-cp-certificates,td.col-cp-certificates{min-width:100px;max-width:150px}col.col-cp-name,th.col-cp-name,td.col-cp-name{min-width:130px;max-width:230px}td.col-location .city,td.col-location .country{display:block}td.col-location .country{color:#999}td.col-status img{display:inline-block;margin-top:.3em;width:20px;height:20px}td.col-seminar-level{white-space:nowrap}.dataTable{width:100%}.dataTable>thead{background-color:#e0e0e0}.dataTable th{text-align:left;font-weight:bold}.dataTable th,.dataTable td{padding:.6em 1.2em}.dataTable>tbody>tr:nth-child(even){-webkit-box-shadow:0 1px 0 0 white inset;box-shadow:0 1px 0 0 white inset;background-color:#f9f9f9}.dataTable>tbody>tr.active{background-color:#d1e4e4}.dataTable{margin:0}.dataTable th[class^="sorting"],.dataTable th[class*=" sorting"]{cursor:pointer;position:relative;padding-right:25px}.dataTable th[class^="sorting"]::after,.dataTable th[class*=" sorting"]::after{content:" ";background:url(../img/icons/table/sorting.svg) no-repeat 50% 50%;background-size:100% 100%;position:absolute;color:#fff;right:10px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:16px;height:16px}.dataTable th.sorting_disabled{cursor:default !important}.dataTable th.sorting_disabled:after{display:none}.dataTable th.sorting_asc::after{background-image:url(../img/icons/table/sorting_asc.svg)}.dataTable th.sorting_desc::after{background-image:url(../img/icons/table/sorting_desc.svg)}.dataTable thead th.sorting_desc,.dataTable thead th.sorting_asc,.dataTable thead td.sorting_desc,.dataTable thead td.sorting_asc{background-color:rgba(69,147,146,0.095)}.dataTable tbody>tr:not(:last-child){border-bottom:1px solid #ddd}.dataTable tbody td[class^="sorting_"],.dataTable tbody td[class*=" sorting_"]{background-color:rgba(102,102,102,0.05)}.dataTable tbody td.sorting_1{background-color:rgba(69,147,146,0.095)}.searchHighLight{background-color:#f8ca9a}.search-global,.table-tools,.table-actions{position:relative}.search-global,.table-tools{padding:0 0 1rem}@media screen and (min-width: 768px){.search-global,.table-tools{text-align:right}}.search-global .dataTables_filter label,.table-tools .dataTables_filter label{width:100%;display:block;margin:0}.search-global .dataTables_filter input,.table-tools .dataTables_filter input{max-width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;margin-top:.7em;font-size:1rem}@media screen and (min-width: 768px){.search-global .dataTables_filter input,.table-tools .dataTables_filter input{margin-left:1rem;min-width:300px;max-width:500px}}.search-global .dataTables_filter input.active,.table-tools .dataTables_filter input.active{background-color:#f8ca9a}.table-tools{padding:0.5em 0.7em;background-color:#ecf4f4;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.table-actions{padding:0.5em 0.7em;background-color:#ecf4f4}.table-actions .actions{margin-bottom:-0.5rem}.table-actions .actions li{display:inline-block}@media screen and (min-width: 480px){.table-actions{border:1px solid transparent;border-bottom:0}.table-actions .actions{text-align:right}}@media screen and (min-width: 992px){.table-actions{border-radius:3px 3px 0 0}}@media screen and (max-width: 992px){.table-actions{margin-right:-1.5rem;margin-left:-1.5rem;padding-right:1.5rem;padding-left:1.5rem}}@media screen and (max-width: 992px) and (min-width: 1100px){.table-actions{margin-right:-2rem;margin-left:-2rem}}@media screen and (max-width: 992px) and (min-width: 1100px){.table-actions{padding-right:2rem;padding-left:2rem}}.dataTables_wrapper>.bottom{font-size:0.8rem;padding-top:1rem}@media screen and (min-width: 768px){.dataTables_wrapper>.bottom{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap}}.dataTables_wrapper>.bottom label{text-transform:none;letter-spacing:0}.dataTables_wrapper>.bottom label,.dataTables_wrapper>.bottom select{font-size:inherit;display:inline-block}.dataTables_wrapper>.bottom select{width:auto}.dataTables_wrapper>.bottom select:first-child{margin-right:0.5rem}.dataTables_wrapper>.bottom .dataTables_length label{padding-right:1rem}.dataTables_paginate{margin-top:1rem}@media screen and (min-width: 768px){.dataTables_paginate{white-space:nowrap;margin-top:0;-webkit-box-flex:1;-ms-flex:1;flex:1;padding-left:1rem;text-align:right}}.dataTables_paginate>span{padding:0 1rem}.dataTables_paginate>span>*{display:inline-block}.dataTables_paginate>span>*:not(:last-child){margin-right:0.5rem}.dataTables_paginate .paginate_button{padding:.2em .4em;display:inline-block;margin-bottom:0.5rem;cursor:pointer}@media screen and (min-width: 768px){.dataTables_paginate .paginate_button{padding:.5em .8em;border:1px solid #ccc;border-radius:3px}}.dataTables_paginate .paginate_button.current,.dataTables_paginate .paginate_button.disabled{color:#747474;cursor:default}.dataTables_paginate .paginate_button.current{color:#222;border-bottom:1px solid currentColor}@media screen and (min-width: 768px){.dataTables_paginate .paginate_button.current{background-color:#d1e4e4;border:1px solid #459392}}.dataTables_paginate .paginate_button.disabled{pointer-events:none}.dataTables_info{padding:.4em 0}@media screen and (min-width: 768px){.dataTables_info{border:1px solid transparent;padding:.6em 0}}address>span,address>strong,address .street{display:block}form{width:100%}form .flex-row:only-child{min-height:100%}fieldset:not(:last-child){margin-bottom:2rem}h2+fieldset,h3+fieldset{margin-top:2rem}input[type='text'],input[type='password'],input[type='search'],input[type='email'],input[type='url'],input[type='tel'],input[type='number'],input[type='range'],input[type='date'],input[type='month'],input[type='week'],input[type='time'],input[type='datetime'],input[type='datetime-local'],input[type='color'],select,textarea{font-size:16px;border:1px solid #ccc;border-radius:3px}input[type='text'].error,input[type='password'].error,input[type='search'].error,input[type='email'].error,input[type='url'].error,input[type='tel'].error,input[type='number'].error,input[type='range'].error,input[type='date'].error,input[type='month'].error,input[type='week'].error,input[type='time'].error,input[type='datetime'].error,input[type='datetime-local'].error,input[type='color'].error,select.error,textarea.error{-webkit-animation:shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;animation:shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px;border-color:#d65e27}input[type='text'].focus,input[type='text']:focus,input[type='password'].focus,input[type='password']:focus,input[type='search'].focus,input[type='search']:focus,input[type='email'].focus,input[type='email']:focus,input[type='url'].focus,input[type='url']:focus,input[type='tel'].focus,input[type='tel']:focus,input[type='number'].focus,input[type='number']:focus,input[type='range'].focus,input[type='range']:focus,input[type='date'].focus,input[type='date']:focus,input[type='month'].focus,input[type='month']:focus,input[type='week'].focus,input[type='week']:focus,input[type='time'].focus,input[type='time']:focus,input[type='datetime'].focus,input[type='datetime']:focus,input[type='datetime-local'].focus,input[type='datetime-local']:focus,input[type='color'].focus,input[type='color']:focus,select.focus,select:focus,textarea.focus,textarea:focus{border-color:#459392}input[type='text'].active,input[type='password'].active,input[type='search'].active,input[type='email'].active,input[type='url'].active,input[type='tel'].active,input[type='number'].active,input[type='range'].active,input[type='date'].active,input[type='month'].active,input[type='week'].active,input[type='time'].active,input[type='datetime'].active,input[type='datetime-local'].active,input[type='color'].active,select.active,textarea.active{background-color:#f8ca9a}@media screen and (max-width: 480px){input[type='text'],input[type='password'],input[type='search'],input[type='email'],input[type='url'],input[type='tel'],input[type='number'],input[type='range'],input[type='date'],input[type='month'],input[type='week'],input[type='time'],input[type='datetime'],input[type='datetime-local'],input[type='color'],select,textarea{min-height:30px}}select:focus{font-size:16px}input[type='text'],input[type='password'],input[type='search'],input[type='email'],input[type='url'],input[type='tel'],input[type='number'],input[type='range'],input[type='date'],input[type='month'],input[type='week'],input[type='time'],input[type='datetime'],input[type='datetime-local'],input[type='color'],textarea{-webkit-appearance:none;padding:0.4em 0.5em}input[type='text'].code,input[type='password'].code,input[type='search'].code,input[type='email'].code,input[type='url'].code,input[type='tel'].code,input[type='number'].code,input[type='range'].code,input[type='date'].code,input[type='month'].code,input[type='week'].code,input[type='time'].code,input[type='datetime'].code,input[type='datetime-local'].code,input[type='color'].code,textarea.code{width:100%;height:500px;resize:vertical}input[type='text'][disabled],input[type='text'] .disabled,input[type='password'][disabled],input[type='password'] .disabled,input[type='search'][disabled],input[type='search'] .disabled,input[type='email'][disabled],input[type='email'] .disabled,input[type='url'][disabled],input[type='url'] .disabled,input[type='tel'][disabled],input[type='tel'] .disabled,input[type='number'][disabled],input[type='number'] .disabled,input[type='range'][disabled],input[type='range'] .disabled,input[type='date'][disabled],input[type='date'] .disabled,input[type='month'][disabled],input[type='month'] .disabled,input[type='week'][disabled],input[type='week'] .disabled,input[type='time'][disabled],input[type='time'] .disabled,input[type='datetime'][disabled],input[type='datetime'] .disabled,input[type='datetime-local'][disabled],input[type='datetime-local'] .disabled,input[type='color'][disabled],input[type='color'] .disabled,textarea[disabled],textarea .disabled{color:#777;background-color:#eee}input[type='text'][disabled],input[type='text'][disabled]>*,input[type='text'] .disabled,input[type='text'] .disabled>*,input[type='password'][disabled],input[type='password'][disabled]>*,input[type='password'] .disabled,input[type='password'] .disabled>*,input[type='search'][disabled],input[type='search'][disabled]>*,input[type='search'] .disabled,input[type='search'] .disabled>*,input[type='email'][disabled],input[type='email'][disabled]>*,input[type='email'] .disabled,input[type='email'] .disabled>*,input[type='url'][disabled],input[type='url'][disabled]>*,input[type='url'] .disabled,input[type='url'] .disabled>*,input[type='tel'][disabled],input[type='tel'][disabled]>*,input[type='tel'] .disabled,input[type='tel'] .disabled>*,input[type='number'][disabled],input[type='number'][disabled]>*,input[type='number'] .disabled,input[type='number'] .disabled>*,input[type='range'][disabled],input[type='range'][disabled]>*,input[type='range'] .disabled,input[type='range'] .disabled>*,input[type='date'][disabled],input[type='date'][disabled]>*,input[type='date'] .disabled,input[type='date'] .disabled>*,input[type='month'][disabled],input[type='month'][disabled]>*,input[type='month'] .disabled,input[type='month'] .disabled>*,input[type='week'][disabled],input[type='week'][disabled]>*,input[type='week'] .disabled,input[type='week'] .disabled>*,input[type='time'][disabled],input[type='time'][disabled]>*,input[type='time'] .disabled,input[type='time'] .disabled>*,input[type='datetime'][disabled],input[type='datetime'][disabled]>*,input[type='datetime'] .disabled,input[type='datetime'] .disabled>*,input[type='datetime-local'][disabled],input[type='datetime-local'][disabled]>*,input[type='datetime-local'] .disabled,input[type='datetime-local'] .disabled>*,input[type='color'][disabled],input[type='color'][disabled]>*,input[type='color'] .disabled,input[type='color'] .disabled>*,textarea[disabled],textarea[disabled]>*,textarea .disabled,textarea .disabled>*{pointer-events:none !important;-webkit-user-select:none !important;-moz-user-select:none !important;-ms-user-select:none !important;user-select:none !important}@media screen and (max-width: 480px){input[type='text'],input[type='password'],input[type='search'],input[type='email'],input[type='url'],input[type='tel'],input[type='number'],input[type='range'],input[type='date'],input[type='month'],input[type='week'],input[type='time'],input[type='datetime'],input[type='datetime-local'],input[type='color'],textarea{font-size:16px}}textarea.email-list{font-family:"Inconsolata", Courier, Monaco, monospace;font-weight:300}input[type="number"][step]{text-align:right}select{padding:0.4em 0.5em}label.checkbox:before,label.checkbox:after{content:" ";display:table}label.checkbox:after{clear:both}label.checkbox>input{text-align:left;margin-top:.2em;width:20px;height:20px}label.checkbox>input:first-child{float:left}label.checkbox>input:first-child+.text{margin-left:1.7rem}label.checkbox .text{display:block}label input[type="file"]{display:none}table thead input[type='text'],table thead input[type='password'],table thead input[type='search'],table thead input[type='email'],table thead input[type='url'],table thead input[type='tel'],table thead input[type='number'],table thead input[type='range'],table thead input[type='date'],table thead input[type='month'],table thead input[type='week'],table thead input[type='time'],table thead input[type='datetime'],table thead input[type='datetime-local'],table thead input[type='color'],table thead select{width:100%;max-width:100%}.required-marker{color:#604595;padding:0 .1em}.form-group{display:-webkit-box;display:-ms-flexbox;display:flex;clear:both}.form-group:not(:last-child){margin-bottom:1rem}.form-group>*{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}@media screen and (max-width: 768px){.form-group{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.form-group>label:not(.checkbox){padding-right:1rem}.form-group>label:not(.checkbox):first-child:not(:empty):after{content:": "}@media screen and (min-width: 768px){.form-group>label:not(.checkbox){width:190px;padding-top:.2em}}.form-group>label:not(.checkbox):empty:after{visibility:hidden;content:"-"}.form-group input[type='text'],.form-group input[type='email'],.form-group input[type='password'],.form-group input[type='tel'],.form-group input[type='url'],.form-group input[type='file'],.form-group input[type='number']:not([step]),.form-group textarea,.form-group select{width:100%}.form-group .controls:not(.left){text-align:right}@media screen and (min-width: 768px){.form-group .controls{min-width:auto;width:280px}}.form-group .controls span.value,.form-group .controls *[readonly]{background-color:#f9f5f5;border:1px solid transparent;border-radius:3px;padding:0.45em 0.5em;display:block;text-align:left;height:37px;pointer-events:none}.form-group .controls span.value.number,.form-group .controls *[readonly].number{text-align:right}.form-group.date .controls,.form-group.content-left .controls{text-align:left}.form-group.radio .controls{text-align:left;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap}.form-group.radio .controls>label{-webkit-box-flex:1;-ms-flex:1;flex:1}.form-group.radio .controls .f-hint{-ms-flex-preferred-size:100%;flex-basis:100%}.form-group .f-hint{display:block;text-align:left;font-size:small;font-style:italic;color:#999;line-height:1.15em;margin-top:.4rem}.form-group.error .f-hint,.form-group .error .f-hint{color:#d65e27}.form-group.error input,.form-group.error select,.form-group.error textarea{border-color:#d65e27}.form-group.error .label{border-bottom:1px solid #d65e27}.form-group.full-width{width:100%}.form-vertical .form-group{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1;flex:1}.form-vertical .form-group .controls{text-align:left;width:100%}.form-vertical .form-group>label{width:100%}.f-hint.error:empty{display:none}.form-actions{padding-top:1rem;padding-bottom:1rem;text-align:right}.form-actions,.form-actions>*{-webkit-user-select:none !important;-moz-user-select:none !important;-ms-user-select:none !important;user-select:none !important}.form-actions.border-top{border-top:1px solid #ccc}.form-actions .controls{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.form-actions>*:not(:first-child){margin-left:1rem}input[type="number"][disabled],input[type="number"][readonly]{-moz-appearance:textfield}input[type="number"][disabled]::-webkit-outer-spin-button,input[type="number"][disabled]::-webkit-inner-spin-button,input[type="number"][readonly]::-webkit-outer-spin-button,input[type="number"][readonly]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type="date"]{min-width:140px}.date-info>div ~ div .form-group>label{visibility:hidden;height:1px}.edit-training .small{margin-bottom:1rem}@media screen and (min-width: 992px){.edit-training .small{margin-bottom:0;max-width:300px;min-width:300px;padding-right:2rem}.edit-training .small+div{-webkit-box-flex:1;-ms-flex:1;flex:1}}.edit-training .small>.form-group{width:100%}.edit-training .form-group:only-child{width:100%}@media screen and (min-width: 992px){.edit-training .form-group:not(.number){min-width:240px}.edit-training .form-group:not(:only-child):not(:last-of-type){padding-right:1rem}}.edit-training .form-group label{padding-bottom:.3em}.edit-training .form-group label,.edit-training .form-group .controls{width:100%}.edit-training .form-group input[type="date"]{width:100%}.edit-training .form-group.duration input[type="number"]{width:60px;text-align:right}form .dates-table td:not(:last-child){padding-right:1rem}form .dates-table td .form-group:not(.date_end):not(.date_start){width:auto}.message{opacity:1;border:1px solid #f9f9f9;border-radius:3px;padding:1em;position:relative}.message>.message-title{margin-top:0;margin-bottom:1rem;color:#747474}.message .error-details-title{display:block;margin-bottom:0.5rem}.message>button:last-child{font-size:1.4em;position:absolute;top:5px;right:5px;height:20px;width:20px;line-height:20px}.message>div:not(:last-child){margin-bottom:1rem}.message.info{background-color:#e3edf5;border-color:#4488bb}.message.success{background-color:#f8f9de;border-color:#d3d726}.message.warning{background-color:#fdefe1;border-color:#f19534}.message.fail,.message.error{background-color:#f9e7df;border-color:#d65e27}.message+.form-group{margin-top:1rem}.toasties{position:fixed;z-index:2500;top:0;left:50%;margin-top:1rem;max-width:none;width:100%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.toasties .message{-webkit-animation:fade-in linear .5s;animation:fade-in linear .5s;-webkit-transition:opacity .5s ease-in;transition:opacity .5s ease-in;-webkit-box-shadow:-4px 7px 10px 2px rgba(0,0,0,0.3);box-shadow:-4px 7px 10px 2px rgba(0,0,0,0.3);max-width:650px;margin:0 0 1rem auto}.toasties .message.fade-out{opacity:0}@media screen and (min-width: 768px){.toasties .message{min-width:450px}}.modal-backdrop{-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out;opacity:0;background:#000;width:100%;height:100%;position:fixed;top:0;left:0;z-index:2000}.has-modal .modal-backdrop,.has-context-menu .modal-backdrop{opacity:.7}.modal-out .modal-backdrop{-webkit-transition-delay:.5s;transition-delay:.5s}.modal{-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out, -webkit-transform .3s ease-in-out;-webkit-transform:translate(-50%, -100%);transform:translate(-50%, -100%);border-radius:10px;width:calc(100% - 1rem);max-height:calc(100vh - 1rem);position:fixed;background:#fff;top:50%;left:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;z-index:2000}.has-modal .modal{-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.modal form{height:100%}@media screen and (min-width: 768px){.modal{min-width:500px}}@media screen and (min-width: 992px){.modal{max-width:1000px}}.modal.upload,.modal.confirm{max-width:800px}.modal.bottom-in{-webkit-transform:translate(-50%, 100%);transform:translate(-50%, 100%);-webkit-transform-origin:center;transform-origin:center;border-radius:10px 10px 0 0;top:auto;bottom:0;width:calc(100% - 10px);height:95vh;max-width:1600px}.has-modal .modal.bottom-in{-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0)}.modal-header,.modal-body .form-data,.modal-body .form-checklist,.modal-footer{padding:.7rem 1rem}.modal-header h3{color:#222;font-weight:700;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-header h3 q{display:inline-block;background-color:#f8ca9a;padding:0 .3em}.modal-header h3 q::before,.modal-header h3 q::after{display:none;color:#222}.modal-body{padding-top:0;overflow:auto;-webkit-box-flex:2;-ms-flex:2;flex:2}.modal-body .datatable+.datatable{margin-top:2rem}.modal-body img{max-width:100%;max-height:300px}.modal-body .preview,.modal-body .photo-caption{margin:0 .3em}.modal-body .preview+fieldset,.modal-body .preview+.form-section,.modal-body .photo-caption+fieldset,.modal-body .photo-caption+.form-section{margin-top:2rem}.modal-body .preview{text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-line-pack:center;align-content:center;padding:.6em;border:1px solid #ccc;border-radius:3px;background-color:#f9f5f5}.modal-body .preview img{display:block}.modal-body .preview img{border-radius:3px}.modal-body .photo-caption{font-size:0.7rem;color:#999;text-align:right}.modal-body .view-info{font-size:0.8rem;padding:0 .5em}.modal-body .spacing{padding:0.5rem 1rem 2rem}.modal-body .form-data>.form-group:last-child{margin-bottom:1rem}.modal-body strong{color:#459392}.modal-footer{text-align:right;border-top:1px solid #ccc}.modal-footer .btn{display:inline-block}.bottom-in .modal-footer{padding-bottom:2rem}ul.actions{margin:0;padding:0;list-style:none}ul.actions.horizontal{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap}ul.actions.horizontal.equal{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}ul.actions>li{margin-bottom:0.5rem}ul.actions>li:not(:last-child){padding-right:1rem}button{background:transparent;cursor:pointer}button,button>*{-webkit-user-select:none !important;-moz-user-select:none !important;-ms-user-select:none !important;user-select:none !important}button[disabled]{pointer-events:none;cursor:not-allowed;opacity:.5}.btn{cursor:pointer;display:inline-block;background-color:#f9f9f9;padding:.4em 1em;border:2px solid rgba(51,51,51,0.3);border-radius:3px}.btn,.btn>*{-webkit-user-select:none !important;-moz-user-select:none !important;-ms-user-select:none !important;user-select:none !important}.btn,.btn:hover,.btn:visited{color:#333;text-decoration:none}.btn:hover{color:#333;background-color:#eee;border-color:#333}.btn.btn-primary{background-color:#459392;color:#fff;border-color:#459392}.btn.btn-primary:hover{background-color:#fff;color:#459392;border:2px solid currentColor}.btn.btn-delete{background-color:#d65e27;color:#fff;border-color:#d65e27}.btn.btn-delete:hover{background-color:#fff;color:#d65e27;border:2px solid currentColor}.btn+.btn{margin-left:1rem}.btn.btn-link{border:none;background:none;padding:0;color:#4488bb;text-decoration:underline;font-size:inherit;text-align:inherit}.btn-toggle-menu{background:transparent none;color:inherit}.btn-dropdown{position:relative;display:inline-block}.btn-dropdown>button,.btn-dropdown>a{border:1px solid transparent;padding:5px 10px;display:inline-block}.btn-dropdown>button:hover,.btn-dropdown>a:hover{text-decoration:none}.btn-dropdown.active>button,.btn-dropdown.active>a{border-color:#888;border-radius:3px 3px 0 0;background-color:#fff;color:#222}.btn-dropdown.active>button:after,.btn-dropdown.active>a:after{content:" ";width:100%;height:4px;position:absolute;left:0;top:100%;margin-top:-2px;background-color:#fff}.btn-dropdown button,.btn-dropdown a{position:relative;line-height:inherit;margin-bottom:-1px;z-index:10}.btn-dropdown .dropdown-menu{margin:0;padding:0;list-style:none;position:absolute;left:0;top:100%;padding:.2em 0;min-width:150px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,0.215);box-shadow:0 6px 12px rgba(0,0,0,0.215);z-index:1;text-align:left;border-radius:0 3px 3px 3px}.btn-dropdown .dropdown-menu a{color:#222;text-decoration:none;display:block}.btn-dropdown .dropdown-menu a.delete{color:#d65e27}.btn-dropdown .dropdown-menu>li>a,.btn-dropdown .dropdown-menu>label{padding:5px 10px;white-space:nowrap}.btn-dropdown .dropdown-menu>li>a:hover,.btn-dropdown .dropdown-menu>label:hover{background-color:#d1e4e4}.btn-dropdown .dropdown-menu>li>a.delete:hover,.btn-dropdown .dropdown-menu>label.delete:hover{background-color:#f9e7df}.btn-dropdown .dropdown-menu>label{cursor:pointer;display:block}.btn-dropdown .dropdown-menu>label input:first-child{margin-right:.3em}.btn-dropdown .dropdown-menu>li.separator{padding-top:1px;margin-bottom:2px;height:0;border-bottom:1px solid #888}.btn-dropdown:not(.active)>.dropdown-menu{display:none}.btn-dropdown.active{z-index:1000}.btn-dropdown.active button,.btn-dropdown.active .btn,.btn-dropdown.active .dropdown-menu{background-color:#fff;color:#459392;border:1px solid #888}.btn-dropdown.active button,.btn-dropdown.active .btn{border-bottom-left-radius:0;border-bottom-right-radius:0}.btn-dropdown.active button:after,.btn-dropdown.active .btn:after{content:"";position:absolute;width:100%;height:6px;top:100%;left:0;margin-top:-2px;background-color:#fff}.btn-dropdown.right>.dropdown-menu{left:auto;right:0;border-radius:3px 0 3px 3px}.btn-dropdown.bottom.active button,.btn-dropdown.bottom.active .btn,.btn-dropdown.bottom.active>a{border-radius:0 0 3px 3px}.btn-dropdown.bottom.active button:after,.btn-dropdown.bottom.active .btn:after,.btn-dropdown.bottom.active>a:after{top:auto;bottom:100%;margin-top:2px}.btn-dropdown.bottom>.dropdown-menu{top:auto;bottom:100%;border-radius:3px 3px 3px 0}.btn-dropdown.bottom.right>.dropdown-menu{border-radius:3px 3px 0 3px}.login{background-color:#f9f5f5;border:1px solid #ccc;border-radius:3px;padding:1rem;margin-bottom:2rem;max-width:760px}.login .options{margin-top:1rem}@media screen and (max-width: 768px){.login .form-actions{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-flow:column-reverse;flex-flow:column-reverse}.login .form-actions>*{-ms-flex-preferred-size:100%;flex-basis:100%;margin:0 0 1rem}}@media screen and (min-width: 768px){.login .form-actions button{max-width:300px}}.language-switch>li.active{pointer-events:none;cursor:default}.language-switch>li.active a{font-weight:bold;color:inherit}.profile-cnt{max-width:650px}@media screen and (min-width: 992px){.profile-cnt{min-width:600px}}.certificates-cnt{-webkit-box-flex:1;-ms-flex:1;flex:1}.certificates-cnt .cert-messages:not(:empty){padding-bottom:2rem}@media screen and (min-width: 768px){.profile .user-photo,.profile .company-logo{padding-right:2rem;padding-bottom:2rem}.profile .user-photo ~ div,.profile .company-logo ~ div{-webkit-box-flex:1;-ms-flex:1;flex:1}}.profile>h3{-ms-flex-preferred-size:100%;flex-basis:100%}@media screen and (min-width: 768px){.profile>.flex-row{display:-webkit-box;display:-ms-flexbox;display:flex}}.profile>.flex-row:not(:last-child){margin-bottom:2rem}.company-details{padding-right:2rem}@media screen and (min-width: 992px){.company-details{min-width:600px}}.company-logo,.user-photo{position:relative}@media screen and (max-width: 480px){.company-logo,.user-photo{margin-bottom:1rem}}.company-logo .image,.user-photo .image{background-color:#f9f5f5}.company-logo figcaption,.user-photo figcaption{padding:.3em 0;text-align:left}@media screen and (min-width: 768px){.company-logo figcaption,.user-photo figcaption{padding:.3em .5em}}.company-logo figcaption:empty,.user-photo figcaption:empty{display:none}.company-logo figcaption.cover,.user-photo figcaption.cover{padding:0;position:absolute;top:0;left:0;z-index:10;width:200px;height:200px}.company-logo figcaption.cover>*:only-child,.user-photo figcaption.cover>*:only-child{display:block;width:100%;height:100%}.company-logo figcaption.cover label .text,.user-photo figcaption.cover label .text{position:absolute;bottom:0;width:100%;padding:.7em 1em;background-color:rgba(249,245,245,0.7)}.company-logo figcaption.clickable,.user-photo figcaption.clickable{border:2px solid #459392}.modal-body .company-logo,.modal-body .user-photo{margin-left:1rem}.company-logo>.image,.user-photo>.image{position:relative;overflow:hidden;background-color:#f9f9f9;width:200px;height:200px;text-align:center}.company-logo img,.user-photo img{position:absolute;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);top:50%;left:50%;height:auto;width:auto}.company-logo.square img,.user-photo.square img{width:100%}.company-logo.portrait img,.user-photo.portrait img{height:100%;max-width:100%}.company-logo.landscape img,.user-photo.landscape img{width:100%;max-height:100%}.company-logo+figcaption,.user-photo+figcaption{margin-top:.5rem}.certificat-list{margin:0;padding:0;list-style:none}.certificat-list>li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;padding-top:1rem;padding-bottom:1rem}@media screen and (max-width: 480px){.certificat-list>li{margin-right:-1.5rem;margin-left:-1.5rem;padding-right:1.5rem;padding-left:1.5rem}.certificat-list>li:not(:last-child){border-bottom:1px solid #ccc}}@media screen and (min-width: 768px){.certificat-list>li{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;padding-top:0;padding-bottom:2rem}}.certificat-list>li.inactive img{opacity:.5}.certificat-list>li:not(.pending):not(.rejected) .cert-status-text{display:none}@media screen and (max-width: 480px){.modal-body .certificat-list>li{margin-right:-1rem;margin-left:-1rem;padding-right:1rem;padding-left:1rem}}.certificat-list .cert-badge{padding-right:1rem}.certificat-list .cert-badge figcaption{padding:0 .3em}.certificat-list .cert-badge figcaption span{font-style:italic;color:#999}.certificat-list .cert-badge a{display:block;position:relative}.certificat-list .cert-badge .cert-status-text{text-shadow:1px 1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, -1px -1px 0 #fff, 1px 1px 1px #fff, 1px -1px 1px #fff, -1px 1px 1px #fff, -1px -1px 1px #fff, 2px 2px 2px #fff, 2px -2px 2px #fff, -2px 2px 2px #fff, -2px -2px 2px #fff, 3px 3px 3px #fff, 3px -3px 3px #fff, -3px 3px 3px #fff, -3px -3px 3px #fff, 4px 4px 4px #fff, 4px -4px 4px #fff, -4px 4px 4px #fff, -4px -4px 4px #fff, 0 0 2px #fff, 0 0 3px #fff, 0 0 4px #fff, 0 0 5px #fff, 0 0 6px #fff, 0 0 7px #fff, 0 0 2px #fff, 0 0 3px #fff, 0 0 4px #fff, 0 0 5px #fff, 0 0 6px #fff, 0 0 7px #fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-family:"andale mono", "lucida console", monospace;-webkit-transform:rotate(-10deg);transform:rotate(-10deg);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;position:absolute;top:0;left:3%;width:100%;height:100%;text-align:center;padding:.2em 1em;color:#604595;letter-spacing:.1em;text-transform:uppercase;font-weight:700}.rejected .cert-badge .cert-status-text{color:#d65e27}.certificat-list .cert-badge img{display:block;height:70px}@media screen and (min-width: 768px){.certificat-list .cert-badge img{height:85px}}.certificat-list .cert-status{padding-right:1rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding-top:1rem}@media screen and (min-width: 768px){.certificat-list .cert-status{padding-top:1.5rem}}.certificat-list .cert-detail{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-top:1rem}@media screen and (max-width: 480px){.certificat-list .cert-detail{-ms-flex-preferred-size:100%;flex-basis:100%}}@media screen and (min-width: 480px){.certificat-list .cert-detail{padding-top:0}}.certificat-list.transition{overflow:hidden}.modal .certificat-list .cert-badge img{height:60px}.modal .certificat-list .cert-badge figcaption{margin-top:.4rem}.modal .certificat-list .cert-badge .cert-status-text{display:none}.modal .certificat-list .cert-status{padding-top:1rem}.form-data .certificat-list .cert-status{padding-top:1rem;min-width:calc(20px + 1rem)}.form-data .certificat-list .cert-status img{width:20px;height:20px}.form-data .certificat-list .cert-badge{min-width:calc(120px + 1rem)}.form-data .certificat-list .cert-badge img{width:120px}@media screen and (min-width: 768px){.form-data .certificat-list .cert-badge{min-width:calc(140px + 1rem)}.form-data .certificat-list .cert-badge img{width:140px}}@media screen and (max-width: 480px){.form-data .certificat-list .cert-detail h4{display:none}}.form-data .certificat-list .cert-detail p{margin-top:0}@media screen and (min-width: 768px){.view-cnt [data-view-id]>h2{margin-bottom:1.5rem}}.view-cnt [data-view-id]:not(.active){display:none}.registration-teasers{margin:0;padding:0;list-style:none;margin-bottom:2rem}.registration-teasers>li{padding:1rem;color:#fff;background-color:#4488bb;border-radius:3px}.registration-teasers>li h3{color:inherit}.registration-teasers>li h3,.registration-teasers>li p{margin-bottom:1rem}.registration-teasers>li .actions{text-align:right}.registration-teasers>li .actions .btn{text-align:center;min-width:180px}.registration-teasers>li:not(:last-child){margin-bottom:2rem}.registration-teasers>li:first-child{background-color:#459392}.registration-teasers>li:last-child{background-color:#604595}@media screen and (min-width: 768px){.register .form-group{min-height:50px}}body.loading form.register,body.busy form.register{opacity:.5}body.loading form.register>*,body.busy form.register>*{pointer-events:none !important;-webkit-user-select:none !important;-moz-user-select:none !important;-ms-user-select:none !important;user-select:none !important}