/*
Copyright by Ingo Weber.
Developed by Ingo Weber
Do not use or duplicate
*/
/*
    Created on : 17.06.2016, 11:47:19
    Author     : afro
*/
/* global definitons */
/* some mayor color definition */
/* used color definitions */
/* some main definition */
/* content */
/* nav definition */
/* Message Colors */
/* Relations */
/* specials for logon */
/* for color picking */
.global-blue {
  background-color: #67A6DF; }

.global-dark-blue {
  background-color: #364860; }

.global-light {
  background-color: #F7F9FB; }

.global-light-grey {
  background-color: #FAFBFD; }

.global-grey {
  background-color: #ECF1F5; }

.global-vio-light {
  background-color: #AB93C0; }

.global-vio-dark {
  background-color: #7770B2; }

.global-dark-blue-10 {
  background-color: #4a5a70; }

.global-dark-blue-5 {
  background-color: #405168; }

/*$c-dim-default : $nav-link-background-color;
$c-dim-basis : $nav-link-background-color;
$c-dim-trend : $nav-link-background-color;
$c-dim-autodigit : $nav-link-background-color;
$c-dim-engageretention : $nav-link-background-color;
$c-dim-workstyle : $nav-link-background-color;
$c-dim-workqual : $nav-link-background-color;
$c-dim-persdis: $nav-link-background-color;
$c-dim-taldis: $nav-link-background-color;
$c-dim-tpf: $nav-link-background-color;
$c-dim-culture: $nav-link-background-color;

$c-dim-default-active : $nav-link-background-color;
$c-dim-basis-active : $nav-link-background-color;
$c-dim-trend-active : $nav-link-background-color;
$c-dim-autodigit-active : $nav-link-background-color;
$c-dim-engageretention-active : $nav-link-background-color;
$c-dim-workstyle-active : $nav-link-background-color;
$c-dim-workqual-active : $nav-link-background-color;
$c-dim-persdis-active: $nav-link-background-color;
$c-dim-taldis-active: $nav-link-background-color;
$c-dim-tpf-active: $nav-link-background-color;
$c-dim-culture-active: $nav-link-background-color;*/
/*// Version Judith
$c-dim-default :          #58718F;
$c-dim-basis :            #58718F;
$c-dim-trend :            #5E91A6;
$c-dim-autodigit :        #599A9C;
$c-dim-engageretention :  #4D8A8F;
$c-dim-workstyle :        #5188A6;
$c-dim-workqual :         #4C6B9C;
$c-dim-persdis:           #51A698;
$c-dim-taldis:            #4C9C7B;
$c-dim-tpf:               #4D898F;
$c-dim-culture:           #439FA7;

$c-dim-default-tint :           tint($c-dim-default,          20%);
$c-dim-basis-tint :             tint($c-dim-basis,            20%);
$c-dim-trend-tint :             tint($c-dim-trend,            20%);
$c-dim-autodigit-tint :         tint($c-dim-autodigit,        20%);
$c-dim-engageretention-tint :   tint($c-dim-engageretention,  20%);
$c-dim-workstyle-tint :         tint($c-dim-workstyle,        20%);
$c-dim-workqual-tint :          tint($c-dim-workqual,         20%);
$c-dim-persdis-tint:            tint($c-dim-persdis,          20%);
$c-dim-taldis-tint:             tint($c-dim-taldis,           20%);
$c-dim-tpf-tint:                tint($c-dim-tpf,              20%);
$c-dim-culture-tint:            tint($c-dim-culture,          20%);

*/
/*// Version Kathi 1
$c-dim-default :          #527391;
$c-dim-basis :            #527391;
$c-dim-trend :            #91515F;
$c-dim-autodigit :        #6092B3;
$c-dim-engageretention :  #CC544F;
$c-dim-workstyle :        #396C84;
$c-dim-workqual :         #F7AC63;
$c-dim-persdis:           #396268; // Personality
$c-dim-taldis:            #7C5D82; // Diversity
$c-dim-tpf:               #60918A;
$c-dim-culture:           #EB916C;

$c-dim-default-tint :          #97ABBD;
$c-dim-basis-tint :            #97ABBD;
$c-dim-trend-tint :            #BD979F;
$c-dim-autodigit-tint :        #A0BED1;
$c-dim-engageretention-tint :  #E09895;
$c-dim-workstyle-tint :        #88A7B5;
$c-dim-workqual-tint :         #FACDA1;
$c-dim-persdis-tint :          #88A1A4;
$c-dim-taldis-tint :           #B09EB4;
$c-dim-tpf-tint :              #A0BDB9;
$c-dim-culture-tint :          #F3BDA7;*/
/*$nav-item-col-frame-tint:     tint($nav-item-col-frame, 20%);
$nav-item-col-future-tint:    tint($nav-item-col-future, 20%);
$nav-item-col-profiler-tint:  tint($nav-item-col-profiler, 20%);
$nav-item-col-roles-tint:     tint($nav-item-col-analyzer, 20%);
$nav-item-col-analyzer-tint:  tint($nav-item-col-analyzer, 20%);
$nav-item-col-other-tint:     tint($nav-item-col-analyzer, 20%);

// shade = hover
$nav-item-col-frame-shade:     shade($nav-item-col-frame, 20%);
$nav-item-col-future-shade:    shade($nav-item-col-future, 20%);
$nav-item-col-profiler-shade:  shade($nav-item-col-profiler, 20%);
$nav-item-col-roles-shade:     shade($nav-item-col-analyzer, 20%);
$nav-item-col-analyzer-shade:  shade($nav-item-col-analyzer, 20%);
$nav-item-col-other-shade:     shade($nav-item-col-analyzer, 20%);*/
/*
Created by Ingo Weber, Zukunftsagenten GmbH
Copyright by Zukunftsagenten GmbH
www.zukunfts-agenten.com / info@zukunfts-agenten.com
*/
/* 
    Created on : 08.03.2021, 20:01:18
    Author     : ingoweber
*/
/* roboto-100 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url("../fonts/roboto-v20-latin-100.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../fonts/roboto-v20-latin-100.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-v20-latin-100.woff2") format("woff2"), url("../fonts/roboto-v20-latin-100.woff") format("woff"), url("../fonts/roboto-v20-latin-100.ttf") format("truetype"), url("../fonts/roboto-v20-latin-100.svg#Roboto") format("svg");
  /* Legacy iOS */ }
/* roboto-100italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  src: url("../fonts/roboto-v20-latin-100italic.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../fonts/roboto-v20-latin-100italic.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-v20-latin-100italic.woff2") format("woff2"), url("../fonts/roboto-v20-latin-100italic.woff") format("woff"), url("../fonts/roboto-v20-latin-100italic.ttf") format("truetype"), url("../fonts/roboto-v20-latin-100italic.svg#Roboto") format("svg");
  /* Legacy iOS */ }
/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/roboto-v20-latin-300.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../fonts/roboto-v20-latin-300.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-v20-latin-300.woff2") format("woff2"), url("../fonts/roboto-v20-latin-300.woff") format("woff"), url("../fonts/roboto-v20-latin-300.ttf") format("truetype"), url("../fonts/roboto-v20-latin-300.svg#Roboto") format("svg");
  /* Legacy iOS */ }
/* roboto-300italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: url("../fonts/roboto-v20-latin-300italic.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../fonts/roboto-v20-latin-300italic.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-v20-latin-300italic.woff2") format("woff2"), url("../fonts/roboto-v20-latin-300italic.woff") format("woff"), url("../fonts/roboto-v20-latin-300italic.ttf") format("truetype"), url("../fonts/roboto-v20-latin-300italic.svg#Roboto") format("svg");
  /* Legacy iOS */ }
/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/roboto-v20-latin-regular.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../fonts/roboto-v20-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-v20-latin-regular.woff2") format("woff2"), url("../fonts/roboto-v20-latin-regular.woff") format("woff"), url("../fonts/roboto-v20-latin-regular.ttf") format("truetype"), url("../fonts/roboto-v20-latin-regular.svg#Roboto") format("svg");
  /* Legacy iOS */ }
/* roboto-italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/roboto-v20-latin-italic.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../fonts/roboto-v20-latin-italic.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-v20-latin-italic.woff2") format("woff2"), url("../fonts/roboto-v20-latin-italic.woff") format("woff"), url("../fonts/roboto-v20-latin-italic.ttf") format("truetype"), url("../fonts/roboto-v20-latin-italic.svg#Roboto") format("svg");
  /* Legacy iOS */ }
/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/roboto-v20-latin-500.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../fonts/roboto-v20-latin-500.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-v20-latin-500.woff2") format("woff2"), url("../fonts/roboto-v20-latin-500.woff") format("woff"), url("../fonts/roboto-v20-latin-500.ttf") format("truetype"), url("../fonts/roboto-v20-latin-500.svg#Roboto") format("svg");
  /* Legacy iOS */ }
/* roboto-500italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: url("../fonts/roboto-v20-latin-500italic.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../fonts/roboto-v20-latin-500italic.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-v20-latin-500italic.woff2") format("woff2"), url("../fonts/roboto-v20-latin-500italic.woff") format("woff"), url("../fonts/roboto-v20-latin-500italic.ttf") format("truetype"), url("../fonts/roboto-v20-latin-500italic.svg#Roboto") format("svg");
  /* Legacy iOS */ }
/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/roboto-v20-latin-700.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../fonts/roboto-v20-latin-700.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-v20-latin-700.woff2") format("woff2"), url("../fonts/roboto-v20-latin-700.woff") format("woff"), url("../fonts/roboto-v20-latin-700.ttf") format("truetype"), url("../fonts/roboto-v20-latin-700.svg#Roboto") format("svg");
  /* Legacy iOS */ }
