innotec-auth-plugin/components/app/app.component.css

The Innotec-Auth-Plugin is designed to handle all authentication processes for applications where's conntected to the innotec v2 infrastructure. Theses plugin provides different authentication processes:

body{font-family:'Roboto', sans-serif;background-color:#f5f9fb;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;min-height:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body .code{background:#efefff;border:1px dashed silver;font-family:'courier';margin:20px 0px 20px 0px;padding:20px}html{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;min-height:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}top-header{position:fixed;left:0px;right:0px;top:0px}.feader{position:fixed;left:0px;right:0px;bottom:10px;border-top:1px dotted black}.text-red{color:#cd151e}#main{width:calc(100% - 270px);height:100%;float:right;margin-top:35px;padding:15px;box-sizing:border-box}#main .content-header{border-left:3px solid #babfc4;padding-left:15px}#main .content-header h2{font-weight:700;color:#009fd7;text-transform:uppercase;margin-top:35px;margin-bottom:20px}#main .content-header h2 a{display:inline-block;vertical-align:top;margin-top:4px;line-height:0}#main .content-header h2 img{width:15px;vertical-align:top}#main .content-header p{font-size:18px;color:#009fd7;font-weight:300;line-height:30px}#main .content-box{margin-top:20px;padding:15px;box-sizing:border-box;background-color:#fff;margin-bottom:30px}#content p,#content li:not([class^='L']),#content .accordion h4{font-weight:300;font-size:16px;color:#009fd7}#content p{line-height:30px;line-height:30px}#content li:not([class^='L']){line-height:30px}#content li:not([class^='L']) a{text-decoration:none}#content p a{text-decoration:none}#content .bash-code{color:#55555c !important;padding:0 5px;border-radius:2px;background-color:#eef5f9 !important}#content .code-container{border-radius:2px;margin:15px 0;background-color:#eef5f9 !important;padding:15px}#content .code-container:empty{display:none}#content .code-style{font-size:16px;color:#009fd7}#content .bash-code,#content .code-container,#content .code-style{font-family:'Source Code Pro' !important}#content .section:not(:first-child){border-top:1px solid #babfc4;padding:30px 0 0;margin:30px 0 0}#content .section>h3{color:#009fd7;font-size:28px;font-weight:500;margin-bottom:10px}#content .list-container ul{padding:0}#content .list-container ul li{list-style:none}#content .list-container ul li:before{content:'•';display:inline-block;margin-right:5px}#content .list-container ol{list-style:decimal;margin-left:18px}#content .accordion{position:relative}#content .accordion:not(:first-child){height:90vh;border-top:1px dashed #babfc4;padding:30px 35px 0;margin-top:30px}#content .accordion:first-child{padding:0 35px;margin-top:30px}#content .accordion .accordion-header{color:#55555c;cursor:pointer}#content .accordion .accordion-header h4{font-family:'Source Code Pro';font-size:16px}#content .accordion .accordion-body{display:none;margin-top:10px}#content .accordion.active .accordion-body{display:block}#content .accordion.notEmpty:before{content:'';background-image:url("../images/anactive.svg");background-size:8px 13px;width:8px;height:13px;position:absolute;top:32px;left:15px}#content .accordion.notEmpty:first-child:before{top:2px}#content .accordion.active:before{content:'';background-image:url("../images/active.svg");background-size:12px 9px;width:12px;height:9px;top:36px}#content .accordion.active:after{content:'';width:1px;height:calc(100% - 55px);position:absolute;bottom:0;left:20.5px;background-color:#20202f}#content .item>h4{font-size:22px;margin:20px 0 15px}@media (max-width: 1020px){#top-menu{display:flex;flex-wrap:nowrap;width:100%;border-bottom:1px solid #191924}#top-menu #mobile-main-menu{order:0}#top-menu .title{order:1;width:calc(100% - 95px);text-align:center;min-width:1px}#top-menu .logo{order:2}#top-menu .top-menu-container{position:fixed;background-color:#009fd7;left:0;right:0;top:67px;margin:0;max-height:0}#top-menu .top-menu-container ul{padding:10px 0}#top-menu .top-menu-container li{float:none}#top-menu .top-menu-container li a{display:block;padding:10px 10px}#mobile-main-menu{display:inline-block}#main-menu{left:-100%;height:calc(100% - 69px)}.isOpenMenu #main-menu{left:0}#main{width:100%;float:none}}@media (max-width: 600px){#top-menu .title h2{padding:15px}#top-menu .logo{margin:0 15px 0 0}#mobile-main-menu{padding:17px 15px}#top-menu .top-menu-container{top:105px}#main-menu{height:calc(100% - 55px)}}pre{word-wrap:normal;word-break:normal}