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

Selbst wenn der vollständige Einsatz von Human-centered Design (HCD) nicht möglich ist, entwickle ich pragmatische Lösungsansätze und Strategien, um beeindruckende Ergebnisse zu sichern.

Ich unterstütze und berate Sie gerne bei der Implementierung effizienter UX-Prozesse.

Lassen Sie sich von meiner Expertise überzeugen.

Jetzt Kontakt aufnehmen

Photo by Pexels on pixbay

Konzeption

Basierend auf methodisch gründlich analysierten und klar aufbereiteten Daten entwickle ich Konzepte, die genau auf die tatsächlichen Probleme und Bedürfnisse der Benutzer zugeschnitten sind und effiziente Unterstützung bieten.

Dabei berücksichtige ich stets die aktuellen Bedingungen und die praktische Umsetzbarkeit. Beispielsweise beachte ich, welches Framework verwendet wird und welche technischen Beschränkungen bestehen. Oft liegt die größte Kunst darin, unnötige Funktionen wegzulassen.

Dies spart erheblich Zeit und Entwicklungsaufwand.

Jetzt Kontakt aufnehmen

Photo by Amélie Mourichon on Unsplash

Prototyping

Durch die Entwicklung von Low-Fidelity-Prototypen (LoFi), oft auch als Papier-Prototypen bezeichnet, und High-Fidelity-Prototypen (HiFi) mache ich Produkte bereits erfahrbar, bevor sie entwickelt sind.

Diese Prototypen sind vielseitig einsetzbar, ob intern zur Entwicklung, zur Abstimmung mit dem Kunden oder für Präsentationen auf Messen.

Meine Prototypen sind ein Schlüssel zum Erfolg.

Jetzt Kontakt aufnehmen

Photo by Firos nv on Unsplash

Frontend-Entwicklung

Mit über 20 Jahren Erfahrung in der Frontend-Entwicklung habe ich zahlreiche Projekte erfolgreich abgeschlossen und verstehe genau, wie Browser 'ticken'.

Abhängig von der verwendeten Technologie können meine High-Fidelity-Prototypen (HiFis) oft mit minimalem Aufwand als User Interfaces eingesetzt werden.

Ich verfüge über umfassende Kenntnisse in HTML, CSS und JavaScript. Mit Sass und Twitter Bootstrap bin ich bestens vertraut, und auch andere Frameworks und Technologien kamen in den letzten Jahren regelmäßig zum Einsatz.

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 entscheidend für eine effiziente Entwicklung und bietet erhebliche Freiheiten bei der Gestaltung. Durch die optimale Abbildung von semantischen Bezügen und Hierarchien wird sichergestellt, dass die Webseite auch ohne Styles vollständig lesbar und sinnvoll strukturiert ist.

Dies erleichtert nicht nur die Wartung und Skalierbarkeit der Website / Web-Anwendung, sondern verbessert auch ihre Zugänglichkeit und Suchmaschinenoptimierung. Eine klare und einfache HTML-Struktur ist die Grundlage für jede erfolgreiche Website.

Ob mit oder ohne Framework:
Machen Sie sich meine HTML-Expertise zunutze.

Jetzt Kontakt aufnehmen

CSS

Ich verfolge die Entwicklung der Cascading Stylesheets (CSS) seit vielen Jahren. Während die Gestaltungsmöglichkeiten anfangs begrenzt waren, erlaubt die breite Unterstützung durch moderne Browser heute komplexe Layout-Techniken und Animationen. Der Einsatz von Präprozessoren wie Sass wird dabei auf ein sinnvolles Maß reduziert.

Bei Gestaltungsproblemen bevorzuge ich es, Lösungen primär durch den Einsatz von CSS in Verbindung mit wohlstrukturiertem HTML zu finden. JavaScript verwende ich für Designzwecke nur als letztes Mittel, wenn es keine effektivere Alternative gibt.

Profitieren Sie von meinem umfassenden CSS-Wissen.

Jetzt Kontakt aufnehmen

Photo by Ilyuza Mingazova on Unsplash

UX-Design

Im Laufe meiner Karriere hat sich User Experience (UX) zu einem Schlüsselelement entwickelt. Sie ist ein anerkannter und wichtiger Erfolgsfaktor für Produkte und Dienstleistungen, besonders bei Consumer-Produkten, wo hedonische Eigenschaften wie ästhetisches Design oder emotionale Ansprache zunehmend wichtiger werden.

Ein tiefes Verständnis des Kontexts ist dabei entscheidend: Ich ermittele, wer die Nutzer*innen sind, welche Aufgaben sie haben, welche Tools sie nutzen und in welchem Umfeld sie agieren.

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

  • Design und Grafik:

    • Adobe Illustrator
    • Adobe PhotoShop
    • Affinity Designer
    • Affinity Photo
    • Affinity Publisher
  • Entwicklungsumgebungen:

    • Eclipse
    • RubyMine
    • Visual Studio Code
  • Projektmanagement:

    • Confluence
    • Gitlab
    • Jira
  • UX/UI Design Tools:

    • Balsamiq Wireframes
    • Figma
    • Miro
    • Sketch
    • XMind
  • Versionierung:

    • Git
    • SVN
  • Video und Audio Produktion:

    • Camtasia
    • Final Cut Pro
    • Logic Pro

Frameworks und Libraries

  • CSS Frameworks:

    • Twitter Bootstrap
  • JavaScript Libraries und Frameworks:

    • Angular
    • React
    • jQuery
  • Weitere Technologien:

    • Font Awesome
    • Middleman
    • Plone CMS
    • Rails

Sprachen und Technologien

  • Markup und Datenformate:

    • ANT
    • JSON
    • XML
  • Programmiersprachen:

    • CSS
    • HTML
    • JavaScript
    • PHP
    • Ruby
    • Sass
  • Weitere:

    • Deutsch
    • Englisch
    • Französisch
    • Reguläre Ausdrücke

Tätigkeiten

  • Design:

    • Human-centered Design
    • Interaction Design
    • Responsive Webdesign
    • User Experience Design
  • Projektmanagement:

    • Agile Management
    • Schulungen
  • Weitere Kreativbereiche:

    • Musik­produktion
    • Video­schnitt
    • Zeichnen

Betriebssysteme

  • 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}