/* roboto-700italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: url("../fonts/roboto-v20-latin-700italic.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../fonts/roboto-v20-latin-700italic.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-v20-latin-700italic.woff2") format("woff2"), url("../fonts/roboto-v20-latin-700italic.woff") format("woff"), url("../fonts/roboto-v20-latin-700italic.ttf") format("truetype"), url("../fonts/roboto-v20-latin-700italic.svg#Roboto") format("svg");
  /* Legacy iOS */ }
/* roboto-900 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/roboto-v20-latin-900.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../fonts/roboto-v20-latin-900.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-v20-latin-900.woff2") format("woff2"), url("../fonts/roboto-v20-latin-900.woff") format("woff"), url("../fonts/roboto-v20-latin-900.ttf") format("truetype"), url("../fonts/roboto-v20-latin-900.svg#Roboto") format("svg");
  /* Legacy iOS */ }
/* roboto-900italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  src: url("../fonts/roboto-v20-latin-900italic.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../fonts/roboto-v20-latin-900italic.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-v20-latin-900italic.woff2") format("woff2"), url("../fonts/roboto-v20-latin-900italic.woff") format("woff"), url("../fonts/roboto-v20-latin-900italic.ttf") format("truetype"), url("../fonts/roboto-v20-latin-900italic.svg#Roboto") format("svg");
  /* Legacy iOS */ }
