html.gwt-env {
  color: #000;
  background: #fff; }

.gwt-env body, .gwt-env div, .gwt-env dl, .gwt-env dt, .gwt-env dd, .gwt-env ul, .gwt-env ol, .gwt-env li, .gwt-env h1, .gwt-env h2, .gwt-env h3, .gwt-env h4, .gwt-env h5, .gwt-env h6, .gwt-env pre, .gwt-env code, .gwt-env form, .gwt-env fieldset, .gwt-env legend, .gwt-env input, .gwt-env textarea, .gwt-env p, .gwt-env blockquote, .gwt-env th, .gwt-env td {
  margin: 0;
  padding: 0; }

.gwt-env table {
  border-collapse: collapse;
  border-spacing: 0; }

.gwt-env fieldset, .gwt-env img {
  border: 0; }

.gwt-env address, .gwt-env caption, .gwt-env cite, .gwt-env code, .gwt-env dfn, .gwt-env var {
  font-style: normal;
  font-weight: normal; }

.gwt-env li {
  list-style: none; }

.gwt-env caption, .gwt-env th {
  text-align: left; }

.gwt-env h1, .gwt-env h2, .gwt-env .h2, .gwt-env h3, .gwt-env .h3, .gwt-env h4, .gwt-env .h4, .gwt-env h5, .gwt-env h6 {
  font-size: 100%;
  font-weight: normal; }

.gwt-env q:before, .gwt-env q:after {
  content: ''; }

.gwt-env abbr, .gwt-env acronym {
  border: 0;
  font-variant: normal; }

.gwt-env sup {
  vertical-align: text-top; }

.gwt-env sub {
  vertical-align: text-bottom; }

.gwt-env .vmid {
  vertical-align: 50%; }

.gwt-env input, .gwt-env textarea, .gwt-env select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit; }

.gwt-env input, .gwt-env textarea, .gwt-env select {
  *font-size: 100%; }

.gwt-env select {
  box-sizing: border-box !important; }

.gwt-env legend {
  color: #333; }

html div.gwt-env * {
  box-sizing: content-box; }

/* @end */
/* @group Grid */
.gwt-env .grid_1, .gwt-env .grid_2, .gwt-env .grid_3, .gwt-env .grid_4, .gwt-env .grid_5, .gwt-env .grid_6, .gwt-env .grid_7, .gwt-env .grid_8, .gwt-env .grid_9, .gwt-env .grid_10, .gwt-env .grid_11, .gwt-env .grid_12, .gwt-env .grid_13, .gwt-env .grid_14, .gwt-env .grid_15, .gwt-env .grid_16 {
  display: inline;
  float: left;
  margin-left: 1%;
  margin-right: 1%;
  *margin-left: .92%;
  *margin-right: .92%;
  _margin-left: .8%;
  _margin-right: .8%;
  min-height: 1px; }

.gwt-env .grid_1 {
  width: 6.333%; }

.gwt-env .grid_2 {
  width: 14.666%; }

.gwt-env .grid_3 {
  width: 23%; }

.gwt-env .grid_4 {
  width: 31.333%; }

.gwt-env .grid_5 {
  width: 39.666%; }

.gwt-env .grid_6 {
  width: 48%; }

.gwt-env .grid_7 {
  width: 56.333%; }

.gwt-env .grid_8 {
  width: 64.666%; }

.gwt-env .grid_9 {
  width: 73%; }

.gwt-env .grid_10 {
  width: 81.333%; }

.gwt-env .grid_11 {
  width: 89.666%; }

.gwt-env .grid_12 {
  width: 98%;
  position: relative; }

/* @group Grid >> Children (Alpha ~ First, Omega ~ Last) */
.gwt-env .alpha {
  margin-left: 0; }

.gwt-env .omega {
  margin-right: 0; }

/* @end */
/* @group Prefix Extra Space */
.gwt-env .prefix_1 {
  padding-left: 8.333%; }

.gwt-env .prefix_2 {
  padding-left: 16.666%; }

.gwt-env .prefix_3 {
  padding-left: 25%; }

.gwt-env .prefix_4 {
  padding-left: 33.333%; }

.gwt-env .prefix_5 {
  padding-left: 41.666%; }

.gwt-env .prefix_6 {
  padding-left: 50%; }

.gwt-env .prefix_7 {
  padding-left: 58.333%; }

.gwt-env .prefix_8 {
  padding-left: 66.666%; }

.gwt-env .prefix_9 {
  padding-left: 75%; }

.gwt-env .prefix_10 {
  padding-left: 83.333%; }

.gwt-env .prefix_11 {
  padding-left: 91.666%; }

/* @end */
/* @group Suffix Extra Space */
.gwt-env .suffix_1 {
  padding-right: 8.333%; }

.gwt-env .suffix_2 {
  padding-right: 16.666%; }

.gwt-env .suffix_3 {
  padding-right: 25%; }

.gwt-env .suffix_4 {
  padding-right: 33.333%; }

.gwt-env .suffix_5 {
  padding-right: 41.666%; }

.gwt-env .suffix_6 {
  padding-right: 50%; }

.gwt-env .suffix_7 {
  padding-right: 58.333%; }

.gwt-env .suffix_8 {
  padding-right: 66.666%; }

.gwt-env .suffix_9 {
  padding-right: 75%; }

.gwt-env .suffix_10 {
  padding-right: 83.333%; }

.gwt-env .suffix_11 {
  padding-right: 91.666%; }

/* @end */
/* @end */
/* @group Clearfix
-------------------------------------------------- */
.gwt-env .clearfix:after, .gwt-env .table-controls:after, .gwt-env .tabs-menu:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
  *zoom: 1; }

/* @end */
/* @group Container */
.gwt-env .container {
  width: 960px;
  margin: 0 auto;
  padding: 20px 0;
  overflow: hidden; }

/* @end */
/* @group Global */
.gwt-env body,
div:not(.repositionedTooltip).gwt-env {
  font: normal 14px/1.4 'Helvetica Neue', Arial, Helvetica, sans-serif;
  padding-bottom: 30px;
  text-shadow: 0 1px 0 #fff;
  background: transparent;
  overflow-y: scroll;
  width: 100%; }

body.no-scroll {
  min-height: 100%;
  overflow-y: hidden; }

.touch body.no-scroll {
  position: static;
  -webkit-overflow-scrolling: touch; }

.gwt-env h1, .gwt-env h2, .gwt-env .h2, .gwt-env h3, .gwt-env .h3 {
  font-family: Helvetica, 'Helvetica Neue', Arial, sans-serif;
  clear: both;
  position: relative; }

.gwt-env h4, .gwt-env .h4, .gwt-env h5, .gwt-env h6 {
  font-weight: bold;
  clear: both;
  position: relative; }

.gwt-env h3 em {
  font-size: 14px;
  line-height: 2;
  font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
  color: #333;
  font-weight: bold;
  font-style: normal;
  position: absolute;
  right: 0; }

.gwt-env .content-training h3 em {
  display: block;
  position: static; }

.gwt-env p, .gwt-env ul {
  margin: 0 0 15px 0;
  clear: both; }

.gwt-env ul li {
  list-style: disc;
  margin-left: 15px;
  padding-left: 5px; }

.gwt-env ol li {
  list-style: decimal;
  margin-left: 20px; }

.gwt-env a {
  cursor: pointer;
  text-decoration: underline; }

.gwt-env a:hover {
  text-decoration: none; }

.gwt-env table {
  width: 100%; }

.gwt-env table th, .gwt-env .gwt-env table td {
  vertical-align: top; }

.gwt-env .grid_12 p, .gwt-env .function-table {
  width: 73%; }

.gwt-env .grid_12 p.keep-linefeed {
  width: 100%;
  white-space: pre-wrap; }

/* @end */
/* @group Headings */
.gwt-env h1 {
  font-size: 30px;
  line-height: 1.2;
  margin-bottom: 5px;
  text-transform: lowercase; }

.gwt-env h2, .gwt-env .h2 {
  font-size: 24px;
  line-height: 1.2;
  text-transform: lowercase;
  padding-top: 10px; }

.gwt-env h3, .gwt-env .h3 {
  font-size: 20px;
  padding: 10px 0 5px; }

.gwt-env h4, .gwt-env .h4, .gwt-env h5, .gwt-env h6 {
  font-size: 100%;
  margin-bottom: 5px; }

.gwt-env h4 em {
  position: absolute;
  right: 0;
  font-style: normal; }

.gwt-env .absolute {
  position: absolute; }

.gwt-env .invisible {
  display: none; }

.gwt-env .bold {
  font-weight: bold; }

.gwt-env .review-skill-container h5 {
  margin: 0;
  padding: 5px 0;
  font-weight: normal;
  border-width: 0; }

.gwt-env .highlighted-heading + .review-skill-container:first-child h5 {
  border-top: 1px solid; }

.gwt-env .review-skill-container h5 a {
  color: #333;
  text-decoration: none;
  padding-left: 15px; }

.gwt-env .review-skill-container .marked-heading a {
  color: #c00; }

.gwt-env .review-skill-container h5 em {
  position: absolute;
  right: 15px;
  font-style: normal; }

/* @end */
/* @group Header */
.gwt-env .header {
  background: url(/skillskompas/static/gfx/header/fwg.png) no-repeat 0 0;
  text-align: right;
  overflow: hidden;
  height: 80px; }

.gwt-env .file-upload {
  width: 240px !important; }

.gwt-env .space-bottom {
  padding-bottom: 20px; }

.gwt-env .space-right {
  margin-right: 10px; }

.gwt-env .space-general {
  padding: 10px; }

.gwt-env .logo {
  position: absolute;
  font-size: 40px;
  text-align: left; }

.gwt-env .services {
  margin: 0; }

.gwt-env .services a, .gwt-env .gwt-env .services label {
  font-size: 90%; }

.gwt-env .services a {
  position: relative;
  top: -1px; }

.gwt-env .services a:hover {
  text-decoration: none; }

.gwt-env .services li {
  display: inline;
  float: right;
  margin: 0;
  padding: 0;
  border-right: 1px solid; }

.gwt-env .services li:first-child {
  border: 0; }

.gwt-env .services li a {
  padding: 0 10px;
  border: 0;
  text-transform: lowercase; }

.gwt-env .services .logout a {
  padding-right: 0; }

.gwt-env .login-services {
  font-size: 90%;
  margin-bottom: 10px; }

/* @end */
/* @group Menu */
.gwt-env .menu {
  margin-bottom: 20px;
  position: relative; }

.gwt-env .menu-sub {
  margin-bottom: 60px; }

.gwt-env .menu li {
  display: inline-block;
  *display: inline;
  margin: 0 10px 0 0;
  padding: 0; }

.gwt-env .menu a {
  display: inline-block; }

.gwt-env .sub-menu {
  position: absolute;
  display: block;
  width: 100%;
  left: 0;
  *top: 20px; }

.gwt-env .sub-menu li {
  float: left; }

.gwt-env .steps-menu, .gwt-env .tabs-menu {
  overflow: hidden;
  border-width: 0 1px;
  border-style: solid;
  *width: 99.8%;
  _width: auto;
  position: relative;
  margin: -1px 0; }

.gwt-env .steps-menu {
  border-width: 1px 1px 0;
  margin-bottom: 0;
  z-index: 0; }

.gwt-env .tabs-menu {
  overflow: visible;
  border-width: 0 0 1px;
  border-style: solid;
  margin-bottom: 15px; }

.gwt-env .lightbox .tabs-menu {
  margin-bottom: 0;
  margin-top: 15px; }

.gwt-env .steps-menu li, .gwt-env .tabs-menu li {
  float: left;
  display: inline;
  width: 25%;
  /* default: 4 steps */
  *width: 24.9%;
  margin: 0;
  padding: 0;
  list-style: none;
  border-width: 1px 0 0;
  border-style: solid;
  position: relative; }

.gwt-env .steps-menu li {
  border: 0; }

.gwt-env .tabs-menu li {
  width: auto;
  border-width: 1px 1px 0;
  margin-right: 10px; }

.gwt-env .steps-review li, .gwt-env .steps-fvo li {
  width: 25%;
  /* default: 5 steps */
  *width: 24.9%; }

.gwt-env .steps-vaktalent li {
  width: 33.3333%;
  *width: 33.2%; }

.gwt-env .steps-menu.step-count-1 li {
  width: 100%;
  *width: 99.9%; }

.gwt-env .steps-menu.step-count-2 li {
  width: 50%;
  *width: 49.9%; }

.gwt-env .steps-menu.step-count-3 li {
  width: 33.3333%;
  *width: 33.2%; }

.gwt-env .steps-menu.step-count-4 li {
  width: 25%;
  *width: 24.9%; }

.gwt-env .steps-menu.step-count-5 li {
  width: 20%;
  *width: 19.9%; }

.gwt-env .steps-menu.step-count-6 li {
  width: 16.6666%;
  *width: 16.5%; }

.gwt-env .steps-menu.step-count-7 li {
  width: 14.2857%;
  *width: 14.1%; }

.gwt-env .steps-menu.step-count-8 li {
  width: 12.5%;
  *width: 12.4%; }

.gwt-env .steps-menu.step-count-9 li {
  width: 11.1111%;
  *width: 11%; }

.gwt-env .steps-menu.step-count-10 li {
  width: 10%;
  *width: 9.9%; }

.gwt-env .steps-menu li a, .gwt-env .steps-menu li span {
  display: block;
  padding: 5px 15px 7px 35px;
  text-transform: lowercase; }

.gwt-env .steps-menu li a, .gwt-env .steps-menu li span {
  border-right: 1px solid \9; }

.gwt-env .tabs-menu li a, .gwt-env .tabs-menu li span {
  display: block;
  padding: 10px 15px;
  border: 0;
  text-transform: lowercase; }

.gwt-env .tabs-menu li.active {
  margin-bottom: -1px;
  border-bottom: 1px solid #fff; }

.gwt-env .steps-menu li:first-child a, .gwt-env .steps-menu li:first-child span {
  padding-left: 15px; }

.gwt-env .steps-menu li:last-child a, .gwt-env .steps-menu li:last-child span {
  margin-right: -1px; }

.gwt-env .steps-menu li a:before, .gwt-env .steps-menu li span:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 10px solid;
  position: absolute;
  top: 50%;
  margin-top: -20px;
  margin-left: 1px;
  left: 100%;
  z-index: 1; }

.gwt-env .steps-menu li a:after, .gwt-env .steps-menu li span:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 10px solid;
  position: absolute;
  top: 50%;
  margin-top: -20px;
  left: 100%;
  z-index: 2; }

.gwt-env .steps-menu li.active a:after, .gwt-env .steps-menu li.active span:after {
  border-left: 10px solid; }

.gwt-env .terminator {
  position: absolute;
  right: 10px;
  top: 10px; }

.gwt-env .menu .align-right {
  float: right;
  margin: 0 10px 0 0; }

.gwt-env .roadmap {
  background-color: #eee;
  padding: 36px 0 15px 0;
  border: 1px solid #ddd;
  position: relative;
  margin-bottom: 20px;
  z-index: 1; }

.gwt-env .roadmap .page-buttons {
  right: 0;
  top: 0; }

.gwt-env .roadmap .close-link {
  padding: 10px;
  text-indent: -9999px;
  margin: 0;
  background-position: 50% 50%;
  width: 16px;
  height: 16px; }

.gwt-env .roadmap > ul {
  display: table;
  width: 100%;
  table-layout: fixed;
  margin-bottom: 0;
  -webkit-box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  box-sizing: border-box !important; }

.gwt-env .roadmap > ul > li {
  display: table-cell;
  padding-left: 0;
  text-align: center;
  position: relative; }

.gwt-env .roadmap > ul > li > a {
  display: block;
  font-weight: bold;
  height: 37px;
  line-height: 1;
  position: relative; }

.gwt-env .roadmap > ul > li.roadmap-done > a {
  font-weight: normal; }

.gwt-env .roadmap-icon {
  display: block;
  text-indent: -9999px;
  width: 100%;
  height: 32px;
  position: relative;
  background: url(../../skillskompas/static/gfx/roadmap-todo.png) no-repeat 50% 50%; }

.gwt-env .roadmap-done .roadmap-icon {
  background: url(../../skillskompas/static/gfx/roadmap-done.png) no-repeat 50% 50%; }

.gwt-env .roadmap > ul > li:after {
  content: '';
  display: block;
  height: 2px;
  width: 100%;
  position: absolute;
  top: 56px;
  left: 0;
  margin-top: -1px;
  background-color: #ddd;
  z-index: -1; }

.gwt-env .roadmap > ul > li:first-child:after {
  left: 50%;
  left: 0 \9; }

.gwt-env .roadmap > ul > li:last-child:after {
  left: auto;
  right: 50%; }

.gwt-env .roadmap-todo {
  margin: 20px 0 0 0; }

.gwt-env .roadmap-todo li {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 90%;
  white-space: nowrap; }

.gwt-env .roadmap-todo a {
  display: block; }

.gwt-env .roadmap-tooltip {
  background: #fff;
  position: absolute;
  left: -9999px;
  bottom: 45px;
  padding: 10px;
  z-index: 8888;
  font-size: 95%;
  text-align: left;
  font-weight: normal;
  border: 1px solid;
  color: #333;
  width: 150px; }

.gwt-env .roadmap > ul > li > a:hover .roadmap-tooltip {
  left: 50%;
  margin-left: -85px; }

/* @end */
/* @group Page header */
.gwt-env .page-header {
  padding-bottom: 20px;
  clear: both;
  position: relative; }

.gwt-env .page-heading {
  font-size: 30px;
  margin-bottom: 5px;
  text-transform: lowercase; }

.gwt-env .login .page-heading {
  text-transform: none; }

.gwt-env .page-header p {
  width: 75%; }

.gwt-env .sub-heading {
  font-size: 25px; }

.gwt-env .page-buttons {
  position: absolute;
  right: 10px;
  top: .4em; }

.gwt-env .pdf-link {
  position: absolute;
  right: 0;
  padding-top: 0 !important;
  padding-bottom: 0 !important; }

.gwt-env .page-buttons a {
  border-bottom: 0;
  text-transform: lowercase;
  position: static; }

.gwt-env .info-link, .gwt-env .print-link, .gwt-env .close-link, .gwt-env .check-link, .gwt-env .magnify-link, .gwt-env .pdf-link, .gwt-env .xls-link {
  padding: 5px 0 5px 25px;
  font-size: 90%;
  margin-left: 15px; }

.gwt-env .up-link, .gwt-env .down-link, .gwt-env .revert-link {
  padding: 5px 0 5px 20px;
  font-size: 90%; }

.gwt-env .delete-icon {
  background: url(../../skillskompas/static/gfx/icons-color/cross.png) no-repeat 0 50%;
  display: inline-block; }

.gwt-env .check-icon {
  background: url(../../skillskompas/static/gfx/icons-color/tick.png) no-repeat 0 50%;
  display: inline-block; }

.gwt-env .pdf-button:before {
  content: url(../../skillskompas/static/gfx/icons-color/page_white_acrobat.png); }

.gwt-env .up-link {
  background: url(../../skillskompas/static/gfx/icons-grayscale/arrow_up.png) no-repeat 0 50%; }

.gwt-env .enabled-link {
  background: url(../../skillskompas/static/gfx/icons-color/tick.png) 0 50% no-repeat; }

.gwt-env .down-link {
  background: url(../../skillskompas/static/gfx/icons-grayscale/arrow_down.png) no-repeat 0 50%; }

