Dominique Steppeler

User Experience Professional

Photo by Firos nv on Unsplash

Services

A lot of experience comes together

Photo by Scott Graham on Unsplash

Consulting

Even when the full application of Human-centered Design (HCD) is not feasible, I develop pragmatic approaches and strategies to ensure impressive results.

I am happy to support and advise you in implementing efficient UX processes.

Let my expertise convince you.

→ Contact me now

Photo by Pexels on pixbay

Conception

Based on methodically well-analyzed and clearly prepared data, I develop concepts that are precisely tailored to the actual problems and needs of the users, providing efficient support.

I always consider the current conditions and practical feasibility. For example, I take into account which framework is used and what technical limitations exist. Often, the greatest skill lies in omitting unnecessary functions.

This significantly saves time and development effort.

→ Contact me now

Photo by Amélie Mourichon on Unsplash

Prototyping

By developing Low-Fidelity Prototypes (LoFi), often referred to as paper prototypes, and High-Fidelity Prototypes (HiFi), I make products tangible even before they exist.

These prototypes are versatile, whether used internally for development, for coordination with clients, or for presentations at trade shows.

My prototypes are a key to success.

→ Contact me now

Photo by Firos nv on Unsplash

Frontend development

With over 20 years of experience in frontend development, I have completed numerous projects and understand exactly how browsers 'tick'.

Depending on the technology used, my High-Fidelity Prototypes (HiFis) can often be utilized as user interfaces with minimal effort.

I bring extensive knowledge in HTML, CSS, and JavaScript. Sass and Twitter Bootstrap are quite familiar to me. I have also used various other frameworks and technologies over the years.

Bring my experience to your team.

→ Contact me now

Photo by Florian Olivo on Unsplash

HTML

A well-thought-out HTML structure is crucial for efficient development and offers significant flexibility in design. By optimally mapping semantic references and hierarchies, it ensures that the website remains fully readable and logically structured, even without styles.

This not only makes the website / web application easier to maintain and scale but also enhances its accessibility and search engine optimization. A clear and simple HTML structure is the foundation of any successful website.

Whether with or without a framework:
Leverage my HTML expertise.

→ Contact me now

CSS

I have been following the evolution of Cascading Style Sheets (CSS) for many years. Initially limited in design capabilities, today's modern browsers support complex layout techniques and animations. The use of preprocessors like Sass is now reduced to a sensible extent.

When facing design problems, I prefer to find solutions primarily through the use of CSS in combination with well-structured HTML. I resort to using JavaScript for design purposes only as a last resort when there are no more effective alternatives.

Benefit from my extensive CSS knowledge.

→ Contact me now

Photo by Ilyuza Mingazova on Unsplash

UX-Design

Throughout my career, User Experience (UX) has emerged as a key element. It's a recognized and crucial success factor for products and services, especially in consumer products where hedonic qualities such as aesthetic design or emotional appeal are becoming increasingly important.

A deep understanding of the context remains essential: I determine who the users are, what tasks they have, what tools they use, and in what environment they operate.

Good User Experience is no accident.

→ Contact me now

Photo by Firmbee on pixabay

What's more?

List of key skills and knowledge

Programs and Tools

  • Design and Graphics:

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

  • Development Environments:

    • Eclipse
    • RubyMine
    • Visual Studio Code

  • Project Management and Collaboration:

    • Confluence
    • Gitlab
    • Jira

  • UX/UI Design Tools:

    • Balsamiq Wireframes
    • Figma
    • Miro
    • Sketch
    • XMind

  • Version Control:

    • Git
    • SVN

  • Video and Audio Production:

    • Camtasia
    • Final Cut Pro
    • Logic Pro

Frameworks and Libraries

  • CSS Frameworks:

    • Twitter Bootstrap

  • JavaScript Libraries and Frameworks:

    • Angular
    • React
    • jQuery

  • Other Technologies:

    • Font Awesome
    • Middleman
    • Plone CMS
    • Rails

Languages and Technologies

  • Markup and Data Formats:

    • ANT
    • JSON
    • XML

  • Programming Languages:

    • CSS
    • HTML
    • JavaScript
    • PHP
    • Ruby
    • Sass

  • Others:

    • English
    • French
    • German
    • Regular Expressions

Activities

  • Design:

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

  • Project Management:

    • Agile Management
    • Trainings

  • Creative Fields:

    • Composing
    • Drawing
    • Videos editing

Operating Systems

  • Mac OS
  • Windows
Photo by Austin Distel on Unsplash

Customers

* List in alphabetical order.

Eisenlohrstr. 43
76135 Karlsruhe
Germany
E-mail:
contact​@domstep.de
Telefon:
+49 721 33579410
LinkedIn:
linkedin.com/in/dominique-steppeler/
Xing:
xing.com/profile/Dominique_Steppeler
@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}