/*
Created by Ingo Weber, Zukunftsagenten GmbH
Copyright by Zukunftsagenten GmbH
www.zukunfts-agenten.com / info@zukunfts-agenten.com
*/
/*
    Created on : 15.04.2016, 17:43:13
    Author     : ingoweber
*/
/* some mayor color definition */
* {
  font-family: 'Roboto', sans-serif;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 14px;
  color: #364860; }

html, body {
  padding: 0px;
  margin: 0px;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility; }

button {
  background-color: #364860;
  color: white;
  font-weight: 700;
  font-size: 1.0em;
  width: 100%;
  height: 30px;
  text-align: center;
  vertical-align: middle;
  border: none; }

button.accept {
  background-color: #364860 !important;
  width: 100px !important; }

button.cancel {
  background-color: #e84d4f !important;
  width: 100px !important; }

/* -- Displaying Privacy Notices -- */
div#privacy {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background-color: rgba(247, 249, 251, 0.8);
  z-index: 999;
  padding: 10%; }
  div#privacy div.privacy-frame {
    background-color: white;
    min-width: 300px;
    max-width: 600px;
    min-height: 300px;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 30px 30px 80px 30px; }
    div#privacy div.privacy-frame div.privacy-text {
      padding: 20px;
      width: 100%;
      height: 100%;
      overflow-y: scroll;
      font-size: 12px;
      line-height: 1.5; }
      div#privacy div.privacy-frame div.privacy-text h1 {
        text-align: center;
        font-size: 16px;
        margin-bottom: 8px; }
      div#privacy div.privacy-frame div.privacy-text h2 {
        text-align: left;
        font-size: 14px;
        margin-bottom: 6px; }
      div#privacy div.privacy-frame div.privacy-text h3 {
        text-align: left;
        font-size: 12px;
        margin-bottom: 4px; }
      div#privacy div.privacy-frame div.privacy-text ul {
        margin: 4px 0px 2px 0px; }
        div#privacy div.privacy-frame div.privacy-text ul li {
          font-size: 12px;
          padding: 2px; }
    div#privacy div.privacy-frame div.privacy-function {
      height: 50px;
      width: 100%;
      text-align: center;
      padding-top: 30px; }