.gwt-env .revert-link {
  background: url(../../skillskompas/static/gfx/icons-grayscale/arrow_undo.png) no-repeat 0 50%; }

.gwt-env .info-link {
  background: url(../../skillskompas/static/gfx/icons-color/information.png) no-repeat 0 50%; }

.gwt-env .print-link {
  background: url(../../skillskompas/static/gfx/icons-color/printer.png) no-repeat 0 50%; }

.gwt-env .touch .print-link {
  display: none; }

.gwt-env .touch .print-link[target="_blank"] {
  display: inline-block; }

.gwt-env .close-link {
  background: url(../../skillskompas/static/gfx/icons-color/cross.png) no-repeat 0 50%; }

.gwt-env .check-link {
  background: url(../../skillskompas/static/gfx/icons-color/tick.png) no-repeat 0 50%; }

.gwt-env .delete-link {
  background: url(../../skillskompas/static/gfx/icons-color/bin_closed.png) no-repeat 50% 50%; }

.gwt-env .page-link {
  background: url(../../skillskompas/static/gfx/icons-color/page.png) no-repeat 50% 50%; }

.gwt-env .comment-icon {
  background: url(../../skillskompas/static/gfx/icons-color/comment.png) no-repeat 0 50%; }

.gwt-env .asterik-icon {
  background: url(../../skillskompas/static/gfx/icons-color/asterik_yellow.png) no-repeat 0 50%; }

.gwt-env .magnify-link {
  background: url(../../skillskompas/static/gfx/icons-color/magnifier_zoom_in.png) 0 50% no-repeat; }

.gwt-env .xls-link {
  background: url(../../skillskompas/static/gfx/icons-color/page_white_excel.png) no-repeat 0 50%; }

.gwt-env .pdf-link {
  background: url(../../skillskompas/static/gfx/icons-color/page_white_acrobat.png) no-repeat 0 50%; }

