Photo by Firos nv on Unsplash

Services

A lot of experience comes together

Photo by Scott Graham on Unsplash

Consulting

Even if sometimes the full range of Human Centered Design can be pulled, I offer pragmatic approaches and strategies, to achieve the best possible results.

I am happy to support and advise you in the implementation of efficient UX processes.

Let me convince you.

Contact me now

Photo by Pexels on pixbay

Conception

On the basis of methodically cleanly analyzed and for all comprehensibly prepared data I create concepts, which fit to the actual problem (task) of the user and offer him an efficient support.

In doing so, I always keep an eye on the current circumstances as well as the feasibility. For example: which framework is used, which technical restrictions exist. The art often lies in omitting functions that are not needed.

This saves a lot of time and development effort.

Contact me now

Photo by Amélie Mourichon on Unsplash

Prototyping

By developing low-fidelity prototypes (LoFi), often also referred to as paper prototypes, and high-fidelity prototypes, I make products tangible, even before they have been developed.

Whether they are used internally for development, for coordination with the customer or for presentation 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 done a lot of projects and know how browsers do tick.

Depending on the technology used, my high-fidelity prototypes (HiFis) can often be used as user interfaces with very little effort.

I bring a lot of experience in HTML, CSS and JavaScript. Sass and Twitter Bootstrap are old companions of mine, so to speak. I have also used many other frameworks and technologies in the past years.

Get my experience into your team.

Contact me now

Photo by Florian Olivo on Unsplash

HTML

A well-designed HTML structure is not complex, saves time during development and at the same time allows a lot of freedom in design. Thereby semantic references and hierarchies are optimally mapped, so that a web page is readable and makes sense even with styles turned off.

Whether with or without a framework:
Make use of my HTML expertise.

Contact me now

CSS

I have been following the evolution of Cascading Stylesheets for years now. Whereas in the beginning one had only a few design possibilities, today complex layout techniques, animation and much more is possible due to a wide browser support. The use of preprocessors like Sass can be reduced to a reasonable level.

Design problems I try to solve first with CSS in combination with a skillful HTML buildup. Only when there is no better solution, I use JavaScript for design purposes.

Benefit from my extensive CSS knowledge.

Contact me now

Photo by Ilyuza Mingazova on Unsplash

UX-Design

User experience has become a central topic in the course of my professional career. It is an important and recognized success factor for products and services. Hedonic features are becoming increasingly important, especially for consumer products.

For me, understanding the context still plays a central role: Who is the user, what are her/his tasks, with what equipment does she/he perform them and in which environment the whole thing takes place.

Good user experience is not a product of chance.

Contact me now

Photo by Firmbee on pixabay

What's more?

List of key skills and knowledge

Software and Tools

  • Adobe PhotoShop

  • Adobe Illustrator

  • Affinity Publisher

  • Affinity Designer

  • Affinity Photo

  • RubyMine

  • Eclipse

  • Visual Studio Code

  • Balsamiq Wireframes

  • Adobe XD

  • Sketch

  • XMind

  • Jira

  • Gitlab

  • SourceTree

  • Git-Tower

  • Logic Pro

  • Final Cut Pro

Frameworks and Libraries

  • ANT

  • Twitter Bootstrap

  • jQuery

  • Angular

  • Lodash

  • Backbone.js

  • React

  • Rails

  • Middleman

  • Font Awesome

Work Experiences

  • Responsive Webdesign

  • Human-centered Design

  • International­ization (i18n)

  • Interaction Design

  • Localization (l10n)

  • Project­management

  • User Experience Design

  • Scrum Master

  • Drawing

  • Composing

  • Videos editing

Languages

  • Sass

  • CSS

  • HTML

  • JSON

  • JavaScript

  • PHP

  • Regular Expressions

  • Ruby

  • XSLT

  • XML

  • English

  • German

  • Frensh

Operating Systems

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