/* ---------   LOGON Page -------------- */
table#logon {
  position: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  height: 101%;
  padding: 0px;
  margin: 0px; }
  table#logon td, table#logon th {
    padding: 0px; }
  table#logon td.left {
    width: 50%;
    min-width: 400px;
    border-right: 1px solid #364860;
    text-align: center;
    background-color: #364860;
    vertical-align: top;
    color: white;
    line-height: 1.2em;
    letter-spacing: 0.1em; }
  table#logon td.right {
    vertical-align: top;
    width: 50%;
    min-width: 400px;
    text-align: left;
    padding-left: 80px;
    padding-top: 60px;
    background-color: white; }
    table#logon td.right table.form {
      border-collapse: collapse;
      border-spacing: 0; }
      table#logon td.right table.form td.cm-E {
        font-weight: 300;
        color: #e84d4f;
        padding-bottom: 10px;
        width: 200px; }
      table#logon td.right table.form td.cm-W {
        font-weight: 300;
        color: #67A6DF;
        padding-bottom: 10px;
        width: 200px; }
      table#logon td.right table.form td.cm-I {
        font-weight: 300;
        color: #61a91b;
        padding-bottom: 10px;
        width: 200px; }
      table#logon td.right table.form td.cm-L {
        font-weight: 300;
        color: #67A6DF;
        padding-bottom: 10px;
        width: 200px; }
      table#logon td.right table.form td.c1 {
        width: 100px; }
      table#logon td.right table.form td.c2 {
        width: 100px;
        padding-left: 20px; }
      table#logon td.right table.form td.title {
        font-weight: 400;
        font-size: 1.0em;
        padding-bottom: 6px; }
      table#logon td.right table.form td.field {
        padding-bottom: 10px; }
      table#logon td.right table.form td.language {
        padding-bottom: 20px;
        padding-top: 20px;
        text-align: center; }
        table#logon td.right table.form td.language img.languageImg {
          margin-right: 16px;
          width: 28px;
          height: 14px; }
        table#logon td.right table.form td.language img.active {
          width: 40px !important;
          height: 22px !important; }
      table#logon td.right table.form input {
        width: 100%;
        border: 1px solid #364860;
        padding: 4px;
        background-color: #FAFAFA;
        color: #364860;
        font-weight: 400;
        font-size: 0.9em; }
  table#logon td.bold div#main {
    font-weight: 300;
    font-size: 1.0em;
    text-align: center;
    color: white;
    line-height: 2.5em; }
    table#logon td.bold div#main span {
      white-space: nowrap;
      color: white; }
    table#logon td.bold div#main sup {
      color: white; }
    table#logon td.bold div#main span.future1 {
      color: inherit;
      font-weight: 300;
      font-size: 1.2em;
      padding: 10px 10px 10px 10px;
      border-bottom: 1px solid white; }
    table#logon td.bold div#main span.future2 {
      white-space: nowrap;
      color: inherit;
      font-weight: 300;
      font-size: 1.0em;
      padding-top: 10px; }
    table#logon td.bold div#main img {
      margin: 0px 0px 20px 0px;
      width: 230px; }
  table#logon td.bold div#clients {
    overflow-y: auto;
    height: 100%;
    font-size: 0.8em;
    color: white;
    padding-left: 20px; }
    table#logon td.bold div#clients div {
      vertical-align: top;
      text-align: left;
      width: 100%;
      white-space: nowrap;
      font-size: 1.0em;
      color: white; }
      table#logon td.bold div#clients div span {
        color: white;
        font-weight: bold; }
    table#logon td.bold div#clients div.cl {
      padding: 10px 0px 5px 0px;
      font-size: 1.1em; }
      table#logon td.bold div#clients div.cl span {
        padding-right: 28px; }
    table#logon td.bold div#clients div.scl {
      padding: 0px 0px 5px 0px;
      font-size: 0.9em;
      cursor: pointer; }
      table#logon td.bold div#clients div.scl span {
        font-size: 1.1em;
        padding-right: 14px; }
  table#logon td.one {
    height: 25%; }
  table#logon td.two {
    height: 40%;
    min-height: 300px; }
  table#logon td.three {
    height: 35%; }

/*# sourceMappingURL=log.css.map */