.gwt-env .xls-link-big {
  font-size: 120%;
  margin-left: 10px;
  float: right;
  margin-bottom: 10px;
  color: #999; }

.gwt-env .xls-link-big:after {
  margin-left: 10px;
  content: url(../../skillskompas/static/gfx/icons-color/page_white_excel_32x32.png); }

.gwt-env .iframe .page-header {
  margin-bottom: 10px; }

/* @end */
/* @group Portlets */
.gwt-env .box {
  margin-bottom: 30px; }

.gwt-env .box-content {
  overflow: hidden;
  zoom: 1; }

.gwt-env .tile-container {
  width: 100% !important; }

.gwt-env .box-heading {
  margin-bottom: 15px;
  padding: 0;
  font-weight: normal; }

.gwt-env .box-heading .gwt-Anchor, .gwt-env .box-heading span {
  font-size: 18px;
  line-height: 22px;
  text-transform: lowercase; }

.gwt-env .highlighted-heading {
  font-size: 18px;
  line-height: 22px;
  text-transform: lowercase;
  margin-bottom: 0;
  padding: 10px 0; }

.gwt-env .highlighted-heading em {
  position: absolute;
  right: 0;
  font-style: normal;
  margin-right: 15px;
  font-size: 80%;
  font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-weight: bold; }

.gwt-env .box-present .start {
  overflow: hidden;
  padding-bottom: 15px;
  border-bottom: 1px solid;
  margin-bottom: 15px; }

.gwt-env .box-present .register, .gwt-env .box-present .form-login-narrow {
  display: inline;
  float: left;
  position: relative;
  margin-left: 1%;
  margin-right: 1%;
  *margin-left: .92%;
  *margin-right: .92%;
  _margin-left: .8%;
  _margin-right: .8%;
  width: 48%; }

.gwt-env .box-present p {
  clear: none; }

.gwt-env .box-present .radar-chart {
  margin-top: 0; }

.gwt-env .box-review table a, .gwt-env .box-review table span {
  border-bottom: 0;
  float: right; }

.gwt-env .box-admin, .gwt-env .box-training, .gwt-env .box-fba, .gwt-env .box-collapse {
  padding: 0 !important;
  border: 0 !important;
  margin-bottom: 15px;
  background: none !important; }

.gwt-env .box-admin .box-admin {
  margin-bottom: 0; }

.gwt-env .box-admin .box-heading, .gwt-env .box-training .box-heading {
  position: relative;
  margin: 0 !important; }

.gwt-env .box-heading a span {
  background: transparent no-repeat 0 50%;
  padding: 0 0 0 24px; }

.gwt-env .training-extensive .show, .gwt-env .training-extensive .hide, .gwt-env .box-fba .show, .gwt-env .box-fba .hide {
  display: block !important;
  width: 44px;
  height: 28px;
  background: no-repeat 50% 50%; }

.gwt-env .review-skill-container .show, .gwt-env .review-skill-container .hide {
  background: no-repeat 15px 50%;
  padding-left: 35px; }

.gwt-env .review-comment {
  border: none;
  height: 10px;
  width: 10px;
  cursor: pointer; }

.gwt-env .table-team .name .name-wrapper {
  display: inline-block;
  white-space: nowrap; }

.gwt-env .table-team .name .name-block {
  padding: 5px 0 0 20px;
  white-space: normal;
  display: block;
  max-width: 255px;
  overflow: hidden;
  min-height: 20px; }

.gwt-env .table-team .show, .gwt-env .table-team .hide {
  background: no-repeat 0 5px;
  cursor: pointer; }

.gwt-env .box-heading a .show, .gwt-env .training-extensive .show, .gwt-env .box-fba .show, .gwt-env .review-skill-container .show, .gwt-env .table-team .show {
  background-image: url(../../skillskompas/static/gfx/icons-color/toggle_minus.png); }

.gwt-env .box-heading a .hide, .gwt-env .training-extensive .hide, .gwt-env .box-fba .hide, .gwt-env .review-skill-container .hide, .gwt-env .table-team .hide {
  background-image: url(../../skillskompas/static/gfx/icons-color/toggle_plus.png); }

.gwt-env .table-team .hide-warning {
  background-image: url(../../skillskompas/static/gfx/icons-color/toggle_plus_warning.png); }

.gwt-env .box-heading .button {
  position: absolute;
  right: 6px;
  top: 6px;
  font-size: 14px;
  padding: 5px 20px; }

.gwt-env .box-content .table {
  margin-bottom: 0;
  margin-top: 0;
  width: auto; }

.gwt-env .box-content .table td a {
  display: inline;
  text-decoration: underline; }

.gwt-env .box-content .table td a:hover {
  text-decoration: none; }

.gwt-env .box-admin .enabled {
  background: url(../../skillskompas/static/gfx/icons-color/tick.png) 0 50% no-repeat;
  padding-left: 20px;
  margin-right: 10px; }

.gwt-env .box-admin .disabled {
  color: #999;
  margin-right: 10px; }

.gwt-env .iframe .box.box-collapse:first-child {
  margin-top: 15px; }

.gwt-env .box.box-collapse .box-heading {
  margin-bottom: -1px; }

.gwt-env .box.box-collapse .box-heading + .box-content {
  border: 1px solid;
  padding-top: 10px; }

.gwt-env .box.box-collapse .box-content {
  padding: 10px 15px; }

.gwt-env .box.box-collapse .box-content > .grid {
  margin: 0 -1%; }

.gwt-env .whitespace {
  margin-bottom: 7px; }

.gwt-env .table.whitespace {
  margin-top: 7px;
  margin-bottom: 7px; }

.gwt-env .no-fullscreen a {
  text-decoration: none;
  cursor: default; }

.gwt-env .box-training .box-heading a, .gwt-env .box-admin .box-admin .box-heading a {
  background: none;
  border: 1px solid #bbb;
  border-top-width: 0;
  padding-right: 40%; }

.gwt-env .box-admin .box-admin .box-heading a {
  padding-right: 15px;
  border-width: 0 1px 0 0; }

.gwt-env .box-training .box-heading:first-child a {
  border-width: 1px; }

.gwt-env .box-training .box-heading span, .gwt-env .box-admin .box-admin .box-heading span {
  font-size: 14px;
  font-weight: normal;
  color: #000;
  background-position: 0 3px; }

.gwt-env .box-training .box-heading .bar em span {
  background: none;
  color: #fff; }

.gwt-env .box-training .box-heading .bar span {
  background-position: 0 0; }

.gwt-env .box-training .box-heading .bar {
  background-color: #ccc;
  width: 37%;
  right: 12px; }

.gwt-env .box-training .training-extensive {
  border-top-width: 0;
  padding-left: 39px; }

.gwt-env .box-training .training-extensive table {
  border-left: 1px solid #bbb; }

.gwt-env .box-training .total-advice {
  border: 1px solid #bbb;
  padding-left: 0; }

.gwt-env .box-training .total-advice table {
  border-left: 0; }

.gwt-env .box-admin-nested > .box-content {
  border-style: solid;
  border-color: #bbb;
  border-width: 0 0 1px 1px; }

.gwt-env .box-admin-nested > .box-content .table {
  border-left-width: 0;
  border-bottom-width: 0; }

.gwt-env .box-dash ul {
  margin: 0; }

.gwt-env .box-dash ul + ul {
  margin: 10px 0 0 0; }

.gwt-env .box-dash ul li {
  list-style: none;
  margin: 0;
  padding: 0; }

.gwt-env .userpic {
  cursor: pointer;
  max-width: 100%;
  display: block;
  margin: 0 0 5px;
  position: relative; }

.gwt-env .box-dash.box-data .box-content {
  overflow: visible; }

.gwt-env .box-dash.box-data .button + ul {
  margin-top: 10px; }

.gwt-env .box-dash.box-data ul {
  text-align: left;
  overflow: visible; }

.gwt-env .box-dash.box-data ul li {
  overflow: visible;
  position: relative; }

.gwt-env .box-dash.box-data ul li span {
  display: inline-block;
  position: relative;
  top: -1px;
  margin-left: 10px; }

.gwt-env .box-dash.box-function .radar-chart {
  float: right;
  margin: 0 0 10px 10px; }

.gwt-env .box-dash.box-function p, .gwt-env .box-dash.box-function ul {
  clear: none; }

/* @end */
/* @group Login form */
.gwt-env .form-login label, .gwt-env .form-login .label {
  display: block;
  clear: both;
  overflow: hidden; }

.gwt-env .form-login .label label {
  display: inline;
  margin-right: 5px; }

.gwt-env .form-login-wide label, .gwt-env .form-login-wide .label {
  margin-bottom: 10px; }

.gwt-env .form-login-narrow label {
  margin: 5px 0; }

.gwt-env .form-login-wide label span, .gwt-env .form-login-wide .label span {
  float: left;
  font-weight: bold;
  width: 48%; }

.gwt-env .form-login-narrow label span {
  display: block;
  font-weight: normal;
  margin-bottom: 2px; }

.gwt-env .form-login-wide label .no-edit {
  float: right;
  width: 49%;
  font-weight: normal; }

.gwt-env .form-login-wide label .no-edit-label {
  float: left;
  width: 49%;
  font-weight: normal; }

.gwt-env .form-login-wide select,
.gwt-env .form-login-wide input[type=text],
.gwt-env .form-login-wide input[type=password] {
  width: 48%;
  float: right; }

.gwt-env .form-login-wide .input {
  width: 49%;
  float: right; }

.gwt-env .form-login-narrow input[type=text],
.gwt-env .form-login-narrow input[type=password] {
  width: 95%;
  float: none; }

.gwt-env .form-login-wide .button {
  float: right; }

.gwt-env .form-login-narrow .button {
  float: none;
  display: block;
  clear: both; }

.gwt-env .form-login .forgot-link {
  font-size: 90%; }

.gwt-env .form-login-wide .forgot-link {
  float: left; }

.gwt-env .form-login-narrow .forgot-link {
  display: inline-block;
  margin-bottom: 10px; }

/* @end */
/* @group Forms */
.gwt-env .form label, .gwt-env .form .label {
  display: block;
  clear: both;
  overflow: hidden; }

.gwt-env .form label label, .gwt-env .form .label label {
  margin-bottom: 0;
  margin-right: 10px; }

.gwt-env .form label span em, .gwt-env .form .label span em {
  display: block;
  font-size: 12px;
  color: #999; }

.gwt-env .form-wide label, .gwt-env .form-wide .label {
  margin-bottom: 10px; }

.gwt-env .form-narrow label, .gwt-env .form-narrow .label {
  margin: 5px 0; }

.gwt-env .form-narrow textarea {
  width: 95%;
  height: 400px; }

.gwt-env .form-wide label span, .gwt-env .form-wide .label span {
  float: left;
  width: 48%; }

.gwt-env .form-wide .textarea span {
  width: 100%; }

.gwt-env .form-narrow label span, .gwt-env .form-narrow .label span {
  display: block;
  margin-bottom: 2px; }

.gwt-env .form-wide label .no-edit, .gwt-env .form-wide .label .no-edit {
  float: right;
  width: 49%; }

.gwt-env .field-title {
  font-weight: bold;
  display: block;
  clear: both;
  margin: 10px 0; }

.gwt-env .field-title-large {
  font-weight: bold;
  display: block;
  margin: 20px 0 10px 0;
  font-size: 125%;
  padding-top: 20px;
  border-top: 1px #A9A9A9 solid; }

.gwt-env .field-label {
  font-weight: bold;
  display: block; }

.gwt-env .field-text-box {
  padding: 5px !important;
  width: 98% !important; }

.gwt-env .field-suggest-box .gwt-SuggestBox {
  width: 98% !important;
  padding: 5px !important; }

.gwt-env .field-selection {
  padding: 5px !important; }

.gwt-env .field-text-box-readonly {
  cursor: default; }

.gwt-env .block-panel {
  clear: both;
  display: inline-block;
  width: 100%; }

.gwt-env .block-space {
  clear: both;
  display: inline-block;
  width: 100%;
  height: 10px; }

.gwt-env .block-small {
  float: left;
  height: 10px;
  width: 10px; }

.gwt-env .block-comment {
  clear: both;
  display: block; }

.gwt-env .comment-bar {
  border: 1px dotted;
  margin: 5px 0 !important;
  padding: 5px !important; }

.gwt-env .progress-slider {
  float: left;
  width: 90% !important;
  height: 17px;
  margin: 0 4px !important; }

.gwt-env .float-right {
  float: right !important;
  padding: 0 0 0 10px; }

.gwt-env .float-left {
  float: left !important;
  padding: 0 10px 0 0; }

.gwt-env .margin-bottom {
  margin-bottom: 10px !important; }

.gwt-env .date-field-inline input[type=text] {
  margin: 0 !important; }

.gwt-env .text-area-large {
  width: 100%;
  height: 100px; }

.gwt-env .field-wide {
  width: 100%; }

.gwt-env .progress-slider-button {
  background: transparent;
  border: none;
  font-weight: bold;
  cursor: pointer;
  font-size: 120%;
  padding: 0;
  margin: 0; }

.gwt-env .simple-button {
  background: transparent;
  border: 1px solid;
  padding: 5px;
  cursor: pointer;
  margin: 2px; }

.gwt-env .plan-table-button {
  height: 15px;
  width: 15px;
  background-color: transparent;
  border: none;
  cursor: pointer; }

.gwt-env .lightbox.development-plan .select-persons .search-box {
  width: 99%; }

.gwt-env .development-plan-goal .goal-left-panel {
  width: 35%;
  float: left; }

.gwt-env .development-plan-goal .goal-right-panel {
  width: 55%;
  float: right; }

.gwt-env .development-plan-goal .goal-right {
  width: 100%;
  margin: 5px 0; }

.gwt-env .development-plan-goal .field-read-only {
  border: 1px dotted;
  padding: 5px;
  width: 99%;
  cursor: default; }

.gwt-env .development-plan-goal .goal-table-button {
  width: 10%;
  height: 10px;
  background-color: transparent;
  border: none;
  cursor: pointer; }

.gwt-env .development-plan-table .participants-col-width {
  width: 200px; }

.gwt-env .development-plan-table .participant-role-col-width {
  width: 100px; }

.gwt-env .development-plan-table .participant-accepted-col-width {
  width: 100px; }

.gwt-env .development-plan-table .employee-col-width {
  width: 200px; }

.gwt-env .development-plan-table .status-col-width {
  width: 120px; }

.gwt-env .development-plan-table .employee-col-width {
  width: 200px; }

.gwt-env .development-plan-table .deadline-col-width {
  width: 100px; }

.gwt-env .development-plan-table .progress-col-width {
  width: 200px; }

.gwt-env .development-plan-table .startdate-col-width {
  width: 100px; }

.gwt-env .development-plan-table .action-col-width {
  width: 65px; }

.gwt-env .development-plan-table .expand-col-width {
  width: 35px; }

.gwt-env .form-full-wide span, .gwt-env .form-full-wide .span {
  width: 99%; }

.gwt-env .form-full-wide input[type=text], .gwt-env .form-full-wide input[type=password], .gwt-env .form-full-wide textarea {
  width: 99%;
  padding: 2px;
  font: normal 14px/1.4 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size: 14px;
  height: 17px;
  line-height: 17px;
  margin: 10px 0; }

.gwt-env .form-full-wide input[type=text], .gwt-env .form-full-wide input[type=password], .gwt-env .form-full-wide textarea {
  width: 99%;
  padding: 2px;
  font: normal 14px/1.4 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size: 14px;
  height: 17px;
  line-height: 17px;
  margin: 10px 0; }

.gwt-env .form-wide input[type=text], .gwt-env .form-wide input[type=password], .gwt-env .form-wide textarea {
  width: 48%;
  float: right;
  padding: 2px;
  font: normal 14px/1.4 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size: 14px;
  height: 17px;
  line-height: 17px; }

.gwt-env .form-wide input[type=text], .gwt-env .form-wide input[type=password], .gwt-env .form-wide textarea {
  width: 48%;
  float: right;
  padding: 2px;
  font: normal 14px/1.4 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size: 14px;
  height: 17px;
  line-height: 17px; }

.gwt-env .form-wide input.inputfunctiegroep {
  width: 6%; }

.gwt-env .form-wide .labelfunctiegroep {
  float: right;
  width: 40%;
  margin-left: 2%; }

.gwt-env .form-wide select, .gwt-env .form-wide label .input, .gwt-env .form-wide .label .input {
  width: 48%;
  float: right; }

.gwt-env .form-wide label > div.input {
  margin: 0 0 0 -6px;
  /* take padding and borders into account */
  position: relative; }

.gwt-env .form-wide label > div.input > .gxt, .gwt-env .form-wide label > div.input > .gxt > div, .gwt-env .form-wide label > div.input > .gxt > div > input, .gwt-env .form-wide label > div.input > .gxt > div > table td > input {
  position: relative;
  width: 100% !important;
  overflow: visible; }

.gwt-env .form-wide label > div.input > .gxt > div > table td {
  display: block; }

.gwt-env .form-wide label > div.input > .gxt + img {
  position: absolute;
  top: 4px !important;
  left: 0 !important;
  margin-left: -26px; }

/* meant for date picker button, but might influence other styling! */
.gwt-env .form-wide label > div.input > .gxt > div > table td + td > div {
  position: absolute;
  right: 0;
  top: 0;
  border-left: 1px solid #B5B8C8;
  height: 22px; }

/* gxt date picker popup */
.gwt-env .form-wide textarea {
  height: 100px;
  width: 100%;
  -webkit-box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  box-sizing: border-box !important;
  margin-top: 5px; }

.gwt-env .description-tab label > textarea {
  height: 200px;
  resize: vertical; }

.gwt-env .comments-inconvenient-tab label > textarea {
  height: 200px;
  resize: vertical; }

.gwt-env .form-narrow input[type=text], .gwt-env .form-narrow input[type=password], .gwt-env .form-narrow select, .gwt-env .form-narrow .input {
  width: 95%;
  float: none; }

.gwt-env .form-wide .button {
  float: right; }

.gwt-env .form-narrow .button {
  float: none;
  display: block;
  clear: both; }

.gwt-env .form-label-size-1_3 .label span {
  width: 25%; }

.gwt-env .form .day, .gwt-env .form .month {
  width: 30.2%;
  *width: 29%;
  float: none;
  display: inline; }

.gwt-env .form .year {
  width: 35%;
  float: none;
  display: inline; }

.gwt-env .form .gwt-RadioButton + span > .day, .gwt-env .form .gwt-RadioButton + span > .month {
  width: 26.2%; }

.gwt-env .form .gwt-RadioButton + span > .year {
  width: 31%; }

.gwt-env .form .checkbox-input label, .gwt-env .form .checkbox-input label, .gwt-env .form .radio-input label, .gwt-env .form .radio-input label {
  display: block;
  margin-bottom: 0; }

.gwt-env .form .radio-input .gwt-RadioButton input[type=radio] {
  position: relative;
  top: 1px; }

.gwt-env .radio-input.gwt-RadioButton {
  margin-right: 30px; }

.gwt-env .radio-input.gwt-RadioButton input[type="radio"] {
  margin-right: 5px; }

.gwt-env .disabled, .gwt-env .disabled a {
  color: #999 !important; }

/*.form .disabled span {
    font-weight: normal;
}*/
.gwt-env input[type=radio], .gwt-env .gwt-env input[type=checkbox] {
  border: 0 !important; }

.gwt-env input[type=radio] {
  position: relative;
  top: 1px; }

.gwt-env .form .input .spaceBottom {
  margin-bottom: 10px; }

.gwt-env .form .input span {
  display: inline;
  float: none;
  width: auto; }

.gwt-env .form .input input {
  margin-right: 10px;
  margin-left: 1px; }

.gwt-env .form .input .gxt input {
  background-image: none;
  left: 0;
  margin-left: 0;
  margin-right: 0;
  *margin-right: 7px;
  *margin-left: -6px; }

.gwt-env .form-invite {
  margin-top: .9em; }

.gwt-env .form-invite.divide {
  border-right: 1px solid #bbbbbb;
  padding-right: 20px; }

.gwt-env .table-spacer {
  width: 1%; }

.gwt-env .table-radio {
  width: 6%; }

.gwt-env .form .input label label {
  display: none; }

.gwt-env .note-form label span, .gwt-env .note-form .label span {
  width: 10%; }

.gwt-env .note-form input[type=text] {
  width: 88%; }

.gwt-env .note-form label .input, .gwt-env .note-form .label .input {
  width: 48%;
  float: left; }

.gwt-env .form-wide.note-form textarea {
  height: 400px; }

/* @end */
/* @group Lightboxes */
.gwt-env.popup {
  overflow-y: initial !important; }

.gwt-env .overlay {
  display: block;
  position: fixed;
  top: 0;
  bottom: 0 !important;
  left: 0;
  right: 0;
  z-index: 900;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-image: url(../../skillskompas/static/gfx/overlay-dark.png);
  _background-image: url(../../skillskompas/static/gfx/overlay-dark.gif); }

.gwt-env .touch .overlay {
  height: 100vh !important; }

.gwt-env .lightbox {
  display: block;
  position: relative;
  z-index: 1000;
  margin: auto;
  border: 1px solid #ddd;
  background-color: #fff;
  top: 30px; }

.gwt-env .lightbox-narrow {
  width: 470px; }

.gwt-env .lightbox-narrow-extra {
  width: 800px; }

.gwt-env .lightbox-wide {
  width: 940px; }

.gwt-env .lightbox-wide .lightbox-header,
.gwt-env .lightbox-wide .lightbox-content,
.gwt-env .lightbox-wide .lightbox-footer {
  margin: 0 1%;
  overflow: hidden;
  zoom: 1; }

.gwt-env .lightbox-header {
  padding: 15px 15px 0;
  margin: 0;
  position: relative;
  margin-bottom: -1px !important; }

.gwt-env .lightbox-zoom .lightbox-header {
  margin-bottom: -15px; }

.gwt-env .lightbox-heading {
  font-size: 18px;
  padding: 0 0 10px;
  text-transform: lowercase;
  font-weight: normal;
  border-bottom: 1px solid;
  margin-bottom: -1px; }

.gwt-env .lightbox-wide .lightbox-heading {
  font-size: 24px;
  width: 600px; }

.gwt-env .lightbox-header .page-buttons {
  top: 10px;
  right: 15px; }

.gwt-env .lightbox-content {
  padding: 15px;
  overflow: hidden;
  zoom: 1;
  -webkit-overflow-scrolling: auto; }

.gwt-env .lightbox-wide .lightbox-content {
  padding: 0 15px; }

.gwt-env .lightbox-wide .lightbox-content .iframe {
  overflow: auto;
  margin-bottom: 15px;
  padding: 15px 10px 20px;
  border: 1px solid;
  overflow-x: hidden;
  *padding-right: 20px;
  position: relative; }

.gwt-env .lightbox-wide .lightbox-content .iframe.info {
  padding: 10px 0 10px 10px !important; }

.gwt-env .touch .lightbox-wide .lightbox-content .iframe {
  height: auto !important;
  overflow: hidden !important; }

.gwt-env .lightbox-wide .lightbox-content .iframe-narrow {
  width: 46%;
  *width: 45%;
  float: right;
  _float: left;
  /*	margin-top: 10px;*/
  padding: 15px 10px 20px;
  *padding-right: 20px;
  position: relative; }

.gwt-env .lightbox-wide .lightbox-content .iframe-first {
  float: left; }

.gwt-env .lightbox-wide .lightbox-content .iframe-last {
  float: right; }

.gwt-env .lightbox-wide .lightbox-footer {
  padding: 15px; }

.gwt-env .lightbox .button {
  float: left;
  margin: 15px 10px 0 0; }

.gwt-env .lightbox-narrow .primary-button {
  margin-right: 0; }

.gwt-env .lightbox-wide .button {
  margin-top: 0; }

.gwt-env .lightbox-wide .primary-button {
  margin-right: 0; }

.gwt-env .lightbox .primary-button {
  float: right !important; }

.gwt-env .lightbox .alt-button {
  float: none !important; }

.gwt-env .lightbox .secondary-button {
  float: right;
  margin-right: 10px; }

.gwt-env .lightbox-zoom {
  width: 730px;
  left: 50%;
  margin-left: -365px;
  top: 40px; }

.gwt-env .lightbox h4 + label:last-child {
  margin-bottom: 15px; }

@media (max-height: 650px) {
  /* Galaxy Tab lightbox scrolling fix */
  .gwt-env.touch .lightbox-zoom .lightbox-content img {
    height: 350px; } }

/* @end */
/* @group Messages */
.gwt-env .message {
  border: 1px solid;
  padding: 10px;
  margin-bottom: 15px;
  zoom: 1; }

.gwt-env .message-tasks h4 {
  margin-bottom: 15px; }

.gwt-env .message-tasks p {
  margin-bottom: 0; }

.gwt-env .warning-button {
  margin: 5px 0 15px; }

/* @end */
/* @group Buttons */
.gwt-env .button,
.gwt-env a.button,
.gwt-env a.button:visited {
  background: #000 url(../../skillskompas/static/gfx/gradient-light.png) 0 0 repeat-x;
  _background-image: none;
  color: #fff;
  text-shadow: none;
  padding: 5px 20px;
  border-width: 0;
  text-decoration: none;
  cursor: pointer;
  text-transform: lowercase;
  width: auto;
  overflow: visible;
  line-height: 20px !important;
  font: 100% 'Helvetica Neue', Arial, Helvetica, sans-serif;
  display: inline-block;
  *float: left; }

.gwt-env input.button {
  *line-height: 16px !important; }

.gwt-env button.button {
  *padding: 3px 20px !important; }

.gwt-env .button:hover,
.gwt-env a.button:hover {
  background-position: 0 100%;
  color: #fff; }

.gwt-env .button[disabled],
.gwt-env a.button[disabled] {
  cursor: default;
  color: #ccc; }

.gwt-env .button[disabled]:hover,
.gwt-env a.button[disabled]:hover {
  background-position: 0 0; }

.gwt-env .disabled-button, .gwt-env .disabled-button:visited {
  background: #eee url(../../skillskompas/static/gfx/gradient-dark.png) 0 100% repeat-x !important;
  _background-image: none;
  color: #aaa;
  cursor: default; }

.gwt-env .disabled-button:hover {
  border-width: 0 1px 1px 0;
  padding: 5px 20px;
  color: #aaa !important; }

.gwt-env .next-button, .gwt-env .prev-button {
  float: right !important;
  margin: 0 0 0 10px !important; }

.gwt-env .button div {
  display: inline; }

.gwt-env .alt-button {
  float: none !important; }

/* @end */
/* @group Visuals */
.gwt-env .visual {
  margin-bottom: 20px;
  float: right; }

.gwt-env .box-about .visual {
  float: none; }

.gwt-env .lightbox .visual {
  margin-top: 10px; }

.gwt-env .function-visual {
  float: right; }

.gwt-env .function-visual img {
  border: 1px solid;
  position: relative;
  right: 2px;
  display: block; }

.gwt-env .dashboard .function-visual {
  margin: 0 0 10px 20px; }

.gwt-env .intro-visual {
  margin-top: 20px; }

/* @end */
/* @group Tables */
/* @group Table controls */
.gwt-env .table-controls {
  padding: 10px 10px 0;
  border-bottom: 1px solid;
  border-top: 1px solid;
  position: relative; }

.gwt-env .basic-search {
  overflow: hidden;
  position: absolute !important;
  top: -40px;
  right: 0; }

.gwt-env .showSummary {
  display: inline-block;
  margin-left: 20px;
  font-size: 14px;
  color: #999;
  font-weight: normal; }

.gwt-env .lightbox .basic-search {
  float: none;
  margin: 10px 0;
  position: static !important; }

.gwt-env .search-button-tiny {
  background: transparent url(../../skillskompas/static/gfx/icons-color/magnifier.png) no-repeat 50% 50%;
  text-indent: -9999px;
  width: 16px;
  height: 26px;
  padding: 0;
  margin-left: 10px;
  border: 0;
  cursor: pointer;
  line-height: 1;
  float: left; }

.gwt-env .search-clear {
  float: left;
  width: 15px;
  height: 15px;
  padding: 5px 6px;
  background: url(../../skillskompas/static/gfx/icons-color/clear.png) no-repeat 50% 50%;
  text-indent: -9999px;
  margin-left: -27px; }

.gwt-env .extend-search {
  background: url(../../skillskompas/static/gfx/icons-color/bullet_arrow_down.png) no-repeat 100% 50%;
  padding-right: 20px;
  text-decoration: underline;
  margin-left: 10px;
  margin-top: 4px;
  float: left; }

.gwt-env .table-filter {
  padding: 10px;
  position: relative;
  overflow: hidden;
  border-top: 1px solid; }

.gwt-env .filter-label {
  float: left;
  margin-right: 10px;
  line-height: 25px; }

.gwt-env .input-date {
  width: 70px;
  padding: 2px; }

.gwt-env .table-controls .button {
  margin-right: 5px;
  margin-bottom: 10px;
  float: left; }

.gwt-env .filter-controls {
  float: right; }

.gwt-env .filter-controls .button {
  margin-left: 5px; }

.gwt-env .search-input {
  padding: 2px 25px 2px 2px;
  float: left;
  height: 16px;
  font-size: 13px; }

.gwt-env .meta-data .search-input {
  margin: 0; }

.gwt-env .meta-data .function-input {
  margin-top: -2px;
  width: 200px; }

/* @end */
.gwt-env .table {
  border: 1px solid;
  font-size: 90%;
  margin-bottom: 20px; }

.gwt-env .table-tasks-skills {
  border: 0; }

.gwt-env .table .button, .gwt-env .table a.button, .gwt-env .table a.button:visited {
  font-size: 14px; }

.gwt-env .table table {
  margin-bottom: 0; }

.gwt-env .table-simple th, .gwt-env .table-simple td.th {
  padding: 0; }

.gwt-env .table-review th, .gwt-env .table-review td.th {
  border-width: 0 0 1px 1px;
  border-style: solid;
  border-color: #000;
  font-weight: bold;
  padding: 0; }

.gwt-env .table-review th a, .gwt-env .table-review td.th a {
  background: url(../../skillskompas/static/gfx/icons-color/sort_arrow_dark.png) no-repeat 98% 7px;
  width: auto; }

.gwt-env .table-review-others .name span {
  display: inline-block;
  margin-right: 5px; }

.gwt-env .table-review-others .name .tooltip {
  padding: 0;
  width: 16px !important; }

.gwt-env .table tr.divider {
  border: 0 solid #bbb;
  border-bottom-width: 2px; }

.gwt-env .box-admin .table th, .gwt-env .box-admin .table td.th {
  background: none; }

.gwt-env .table th:first-child, .gwt-env .table td.th:first-child {
  background-image: none;
  border-left: 0; }

.gwt-env .table-review th:first-child, .gwt-env .table-review td.th:first-child, .gwt-env .table-auth th:first-child, .gwt-env .table-auth td.th:first-child {
  width: 15px;
  border-bottom: 1px solid #bbb;
  border-left: 0; }

.gwt-env .table th a, .gwt-env .table td.th a, .gwt-env .table th a:visited, .gwt-env .table td.th a:visited, .gwt-env .table .highlight th span, .gwt-env .table .highlight td.th span {
  padding: 5px 20px 5px 10px;
  display: block;
  text-decoration: none;
  color: #333;
  width: auto; }

.gwt-env .table th.select-all, .gwt-env .table td.th.select-all {
  width: 45px;
  *width: 55px; }

.gwt-env .table th.select-all a, .gwt-env .table td.th.select-all a {
  padding: 0;
  width: 16px;
  height: 22px;
  float: right;
  background: url(../../skillskompas/static/gfx/icons-color/sort_arrow_dark.png) no-repeat 98% 7px; }

.gwt-env .table th.select-all span.gwt-CheckBox, .gwt-env .table td.th.select-all span.gwt-CheckBox {
  float: left;
  padding: 5px 5px 5px 10px; }

.gwt-env .function-table th, .gwt-env .function-table td.th {
  padding: 5px 20px 5px 10px; }

.gwt-env .table div {
  position: relative;
  padding-right: 40px; }

.gwt-env .box-admin .table .checkColumn div {
  padding-right: 0; }

.gwt-env .table-controls div {
  padding-right: 0;
  display: inline; }

.gwt-env .table td {
  padding: 5px 10px;
  border: 0 solid #bbb;
  border-left-width: 1px; }

.gwt-env .table td:first-child {
  border-left: 0; }

.gwt-env .table td.th {
  font-weight: bold; }

.gwt-env .table .radio {
  width: 50px; }

.gwt-env .table .divider {
  width: 10px; }

.gwt-env .table-review tbody tr td:first-child, .gwt-env .table-auth tbody tr td:first-child {
  border-left: 0;
  width: 15px; }

.gwt-env .table-review-intro .check, .gwt-env .table .check {
  background: url(../../skillskompas/static/gfx/icons-color/tick.png) no-repeat 10px 50% !important;
  text-indent: -9999px;
  width: 16px; }

.gwt-env .table-review-intro .no-check, .gwt-env .table .no-check {
  background: url(../../skillskompas/static/gfx/icons-color/cross.png) no-repeat 10px 50% !important;
  text-indent: -9999px;
  width: 16px; }

.gwt-env .table .icon-error {
  background: url(../../skillskompas/static/gfx/icons-color/error.png) no-repeat 10px 50% !important;
  text-indent: -9999px;
  width: 16px; }

.gwt-env .table .core-task {
  background: url(../../skillskompas/static/gfx/icons-color/cross-green.png) no-repeat 10px 50% !important;
  text-indent: -9999px;
  width: 16px; }

.gwt-env table td.sub, .gwt-env .sub {
  padding-left: 30px;
  background: url(../../skillskompas/static/gfx/icons-color/indent.png) no-repeat 10px 5px !important; }

.gwt-env a.sub {
  background-position: 10px 0 !important; }

.gwt-env .table-team td.sub {
  padding-left: 37px;
  background-position: 17px 5px !important; }

.gwt-env .box-admin .table .check {
  background-position: 10px 6px; }

.gwt-env .box-admin .table .checkColumn span.check, .gwt-env .table span.no-check {
  display: block;
  background-position: 0 0 !important; }

.gwt-env .box-admin .table .checkColumn span {
  margin-right: 5px; }

.gwt-env .table .finished div {
  position: relative;
  padding-right: 40px; }

.gwt-env .table .lock, .gwt-env .table .edit {
  position: absolute;
  right: 20px;
  top: 0; }

.gwt-env .table .public, .gwt-env .table .delete {
  background: none;
  position: absolute;
  right: 0;
  top: 0;
  width: auto;
  height: auto;
  padding: 0; }

.gwt-env .brievenbus div, .gwt-env .brievenbus .edit, .gwt-env .brievenbus .delete {
  position: static; }

.gwt-env .table .public, .gwt-env .table .new-function {
  font-weight: bold; }

.gwt-env .table td a {
  text-decoration: none;
  color: #333; }

.gwt-env .table .finished a, .gwt-env .table .todo a {
  text-decoration: underline;
  font-weight: normal; }

.gwt-env .table .finished a:hover, .gwt-env .table .todo a:hover {
  text-decoration: none; }

.gwt-env .table th.warning a, .gwt-env .table td.warning a, .gwt-env .table td.warning {
  background: url(../../skillskompas/static/gfx/icons-color/bell.png) no-repeat 10px 50% !important;
  text-indent: -9999px;
  width: 16px;
  padding-right: 20px; }

.gwt-env .table .sorted-asc a, .gwt-env .table .sorted-desc a {
  background: no-repeat 100% 50%; }

.gwt-env .table .sorted-desc a {
  background-image: url(../../skillskompas/static/gfx/icons-color/sort_arrow_desc_dark.png) !important; }

.gwt-env .table .sorted-asc a {
  background-image: url(../../skillskompas/static/gfx/icons-color/sort_arrow_asc_dark.png) !important; }

.gwt-env .table td.name a:hover, .gwt-env .table td.function a:hover {
  cursor: pointer;
  text-decoration: underline; }

.gwt-env .box-review table {
  margin: 0 0 15px;
  font-size: 90%; }

.gwt-env .box-review table td {
  padding: 5px;
  border: 0; }

.gwt-env .box-review table tr td:first-child {
  background: url(../../skillskompas/static/gfx/icons-color/bell.png) no-repeat 5px 50%;
  padding-left: 25px; }

.gwt-env .table-tasks, .gwt-env .table-review-relative, .gwt-env .table-review, .gwt-env .table-auth {
  border-top: 0; }

.gwt-env .table-review div {
  padding-right: 0; }

.gwt-env .review-skill {
  padding: 0 15px 15px 35px;
  overflow: hidden;
  position: relative; }

.gwt-env .table-tasks .table-controls {
  border-bottom: 0; }

.gwt-env .table-tasks .table-controls label {
  margin-left: 10px; }

.gwt-env .table-review-relative th, .gwt-env .table-review-relative td.th, .gwt-env .table-review-relative td, .gwt-env .table-tasks th, .gwt-env .table-tasks td.th, .gwt-env .table-tasks td {
  text-align: center;
  padding: 5px;
  vertical-align: top; }

.gwt-env .table-review-relative th, .gwt-env .table-review-relative td.th, .gwt-env .table-review-relative tbody tr td.th:first-child, .gwt-env .table-tasks th, .gwt-env .table-tasks td.th, .gwt-env .table-tasks tbody tr td.th:first-child {
  border-bottom: 1px solid #bbb;
  border-top: 1px solid #bbb; }

.gwt-env .table-review-relative th:first-child, .gwt-env .table-review-relative td.th:first-child, .gwt-env .table-review-relative td:first-child, .gwt-env .table-tasks th:first-child, .gwt-env .table-tasks td.th:first-child, .gwt-env .table-tasks td:first-child {
  text-align: left;
  padding: 5px 10px; }

.gwt-env .table-tasks-skills th, .gwt-env .table-tasks-skills td.th, .gwt-env .table-tasks-skills td {
  text-align: right;
  vertical-align: top; }

.gwt-env .table-tasks-skills table td, .gwt-env .table-tasks-skills tbody tr td:first-child {
  border-width: 1px 0;
  border-style: solid;
  padding: 5px 10px; }

.gwt-env .table-tasks-skills th, .gwt-env .table-tasks-skills td.th {
  border: 0; }

.gwt-env .table-tasks-skills tbody tr th:first-child, .gwt-env .table-tasks-skills tbody tr td.th:first-child, .gwt-env .table-tasks-skills tbody tr td:first-child {
  width: auto;
  text-align: left; }

.gwt-env .table-content {
  margin-top: 10px; }

.gwt-env .table-training, .gwt-env .table-fba {
  margin-top: 10px;
  table-layout: fixed;
  width: 100%;
  overflow: hidden;
  border: 1px solid #ddd;
  word-wrap: break-word; }

.gwt-env .table-fba {
  border-style: none; }

.gwt-env .table-training thead th, .gwt-env .table-training td.th, .gwt-env .table-fba .tfoot td, .gwt-env .table-fba .thead th, .gwt-env .table-fba td.th {
  background: none;
  white-space: nowrap; }

.gwt-env .table-fba tbody td {
  border-style: none; }

.gwt-env .table-fba tbody .tfoot td, .gwt-env .table-fba tbody .thead th {
  border: solid #000; }

.gwt-env .table-fba tbody .tfoot td {
  border-width: 1px 0 0 0; }

.gwt-env .table-fba tbody .thead .th {
  border-style: solid;
  border-width: 0 0 1px 0; }

.gwt-env .table-training td a, .gwt-env .table-fba td a {
  display: inline;
  text-decoration: none;
  color: #000 !important; }

.gwt-env .table-training td:first-child {
  width: 200px; }

.gwt-env .table-fba > table > tbody > tr > td:first-child, .gwt-env .training-extensive td:first-child {
  width: 42px;
  padding: 0; }

.gwt-env .table-training td a:hover, .gwt-env .table-fba td a:hover {
  text-decoration: none; }

.gwt-env .table-training .selected td, .gwt-env .table-fba .selected td {
  font-weight: bold; }

.gwt-env .table-fba table {
  width: 100%; }

.gwt-env .table-fba table table td {
  padding-top: 2px;
  padding-bottom: 2px; }

.gwt-env .table-fba table table .sub {
  background-position: 60px 5px !important;
  padding-left: 85px; }

.gwt-env .table-fba table table .percentages.sub {
  background-position: 50% 2px !important;
  padding-left: 10px; }

.gwt-env .table-fba .ticks, .gwt-env .table-fba .percentages {
  width: 10em; }

.gwt-env .table-fba .ticks {
  text-align: right; }

.gwt-env .table-fba .percentages {
  text-align: center; }

.gwt-env .table-fba table table .percentages {
  text-align: right; }

.gwt-env .table-fba input[type=text] {
  width: 2.5em;
  text-align: right; }

.gwt-env .table-fba .tfoot .percentages .exclamation {
  display: none; }

.gwt-env .table-fba .tfoot .percentages .does-not-add-up {
  color: #c00; }

.gwt-env .table-fba .tfoot .percentages .does-not-add-up .exclamation {
  display: inline; }

.gwt-env .training-details div {
  padding-right: 0;
  padding-bottom: 0; }

.gwt-env .training-details h4 {
  margin-top: 15px; }

.gwt-env .training-details .range {
  width: 50%;
  margin-right: 0; }

.gwt-env .training-details .content-tasks-skills ul {
  margin: 10px 0; }

.gwt-env .training-details .content-tasks-skills li {
  padding-right: 0; }

.gwt-env .training-details .bar {
  background-color: #ccc; }

.gwt-env .training-details td {
  border-top: 1px solid;
  border-bottom: 1px solid;
  border-left: 0; }

.gwt-env .scale-indicator {
  float: right;
  width: 49%;
  position: relative; }

.gwt-env .scale-indicator span {
  width: 10%;
  text-align: center;
  position: absolute;
  top: -17px; }

.gwt-env .table-result, .gwt-env .table-diploma {
  table-layout: fixed;
  width: 100%;
  border: 0;
  word-wrap: break-word; }

.gwt-env .table-result thead th, .gwt-env .table-result td.th, .gwt-env .table-result th, .gwt-env .table-result td, .gwt-env .table-diploma thead th, .gwt-env .table-diploma td.th, .gwt-env .table-diploma th, .gwt-env .table-diploma td {
  background: none;
  padding: 0 5px 0 0;
  border: 0;
  font-size: 14px; }

.gwt-env .table-result td a, .gwt-env .table-diploma td a {
  display: inline;
  text-decoration: none;
  color: #000 !important; }

.gwt-env .table-result td a:hover, .gwt-env .table-diploma td a:hover {
  text-decoration: none; }

.gwt-env .certificate-norm, .gwt-env .certificate-score {
  width: 150px;
  text-align: right; }

.gwt-env .certificate-education-anchor {
  width: 30px; }

.gwt-env .table-result td.certificate-score, .gwt-env .table-diploma td.certificate-score {
  padding: 0; }

.gwt-env .table-result .result-title {
  text-align: left; }

.gwt-env .table-result .result-value {
  text-align: right; }

.gwt-env .table-review-min {
  border: 1px solid;
  table-layout: fixed;
  /*margin-bottom: 0;*/ }

.gwt-env .table-review-min td:first-child, .gwt-env .table-review-min th:first-child, .gwt-env .table-review-min td.th:first-child {
  width: auto !important; }

.gwt-env .table .highlight {
  background: #eee; }

.gwt-env .table-risk td, .gwt-env .table-risk .highlight .th {
  border-top: 1px solid #bbb; }

.gwt-env .date {
  white-space: nowrap; }

.gwt-env .table label {
  margin-right: 5px;
  white-space: nowrap; }

.gwt-env .table label input[type=checkbox] {
  margin-right: 5px; }

.gwt-env .table input[type=checkbox] + label {
  display: none; }

.gwt-env .no-sort span {
  padding: 5px 20px 5px 10px;
  display: block; }

.gwt-env .no-sort {
  background: none !important; }

.gwt-env .table-matrix {
  margin-top: 300px;
  display: inline-block;
  *float: left;
  *clear: float;
  border-top: 0; }

.gwt-env .table-matrix table {
  width: auto; }

.gwt-env .table-matrix td.th {
  font-weight: normal; }

.gwt-env .table-matrix .th em {
  color: #999;
  display: inline-block;
  width: 20px;
  font-style: normal;
  font-weight: normal; }

.gwt-env .table-matrix tr:first-child .th em {
  *padding-left: 10px; }

.gwt-env .table-matrix tr:first-child .th {
  /* Must text-align left in order to rotate in the right corner */
  text-align: left;
  padding: 0;
  cursor: default;
  border-top: 0; }

/* Outer span is just a reference for the inner span */
.gwt-env .table-matrix tr:first-child .th > span {
  position: relative; }

.gwt-env .table-matrix tr:first-child .th > span > span {
  font-weight: normal;
  /* Must remove span from normal flow in order to keep columns from widening */
  position: absolute;
  left: -0.5px;
  /*
    So far only Firefox does subpixel positioning = ignored by Opera, Chrome and Safari .
    But they got this right (visually) in the first place.
    This rule puts the rotated span exactly in place for Firefox
    (tested on Linux and Windows July 2010)
  */
  white-space: nowrap;
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  *filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -moz-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  padding: 9px;
  height: 23px;
  *top: -260px;
  width: 240px; }

@media \0screen {
  /* CSS hack for Internet Explorer 8 */
  .gwt-env .table-matrix tr:first-child .th > span > span {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation = 3);
    top: -240px; } }

.gwt-env .table-matrix td {
  border-top: 1px solid; }

.gwt-env .table-matrix .divider td {
  background-color: #eee;
  font-weight: bold; }

.gwt-env .table-matrix .cluster-item {
  padding-left: 20px; }

.gwt-env .table .diff {
  padding: 0;
  text-align: right; }

.gwt-env .diff-critical, .gwt-env .odd .diff-critical, .gwt-env .even .diff-critical {
  background-color: #fcc !important; }

.gwt-env .diff-major, .gwt-env .odd .diff-major, .gwt-env .even .diff-major {
  background-color: #fc9 !important; }

.gwt-env .diff-minor, .gwt-env .odd .diff-minor, .gwt-env .even .diff-minor {
  background-color: #ffc !important; }

.gwt-env .note-table table {
  table-layout: fixed; }

.gwt-env .note-table td {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.gwt-env .table.qualities td:first-child {
  width: 60%; }

.gwt-env .table.ambitions thead th {
  padding: 5px 10px; }

.gwt-env .table.ambitions textarea {
  height: 6em;
  width: 100%; }

.gwt-env .table.ambitions .textarea {
  width: 25em;
  white-space: nowrap; }

.gwt-env .table.ambitions .date {
  width: 15em;
  white-space: nowrap; }

.gwt-env .table.ambitions .icons {
  width: 3.5em;
  white-space: nowrap; }

.gwt-env .table.ambitions .sub, .gwt-env .table.ambitions .institute {
  display: block; }

.gwt-env .table.ambitions .institute {
  font-size: 85%; }

/* @group Table Pop */
.gwt-env .table.favorites .checkbox {
  width: 15%; }

.gwt-env .table.favorites .name {
  width: 40%; }

.gwt-env .table.favorites .source {
  width: 35%; }

.gwt-env .table.ambitions-overview .name {
  width: 20%; }

.gwt-env .table.ambitions-overview .rationale {
  width: 50%; }

.gwt-env .table.ambitions-overview .date {
  width: 20%; }

.gwt-env .advise-list .name {
  width: 25%; }

.gwt-env .advise-list .rationale {
  width: 40%; }

.gwt-env .advise-list .advised-by {
  width: 15%; }

.gwt-env .advise-list .advised-on {
  width: 15%; }

.gwt-env .advise-list .options {
  width: 10%; }

/* @end */
/* @end */
/* @group Tooltip */
.gwt-env .tooltip {
  background: transparent url(../../skillskompas/static/gfx/icons-color/information.png) no-repeat 50% 50% !important;
  display: inline-block !important;
  width: 20px;
  height: 20px;
  margin-bottom: -5px;
  padding: 0 !important;
  text-decoration: none;
  vertical-align: top;
  /* Added for compatibility with new styling */
  position: static;
  top: 0;
  /* Added for compatibility with new styling */ }

.gwt-env .tooltip-td {
  width: 100%;
  background: none !important;
  padding: 5px 10px !important;
  -webkit-box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  box-sizing: border-box !important;
  margin: 0; }

.gwt-env .tooltip-group-icon {
  background-image: url(../../skillskompas/static/gfx/icons-color/group.png) !important; }

.gwt-env .tooltip-user-icon {
  background-image: url(../../skillskompas/static/gfx/icons-color/user.png) !important; }

.gwt-env .tooltip-owner-icon {
  background-image: url(../../skillskompas/static/gfx/icons-color/user_key.png) !important; }

.gwt-env .tooltip-bin-icon {
  background-image: url(../../skillskompas/static/gfx/icons-color/bin_closed.png) !important; }

.gwt-env .tooltip-pencil-icon {
  background-image: url(../../skillskompas/static/gfx/icons-color/pencil.png) !important; }

.gwt-env .tooltip-eye-icon {
  background-image: url(../../skillskompas/static/gfx/icons-color/eye.png) !important; }

.gwt-env .tooltip-add-note-icon {
  background-image: url(../../skillskompas/static/gfx/icons-color/note_add.png) !important;
  margin-top: -2px; }

.gwt-env .tooltip-unordered-list-icon {
  background-image: url(../../skillskompas/static/gfx/icons-color/text_list_bullets.png) !important; }

.gwt-env .tooltip-checked-icon {
  cursor: default;
  background-image: url(../../skillskompas/static/gfx/icons-color/tick.png) !important; }

.gwt-env .tooltip-unchecked-icon {
  cursor: default;
  background-image: url(../../skillskompas/static/gfx/icons-color/cross.png) !important; }

.gwt-env .disabled .tooltip.tooltip-bin-icon {
  background-image: url(../../skillskompas/static/gfx/icons-grayscale/bin_closed.png) !important; }

.gwt-env .disabled .tooltip.tooltip-pencil-icon {
  background-image: url(../../skillskompas/static/gfx/icons-grayscale/pencil.png) !important; }

.gwt-env .disabled .tooltip {
  background-image: url(../../skillskompas/static/gfx/icons-grayscale/information.png) !important; }

.gwt-env .tooltip:hover {
  text-decoration: none !important;
  background-color: #fff; }

.gwt-env .tooltip span.first-child, .gwt-env.repositionedTooltip {
  font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size: 13px;
  background: #fff;
  position: absolute;
  left: -9999px;
  padding: 10px;
  margin: 16px;
  z-index: 8888;
  text-align: left;
  font-weight: normal;
  border: 1px solid;
  color: #333; }

.gwt-env .tooltip span.first-child, .gwt-env.repositionedTooltip span.first-child {
  display: block;
  max-width: 550px; }

.gwt-env .keep-linefeed {
  white-space: pre-wrap; }

.gwt-env.repositionedTooltip.wide span.first-child {
  width: 550px; }

.gwt-env .tooltip:hover span.first-child {
  left: auto;
  display: block; }

.gwt-env .tooltip strong, .gwt-env .tooltip-group strong, .gwt-env.repositionedTooltip strong {
  display: block; }

.gwt-env .tooltip-large span.first-child {
  width: 600px;
  max-height: 300px;
  overflow: auto; }

.gwt-env .tooltip-group span.first-child, .gwt-env.repositionedTooltip span.tooltip-group {
  width: auto; }

.gwt-env .list-group {
  float: left;
  margin: 0 20px 0 0; }

.gwt-env .add-user {
  display: block;
  white-space: nowrap;
  margin-bottom: 10px; }

/* @end */
/* @group Misc */
.gwt-env .required-note {
  text-align: right;
  font-size: 90%; }

.gwt-env .current-function {
  margin-bottom: 20px; }

.gwt-env .current-function p {
  width: 100%; }

.gwt-env .current-function ul {
  margin: 0 0 15px; }

.gwt-env .current-function li {
  list-style: none;
  display: inline;
  padding: 0;
  margin: 0 15px 0 0; }

.gwt-env .current-function strong {
  margin-right: 10px; }

.gwt-env .edit-function, .gwt-env .pick-function, .gwt-env .check-review, .gwt-env .view {
  padding: 0 0 0 25px;
  font-size: 90%;
  margin-left: 10px; }

.gwt-env .view {
  font-size: 100%; }

.gwt-env .edit-function {
  background: url(../../skillskompas/static/gfx/icons-color/pencil.png) no-repeat 0 50%; }

.gwt-env .pick-function {
  background: url(../../skillskompas/static/gfx/icons-color/arrow_switch.png) no-repeat 0 50%; }

.gwt-env .current-function .pick-function {
  margin-left: 0;
  display: inline-block; }

.gwt-env .check-review, .gwt-env .view {
  background: url(../../skillskompas/static/gfx/icons-color/eye.png) no-repeat 0 50%; }

.gwt-env .select-tasks li {
  padding: 0 0 0 25px;
  margin: 0;
  list-style: none; }

.gwt-env .select-tasks li input {
  position: absolute;
  margin-left: -25px;
  margin-top: 3px;
  *margin-top: 0; }

.gwt-env .meta-data {
  border-width: 1px 0;
  border-style: solid;
  overflow: hidden;
  font-size: 95%;
  margin: 0;
  zoom: 1;
  padding: 10px 0; }

.gwt-env div.meta-data {
  border-bottom: 0; }

.gwt-env .meta-data li {
  float: left;
  margin: 0 15px 0 0;
  padding: 0;
  list-style: none;
  white-space: nowrap; }

.gwt-env .meta-data li ul {
  padding: 0;
  margin: 0; }

.gwt-env .meta-data li li {
  float: none; }

.gwt-env .meta-data .last-child {
  float: right;
  margin: 0; }

.gwt-env .meta-data input {
  margin-right: 5px; }

.gwt-env .meta-data .key {
  font-weight: bold;
  margin-right: 10px; }

.gwt-env .meta-data .left {
  float: left;
  margin: 0 15px 0 0; }

.gwt-env .meta-data .right {
  float: right;
  margin: 0 0 0 15px; }

.gwt-env .data li {
  list-style: none;
  margin: 0;
  padding: 0; }

.gwt-env .data li li {
  list-style: disc;
  margin-left: 20px; }

.gwt-env .radio-list li {
  list-style: none;
  margin: 0;
  padding: 2px 0;
  position: relative; }

.gwt-env .radio-list li input {
  position: absolute;
  left: -20px;
  top: 6px;
  *top: 0; }

.gwt-env .radio-list em {
  font-size: 90%; }

.gwt-env ul.legenda {
  float: right;
  font-size: 90%;
  margin-top: 10px; }

.gwt-env ul.legenda li {
  list-style: none; }

.gwt-env ul.legenda strong {
  display: inline-block;
  width: 20px;
  text-align: center;
  margin-right: 5px; }

.gwt-env ul.legenda img {
  vertical-align: middle; }

.gwt-env .switch {
  float: left;
  background: url(../../skillskompas/static/gfx/icons-color/arrow_switch.png) no-repeat 100% 50%;
  width: 16px;
  height: 36px;
  margin-right: 15px;
  text-indent: -9999px; }

.gwt-env div.legenda {
  font-size: 90%;
  margin-bottom: 20px;
  overflow: hidden; }

.gwt-env div.legenda.compare p {
  margin: 0;
  padding-left: 70px; }

.gwt-env div.legenda.compare .color {
  position: absolute;
  margin: 4px 0 0 -70px; }

.gwt-env div.legenda ul {
  margin-left: 70px; }

.gwt-env table.legenda {
  font-size: 90%;
  width: auto;
  margin: 10px 0; }

.gwt-env .legenda th, .gwt-env .gwt-env .legenda td.th, .gwt-env .gwt-env .legenda td {
  vertical-align: top;
  padding: 0 10px 0 0; }

.gwt-env .legenda div {
  display: inline; }

.gwt-env table.legenda td.th {
  font-weight: bold; }

.gwt-env .review-result .box .legenda {
  font-size: 70%;
  float: none;
  width: 110%; }

.gwt-env .review-result .box .legenda strong {
  margin-right: 5px;
  text-align: right; }

.gwt-env .review-result .box .legenda li {
  margin-left: 0;
  padding-left: 0;
  margin-bottom: 2px; }

.gwt-env .color {
  background: transparent url(../../skillskompas/static/gfx/gradient-light.png) 0 0 repeat-x;
  _background-image: none;
  display: inline-block;
  width: 60px;
  height: 10px;
  margin-right: 10px; }

.gwt-env .color1 {
  background-color: #333; }

.gwt-env .color1-th {
  border-bottom: #333 3px solid !important; }

.gwt-env .color2 {
  background-color: #999; }

.gwt-env .color2-th {
  border-bottom: #999 3px solid !important; }

.gwt-env .review-skill .primary-button {
  float: none;
  margin-left: 24px; }

.gwt-env .review-skill .radio-list {
  margin-left: 24px; }

.gwt-env .compare-picker {
  overflow: hidden;
  zoom: 1; }

.gwt-env .compare-picker .button {
  margin: 5px 1% 15px; }

.gwt-env .review-picker {
  margin: 10px 0; }

.gwt-env .review-picker p {
  font-weight: bold;
  margin: 0 0 5px; }

.gwt-env .review-picker select {
  width: 100%;
  font-size: 90%; }

.gwt-env .notebook {
  display: block;
  width: 100%;
  height: 200px;
  overflow: auto; }

.gwt-env .content-tasks-heading {
  padding-right: 24px;
  position: relative; }

.gwt-env .content-tasks-skills {
  padding-bottom: 10px;
  position: relative; }

.gwt-env .content-tasks-skills li {
  margin: 0;
  padding: 5px 24px 5px 0;
  list-style: none;
  clear: both;
  position: relative; }

.gwt-env .tooltip .content-tasks-skills li, .gwt-env.repositionedTooltip .content-tasks-skills li {
  padding-top: 0;
  padding-bottom: 0; }

.gwt-env .content-tasks-skills li:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0; }

.gwt-env .content-tasks-skills li em {
  position: absolute;
  right: 0;
  top: 3px;
  font-size: 90%;
  line-height: 1.8;
  color: #999;
  font-style: normal; }

.gwt-env .content-tasks-skills li .bar em {
  color: #fff;
  line-height: 1; }

.gwt-env .content-tasks-skills li .bar-compare em {
  line-height: 0.5; }

.gwt-env .content-tasks-skills li .score-zero em {
  color: #333;
  position: relative; }

.gwt-env .content-tasks-skills .tooltip ul {
  margin-left: 15px; }

.gwt-env .content-tasks-skills .tooltip li {
  padding: 0;
  list-style-type: disc;
  overflow: visible; }

.gwt-env .content-tasks-skills .label {
  width: 45.5%;
  padding-right: 2%;
  padding-left: 1.5%;
  float: left; }

.gwt-env .tooltip .content-tasks-skills .label, .gwt-env.repositionedTooltip .content-tasks-skills .label {
  width: 58%; }

.gwt-env .content-tasks-skills .label-weight {
  padding-left: 74px;
  -moz-box-sizing: border-box !important;
  -webkit-box-sizing: border-box !important;
  box-sizing: border-box !important; }

.gwt-env .bar {
  float: right;
  border: 1px solid;
  width: 49%;
  height: 20px;
  position: relative;
  line-height: 1.2; }

.gwt-env .side-by-side .bar {
  width: 23%;
  margin-right: 2%;
  float: left; }

.gwt-env .side-by-side {
  position: relative; }

.gwt-env .side-by-side .reviewer {
  width: 48%;
  overflow: hidden;
  position: absolute;
  left: 47%;
  top: -22px; }

.gwt-env .side-by-side .reviewer li {
  float: left;
  width: 46%;
  margin-right: 4%;
  font-weight: bold;
  font-size: 11px;
  padding: 0;
  clear: none; }

.gwt-env .tooltip .content-tasks-skills .bar, .gwt-env.repositionedTooltip .content-tasks-skills .bar {
  width: 37%;
  height: 14px;
  top: 2px; }

.gwt-env .tooltip .content-tasks-skills .bar em, .gwt-env.repositionedTooltip .content-tasks-skills .bar em {
  line-height: 0.5; }

.gwt-env .bar-relevance {
  background-color: #ccc !important;
  height: 10px;
  margin-top: 4px;
  padding-right: 0 !important;
  width: 100%; }

.gwt-env .bar-relevance .score {
  height: 10px; }

.gwt-env .box-heading .bar {
  position: absolute;
  right: 12px;
  top: 12px;
  background-color: #fff; }

.gwt-env .bar-compare {
  line-height: .8;
  line-height: 1 \9;
  font-size: 70%; }

.gwt-env .score, .gwt-env .box-heading .score {
  position: absolute;
  left: 0;
  background: #333 url(../../skillskompas/static/gfx/gradient-light.png) 0 0 repeat-x;
  _background-image: none;
  height: 20px;
  text-align: right;
  color: #fff;
  text-shadow: none;
  z-index: 1;
  padding: 0; }

.gwt-env .tooltip .content-tasks-skills .score, .gwt-env.repositionedTooltip .content-tasks-skills .score {
  height: 100%;
  line-height: 14px; }

.gwt-env .box-heading .score span {
  line-height: 16px; }

.gwt-env .bar-compare .score {
  height: 10px; }

.gwt-env .tooltip .content-tasks-skills .bar.bar-compare .score, .gwt-env.repositionedTooltip .content-tasks-skills .bar.bar-compare .score {
  height: 7px;
  line-height: 7px; }

.gwt-env .tooltip .content-tasks-skills .bar.bar-compare .score-alt, .gwt-env.repositionedTooltip .content-tasks-skills .bar.bar-compare .score-alt {
  height: 7px;
  top: 7px;
  line-height: 7px; }

.gwt-env .bar-relative .score {
  left: auto; }

.gwt-env .score-alt {
  background-color: #999;
  position: absolute;
  bottom: 0; }

.gwt-env .score-zero {
  color: #333;
  right: 49%;
  width: 9px; }

.gwt-env .bar img, .gwt-env .bar em {
  margin: 0 5px;
  font-style: normal; }

.gwt-env .bar img {
  *margin-top: 5px; }

.gwt-env .bar-compare img {
  *margin-bottom: 2px; }

.gwt-env .norm {
  border-width: 0 1px;
  border-style: dotted;
  position: absolute;
  margin-left: -1px;
  width: 40px;
  height: 50px; }

.gwt-env .tooltip .norm, .gwt-env.repositionedTooltip .norm {
  height: 33px; }

.gwt-env .potential {
  display: block;
  height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #999;
  z-index: 0; }

.gwt-env .box-heading .norm {
  height: 28px;
  border: 1px dotted #ccc;
  margin-top: -5px;
  background: transparent;
  position: absolute; }

.gwt-env li.only-child .norm {
  height: 28px;
  border-width: 1px;
  margin-top: -5px; }

.gwt-env li.first-child .norm {
  border-width: 1px 1px 0;
  top: -6px;
  margin-top: 0; }

.gwt-env li.last-child .norm {
  border-width: 0 1px 1px;
  bottom: -6px; }

.gwt-env .bar-relative .norm {
  border-width: 0 0 0 1px !important;
  border-style: solid; }

.gwt-env .scale {
  position: absolute;
  right: 0;
  top: 0;
  width: 49%;
  margin-bottom: 0;
  margin-right: 24px;
  font-size: 90%;
  font-weight: normal; }

.gwt-env .content-tasks-skills .scale li {
  float: left;
  width: 20%;
  *width: 19.8%;
  clear: none;
  padding: 0;
  text-align: center; }

.gwt-env .content-tasks-skills .scale .first-child {
  text-align: left;
  width: 10%; }

.gwt-env .content-tasks-skills .scale .last-child {
  text-align: right;
  width: 10%; }

.gwt-env .content-tasks-skills .bar-count-legend {
  position: absolute;
  width: 12.6666%;
  right: 0;
  bottom: -1.8em;
  margin-right: -10%;
  text-align: center;
  font-weight: normal;
  font-size: 90%; }

.gwt-env .content-tasks-skills .bar .count {
  position: absolute;
  width: 31%;
  right: -31%;
  text-align: center;
  line-height: 20px; }

.gwt-env .content-tasks-heading h4 {
  width: 49%; }

.gwt-env .range {
  float: right;
  width: 49%;
  margin-bottom: 0;
  *margin-bottom: -15px;
  *position: relative;
  *top: 10px;
  font-size: 90%;
  font-weight: normal; }

.gwt-env .content-tasks-skills h4 {
  padding-right: 24px; }

.gwt-env .content-tasks-skills .scale, .gwt-env .content-tasks-skills .range {
  /*clear: none;*/
  float: right;
  position: relative;
  margin-right: 0;
  right: auto; }

.gwt-env .content-tasks-skills .scale-explanation {
  float: right;
  font-weight: normal;
  font-size: 90%;
  margin: 0 4% 0 0;
  max-width: 45%; }

.gwt-env .tooltip .content-tasks-skills .scale, .gwt-env .tooltip .content-tasks-skills .range, .gwt-env .tooltip .content-tasks-heading .range, .gwt-env.repositionedTooltip .content-tasks-skills .scale, .gwt-env.repositionedTooltip .content-tasks-skills .range, .gwt-env.repositionedTooltip .content-tasks-heading .range {
  width: 37%;
  margin-right: 0;
  font-size: 80%; }

.gwt-env .range li {
  float: left;
  width: 15%;
  clear: none;
  padding: 0;
  text-align: center;
  list-style: none;
  margin-left: 0; }

.gwt-env .range .first-child {
  text-align: left;
  width: 20%; }

.gwt-env .range .last-child {
  text-align: right;
  width: 20%; }

.gwt-env .range .middleLevel {
  text-align: right;
  width: 30%; }

.gwt-env .radar-chart, .gwt-env .function-visual {
  margin: 20px 0;
  text-align: right;
  width: 185px; }

.gwt-env .box-collapse .radar-chart, .gwt-env .radar-chart-overview .radar-chart {
  width: 100%; }

.gwt-env .radar-chart-overview {
  margin-bottom: 15px; }

.gwt-env .radar-chart-overview .radar-chart {
  text-align: center;
  margin-top: 0; }

.gwt-env .radar-chart-overview > div {
  border-left: 1px solid #eee;
  margin-right: -1px; }

.gwt-env .radar-chart-overview > div:first-child {
  border-left: none; }

.gwt-env .radar-chart-overview .radar-chart img, .gwt-env .box-collapse .radar-chart img {
  max-width: 100% !important;
  display: block;
  margin: 0 auto; }

.gwt-env .radar-chart a, .gwt-env .function-visual a {
  text-decoration: none;
  color: #999; }

.gwt-env .radar-chart a:hover, .gwt-env .function-visual a:hover {
  color: #333; }

.gwt-env .radar-chart em, .gwt-env .function-visual em {
  font-style: normal;
  *display: block;
  *text-align: left; }

.gwt-env .list-select {
  margin-left: 25px; }

.gwt-env .list-select.withSlider {
  margin-left: 20px; }

.gwt-env .list-select ul {
  margin: 0; }

.gwt-env .list-select li {
  list-style: none;
  margin: 0;
  padding: 2px 0; }

.gwt-env .list-select.withSlider li {
  padding: 0; }

.gwt-env .list-select.withSlider > li {
  padding-top: 2px;
  line-height: 1.5; }

.gwt-env .list-select.withSlider li > ul > li > a {
  padding-left: 20px;
  padding-top: 0;
  margin-left: 0; }

.gwt-env .list-select.withSlider li > ul > li > ul {
  padding-left: 20px;
  margin-left: 0; }

.gwt-env .list-select li li {
  padding: 2px 0 2px 25px;
  *width: 95%;
  position: relative; }

.gwt-env .list-select.withSlider li li {
  *width: 100%; }

.gwt-env .list-select.withSlider label {
  position: relative;
  background-color: #fff;
  padding-right: 10px; }

.gwt-env .list-select.withSlider label:after {
  display: block;
  position: absolute;
  height: 1.5em;
  top: 0;
  left: 0;
  background: url(../../skillskompas/static/gfx/dashed-line-part.gif) 0 50% repeat-x;
  width: 700px;
  content: "";
  z-index: -1; }

.gwt-env .list-select.withSlider .sliderContainer {
  min-height: 1.5em;
  position: relative;
  width: 200px;
  padding-left: 30px;
  float: right;
  background-color: white; }

.gwt-env .list-select li input {
  position: absolute;
  left: 2px;
  top: 5px; }

.gwt-env .list-select.withSlider .sliderContainer input.enableSlider {
  *top: 1px;
  left: 10px;
  z-index: 1101;
  background-color: white; }

.gwt-env .list-select li a {
  display: inline-block;
  background: url(../../skillskompas/static/gfx/icons-color/folder_closed.png) no-repeat 0 2px;
  font-weight: bold;
  padding: 2px 0 2px 25px;
  color: #333;
  margin-left: -25px; }

.gwt-env .list-select.withSlider li a {
  padding: 2px 0 0 20px;
  margin-left: -20px; }

.gwt-env .list-select.withSlider li .range {
  width: 200px; }

.gwt-env .list-select.withSlider li .range li {
  width: 50%; }

.gwt-env .list-select li a.popup, .gwt-env .list-select li a.tooltip {
  margin-left: 0; }

.gwt-env .list-select .open {
  background-image: url(../../skillskompas/static/gfx/icons-color/folder_open.png); }

.gwt-env .list-select .closed-selection {
  background-image: url(../../skillskompas/static/gfx/icons-color/folder_closed_tick.png); }

.gwt-env .list-select .open-selection {
  background-image: url(../../skillskompas/static/gfx/icons-color/folder_open_tick.png); }

.gwt-env .list-select a {
  text-decoration: none;
  color: #333; }

.gwt-env .list-select input {
  margin-right: 5px; }

.gwt-env .list-select em {
  font-style: normal;
  font-size: 90%;
  color: #999;
  font-weight: normal; }

.gwt-env .list-select.withSlider li .ui-slider a.ui-slider-handle {
  padding: 0;
  margin: 0;
  background-image: none; }

.gwt-env .function-selection li {
  list-style: none;
  padding: 4px 20px 4px 0;
  margin: 0 0 -1px;
  border-width: 1px 0;
  border-style: solid;
  border-color: #bbb;
  position: relative; }

.gwt-env .function-selection li:first-child {
  border-top: 0; }

.gwt-env .function-selection li:last-child {
  border-bottom: 0; }

.gwt-env .function-selection span {
  margin-left: 5px;
  width: 40%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: top; }

.gwt-env .function-selection .revert-link {
  position: absolute;
  right: 50%;
  height: 10px; }

.gwt-env .function-selection input {
  position: absolute;
  right: 0;
  top: 1px; }

.gwt-env .list-selection li {
  list-style: none;
  padding: 4px 20px 4px 0;
  margin: 0 0 -1px;
  border-width: 1px 0;
  border-style: solid;
  border-color: #bbb;
  position: relative; }

.gwt-env .list-selection li .disabled {
  color: #eee; }

.gwt-env .list-selection li em {
  font-size: 80%;
  font-style: normal;
  color: #f00;
  position: absolute;
  right: 30px; }

.gwt-env .list-selection li em.function {
  position: static;
  display: block; }

.gwt-env .auth .list-selection li:first-child {
  border-top: 0; }

.gwt-env .auth .list-selection li:last-child {
  border-bottom: 0; }

.gwt-env .list-selection input {
  position: absolute;
  right: 0;
  top: 4px;
  margin: 2px 5px 0 0; }

.gwt-env .group-box {
  border: 1px solid #bbb;
  background-color: #eee;
  padding: 40px 15px 15px;
  margin-bottom: 15px;
  position: relative;
  text-shadow: none; }

.gwt-env .group-box .controls {
  left: -45px;
  top: 47px;
  margin-top: -29px;
  margin-left: 0; }

.gwt-env .group-box .delete-link {
  position: absolute;
  top: 10px;
  right: 20px;
  color: #000; }

.gwt-env .group-box .delete-link:before {
  content: "X ";
  font-weight: bold;
  color: #ff0000;
  text-decoration: underline; }

.gwt-env .group-box .delete-link:hover, .gwt-env .group-box .delete-link:hover:before {
  text-decoration: none; }

.gwt-env .group-box .delete-link img {
  vertical-align: middle; }

.gwt-env .group-box .list-selection {
  margin: 10px 0; }

.gwt-env .group-box .list-selection li {
  border-color: #666; }

.gwt-env .preferences .grid_12 {
  min-height: 100%; }

.gwt-env .prefQualSummary {
  display: none;
  width: 80%;
  right: -75%;
  position: absolute;
  top: 5px;
  bottom: 15px;
  padding: 0 20px 10px;
  background-color: #fff;
  border: 1px solid #bbb;
  z-index: 1201;
  overflow: auto; }

.gwt-env .prefQualSummary.shown {
  right: -5px;
  display: block; }

.gwt-env .prefQualSummary .page-buttons {
  right: 20px;
  top: 11px;
  cursor: pointer; }

.gwt-env .list-container {
  position: relative;
  zoom: 1; }

.gwt-env .list-col {
  width: 45%; }

.gwt-env .list-first {
  float: left; }

.gwt-env .list-last {
  float: right; }

.gwt-env .list-col li em {
  color: #bbb; }

.gwt-env .list-container .controls {
  top: auto;
  margin-top: 45px; }

.gwt-env .list-container .button {
  position: relative;
  clear: both; }

.gwt-env .list-container .button:first-child {
  position: absolute;
  right: 0;
  z-index: 1; }

.gwt-env .make-selection, .gwt-env .grid_12 .make-selection {
  width: 100%;
  font-size: 80%;
  text-align: right;
  margin: 5px 0; }

.gwt-env .show-selection {
  display: block;
  margin-bottom: 15px; }

.gwt-env .delete {
  position: absolute;
  right: 0;
  padding-right: 5px;
  width: 20px;
  height: 20px;
  background: url(../../skillskompas/static/gfx/icons-color/bin_closed.png) 50% 50% no-repeat;
  text-decoration: none; }

.gwt-env .expand {
  display: inline-block;
  padding-bottom: 15px;
  font-size: 90%;
  color: #999; }

.gwt-env a.popup, .gwt-env .list-select li a.popup {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(../../skillskompas/static/gfx/icons-color/application_double.png) 100% 50% no-repeat;
  padding: 0;
  position: relative;
  margin-bottom: -5px; }

.gwt-env .lightbox-fixed .lightbox-content {
  height: 300px;
  overflow: auto;
  border-width: 1px 0;
  border-style: solid;
  border-color: #bbb; }

.gwt-env .lightbox-fixed .lightbox-content p {
  padding-bottom: 15px;
  margin-bottom: 0; }

.gwt-env .lightbox-fixed .lightbox-footer {
  padding: 0 15px 15px;
  overflow: hidden; }

.gwt-env .add, .gwt-env .remove {
  width: 48.5%;
  padding: 10px 0; }

.gwt-env .add strong, .gwt-env .remove strong {
  margin-right: 10px; }

.gwt-env .add .button {
  float: none;
  margin-top: 8px; }

.gwt-env .remove .button {
  float: none;
  margin-top: 5px; }

.gwt-env .add {
  float: left; }

.gwt-env .remove {
  float: right; }

.gwt-env .controls {
  position: absolute;
  width: 26px;
  top: 60px;
  left: 10px;
  _left: 0;
  margin-left: 47%;
  *margin-left: 45%;
  _margin-left: 0; }

.gwt-env .controls a {
  display: inline-block;
  padding: 0 5px;
  text-decoration: none;
  margin-bottom: 5px; }

.gwt-env .controls img {
  vertical-align: top; }

.gwt-env .add div {
  width: 50%;
  float: left; }

.gwt-env .add .basic-search {
  width: 49%;
  float: right;
  margin: 0; }

.gwt-env .add .basic-search input[type=checkbox] {
  margin-right: 5px; }

.gwt-env .add input[type=text] {
  margin-bottom: 5px; }

.gwt-env .add br {
  clear: left; }

.gwt-env .form-wide .reminder {
  float: left;
  width: 30%;
  margin-right: 10px; }

.gwt-env .form-wide .input em {
  font-style: normal;
  font-size: 90%;
  line-height: 20px !important; }

.gwt-env .expand-collapse-all {
  text-align: right;
  padding: 15px 0;
  overflow: hidden;
  white-space: nowrap; }

.gwt-env .table .expand-collapse-all {
  float: right;
  text-align: left;
  padding: 0;
  overflow: auto; }

.gwt-env .expand-collapse-all .button {
  margin: 0 0 0 5px;
  float: none; }

.gwt-env .brievenbus {
  height: auto;
  _height: 145px;
  overflow: auto;
  overflow-x: hidden; }

.gwt-env .tick-dark {
  display: none; }

.gwt-env .show-example, .gwt-env .review-skill-container .show-example {
  font-size: 12px;
  color: #999;
  text-decoration: underline;
  font-weight: normal;
  padding-left: 0; }

.gwt-env .show-example:hover {
  text-decoration: none; }

.gwt-env .overflow {
  overflow: hidden;
  height: auto !important; }

.gwt-env .icon {
  background: no-repeat 50% 50%;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-bottom: -5px;
  padding: 0;
  text-decoration: none;
  text-indent: -9999px; }

.gwt-env .invite-list {
  margin-left: 5px; }

.gwt-env .invite-list li {
  padding: 2px 0; }

.gwt-env .invite-list ul {
  margin-top: 5px; }

.gwt-env .invite-list .user-icon {
  list-style: none;
  margin: 5px 0 0;
  background: url(../../skillskompas/static/gfx/icons-color/user_add.png) no-repeat 0 50%;
  position: relative;
  left: -4px;
  padding: 0 0 0 24px; }

.gwt-env .show-latest {
  position: relative;
  top: 3px; }

.gwt-env .show-latest label {
  display: none; }

.gwt-env .label-group {
  margin-bottom: 15px; }

.gwt-env #open-questions li {
  margin-bottom: 25px; }

.gwt-env #open-questions .open-question-form {
  border: 1px solid #bbbbbb;
  border-bottom: none; }
  .gwt-env #open-questions .open-question-form > div,
  .gwt-env #open-questions .open-question-form > label {
    border-bottom: 1px solid #bbbbbb; }

.gwt-env #open-questions label {
  display: block;
  padding: 10px; }

.gwt-env #open-questions textarea {
  border: none;
  width: 100%;
  resize: vertical;
  min-height: 100px;
  margin-top: 10px; }

.gwt-env #open-answers .question-category-description,
.gwt-env #open-questions .question-category-description {
  width: 100%;
  font-style: italic;
  white-space: pre-wrap;
  /* css-3 */
  white-space: -moz-pre-wrap;
  /* Mozilla, since 1999 */
  white-space: -pre-wrap;
  /* Opera 4-6 */
  white-space: -o-pre-wrap;
  /* Opera 7 */
  word-wrap: break-word; }

.gwt-env .open-answers h4 {
  font-size: 18px;
  font-weight: normal;
  zoom: 1; }

.gwt-env .open-answers h5 {
  font-size: 16px;
  font-weight: normal;
  zoom: 1; }

.gwt-env .open-answers li {
  margin-bottom: 20px;
  margin-left: 0;
  list-style-position: inside; }

.gwt-env .open-answers div {
  font-weight: normal;
  margin-top: 5px; }

.gwt-env .open-question-radiobuttons {
  display: table;
  width: 100%;
  table-layout: fixed; }
  .gwt-env .open-question-radiobuttons .radio-input {
    display: table-cell;
    border-left: 1px solid #bbbbbb;
    text-align: center;
    padding: 10px;
    margin: initial; }
    .gwt-env .open-question-radiobuttons .radio-input:first-child {
      border-left: none; }
    .gwt-env .open-question-radiobuttons .radio-input input[type="radio"] {
      margin: initial; }
    .gwt-env .open-question-radiobuttons .radio-input label {
      border: none;
      padding: 0; }
  .gwt-env .open-question-radiobuttons.vertical {
    display: block; }
    .gwt-env .open-question-radiobuttons.vertical .radio-input {
      display: block;
      text-align: left;
      border: none; }
      .gwt-env .open-question-radiobuttons.vertical .radio-input label {
        display: inline !important; }

.gwt-env .answer {
  color: #333;
  margin: 10px 0; }

.gwt-env .answer-alt {
  color: #999;
  margin: 10px 0; }

.gwt-env .gwt-SuggestBox {
  padding: 0;
  width: inherit; }

/* the suggest box itself */
.gwt-env .gwt-SuggestBoxPopup {
  z-index: 1110;
  background: #fff;
  border: 1px solid #e1e1e1; }

/* the suggestion popup */
.gwt-env .gwt-SuggestBoxPopup .item {
  padding: 0 3px; }

/* an unselected suggestion */
.gwt-env .gwt-SuggestBoxPopup .item-selected {
  background: #e1e1e1; }

/* a selected suggestion */
.gwt-env .date-picker {
  margin-bottom: 15px; }

.gwt-env .inline-date-picker {
  display: inline-block;
  margin-left: 15px; }

.gwt-env .date-picker-container {
  overflow: hidden;
  margin-top: 15px; }

.gwt-env .inline-date-picker-container {
  overflow: hidden;
  display: inline-block; }

.gwt-env .choice {
  margin-bottom: 15px;
  clear: both; }

.gwt-env .choice label:first-child:after {
  content: "/";
  margin-left: 5px; }

.gwt-env .choice input {
  vertical-align: middle; }

.gwt-env .choice-list label:first-child:after {
  display: none; }

.gwt-env .past {
  color: #c00; }

.gwt-env .label-weight .weight {
  float: left;
  width: 64px;
  text-align: right;
  margin-right: 10px;
  margin-left: -74px; }

.gwt-env .out, .gwt-env .table-result td .out, .gwt-env .table-diploma td .out {
  display: block;
  width: 20px;
  height: 20px;
  background: url(../../skillskompas/static/gfx/icons-color/arrow_out_2.png) no-repeat 100% 50%; }

.gwt-env .result-anchor .out {
  display: block !important; }

.gwt-env .content-tasks-skills .out {
  position: absolute;
  right: 0;
  top: 5px; }

/* @end */
/* @group slider */
.gwt-env .slider,
.gwt-env .ui-slider {
  height: 7px;
  margin-top: 7px;
  z-index: 1102;
  position: relative; }

.gwt-env .ui-slider {
  cursor: pointer; }

.gwt-env .ui-slider.ui-slider-disabled {
  cursor: default; }

.gwt-env .ui-slider .ui-slider-handle {
  position: absolute;
  display: block;
  width: 7px;
  height: 17px;
  margin-left: -4px !important;
  margin-top: -6px !important;
  z-index: 1103;
  cursor: ew-resize;
  outline: none; }

.gwt-env .ui-slider.ui-slider-disabled .ui-slider-handle {
  display: none; }

.gwt-env .slider .tick {
  position: absolute;
  top: -1.3em;
  font-size: 66%;
  line-height: 1em;
  letter-spacing: 1;
  white-space: nowrap;
  text-shadow: none; }

.gwt-env .slider .tick.inSlider {
  bottom: 2px;
  top: 1px;
  width: 1px;
  background-color: #bbb; }

.gwt-env .sliderCallOut, .gwt-env .matchboxCallOut, .gwt-env .nodata, #matchbox-filter, .gwt-env .rearrangeCallOut {
  border: 1px solid;
  padding: 10px;
  position: absolute;
  display: none;
  max-width: 240px;
  z-index: 1200;
  background-color: #fff;
  margin-top: -17px; }

.gwt-env .rearrangeCallOut {
  width: 200px; }

.gwt-env .matchboxCallOut, #matchbox-filter {
  margin-top: 0; }

.gwt-env .sliderCallOut .label, .gwt-env .rearrangeCallOut .label {
  font-size: 85%; }

.gwt-env .sliderCallOut .pointer {
  position: absolute;
  bottom: -10px;
  border: 10px solid transparent;
  border-bottom-style: none;
  border-top-color: #bbb;
  left: 50%;
  margin-left: -10px; }

.gwt-env .matchboxCallOut .pointer, .gwt-env .rearrangeCallOut .pointer {
  position: absolute;
  border: 10px solid transparent;
  left: 50%; }

.gwt-env .matchboxCallOut.pointerT .pointer {
  top: -10px;
  border-bottom-color: #bbb;
  border-top-style: none;
  margin-left: -10px; }

.gwt-env .matchboxCallOut.pointerB .pointer {
  bottom: -10px;
  border-top-color: #bbb;
  border-bottom-style: none;
  margin-left: -10px; }

.gwt-env .matchboxCallOut.pointerL .pointer, .gwt-env .rearrangeCallOut .pointer {
  bottom: auto;
  top: 50%;
  right: auto;
  left: -10px;
  margin-top: -10px;
  border-left-style: none;
  border-right-style: solid;
  border-right-color: #bbb; }

.gwt-env .matchboxCallOut.pointerR .pointer {
  bottom: auto;
  top: 50%;
  left: auto;
  right: -10px;
  margin-top: -10px;
  border-right-style: none;
  border-left: solid #bbb; }

.gwt-env .sliderCallOut .pointer .pointer {
  bottom: auto;
  top: -10px;
  border-width: 8px;
  margin-left: -8px;
  border-top-color: #fff; }

.gwt-env .matchboxCallOut .pointer .pointer, .gwt-env .rearrangeCallOut .pointer .pointer {
  top: -10px;
  border-width: 8px; }

.gwt-env .matchboxCallOut.pointerT .pointer .pointer {
  top: auto;
  bottom: -10px;
  border-bottom-color: #fff;
  border-top-color: #bbb;
  margin-left: -8px; }

.gwt-env .matchboxCallOut.pointerB .pointer .pointer {
  top: -10px;
  bottom: auto;
  border-top-color: #fff;
  border-bottom-color: #bbb;
  margin-left: -8px; }

.gwt-env .matchboxCallOut.pointerL .pointer .pointer, .gwt-env .rearrangeCallOut .pointer .pointer {
  right: -10px;
  left: auto;
  bottom: auto;
  top: auto;
  border-right-color: #fff;
  margin-top: -8px; }

.gwt-env .matchboxCallOut.pointerR .pointer .pointer {
  left: -10px;
  right: auto;
  bottom: auto;
  top: auto;
  border-left-color: #fff;
  margin-top: -8px; }

.gwt-env .ui-slider .ui-slider-range {
  height: 7px;
  position: absolute; }

.gwt-env .ui-slider.ui-slider-disabled .ui-slider-range {
  display: none; }

/* @end slider */
/* @group vaktalent import related */
.gwt-env .vaktalent h4 + .list-select {
  margin-top: 10px; }

.gwt-env .vaktalent .grid_5 + .grid_12 {
  padding-top: 0;
  margin-top: 25px;
  border-top: 1px solid #eee; }

/* @end vaktalent */
/* @group matchbox */
.gwt-env .lightbox-wide .lightbox-content .iframe.matchbox {
  padding: 0; }

#matchbox {
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  position: relative; }

#matchbox .profile-picture {
  position: absolute;
  background-image: url(../../skillskompas/static/gfx/user-default.png);
  top: -100%;
  left: -100%; }

.gwt-env .matchbox .title {
  position: absolute;
  top: 10px;
  left: 100px;
  padding: 0; }

.gwt-env .matchbox .title .current {
  color: #000;
  font-size: 14px; }

.gwt-env .matchbox .title .while-showing-functions {
  display: none; }

#matchbox-filter {
  border: 1px solid;
  position: absolute;
  background-color: #fff;
  max-width: none;
  padding: 0; }

#matchbox-filter fieldset {
  border-top: 1px solid #bbb;
  margin-top: 20px;
  display: block !important;
  float: none; }

#matchbox-filter fieldset:first-child {
  border-style: none;
  margin: 0; }

#matchbox-filter h4 {
  margin-top: 20px; }

#matchbox-filter fieldset:first-child h4 {
  margin-top: 0; }

#matchbox-filter input[type=radio] {
  margin: 0 10px 0 0; }

#matchbox-filter .selection {
  display: none;
  clear: both;
  padding-top: 10px; }

#matchbox-filter .tabs-menu {
  margin-bottom: 20px; }

#matchbox-filter .list-select {
  margin-left: 35px; }

.gwt-env .matchbox .nav {
  position: absolute;
  right: 20px;
  top: 20px; }

.gwt-env .matchbox .nav .button {
  white-space: nowrap;
  margin-left: 10px;
  clear: both;
  margin-bottom: 1em; }

.gwt-env .matchbox .nav .button.back {
  display: none; }

.gwt-env .matchboxCallOut .page-buttons {
  position: relative;
  float: right;
  clear: none;
  top: -0.5em;
  right: -0.1em; }

.gwt-env .matchboxCallOut .label {
  overflow: hidden; }

.gwt-env .matchboxCallOut.function {
  max-width: 320px; }

.gwt-env .matchboxCallOut.simpleHoverLabel {
  max-width: 160px;
  padding: 5px; }

.gwt-env .matchboxCallOut.branch h3, .gwt-env .matchboxCallOut.branch .function, .gwt-env .matchboxCallOut.branch .matches, .gwt-env .matchboxCallOut.function .branch, .gwt-env .matchboxCallOut.simpleHoverLabel .label .page-buttons, .gwt-env .matchboxCallOut.simpleHoverLabel .label > h3, .gwt-env .matchboxCallOut.simpleHoverLabel > .button, .gwt-env .matchboxCallOut.simpleHoverLabel .matches {
  display: none !important; }

.gwt-env .matchboxCallOut h3, .gwt-env .matchboxCallOut p {
  padding-top: 0;
  float: none;
  clear: left; }

.gwt-env .matchboxCallOut.simpleHoverLabel .label p {
  font-size: 12px;
  margin: 0; }

.gwt-env .matchboxCallOut {
  max-width: 320px; }

.gwt-env .matchboxCallOut .image {
  float: none;
  clear: both;
  margin-bottom: 15px; }

.gwt-env .matchboxCallOut .image img {
  width: 320px; }

.gwt-env .matchboxCallOut.branch .image img {
  height: 290px; }

.gwt-env .matchboxCallOut.function .image img {
  height: 140px; }

.gwt-env .matchboxCallOut .matches {
  clear: both; }

.gwt-env .matchboxCallOut .close-link {
  text-indent: -9999px;
  margin-left: 10px;
  padding-left: 20px;
  background-position: 100% 50%; }

.gwt-env .matchboxCallOut .button {
  margin-top: 5px; }

#matchbox .busy {
  position: absolute;
  top: 74px;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 9999;
  background: url(../../skillskompas/static/gfx/busy_large.gif) 50% 50% no-repeat;
  opacity: 0;
  display: none; }

#matchbox .busy.visible {
  opacity: 0.8;
  display: block;
  cursor: wait; }

.gwt-env .matchbox .nodata {
  position: absolute;
  display: none;
  width: 300px;
  max-width: none;
  line-height: 2em;
  top: 50%;
  left: 50%;
  margin-left: -150px;
  margin-top: -2.5em;
  text-align: center;
  opacity: 0;
  padding: 1em 0; }

.gwt-env .matchbox .nodata.visible {
  opacity: 1;
  display: block; }

.gwt-env .no-outline {
  outline: none; }

.gwt-env .workability-tooltip-wrapper {
  margin-top: 50px;
  margin-bottom: 0; }

/* @end matchbox */
/* @group task rearrangement */
.gwt-env .task-rearrange .feedback {
  background: #abeeec; }

.gwt-env .task-rearrange .function-names td {
  overflow: visible;
  vertical-align: middle;
  text-align: left;
  height: 150px; }

.gwt-env .task-rearrange .function-names td > span {
  display: block;
  vertical-align: middle;
  position: absolute;
  text-align: left;
  width: 140px;
  height: 75px;
  padding: 0 5px;
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -moz-transform-origin: 25% 50%;
  -o-transform-origin: 25% 50%;
  -webkit-transform-origin: 25% 50%;
  -ms-transform-origin: 25% 50%;
  transform-origin: 25% 50%;
  overflow: visible;
  text-shadow: none;
  *filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); }

.gwt-env .task-rearrange table .task-row td, .gwt-env .task-rearrange table.drag .task-row.active-drag td {
  background: transparent; }

.gwt-env .task-rearrange table.drag .task-row td, .gwt-env .task-rearrange table.drag .task-row.active-drag .task-name {
  background: #eee; }

.gwt-env .task-rearrange table {
  width: 734px; }

.gwt-env .task-rearrange.bottom table {
  width: 733px; }

.gwt-env .task-rearrange.top table {
  margin-bottom: 0; }

.gwt-env .task-rearrange table td {
  border: 1px solid #333;
  width: 100px; }

.gwt-env .task-rearrange table td:first-child {
  width: auto; }

.gwt-env .task-rearrange.bottom {
  padding: 0 20px;
  margin-top: -16px; }

.gwt-env .task-rearrange.bottom table td {
  border-top: none;
  padding: 5px;
  /*border-bottom: none;*/ }

.gwt-env .task-rearrange.bottom tr:first-child td {
  border-top: 1px solid #333;
  border-bottom: none;
  padding-top: 0; }

.gwt-env .task-rearrange.bottom .save td .button {
  float: none;
  position: absolute;
  margin: 0;
  z-index: 1999; }

.gwt-env .task-rearrange.bottom .save td {
  border-style: none;
  padding-top: 10px;
  height: 30px; }

.gwt-env .task-rearrange.bottom .scale {
  top: auto;
  right: auto;
  position: relative;
  overflow: hidden;
  margin: 0 5px;
  width: 90%; }

.gwt-env .task-rearrange.bottom .scale li {
  list-style: none;
  float: left;
  width: 50%;
  text-align: center;
  padding: 0;
  margin: 0; }

.gwt-env .task-rearrange.bottom .scale li.first-child {
  text-align: left; }

.gwt-env .task-rearrange.bottom .scale li.last-child {
  text-align: right; }

.gwt-env .task-rearrange.bottom table td:first-child {
  border-style: none;
  padding-right: 20px;
  text-align: right;
  vertical-align: middle; }

.gwt-env .task-rearrange.bottom table .weight td:first-child {
  background: url("../../skillskompas/static/gfx/icons-color/weight.png") 97% 50% no-repeat;
  padding-right: 30px; }

.gwt-env .task-rearrange.bottom table .allocation td:first-child {
  background: url("../../skillskompas/static/gfx/icons-color/clock.png") 97% 50% no-repeat;
  padding-right: 30px; }

.gwt-env .task-rearrange.bottom .weight .norm {
  width: 1px;
  left: 50%;
  height: 100%;
  margin-top: -3px;
  padding-bottom: 6px; }

.gwt-env .task-rearrange.bottom .weight .bar {
  float: none;
  width: 90%;
  margin: 0 5px 5px;
  height: 10px; }

.gwt-env .task-rearrange.bottom .weight .score {
  height: 10px;
  left: auto; }

.gwt-env .task-rearrange .function-group {
  background: #999;
  text-align: left; }

.gwt-env .task-rearrange .function-group td {
  padding: 5px;
  color: white;
  font-weight: bold;
  text-shadow: none;
  word-break: break-all; }

.gwt-env .task-rearrange .cell {
  min-height: 47px; }

.gwt-env .task-rearrange-proxy {
  height: 20px;
  width: 30px;
  opacity: 0.8;
  background: #999 url("../../skillskompas/static/gfx/icons-color/tick.png") no-repeat 50% 2px; }

.gwt-env .task-rearrange .cell.feedback {
  background: transparent;
  border: 2px solid #999;
  box-sizing: border-box !important; }

.gwt-env .task-rearrange .task {
  background: url("../../skillskompas/static/gfx/icons-color/tick.png") no-repeat 50% 17px; }

.gwt-env .task-rearrange .locked {
  background: url("../../skillskompas/static/gfx/icons-color/key.png") no-repeat 50% 17px; }

.gwt-env .task-rearrange .locked-group {
  background: url("../../skillskompas/static/gfx/icons-color/bullet_key.png") no-repeat 50% 17px; }

.gwt-env .task-rearrange .handle {
  float: left;
  width: 100%;
  height: 100%;
  min-height: 47px;
  margin: 0;
  padding: 0;
  cursor: ew-resize; }

.gwt-env .task-rearrange .handle.locked, .gwt-env .task-rearrange .handle.locked-group {
  cursor: not-allowed;
  cursor: default \9;
  background-color: transparent; }

.gwt-env .task-rearrange .handles {
  overflow: hidden; }

.gwt-env .task-rearrange .handle-bar {
  height: 10px;
  width: 100%;
  margin: 0;
  padding: 0; }

.gwt-env .task-rearrange .task-row td.task-name {
  padding: 5px; }

.gwt-env .task-rearrange .task-row td {
  padding: 0;
  margin: 0; }

.gwt-env .re-arrange-controls {
  position: absolute;
  bottom: 20px;
  left: 20px;
  width: 100%; }

.gwt-env .re-arrange-controls .calc, .gwt-env .re-arrange-controls .reset {
  position: absolute;
  left: 774px;
  width: 81px;
  margin: 0;
  text-align: center; }

.gwt-env .re-arrange-controls .calc {
  bottom: 40px; }

.gwt-env .task-rearrange td.function-1, .gwt-env .handle .function-1 {
  background: #36ee4a; }

.gwt-env .task-rearrange td.function-2, .gwt-env .handle .function-2 {
  background: #edee51; }

.gwt-env .task-rearrange td.function-3, .gwt-env .handle .function-3 {
  background: #ee8c48; }

.gwt-env .task-rearrange td.function-4, .gwt-env .handle .function-4 {
  background: #ee5995; }

.gwt-env .task-rearrange td.function-5, .gwt-env .handle .function-5 {
  background: #1e21ee; }

.gwt-env .task-rearrange td.function-6, .gwt-env .handle .function-6 {
  background: #55eed6; }

/* @end task rearrangement */
.gwt-env .employee-home .matchbox .image {
  cursor: pointer;
  margin-bottom: 10px;
  margin-top: 10px; }

.gwt-env .merge-function .merge-link {
  float: right; }

.gwt-env .merge-function .merge-panel {
  border: 1px solid #999999;
  padding: 10px;
  clear: both;
  margin-top: 40px; }

.gwt-env .function-name {
  width: 100%; }

.gwt-env .tableLayout {
  display: table;
  width: 100%; }

.gwt-env .tableCellLayout {
  display: table-cell; }

.gwt-env .relative {
  position: relative; }

.gwt-env .left {
  float: left; }

.gwt-env .right {
  float: right; }

.gwt-env .table-controls.dataGrid-table {
  border-left: 1px solid #BBBBBB;
  border-right: 1px solid #BBBBBB; }

.gwt-env .table-controls {
  position: relative; }

.gwt-env .table-controls:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
  *zoom: 1; }

.gwt-env .table-container {
  border-right: 1px solid transparent; }

.gwt-env .table-container .tooltip span.first-child {
  display: none; }

.table-container .gwt-env.repositionedTooltip span.first-child {
  display: block; }

.gwt-env .top-container {
  margin-bottom: 15px; }

.gwt-env .bottom-container {
  margin-top: 15px; }

.gwt-env .bottom-container .button {
  margin-left: 15px; }

.gwt-env .lightbox-wide .lightbox-content .iframe.tab-panel-container {
  border-top: none; }

.gwt-env .table-controls.dataGrid-table .checkbox {
  float: left;
  margin-bottom: 10px; }

.gwt-env .table-controls.dataGrid-table .checkbox input {
  margin-right: 10px; }

.gwt-env .modify-form .row {
  width: 100%;
  float: left;
  margin-bottom: 10px; }

.gwt-env .modify-form .label {
  width: 25%;
  float: left; }

.gwt-env .modify-form .value {
  width: 74%;
  float: left; }

.gwt-env .modify-form .value input[type="checkbox"] {
  margin-right: 2px; }

.gwt-env .modify-form .value .gwt-CheckBox {
  margin-right: 40px; }

.gwt-env .box-heading .page-buttons a {
  color: white;
  font-size: 75%;
  text-shadow: none; }

.gwt-env .box-heading .page-buttons a:hover {
  color: white; }

.gwt-env .norm-bar {
  position: relative;
  width: 49%;
  float: right;
  height: 20px;
  line-height: 1.2;
  font-size: 90%; }

.gwt-env.repositionedTooltip .norm-bar {
  width: 37%; }

.gwt-env .hidden {
  display: none; }

.gwt-env .float-right {
  float: right; }

.gwt-env .inline-block {
  display: inline-block; }

.gwt-env .skip-child-float *, .gwt-env .skip-child-float span, .gwt-env .skip-child-float input, .gwt-env .skip-child-float select, .gwt-env .skip-child-float textarea {
  float: none !important; }

.gwt-env .no-padding, .gwt-env .no-child-padding *, .gwt-env .no-child-padding span, .gwt-env .no-child-padding div {
  padding: 0; }

.gwt-env .table-review-intro tr.tableheader {
  font-weight: bold;
  border-bottom: 1px solid #000; }

.gwt-env .table-review-intro tr.tableheader td {
  padding: 3px; }

.gwt-env .flex-table {
  border: 1px #bbb solid;
  margin-bottom: 10px;
  font-size: 90%; }
  .gwt-env .flex-table.fixed {
    table-layout: fixed; }
  .gwt-env .flex-table tr td {
    padding: 5px;
    border: none;
    border-right: 1px #bbb solid;
    overflow: hidden; }
    .gwt-env .flex-table tr td:last-child {
      border: none; }
    .gwt-env .flex-table tr td.max-width {
      width: 100%; }
    .gwt-env .flex-table tr td.min-width {
      width: 1px; }
  .gwt-env .flex-table tr.flex-table-header {
    border-bottom: 1px #bbb solid; }
  .gwt-env .flex-table tr.flex-table-row.odd-row td {
    background-color: #fdfdfd; }
  .gwt-env .flex-table tr.flex-table-row.even-row td {
    background-color: #efefef; }
  .gwt-env .flex-table tr.flex-table-row .delete-item {
    display: inline-block;
    min-width: 16px;
    min-height: 16px;
    background: url(../../skillskompas/static/gfx/icons-color/cross.png) no-repeat 50% 50%; }
  .gwt-env .flex-table tr.flex-table-row.selected td, .gwt-env .flex-table tr.flex-table-row:hover td {
    background-color: #dfdfdf; }
  .gwt-env .flex-table tr.flex-table-detail-row {
    display: none; }
    .gwt-env .flex-table tr.flex-table-detail-row.selected {
      display: table-row; }
    .gwt-env .flex-table tr.flex-table-detail-row td {
      border-color: #bbb;
      border-style: solid;
      border-width: 1px 0; }

.gwt-env .truncate-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.gwt-env .education-table col.education-advise, .gwt-env .education-table col.education-favorite {
  width: 80px; }

.gwt-env .education-table col.education-type, .gwt-env .education-table col.education-duration {
  width: 120px; }

.gwt-env .competence-tooltip-answers {
  margin-top: 10px; }

.gwt-env .competence-tooltip-answers .flex-table tr td {
  padding: 2px; }

.gwt-env .matchbox-compare-competences-table col.competence-current-profile-score, .gwt-env .matchbox-compare-competences-table col.competence-compare-function-score {
  width: 120px; }

.gwt-env .function-tree {
  max-width: 420px;
  overflow-y: hidden !important;
  overflow-x: auto; }

.gwt-env .function-tree-cell, .gwt-env .function-tree-node {
  font-size: small;
  margin-top: -3px; }

.gwt-env .function-tree table {
  width: auto; }

.gwt-env .clickable {
  cursor: pointer; }

.gwt-env .tree-folder:before {
  content: url(../../skillskompas/static/gfx/icons-color/folder_closed.png);
  margin-right: 5px; }

.gwt-env .tree-folder.open:before {
  content: url(../../skillskompas/static/gfx/icons-color/folder_open.png); }

.gwt-env .tree-item {
  margin-top: 2px; }

.gwt-env .spacing-top {
  margin-top: 10px; }

.gwt-env .invite-form {
  padding-right: 20px;
  border-right: 1px solid #bbbbbb;
  width: 60%; }
  .gwt-env .invite-form li {
    list-style: none;
    margin: initial;
    padding: initial;
    display: table-row; }
  .gwt-env .invite-form .schedule-inputs {
    margin-left: 20px; }
    .gwt-env .invite-form .schedule-inputs > * {
      vertical-align: text-top; }
  .gwt-env .invite-form textarea {
    min-height: 100px;
    max-height: 500px;
    min-width: 100%;
    max-width: 100%; }
  .gwt-env .invite-form .form-table {
    display: table;
    width: 100%; }
  .gwt-env .invite-form .form-cell {
    display: table-cell;
    padding-top: 10px;
    vertical-align: top; }
    .gwt-env .invite-form .form-cell > * {
      margin-bottom: 2px;
      width: 100%; }
  .gwt-env .invite-form .questions-listbox {
    vertical-align: top;
    display: table-cell;
    padding-left: 10px; }
    .gwt-env .invite-form .questions-listbox > select {
      width: 100%; }
  .gwt-env .invite-form .refresh-message:before {
    content: url(../../skillskompas/static/gfx/icons-color/arrow_refresh.png); }
  .gwt-env .invite-form .form-row {
    display: table-row;
    width: 100%; }
    .gwt-env .invite-form .form-row .form-cell:first-child {
      width: 40%; }

.gwt-env .admin table.configuration td {
  height: 30px; }

.gwt-env .admin .configuration .numberSpinner {
  float: left;
  margin-right: 5px; }

.gwt-env .ranked-labeled-checkbox a.move-down, .gwt-env .ranked-labeled-checkbox a.move-up {
  width: 16px;
  height: 16px;
  display: block;
  float: left;
  text-decoration: none; }

.gwt-env .ranked-labeled-checkbox a.move-down {
  background-image: url(../../skillskompas/static/gfx/icons-grayscale/move-down.png); }

.gwt-env .ranked-labeled-checkbox a.move-up {
  background-image: url(../../skillskompas/static/gfx/icons-grayscale/move-up.png); }

.gwt-env .ranked-labeled-checkbox a.hidebg {
  background-size: 0 0; }

.gwt-env .simple-progress-bar {
  width: 100%;
  padding: 0 !important; }
  .gwt-env .simple-progress-bar .simple-progress-bar-inner {
    height: inherit !important; }
    .gwt-env .simple-progress-bar .simple-progress-bar-inner .progress-cell-clickable {
      height: 100% !important;
      width: 100% !important;
      display: inline-block;
      float: left; }
    .gwt-env .simple-progress-bar .simple-progress-bar-inner .progress-cell {
      background-color: #DDD !important;
      height: inherit !important;
      border: 1px solid #A9A9A9; }
      .gwt-env .simple-progress-bar .simple-progress-bar-inner .progress-cell.filled {
        background-color: #78B923 !important; }

.gwt-env .generic-options-dialog li {
  list-style: none; }

.gwt-env .generic-options-dialog input + label {
  margin-left: 10px; }

.gwt-env .input-list li {
  list-style: none; }
  .gwt-env .input-list li input + label {
    margin-left: 10px; }

.gwt-env .scrollable-ul {
  overflow: auto !important;
  max-height: 200px; }

.gwt-env .expandable-header-container {
  padding: 5px !important; }

.gwt-env .expandable-header-anchor {
  width: 100%;
  text-decoration: none !important;
  font-weight: bold;
  display: inline-block; }
  .gwt-env .expandable-header-anchor:before {
    content: url(../../skillskompas/static/gfx/icons/arrow-right-centered.png); }
  .gwt-env .expandable-header-anchor.active:before {
    content: url(../../skillskompas/static/gfx/icons/arrow-down-centered.png); }

.gwt-env .field-column-main {
  width: 33% !important;
  padding: 5px !important; }

.gwt-env .field-column-date {
  width: 19% !important;
  margin: 0 5px !important; }

.gwt-env .field-column-date input {
  width: 130px !important; }

.gwt-env .field-column-button {
  margin: 0 15px !important; }

.gwt-env .field-text-box .com-sencha-gxt-theme-base-client-field-DateCellDefaultAppearance-DateCellStyle-trigger {
  background: url(../../skillskompas/static/gfx/icons-color/calendar.png) 0 50% no-repeat !important;
  margin: 5px !important;
  border: none !important;
  cursor: pointer; }

.gwt-env .field-text-box .com-sencha-gxt-theme-base-client-field-DateCellDefaultAppearance-DateCellStyle-text {
  padding: 5px !important; }

.gwt-env .field-column-date .com-sencha-gxt-theme-base-client-field-DateCellDefaultAppearance-DateCellStyle-trigger {
  background: url(../../skillskompas/static/gfx/icons-color/calendar.png) 0 50% no-repeat !important;
  margin: 5px !important;
  border: none !important;
  cursor: pointer; }

.gwt-env .field-column-date .com-sencha-gxt-theme-base-client-field-DateCellDefaultAppearance-DateCellStyle-text {
  padding: 5px !important; }

.gwt-env .two-column-main {
  width: 90%; }

.gwt-env .field-error {
  color: #c00;
  border: 1px solid; }

.gwt-env .error-label {
  color: #c00;
  border: 1px solid;
  padding: 5px;
  margin: 10px 5px;
  display: block; }

.gwt-env .scrolling-tooltip {
  transform: none;
  text-decoration: underline;
  cursor: pointer;
  display: inline-block; }
  .gwt-env .scrolling-tooltip[data-active="true"] .scrolling-tooltip-area {
    pointer-events: auto;
    opacity: 1;
    cursor: auto; }
  .gwt-env .scrolling-tooltip .scrolling-tooltip-area {
    display: inline-block;
    position: fixed;
    pointer-events: none;
    opacity: 0;
    -o-transition: opacity 0.3s ease-out;
    -ms-transition: opacity 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out;
    -webkit-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
    padding: 10px; }
  .gwt-env .scrolling-tooltip .scrolling-tooltip-box {
    padding: 8px;
    background: #fff;
    border: 1px solid;
    display: block;
    box-sizing: border-box; }
  .gwt-env .scrolling-tooltip .scrolling-tooltip-content {
    overflow-y: auto;
    display: block;
    box-sizing: border-box;
    height: 100%;
    width: 100%; }

/* @group Container */
.gwt-env .container {
  background-color: #fff;
  padding: 20px 1%;
  color: #333; }

/* @end */
/* @group Global */
html.gwt-env {
  background-color: #eee; }

.gwt-env a, .gwt-env a:visited, .gwt-env a:hover {
  color: #666; }

.gwt-env input {
  color: #333; }

.gwt-env .no-transitions {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  transition: none !important; }

/* @end */
/* @group Headings */
.gwt-env h5 a {
  color: #333; }

.gwt-env .review-skill-container h5 {
  border-top-color: #bbb; }

/* @end */
/* @group Header */
.gwt-env .services li {
  border-color: #999; }

.gwt-env .services a {
  color: #999;
  text-decoration: none; }

.gwt-env .services .logout a {
  color: #333; }

.gwt-env .services a:hover {
  color: #333; }

.gwt-env .services .logout a:hover {
  color: #999; }

/* @end */
/* @group Menu */
.gwt-env .menu {
  background-color: #eee;
  padding: 10px 5px;
  clear: both; }

.gwt-env .menu li {
  margin: 0 0 0 6px; }

.gwt-env .menu li a {
  background: #ddd url(../../skillskompas/static/gfx/gradient-dark.png) 0 100% repeat-x;
  padding: 10px 20px;
  border-width: 0 1px 1px 0;
  border-style: solid;
  border-color: #bbb;
  text-decoration: none;
  /*	border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;*/
  color: #333;
  text-transform: lowercase; }

.gwt-env .menu li a:hover {
  background-color: #fff;
  border-width: 1px 0 0 1px;
  padding: 9px 21px 11px 19px; }

.gwt-env .menu .active a, .gwt-env .menu .active a:hover {
  background-color: #fff;
  border-width: 1px 0 0 1px;
  padding: 9px 21px 11px 19px; }

.gwt-env .menu .active-sub a, .gwt-env .menu .active-sub a:hover {
  padding-bottom: 23px;
  position: relative;
  margin-bottom: -11px;
  *margin-bottom: -16px;
  z-index: 80;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-bottom-right-radius: 0; }

.gwt-env .sub-menu {
  margin-top: 10px;
  *margin-top: 42px;
  _margin-top: 52px;
  border-width: 1px 0;
  border-style: solid;
  border-color: #bbb;
  background-color: #fff; }

.gwt-env .sub-menu li {
  margin: 0;
  padding: 10px 0; }

.gwt-env .sub-menu li a, .gwt-env .sub-menu li a:hover, .gwt-env .active-sub .sub-menu a, .gwt-env .active-sub .sub-menu a:hover {
  background: none;
  padding: 0 10px;
  margin: 0;
  border: 0;
  font-weight: normal;
  border-left: 1px solid #333; }

.gwt-env .sub-menu li a:hover, .gwt-env .active-sub .sub-menu a:hover {
  color: #999; }

.gwt-env .sub-menu li:first-child a, .gwt-env .sub-menu li:first-child a:hover {
  border: 0; }

.gwt-env .active-sub .sub-menu .sub-active a, .gwt-env .active-sub .sub-menu .sub-active a:hover {
  font-weight: bold; }

.gwt-env .steps-menu, .gwt-env .steps-menu li, .gwt-env .tabs-menu, .gwt-env .tabs-menu li {
  border-color: #bbb; }

.gwt-env .steps-menu li a, .gwt-env .steps-menu li span, .gwt-env .tabs-menu li a, .gwt-env .tabs-menu li span {
  border-color: #bbb;
  text-decoration: none;
  background: #ddd;
  color: #333; }

.gwt-env .steps-menu li a, .gwt-env .steps-menu li span {
  background: #ddd;
  background: -webkit-linear-gradient(left, #bbb 0%, #ddd 100%);
  background: -moz-linear-gradient(left, #bbb 0%, #ddd 100%);
  background: linear-gradient(to right, #bbb 0%, #ddd 100%);
  padding-left: 30px; }

.gwt-env .steps-menu li a:hover, .gwt-env .tabs-menu li a:hover {
  background-position: 0 100%; }

.gwt-env .tabs-menu li.active a:hover {
  background-position: 100% 0;
  cursor: default; }

.gwt-env .steps-menu li a strong, .gwt-env .steps-menu li span strong, .gwt-env .tabs-menu li a strong, .gwt-env .tabs-menu li span strong {
  font-size: 140%;
  position: relative;
  top: 2px;
  margin-right: 5px;
  line-height: 1%; }

.gwt-env .tabs-menu .active a, .gwt-env .tabs-menu .active span {
  background-color: #fff; }

.gwt-env .steps-menu .active a, .gwt-env .steps-menu .active span {
  background: #fff;
  background: -webkit-linear-gradient(left, #eee 0%, #fff 100%);
  background: -moz-linear-gradient(left, #eee 0%, #fff 100%);
  background: linear-gradient(to right, #eee 0%, #fff 100%); }

.gwt-env .tabs-menu .done a, .gwt-env .tabs-menu .done span, .gwt-env .steps-menu .done a, .gwt-env .steps-menu .done span {
  color: #888; }

.gwt-env .steps-menu li a:before, .gwt-env .steps-menu li span:before {
  border-left-color: #bbb; }

.gwt-env .steps-menu li a:after, .gwt-env .steps-menu li span:after {
  border-left-color: #ddd; }

.gwt-env .steps-menu li.active a:after, .gwt-env .steps-menu li.active span:after {
  border-left-color: #fff; }

/* @end */
/* @group Page header */
.gwt-env .page-buttons a {
  color: #999;
  text-decoration: none;
  display: inline-block; }

.gwt-env .page-buttons a:hover {
  color: #333; }

/* @end */
/* @group Portlets */
.gwt-env .box {
  background-color: #eee;
  padding: 15px;
  /*	border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        -moz-border-radius-bottomleft: 5px;
        -moz-border-radius-bottomright: 5px;
        -webkit-border-bottom-left-radius: 5px;
        -webkit-border-bottom-right-radius: 5px;*/
  border: 1px solid #ddd; }

.gwt-env .box .box-heading {
  margin: -16px -16px 15px -16px; }

.gwt-env .box-collapse {
  margin-bottom: 30px; }

.gwt-env .box.box-collapse .box-heading {
  margin-left: 0;
  margin-right: 0; }

.gwt-env .box.box-collapse .box-heading + .box-content {
  border-color: #bbb; }

.gwt-env .box-heading .gwt-Anchor, .gwt-env .box-heading span, .gwt-env .highlighted-heading {
  display: block;
  color: #fff;
  text-shadow: none;
  padding: 10px 15px;
  border: 0;
  position: relative;
  text-decoration: none;
  background: #00324B url(../../skillskompas/static/gfx/gradient-light.png) 0 0 repeat-x; }

.gwt-env .highlighted-heading, .gwt-env .box-collapse .box-heading a {
  color: #333;
  background: transparent none;
  border: 1px solid #bbb;
  padding-bottom: 8px;
  padding-top: 8px; }

.gwt-env .box-collapse .box-heading span {
  color: #333; }

.gwt-env .review-skill-container {
  border-color: #bbb;
  border-style: solid;
  border-width: 0 1px;
  margin-left: 15px; }

.gwt-env .review-skill-container.last {
  border-bottom-width: 1px;
  margin-bottom: -1px; }

.gwt-env .box-present .start {
  border-bottom-color: #ccc; }

/* @end */
/* @group Login form */
.gwt-env .form-login .forgot-link {
  color: #666; }

/* @end */
/* @group Lightboxes */
.gwt-env .lightbox-heading {
  border-bottom-color: #bbb; }

.gwt-env .lightbox-wide .lightbox-content .iframe, .gwt-env .lightbox-wide .lightbox-content .iframe-narrow {
  border-color: #bbb; }

.gwt-env .iframe.educations, .gwt-env .iframe.preferences {
  /*    border-top-style:none!important;*/
  /*  margin-top: -1px;*/
  padding-top: 17px;
  /* compensate top margin */ }

/* @end */
/* @group Messages */
.gwt-env .message-error {
  border-color: #c00;
  background-color: #fcc;
  color: #c00; }

.gwt-env .message-warning {
  border-color: #f90;
  background-color: #ffc;
  color: #f60; }

.gwt-env .message-success {
  border-color: #360;
  background-color: #cf9;
  color: #360; }

.gwt-env .error, .gwt-env .review-skill-container .error {
  color: #c00; }

.gwt-env .error input {
  background-color: #fcc;
  color: #c00; }

/* @end */
/* @group Buttons */
.gwt-env .button,
.gwt-env a.button,
.gwt-env a.button:visited {
  background-color: #999; }

.gwt-env .primary-button,
.gwt-env a.primary-button,
.gwt-env a.primary-button:visited {
  background-color: #333; }

.gwt-env .cc_container .cc_btn, .gwt-env .cc_container .cc_btn:visited {
  background-color: #333 !important; }

.gwt-env .primary-button[disabled],
.gwt-env a.primary-button[disabled],
.gwt-env a.primary-button[disabled]:visited {
  background-color: #999; }

.gwt-env .warning-button,
.gwt-env a.warning-button,
.gwt-env a.warning-button:visited {
  background-color: #f60 !important;
  color: #fff; }

/* @end */
/* @group Visuals */
.gwt-env .function-visual img {
  border-color: #ddd; }

/* @end */
/* @group Tables */
.gwt-env .even, .gwt-env .even td {
  background-color: #fff !important; }

.gwt-env .odd, .gwt-env .odd td {
  background-color: #eee !important; }

.gwt-env .table-controls, .gwt-env .table-filter {
  background-color: #eee;
  border-bottom-color: #bbb;
  border-top-color: #bbb;
  zoom: 1; }

.gwt-env .table, .gwt-env .table table th, .gwt-env .table table td.th, .gwt-env .table table td, .gwt-env .table td,
.gwt-env .table tbody tr td.th:first-child, .gwt-env .table-matrix .divider td {
  border-color: #bbb; }

.gwt-env .table-review-relative th, .gwt-env .table-review-relative td.th, .gwt-env .table-tasks th, .gwt-env .table-tasks td.th {
  background-color: #eee; }

.gwt-env .table-review-relative tbody tr.warning td, .gwt-env .table-tasks tbody tr.warning td {
  border: 1px solid #f90;
  background-color: #ffc;
  color: #f60; }

.gwt-env .table-review-relative tbody tr.error td, .gwt-env .table-tasks tbody tr.error td {
  border: 1px solid #c00;
  background-color: #fcc;
  color: #c00; }

.gwt-env .table-review-relative tbody tr.error:last-child td, .gwt-env .table-tasks tbody tr.error:last-child td {
  border-bottom: 0; }

.gwt-env .table-review-relative tbody tr.error td input, .gwt-env .table-tasks tbody tr.error td input {
  border: 0; }

.gwt-env .warning a.tooltip:hover {
  background-color: #ffc; }

.gwt-env .table-tasks-skills table td, .gwt-env .table-tasks-skills tbody tr td:first-child, .gwt-env .open-questions h4, .gwt-env .open-answers h4, .gwt-env .open-questions h5, .gwt-env .open-answers h5 {
  border-color: #bbb; }

.gwt-env .table-tasks-skills th, .gwt-env .table-tasks-skills td.th {
  background-color: #eee; }

/* @end */
/* @group Misc */
.gwt-env .required-note {
  color: #999; }

.gwt-env .meta-data {
  border-color: #bbb; }

.gwt-env .radio-list em {
  color: #999;
  font-style: normal; }

.gwt-env ul.legenda, .gwt-env .gwt-env table.legenda {
  color: #999; }

.gwt-env ul.legenda strong {
  color: #000; }

.gwt-env .compare-picker {
  border-bottom-color: #bbb; }

.gwt-env .bar {
  background-color: #eee;
  border: 0; }

.gwt-env .norm {
  border-color: #333; }

.gwt-env li.first-child .norm {
  top: -5px; }

.gwt-env li.last-child .norm {
  bottom: -5px; }

.gwt-env li.last-child .norm {
  top: auto; }

.gwt-env .box-admin .table td a {
  color: #666; }

.gwt-env .box-dash.box-data ul li span {
  background-color: #333;
  color: #fff;
  width: 14px;
  height: 14px;
  font-size: 12px;
  text-align: center;
  line-height: 14px;
  border-radius: 7px;
  text-shadow: none;
  font-weight: bold; }

/* @end */
/* @group slider */
.gwt-env .ui-slider, .gwt-env .ui-slider-handle {
  -webkit-transition: background-color 0.1s ease-in;
  -moz-transition: background-color 0.1s ease-in;
  -o-transition: background-color 0.1s ease-in;
  transition: background-color 0.1s ease-in; }

.gwt-env .slider, .gwt-env .ui-slider.ui-slider-disabled {
  border: 1px solid #eee;
  background-color: #fff; }

.gwt-env .ui-slider {
  border: 1px solid #bbb;
  background-color: #eee; }

.gwt-env .ui-slider .tick {
  color: #333; }

.gwt-env .ui-slider-handle {
  border: 1px solid #bbb;
  background-color: #333; }

.gwt-env .ui-slider-disabled .ui-slider-handle {
  background-color: #eee;
  cursor: not-allowed;
  border-color: #bbb; }

.gwt-env .ui-slider-disabled .tick {
  color: #bbb; }

.gwt-env .sliderCallOut, .gwt-env .matchboxCallOut, .gwt-env .rearrangeCallOut {
  border-color: #bbb;
  -webkit-transition: left 0.1s ease-in-out, top 0.1s ease-in-out;
  -moz-transition: left 0.1s ease-in-out, top 0.1s ease-in-out;
  -o-transition: left 0.1s ease-in-out, top 0.1s ease-in-out;
  transition: left 0.1s ease-in-out, top 0.1s ease-in-out; }

.gwt-env .ui-slider .ui-slider-range {
  background-color: #333; }

/* @end slider */
/* @group matchbox */
#matchbox-filter, .gwt-env .filter-trigger, #matchbox-filter {
  border-color: #bbb; }

.gwt-env .matchboxCallOut, .gwt-env .nodata, #matchbox-filter {
  -moz-transition: none;
  transition: none;
  box-shadow: 0 3px 4px rgba(0, 0, 0, 0.25); }

#matchbox .busy, .gwt-env .matchbox .nodata {
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out; }

.gwt-env .matchboxCallOut .matches {
  border-top: 1px solid #bbb;
  margin: 0 -10px;
  padding: 10px 10px 0; }

/* @end matchbox */
.gwt-env .group-box {
  padding-bottom: 40px; }

.gwt-env .group-box .group-box-small {
  width: 24%;
  display: inline-block; }

.gwt-env .group-box .group-box-medium {
  width: 74%;
  display: inline-block; }

.gwt-env .group-box .group-box-small span, .gwt-env .group-box .group-box-medium span {
  display: block; }

.gwt-env .group-box .gwt-TextBox, .gwt-env .group-box textarea {
  width: 100%;
  margin-bottom: 5px;
  padding: 1px 2px; }

.gwt-env .group-box textarea {
  margin-bottom: 10px;
  resize: vertical;
  font-style: italic;
  height: 164px;
  padding: 4px; }

.gwt-env .group-box .gwt-Anchor {
  float: left;
  color: #000; }

.gwt-env .group-box .results {
  float: right; }

.gwt-env .table-roles-matrix {
  margin-top: 0;
  border-top: 1px solid #bbb; }

.gwt-env .table-roles-matrix tr td.th {
  text-align: left !important;
  max-width: 26px; }

.gwt-env .table-matrix tr:first-child .th {
  /*   padding-left: 14px;*/ }

.gwt-env .table-roles-matrix tr > div {
  height: 170px;
  position: relative; }

.gwt-env .table-roles-matrix .tooltip {
  width: 15px; }

.gwt-env .table-roles-matrix .role-description:not(:first-of-type) {
  background: none;
  padding: 0;
  display: block;
  transform: rotate(-90deg) translateX(-120px);
  transform-origin: 0 0;
  line-height: 12px;
  height: 160px;
  text-shadow: none;
  font-weight: normal; }

.gwt-env .table-roles-matrix .role-description:first-of-type {
  background: none;
  padding: 0;
  display: block;
  transform: translate(11px, 154px);
  line-height: 12px;
  height: 160px;
  text-shadow: none;
  font-weight: bold; }

.gwt-env .table-roles-matrix tr:first-child .th:first-child {
  text-align: center !important; }

.gwt-env .table-roles-matrix tr:first-child .th:first-child .sort-order {
  margin-left: 40%; }

.gwt-env .table-roles-matrix tr.changed td {
  background-color: #f2f2f2; }

.gwt-env .table-roles-matrix tbody tr td:first-child {
  width: 200px; }

.gwt-env .table-roles-matrix .row-white {
  background-color: #ffffff; }

.gwt-env .table-roles-matrix .function {
  font-size: .8em;
  display: block; }

.gwt-env .lightbox-wide .lightbox-content .iframe-container {
  overflow: hidden; }

.gwt-env .lightbox-wide .lightbox-content .iframe-scrollable {
  padding: 0;
  overflow-x: visible;
  overflow-y: auto; }

.gwt-env .lightbox-wide .lightbox-content .iframe-last.iframe-scrollable {
  padding-left: 45px; }

.gwt-env .content-tasks-skills .content-tasks-description {
  margin-top: 20px;
  display: block; }

.gwt-env .iframe .page-buttons + p {
  padding-right: 60px; }

.gwt-env .table-roles-matrix {
  margin-bottom: 0 !important;
  overflow: visible !important; }

.gwt-env .table-roles-matrix table thead th div {
  padding-left: 0 !important; }

.gwt-env .table-roles-matrix table thead th > div > div {
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  top: auto !important; }

.gwt-env .table-roles-matrix table thead th:not(:first-of-type) > div > div img {
  background: #eef;
  margin: 0 auto 15px;
  display: block; }

.gwt-env .table-roles-matrix table thead th:first-of-type > div > div img {
  background: #eef;
  margin: 0 10px -5px -5px;
  display: block;
  clear: both;
  float: right; }

.gwt-env .table-roles-matrix table thead th .rollen-header {
  padding-left: 17px !important; }

.gwt-env .table-roles-matrix table tbody td {
  height: 33px; }

.gwt-env .table-roles-matrix table tbody tr:first-child td {
  border-top: 0; }

.gwt-env .scrollable-container-main-container {
  overflow: visible !important; }

.gwt-env .scrollable-container-main {
  width: 100%;
  height: 97% !important;
  overflow: visible !important; }

.gwt-env .scrollable-container {
  overflow-y: hidden !important;
  overflow-x: hidden !important;
  z-index: 10; }

.gwt-env .scrollable-container-content {
  overflow-y: scroll !important;
  overflow-x: hidden !important; }

.gwt-env .choice ul {
  margin-top: 15px; }

.gwt-env .choice ul li {
  list-style: none;
  margin-bottom: 15px;
  margin-left: 35px; }

.gwt-env .choice ul li .date-picker {
  float: left;
  width: 50%; }

/* @group Black #333 */
.gwt-env .box-heading a,
.gwt-env .box-heading span,
.gwt-env .button,
.gwt-env a.button,
.gwt-env a.button:visited {
  background-color: #333; }

.gwt-env .bar-compare .score-alt,
.gwt-env .side-by-side .score-alt,
.gwt-env .color2,
.gwt-env .potential,
.gwt-env .ui-slider .ui-slider-range {
  background-color: #00324B; }

.gwt-env .color2-th {
  border-bottom: #00324B 3px solid !important; }

.gwt-env .content-tasks-skills .potential, .gwt-env .bar-relevance .score {
  background-color: #78B923; }

.gwt-env .sub-menu {
  border-bottom: 4px dotted; }

.gwt-env .lightbox-wide .lightbox-heading, .gwt-env .disabled-heading, .gwt-env .disabled-heading a {
  color: #333; }

.gwt-env .answer-alt {
  color: #00324B; }

/* @end */
/* @group Green $theme-primary-color */
.gwt-env a, .gwt-env a:hover, .gwt-env p a:visited, .gwt-env h1, .gwt-env h3, .gwt-env .h3, .gwt-env .gwt-env .services a:hover, .gwt-env .gwt-env .services .logout a, .gwt-env .lightbox-heading, .gwt-env .active-sub .sub-menu a:hover, .gwt-env .page-heading, .gwt-env .radio-list em, .gwt-env .gwt-env h5 a, .gwt-env .list-select li a:hover, .gwt-env .table-training td a, .gwt-env .table-fba td a, .gwt-env .content-tasks-skills li em, .gwt-env .box-admin .table td a, .gwt-env .table th a:hover, .gwt-env .table td.th a:hover, .gwt-env .box-admin .table td.th a:hover, .gwt-env .answer {
  color: #78B923; }

.gwt-env .services-panel {
  float: right;
  padding: 0 0 7px 7px;
  background-color: #fff; }

.gwt-env .box-admin .table td.th a {
  color: #000; }

.gwt-env .primary-button,
.gwt-env a.primary-button,
.gwt-env a.primary-button:visited, .gwt-env .score, .gwt-env .box-heading .score, .gwt-env .color1, .gwt-env .box-dash.box-data ul li a span {
  background-color: #78B923;
  color: #FFFFFF; }

.gwt-env .cc_container .cc_btn, .gwt-env .cc_container .cc_btn:visited {
  background-color: #78B923 !important;
  color: #FFFFFF; }

.gwt-env .primary-button[disabled],
.gwt-env a.primary-button[disabled],
.gwt-env a.primary-button[disabled]:visited {
  background-color: #c6e6b1; }

.gwt-env .color1-th {
  border-bottom: #78B923 3px solid !important; }

.gwt-env .highlighted-heading, .gwt-env .review-skill-container.last, .gwt-env .review-skill-container, .gwt-env .highlighted-heading + .review-skill-container h5 {
  border-color: #78B923; }

.gwt-env .ui-slider-handle {
  border: 1px solid #333;
  background-color: #78B923; }

/* @end */
/* @group 50% Green #a0d294 */
/* @end */
.gwt-env .message, .gwt-env .table-review-relative tbody tr.error td, .gwt-env .table-tasks tbody tr.error td {
  background: #fff; }

.gwt-env .message-success {
  border-color: #78B923;
  color: #78B923; }

.gwt-env .error input {
  background: #fff;
  border: 1px solid #c00;
  padding: 2px; }

.gwt-env .iframed {
  background-color: #fff;
  font-size: 10px;
  color: #454545;
  text-shadow: none;
  *overflow: hidden; }

.gwt-env .iframed .box-login input {
  padding: 2px 4px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  *width: 196px;
  display: block;
  margin-bottom: 5px;
  *margin-bottom: 0px; }

.gwt-env .iframed .box-login p {
  margin-bottom: 0; }

.gwt-env .iframed .box-login .message {
  margin-bottom: 5px; }

.gwt-env .iframed .box-login input[type=submit] {
  margin-top: 1em;
  *width: 208px; }

.gwt-env .iframed {
  font: normal 12px Arial, Helvetica, sans-serif; }

/* @end */
