@charset "UTF-8";
/*! normalize.css v2.1.2 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block; }

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
  display: inline-block; }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none; }

script {
  display: none !important; }

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background: transparent; }

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted; }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0; }

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,
strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em; }

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre-wrap; }

/**
 * Set consistent quote types.
 */
q {
  quotes: "\201C" "\201D" "\2018" "\2019"; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
img {
  border: 0; }

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden; }

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0; }

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * 1. Address box sizing set to `content-box` in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box; }

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */ }

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

img {
  border: none; }

h1 {
  font-size: 1.55em;
  border-bottom: 1px solid #b2b2b2;
  padding: 0 0 10px 0;
  font-weight: normal;
  margin: 0 0 20px 0;
  color: #000; }

.heading {
  border-bottom: 1px solid #b2b2b2;
  padding-bottom: 10px;
  margin-bottom: 20px; }
  .heading h1 {
    margin: 0;
    padding: 0;
    border-bottom: none;
    display: inline-block;
    vertical-align: middle; }

h2 {
  font-size: 1.35em;
  font-weight: normal;
  margin: 0 0 10px 0;
  padding: 0;
  color: #000; }

h3 {
  font-size: 1.15em;
  font-weight: normal;
  margin: 0 0 10px 0;
  padding: 0;
  color: #000; }

h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child,
.h1:first-child, .h2:first-child, .h3:first-child, .h4:first-child, .h5:first-child, .h6:first-child {
  margin-top: 0; }

p {
  margin: 0 0 10px 0; }

a {
  font-size: 1.0em;
  margin: 0;
  padding: 0;
  color: #9900cc;
  text-decoration: underline;
  outline: none;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease; }

a:hover {
  color: #9900cc;
  text-decoration: none; }

ul {
  margin: 0 0 10px 0;
  padding: 0; }

input {
  outline: none;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease; }

small {
  font-size: 60%; }

.empty {
  text-align: center;
  font-style: italic; }

form {
  padding: 0;
  margin: 0;
  font-size: .8em; }

label {
  padding: .4em 0;
  font-weight: bold;
  display: block; }
  label span {
    display: block;
    font-style: italic;
    font-weight: normal;
    font-size: .9em; }

input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"] {
  width: 27em;
  max-width: 100%;
  background: #fff;
  border: 1px solid #d2d2d2;
  padding: 5px 7px;
  margin-bottom: .25em;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px; }
  input[type="text"]:focus,
  input[type="password"]:focus,
  input[type="date"]:focus,
  input[type="datetime"]:focus,
  input[type="datetime-local"]:focus,
  input[type="month"]:focus,
  input[type="week"]:focus,
  input[type="email"]:focus,
  input[type="number"]:focus,
  input[type="search"]:focus,
  input[type="tel"]:focus,
  input[type="time"]:focus,
  input[type="url"]:focus {
    border-color: #949494; }

select {
  max-width: 350px;
  background: #fff;
  border: 1px solid #d2d2d2;
  padding: 5px 7px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px; }
  select:focus {
    border: 1px solid #949494; }

textarea {
  width: 350px;
  max-width: 100%;
  height: 100px;
  resize: none;
  background: #fff;
  border: 1px solid #d2d2d2;
  padding: 7px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px; }
  textarea:focus {
    border: 1px solid #949494; }

input[type="submit"] {
  font-size: 1em;
  margin: 0 10px 0 0; }

input[type="number"],
input.number {
  width: 4em; }

ul.errorlist,
.field-controls ul.errorlist {
  display: inline-block;
  color: #c00;
  margin: .25em 0;
  vertical-align: top; }
  ul.errorlist li,
  .field-controls ul.errorlist li {
    list-style: none;
    display: block;
    padding: .25em 0; }

.error {
  display: inline-block;
  color: #c00;
  margin: .25em 0;
  vertical-align: top; }

.help-text {
  font-style: italic;
  color: #666;
  margin: .25em 0; }

.form-field {
  padding: 0 0 0 170px;
  overflow: hidden;
  margin: 0 0 10px 0; }
  .form-field label {
    float: left;
    margin-left: -170px; }
  .form-field .field-controls label {
    float: none;
    margin-left: 0; }
  .form-field span.lvls {
    width: 100px;
    display: block; }
    .form-field span.lvls span {
      color: #fff;
      display: block;
      padding: 5px 7px;
      text-align: center; }
      .form-field span.lvls span.lvl1 {
        background: #FFD700; }
      .form-field span.lvls span.lvl2 {
        background: #FF8C00; }
      .form-field span.lvls span.lvl3 {
        background: #FF0000; }
      .form-field span.lvls span.lvl4 {
        background: #9400D3; }
      .form-field span.lvls span.lvl5 {
        background: #4169E1; }
      .form-field span.lvls span.lvl6 {
        background: #6B8E23; }
  .form-field span.preview {
    background: #fff;
    border: 1px solid #d2d2d2;
    width: 350px;
    height: 170px;
    display: block; }
  .form-field.stacked {
    padding: 0;
    clear: both; }
    .form-field.stacked label {
      float: none;
      margin-left: 0; }

.field-controls ul {
  display: block;
  margin-bottom: .25em; }

.field-controls li {
  list-style: none;
  display: block; }

.field-controls label {
  font-weight: normal;
  padding: .25em 0; }

.form-footer {
  margin-top: 20px;
  overflow: hidden;
  background-color: #A7C42B;
  padding: 15px; }
  .form-footer .btn-blue, .form-footer .btn-red {
    font-size: 1em; }
  .horizontal-layout .form-footer {
    padding-left: 170px; }
  .lightbox .form-footer {
    margin: 15px -15px -15px; }
  .lightbox .horizontal-layout .form-footer {
    padding-left: 185px; }

.form-footer2 {
  border-top: 1px solid #B2B2B2;
  padding-top: 15px;
  margin-top: 20px; }

input#image-clear_id {
  clear: both;
  display: block;
  float: left;
  margin: -5px 5px 0 0; }

.ul-scroll .field-controls ul {
  max-height: 286px;
  overflow-y: scroll; }

.c-6 input[type="text"],
.c-6 input[type="password"],
.c-6 input[type="date"],
.c-6 input[type="datetime"],
.c-6 input[type="datetime-local"],
.c-6 input[type="month"],
.c-6 input[type="week"],
.c-6 input[type="email"],
.c-6 input[type="number"],
.c-6 input[type="search"],
.c-6 input[type="tel"],
.c-6 input[type="time"],
.c-6 input[type="url"] {
  width: 280px; }

table {
  margin-bottom: 1em; }

th, td {
  padding: .2em;
  border: 1px solid #ddd; }

@media print {
  th, td {
    page-break-inside: avoid; } }

table.base-theme {
  font-size: .8125em; }
  table.base-theme th, table.base-theme td {
    background: #fff;
    padding: .5em;
    text-align: left; }
  table.base-theme thead th, table.base-theme thead td {
    background: none; }

.lightbox table.alt-theme {
  width: auto; }

table.alt-theme {
  font-size: .875em;
  width: auto;
  border: none;
  -webkit-border-radius: 0.5em 0.5em 0 0;
  -moz-border-radius: 0.5em 0.5em 0 0;
  -ms-border-radius: 0.5em 0.5em 0 0;
  -o-border-radius: 0.5em 0.5em 0 0;
  border-radius: 0.5em 0.5em 0 0; }
  table.alt-theme thead > tr:first-child th:first-child,
  table.alt-theme thead > tr:first-child td:first-child,
  table.alt-theme thead > tr:first-child .spacer + td,
  table.alt-theme thead > tr:first-child .spacer + th,
  table.alt-theme tr.thead:first-child th:first-child,
  table.alt-theme tr.thead:first-child td:first-child,
  table.alt-theme tr.thead:first-child .spacer + td,
  table.alt-theme tr.thead:first-child .spacer + th {
    -webkit-border-radius: 0.5em 0 0 0;
    -moz-border-radius: 0.5em 0 0 0;
    -ms-border-radius: 0.5em 0 0 0;
    -o-border-radius: 0.5em 0 0 0;
    border-radius: 0.5em 0 0 0; }
    table.alt-theme thead > tr:first-child th:first-child.end,
    table.alt-theme thead > tr:first-child td:first-child.end,
    table.alt-theme thead > tr:first-child .spacer + td.end,
    table.alt-theme thead > tr:first-child .spacer + th.end,
    table.alt-theme tr.thead:first-child th:first-child.end,
    table.alt-theme tr.thead:first-child td:first-child.end,
    table.alt-theme tr.thead:first-child .spacer + td.end,
    table.alt-theme tr.thead:first-child .spacer + th.end {
      -webkit-border-radius: 0.5em 0.5em 0 0;
      -moz-border-radius: 0.5em 0.5em 0 0;
      -ms-border-radius: 0.5em 0.5em 0 0;
      -o-border-radius: 0.5em 0.5em 0 0;
      border-radius: 0.5em 0.5em 0 0; }
    @media print {
      table.alt-theme thead > tr:first-child th:first-child, table.alt-theme thead > tr:first-child th:first-child.end,
      table.alt-theme thead > tr:first-child td:first-child,
      table.alt-theme thead > tr:first-child td:first-child.end,
      table.alt-theme thead > tr:first-child .spacer + td,
      table.alt-theme thead > tr:first-child .spacer + td.end,
      table.alt-theme thead > tr:first-child .spacer + th,
      table.alt-theme thead > tr:first-child .spacer + th.end,
      table.alt-theme tr.thead:first-child th:first-child,
      table.alt-theme tr.thead:first-child th:first-child.end,
      table.alt-theme tr.thead:first-child td:first-child,
      table.alt-theme tr.thead:first-child td:first-child.end,
      table.alt-theme tr.thead:first-child .spacer + td,
      table.alt-theme tr.thead:first-child .spacer + td.end,
      table.alt-theme tr.thead:first-child .spacer + th,
      table.alt-theme tr.thead:first-child .spacer + th.end {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0; } }
  table.alt-theme thead > tr:first-child th:last-child,
  table.alt-theme thead > tr:first-child td:last-child,
  table.alt-theme thead > tr:first-child th.end,
  table.alt-theme thead > tr:first-child td.end,
  table.alt-theme tr.thead:first-child th:last-child,
  table.alt-theme tr.thead:first-child td:last-child,
  table.alt-theme tr.thead:first-child th.end,
  table.alt-theme tr.thead:first-child td.end {
    -webkit-border-radius: 0 0.5em 0 0;
    -moz-border-radius: 0 0.5em 0 0;
    -ms-border-radius: 0 0.5em 0 0;
    -o-border-radius: 0 0.5em 0 0;
    border-radius: 0 0.5em 0 0;
    border-right-color: transparent; }
    @media print {
      table.alt-theme thead > tr:first-child th:last-child,
      table.alt-theme thead > tr:first-child td:last-child,
      table.alt-theme thead > tr:first-child th.end,
      table.alt-theme thead > tr:first-child td.end,
      table.alt-theme tr.thead:first-child th:last-child,
      table.alt-theme tr.thead:first-child td:last-child,
      table.alt-theme tr.thead:first-child th.end,
      table.alt-theme tr.thead:first-child td.end {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0; } }
  table.alt-theme th, table.alt-theme td {
    border: none;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background: #fff;
    padding: .25em .5em;
    text-align: left; }
  table.alt-theme th.spacer, table.alt-theme td.spacer,
  table.alt-theme thead th.spacer,
  table.alt-theme thead td.spacer,
  table.alt-theme .thead th.spacer,
  table.alt-theme .thead td.spacer {
    background: transparent !important;
    border-color: transparent !important; }
  table.alt-theme thead th, table.alt-theme thead td,
  table.alt-theme .thead th,
  table.alt-theme .thead td {
    padding: .5em;
    background: #484848;
    color: #fff;
    border-top: none;
    border-right: 1px solid rgba(255, 255, 255, 0.5);
    border-bottom: none;
    font-weight: normal; }
    table.alt-theme thead th:last-child, table.alt-theme thead td:last-child,
    table.alt-theme .thead th:last-child,
    table.alt-theme .thead td:last-child {
      border-right: none; }
  table.alt-theme thead td,
  table.alt-theme .thead td {
    background: #888; }
  table.alt-theme.fullwidth {
    width: 100%; }
  table.alt-theme.green th, table.alt-theme.green td {
    background: #EDF3D4;
    border-color: #A7C42B; }
    @media print {
      table.alt-theme.green th, table.alt-theme.green td {
        background: transparent !important;
        border: 1px solid #999 !important; } }
  table.alt-theme.green th {
    background: #C9EBED;
    border-top-color: #007E86;
    border-bottom-color: #007E86; }
    @media print {
      table.alt-theme.green th {
        background-color: transparent !important;
        color: #000 !important;
        overflow: hidden;
        z-index: 1;
        border: 1px solid #999; }
        table.alt-theme.green th:before {
          content: "";
          padding: 0;
          height: 1px;
          line-height: 1px;
          width: 1px;
          margin: -4px -1013px -1019px -10px;
          display: block;
          border: 0;
          z-index: -1;
          position: relative;
          top: -512px;
          border-width: 1023px;
          border-style: solid;
          border-color: #edf3d5;
          border-right: none;
          border-bottom: none; } }
    table.alt-theme.green th input[type="text"],
    table.alt-theme.green th input[type="number"] {
      border-color: #5FC1C6; }
  table.alt-theme.green thead th, table.alt-theme.green thead td,
  table.alt-theme.green .thead th,
  table.alt-theme.green .thead td {
    border-right-color: #A7C42B; }
    @media print {
      table.alt-theme.green thead th, table.alt-theme.green thead td,
      table.alt-theme.green .thead th,
      table.alt-theme.green .thead td {
        border-right-color: #999; } }
    table.alt-theme.green thead th.spacer, table.alt-theme.green thead td.spacer,
    table.alt-theme.green .thead th.spacer,
    table.alt-theme.green .thead td.spacer {
      background: transparent;
      border-color: transparent; }
  table.alt-theme.green thead td,
  table.alt-theme.green .thead td {
    background: #92AC25; }
    @media print {
      table.alt-theme.green thead td,
      table.alt-theme.green .thead td {
        background-color: transparent !important;
        color: #000 !important;
        overflow: hidden;
        z-index: 1; }
        table.alt-theme.green thead td:before,
        table.alt-theme.green .thead td:before {
          content: "";
          padding: 0;
          height: 1px;
          line-height: 1px;
          width: 1px;
          margin: -4px -1013px -1019px -10px;
          display: block;
          border: 0;
          z-index: -1;
          position: relative;
          top: -512px;
          border-width: 1023px;
          border-style: solid;
          border-color: #bcdc35;
          border-right: none;
          border-bottom: none; } }
    table.alt-theme.green thead td.sub,
    table.alt-theme.green .thead td.sub {
      background: #C9EBED;
      color: #007E86; }
  table.alt-theme.green thead th,
  table.alt-theme.green .thead th {
    background: #007E86; }
    @media print {
      table.alt-theme.green thead th,
      table.alt-theme.green .thead th {
        background-color: transparent !important;
        color: #000 !important;
        overflow: hidden;
        z-index: 1; }
        table.alt-theme.green thead th:before,
        table.alt-theme.green .thead th:before {
          content: "";
          padding: 0;
          height: 1px;
          line-height: 1px;
          width: 1px;
          margin: -4px -1013px -1019px -10px;
          display: block;
          border: 0;
          z-index: -1;
          position: relative;
          top: -512px;
          border-width: 1023px;
          border-style: solid;
          border-color: #A7C42B;
          border-right: none;
          border-bottom: none; } }
  table.alt-theme .btn-blue, table.alt-theme .btn-red {
    font-size: 1em; }

.lightbox table {
  width: 100%; }

table.week-schedule {
  font-size: .8125em;
  float: left;
  width: 100%;
  background: #A7C42B;
  border: 4px solid #A7C42B; }
  table.week-schedule .skill-card i.drag-handle {
    left: 2px;
    top: 2px; }
  table.week-schedule th, table.week-schedule td {
    padding: 0;
    border: none; }
  table.week-schedule th {
    background: #72871E;
    padding: 20px 0;
    border: 1px solid #A7C42B;
    color: #fff; }
    table.week-schedule th span.dow {
      display: block; }
  table.week-schedule td.break {
    padding: 10px 0;
    text-align: center;
    color: #72871E;
    text-transform: uppercase;
    font-size: .9em; }
  table.week-schedule .td {
    position: relative;
    min-height: 86px;
    width: 10em; }
  table.week-schedule .description {
    position: absolute;
    width: 99%;
    height: 78px;
    left: 4px;
    top: 4px;
    bottom: 4px;
    right: 4px;
    text-align: center;
    background: rgba(255, 255, 255, 0.4);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px; }
    table.week-schedule .description .desc-inner {
      margin: 13px 0 0 0;
      padding: 0 5px; }
      table.week-schedule .description .desc-inner b {
        display: block;
        font-weight: normal;
        color: #72871E; }
        table.week-schedule .description .desc-inner b strong {
          display: block; }
  table.week-schedule .skill-card {
    font-size: 1em;
    display: block;
    height: 70px;
    width: 99%;
    padding: .5em .5em .5em .5em;
    cursor: move;
    margin: 4px;
    top: 0 !important;
    left: 0 !important;
    word-wrap: break-word;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px; }

table.task-distribution {
  width: 100%;
  margin: 0; }
  table.task-distribution th, table.task-distribution td {
    text-align: center;
    background-color: #eee;
    padding: .5em;
    font-size: .8em; }
  table.task-distribution td.align-left {
    text-align: left; }
  table.task-distribution thead th, table.task-distribution thead td {
    background-color: #999;
    color: #fff;
    font-size: 1em; }
  table.task-distribution thead th {
    text-align: left; }
  table.task-distribution thead td {
    text-align: center;
    font-size: .8em; }
  table.task-distribution thead .skillset {
    width: auto;
    font-size: .65em; }
  table.task-distribution .skillset {
    width: 1.5em;
    padding: .5em 0;
    color: #fff; }
  table.task-distribution .task {
    width: 3em;
    padding: .5em 0;
    color: #fff;
    font-weight: bold;
    font-size: .75em; }
  table.task-distribution .lvl7 {
    background-color: #8B4513; }
  table.task-distribution .lvl6 {
    background-color: #6B8E23; }
  table.task-distribution .lvl5 {
    background-color: #4169E1; }
  table.task-distribution .lvl4 {
    background-color: #9400D3; }
  table.task-distribution .lvl3 {
    background-color: #FF0000; }
  table.task-distribution .lvl2 {
    background-color: #FF8C00; }
  table.task-distribution .lvl1 {
    background-color: #FFD700; }
  table.task-distribution .skillset.lvl6.planned {
    background-color: #aed65a; }
  table.task-distribution .skillset.lvl5.planned {
    background-color: #afc0f2; }
  table.task-distribution .skillset.lvl4.planned {
    background-color: #cc54ff; }
  table.task-distribution .skillset.lvl3.planned {
    background-color: #ff8080; }
  table.task-distribution .skillset.lvl2.planned {
    background-color: #ffc680; }
  table.task-distribution .skillset.lvl1.planned {
    background-color: #ffeb80; }

.r {
  width: 100%;
  margin: 0 auto;
  padding: 0 14px;
  *zoom: 1; }
  .r:before, .r:after {
    content: " ";
    display: table; }
  .r:after {
    clear: both; }
  .r .r {
    width: auto;
    margin: 0 -15px; }

[class*="c-"] {
  position: relative;
  padding: 0 15px;
  width: 100%;
  float: left; }

.r.bordered [class*="c-"] {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  padding: 0 15px 0 16px;
  margin-right: -1px; }
  .r.bordered [class*="c-"]:first-child {
    border-left: none;
    padding-left: 15px; }
  .r.bordered [class*="c-"]:last-child {
    border-right: none;
    padding-right: 15px;
    margin-right: 0; }

.c-12 {
  width: 960px; }

.panel-square.h-12,
.panel-square.h-12 .panel-img {
  padding-bottom: 930px; }

.c-11 {
  width: 880px; }

.panel-square.h-11,
.panel-square.h-11 .panel-img {
  padding-bottom: 850px; }

.c-10 {
  width: 800px; }

.panel-square.h-10,
.panel-square.h-10 .panel-img {
  padding-bottom: 770px; }

.c-9 {
  width: 720px; }

.panel-square.h-9,
.panel-square.h-9 .panel-img {
  padding-bottom: 690px; }

.c-8 {
  width: 640px; }

.panel-square.h-8,
.panel-square.h-8 .panel-img {
  padding-bottom: 610px; }

.c-7 {
  width: 560px; }

.panel-square.h-7,
.panel-square.h-7 .panel-img {
  padding-bottom: 530px; }

.c-6 {
  width: 480px; }

.panel-square.h-6,
.panel-square.h-6 .panel-img {
  padding-bottom: 450px; }

.c-5 {
  width: 400px; }

.panel-square.h-5,
.panel-square.h-5 .panel-img {
  padding-bottom: 370px; }

.c-4 {
  width: 320px; }

.panel-square.h-4,
.panel-square.h-4 .panel-img {
  padding-bottom: 290px; }

.c-3 {
  width: 240px; }

.panel-square.h-3,
.panel-square.h-3 .panel-img {
  padding-bottom: 210px; }

.c-2 {
  width: 160px; }

.panel-square.h-2,
.panel-square.h-2 .panel-img {
  padding-bottom: 130px; }

.c-1 {
  width: 80px; }

.panel-square.h-1,
.panel-square.h-1 .panel-img {
  padding-bottom: 50px; }

@media print {
  .c-12 {
    width: 99.9996%; }
  .c-11 {
    width: 91.6663%; }
  .c-10 {
    width: 83.333%; }
  .c-9 {
    width: 74.9997%; }
  .c-8 {
    width: 66.6664%; }
  .c-7 {
    width: 58.3331%; }
  .c-6 {
    width: 49.9998%; }
  .c-5 {
    width: 41.6665%; }
  .c-4 {
    width: 33.3332%; }
  .c-3 {
    width: 24.9999%; }
  .c-2 {
    width: 16.6666%; }
  .c-1 {
    width: 8.3333%; } }

.right12 {
  margin-left: 960px;
  margin-right: -960px; }

.left12 {
  margin-right: 960px;
  margin-left: -960px; }

.right11 {
  margin-left: 880px;
  margin-right: -880px; }

.left11 {
  margin-right: 880px;
  margin-left: -880px; }

.right10 {
  margin-left: 800px;
  margin-right: -800px; }

.left10 {
  margin-right: 800px;
  margin-left: -800px; }

.right9 {
  margin-left: 720px;
  margin-right: -720px; }

.left9 {
  margin-right: 720px;
  margin-left: -720px; }

.right8 {
  margin-left: 640px;
  margin-right: -640px; }

.left8 {
  margin-right: 640px;
  margin-left: -640px; }

.right7 {
  margin-left: 560px;
  margin-right: -560px; }

.left7 {
  margin-right: 560px;
  margin-left: -560px; }

.right6 {
  margin-left: 480px;
  margin-right: -480px; }

.left6 {
  margin-right: 480px;
  margin-left: -480px; }

.right5 {
  margin-left: 400px;
  margin-right: -400px; }

.left5 {
  margin-right: 400px;
  margin-left: -400px; }

.right4 {
  margin-left: 320px;
  margin-right: -320px; }

.left4 {
  margin-right: 320px;
  margin-left: -320px; }

.right3 {
  margin-left: 240px;
  margin-right: -240px; }

.left3 {
  margin-right: 240px;
  margin-left: -240px; }

.right2 {
  margin-left: 160px;
  margin-right: -160px; }

.left2 {
  margin-right: 160px;
  margin-left: -160px; }

.right1 {
  margin-left: 80px;
  margin-right: -80px; }

.left1 {
  margin-right: 80px;
  margin-left: -80px; }

.btn, [class*="btn-"] {
  display: inline-block;
  position: relative;
  cursor: pointer;
  margin: 0;
  padding: .4em .5em;
  line-height: 1;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #ccc;
  background-color: #eee;
  color: #666;
  text-decoration: none; }
  .btn:hover, [class*="btn-"]:hover, .btn:focus, [class*="btn-"]:focus {
    background-color: #ddd;
    text-decoration: none; }
  .btn.active, .active[class*="btn-"] {
    background-color: #aaa;
    border-color: #999;
    color: #fff; }
    .btn.active:hover, .active[class*="btn-"]:hover, .btn.active:focus, .active[class*="btn-"]:focus {
      background-color: #999;
      border-color: #888; }
  .btn small, [class*="btn-"] small {
    display: block;
    text-transform: uppercase; }

.btn-blue, .btn-red {
  font-size: .8em;
  background: #007E86;
  border: none;
  color: #fff;
  padding: 0.6em 1em;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }
  .btn-blue:hover, .btn-red:hover {
    background: #00303F;
    color: #fff; }
  .btn-blue.big, .big.btn-red {
    font-size: 1.2em; }

.btn-red {
  background: red; }

.btn-grey {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  padding: 0.6em 1em; }

.btn-disabled {
  cursor: default;
  background: #999;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
  font-style: italic;
  color: #eee; }
  .btn-disabled:hover {
    background: #999;
    color: #eee; }

.btn-inactive {
  background: #999; }

a.btn-back {
  float: left;
  border: none;
  font-size: 0.8em;
  line-height: 24px;
  margin: -6px 15px 10px -5px;
  text-transform: uppercase;
  background: url(../img/btn-back.png) no-repeat;
  width: 146px;
  height: 24px;
  padding: 0 0 0 8px; }
  a.btn-back:hover {
    background-color: transparent; }

.float-r {
  float: right; }

.float-l {
  float: left; }

[class*="btn-"][class*="-small"] {
  padding: .25em .3em; }

[class*="btn-"][class*="-split"] {
  padding-right: 2em; }
  [class*="btn-"][class*="-split"] .toggle {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 1.5em;
    border-left: 1px solid #ccc;
    line-height: 2.5em; }
    [class*="btn-"][class*="-split"] .toggle:after {
      content: '';
      display: inline-block;
      border-width: .4em .4em 0 .4em;
      border-color: #666 transparent #666 transparent;
      border-style: solid;
      vertical-align: middle; }
    [class*="btn-"][class*="-split"] .toggle:hover, [class*="btn-"][class*="-split"] .toggle:focus {
      background-color: #ccc; }
  [class*="btn-"][class*="-split"].active .toggle {
    border-color: #999; }
    [class*="btn-"][class*="-split"].active .toggle:after {
      border-color: #fff transparent #fff transparent; }
    [class*="btn-"][class*="-split"].active .toggle:hover, [class*="btn-"][class*="-split"].active .toggle:focus {
      background-color: #888; }
  [class*="btn-"][class*="-split"].active:hover .toggle,
  [class*="btn-"][class*="-split"].active:active .toggle {
    border-color: #888; }

[class*="dropdown-group"] {
  display: inline-block;
  position: relative;
  vertical-align: top; }
  [class*="dropdown-group"] a {
    color: #000;
    text-decoration: none; }
  [class*="dropdown-group"] .dropdown-menu {
    position: absolute;
    z-index: 100;
    top: 100%;
    left: 0;
    margin-top: .25em;
    padding: .25em;
    background-color: #fff;
    border: 1px solid #999;
    display: none;
    font-size: 0.8em; }
    [class*="dropdown-group"] .dropdown-menu.right-aligned {
      left: auto;
      right: 0; }
    [class*="dropdown-group"] .dropdown-menu ul li a {
      padding: 7px 5px;
      display: block; }
      [class*="dropdown-group"] .dropdown-menu ul li a:hover {
        background: rgba(255, 255, 255, 0.4); }
  [class*="dropdown-group"].open .toggle:after {
    border-width: 0 .4em .4em .4em; }
  [class*="dropdown-group"].open .dropdown-menu {
    display: block; }
  [class*="dropdown-group"][class*="-tab"] .dropdown-menu {
    margin-top: -.35em; }
  [class*="dropdown-group"] ul {
    display: block;
    margin: 0;
    padding: 0; }
  [class*="dropdown-group"] li {
    display: block;
    list-style: none; }
  [class*="dropdown-group"] .title {
    float: none;
    text-align: center;
    text-transform: uppercase;
    font-size: .75em;
    font-weight: bold;
    margin-bottom: .25em;
    display: block; }

.btngroup {
  display: inline-block;
  margin: 0;
  padding: 0;
  vertical-align: middle; }
  .btngroup li {
    float: left;
    list-style: none;
    margin-left: -1px; }
  .btngroup .title {
    float: none;
    display: block;
    text-align: center;
    text-transform: uppercase;
    font-size: .75em;
    font-weight: bold;
    margin-bottom: .25em; }
  .btngroup.tabs {
    vertical-align: bottom; }

body.lightboxed {
  overflow: hidden; }

.lightbox {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 999; }
  .lightbox.active {
    display: block; }
  .lightbox:target {
    display: block; }
  .lightbox .lightbox-bg {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.75); }
    .no-rgba .lightbox .lightbox-bg {
      background: url(../img/fallbacks/lightbox-bg.png) 0 0 repeat; }

.window-wrapper {
  height: 100%;
  left: 0;
  overflow-y: auto;
  position: relative;
  top: 0; }

.window-container {
  position: absolute;
  right: 50%;
  top: 0;
  min-height: 100%;
  padding: 25px 0; }
  .window-container .close {
    position: absolute;
    top: 15px;
    right: -50%;
    margin-right: -10px;
    z-index: 20;
    background: #007E86;
    border: 4px solid #00303F;
    -webkit-border-radius: 5em;
    -moz-border-radius: 5em;
    -ms-border-radius: 5em;
    -o-border-radius: 5em;
    border-radius: 5em;
    color: #fff;
    font-size: 1.5em;
    font-weight: bold;
    width: 40px;
    height: 40px;
    line-height: 25px;
    text-align: center;
    text-decoration: none; }
    .window-container .close:hover {
      background-color: #fff;
      color: #007E86; }
    .window-container .close i {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: -12px;
      background: url(../img/popup-close.png) no-repeat;
      width: 22px;
      height: 22px;
      cursor: pointer; }
      .window-container .close i:hover {
        background-position: 0 -22px; }

.lightbox-window {
  position: relative;
  left: 50%;
  top: 0;
  background: #fff;
  padding: 0;
  max-height: 100%;
  overflow-y: hidden;
  overflow-x: hidden;
  width: 800px; }
  .lightbox-window .page-header h2 {
    color: #fff;
    float: left; }
    .lightbox-window .page-header h2 small {
      display: block; }
  .lightbox-window .page-header .tabsgroup {
    float: left;
    margin: 18px 0 0 15px; }
    .lightbox-window .page-header .tabsgroup li {
      margin: 0 3px 0 0; }
      .lightbox-window .page-header .tabsgroup li a {
        line-height: 2.2em; }
  .lightbox-window .content,
  .lightbox-window .lightbox-content {
    padding: 15px;
    background: -owg-linear-gradient(#DDDDDD, #f2f2f2);
    background: -webkit-linear-gradient(#DDDDDD, #f2f2f2);
    background: -moz-linear-gradient(#DDDDDD, #f2f2f2);
    background: -o-linear-gradient(#DDDDDD, #f2f2f2);
    background: linear-gradient(#DDDDDD, #f2f2f2);
    background-color: #DDD; }
    .lightbox-window .content .r,
    .lightbox-window .lightbox-content .r {
      padding: 0;
      margin: 0 -15px;
      width: auto; }
  .lightbox-window .close {
    background: url(../img/popup-close.png) no-repeat;
    width: 22px;
    height: 22px;
    position: absolute;
    top: -11px;
    right: -11px;
    cursor: pointer; }
    .lightbox-window .close:hover {
      background-position: 0 -22px; }
  .lightbox.fullwidth .lightbox-window {
    width: 990px; }

input#id_active {
  margin-top: 6px; }

.fake-lbox .body-wrapper {
  background: url(../img/fake-lbox-bg.png) center top no-repeat; }

.ie9 .window-container .close,
.ie10 .window-container .close {
  line-height: 35px; }

.loader {
  text-align: center; }
  .loader img {
    margin: 50px auto;
    display: block;
    width: 64px;
    height: 64px; }

@media print {
  .lightbox {
    position: static; }
    .lightbox .lightbox-bg,
    .lightbox .close,
    .lightbox .page-header,
    .lightbox .alert {
      display: none; }
    .lightbox .window-container,
    .lightbox .lightbox-window {
      position: static;
      left: 0;
      padding: 0;
      width: auto !important;
      background: none; }
    .lightbox .lightbox-content {
      background: transparent;
      padding: 0; } }

.phases {
  position: relative; }
  .phases ul {
    margin: 0 .25em .25em 0;
    padding: 0;
    display: block;
    float: left; }
  .phases li {
    display: block;
    list-style: none;
    float: left;
    font-size: .75em;
    width: 1.5em;
    height: 1.5em;
    line-height: 1.3em;
    margin-left: -1px;
    border: 1px solid #999;
    text-align: center;
    font-weight: bold;
    color: #d3d3d3; }
    .phases li.active {
      color: #fff; }
      .phases li.active.lvl-1 {
        background-color: #FFD700; }
      .phases li.active.lvl-2 {
        background-color: #FF8C00; }
      .phases li.active.lvl-3 {
        background-color: #FF0000; }
      .phases li.active.lvl-4 {
        background-color: #9400D3; }
      .phases li.active.lvl-5 {
        background-color: #4169E1; }
      .phases li.active.lvl-6 {
        background-color: #6B8E23; }
      .phases li.active.lvl-x {
        background-color: #808080; }
    @media print {
      .phases li {
        background-color: transparent !important;
        color: #000 !important;
        overflow: hidden;
        position: relative; }
        .phases li:before {
          content: "";
          display: block;
          position: absolute;
          z-index: -1;
          width: 100%;
          height: 100%;
          top: 0;
          left: 0;
          border-width: 999px;
          border-style: solid;
          border-color: #fff;
          border-right: none;
          border-bottom: none; }
        .phases li.active:before {
          z-index: 0; }
        .phases li.active.lvl-1:before {
          border-color: #FFD700; }
        .phases li.active.lvl-2:before {
          border-color: #FF8C00; }
        .phases li.active.lvl-3:before {
          border-color: #FF0000; }
        .phases li.active.lvl-4:before {
          border-color: #9400D3; }
        .phases li.active.lvl-5:before {
          border-color: #4169E1; }
        .phases li.active.lvl-6:before {
          border-color: #6B8E23; }
        .phases li.active.lvl-x:before {
          border-color: #808080; } }
  .phases.square {
    width: 3.375em; }
    .phases.square ul {
      margin-right: 0; }
  .phases.small li {
    width: 1.25em;
    height: .6667em;
    text-indent: -9999em;
    line-height: 0;
    border-color: #000; }

.skill-card {
  background-color: #eee;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  font-size: .8125em;
  overflow: hidden;
  padding: .25em 1.5em 1.5em .5em;
  width: 10em;
  min-height: 6em; }
  .skill-card b {
    font-weight: normal;
    line-height: 1.25em;
    font-size: .9em;
    display: block; }
  .skill-card span.subtitle {
    color: #949494;
    font-size: 0.9em;
    font-style: italic;
    display: block; }
  .skill-card .icons {
    position: absolute;
    right: 0;
    bottom: 0; }
    .skill-card .icons i,
    .skill-card .icons a {
      display: block;
      width: 16px;
      height: 16px;
      line-height: 16px;
      font-size: .75em;
      text-align: center;
      font-style: normal;
      font-weight: bold;
      text-transform: uppercase; }
    .skill-card .icons i.skillset,
    .skill-card .icons a.skillset {
      background-color: #aaa;
      color: #fff; }
    .skill-card .icons i.skilltype.type_attention {
      background-image: url(../img/icons/icon_aandachtlijnen_16x16.png); }
    .skill-card .icons i.skilltype.type_instruction {
      background-image: url(../img/icons/icon_instructielijnen_16x16.png); }
    .skill-card .icons i.skilltype.type_assignments {
      background-image: url(../img/icons/icon_opdrachtlijnen_16x16.png); }
    .skill-card .icons i.skilltype.type_routine {
      background-image: url(../img/icons/icon_routinelijnen_16x16.png); }
  .skill-card .pencil {
    display: block;
    position: absolute;
    right: .25em;
    top: .25em;
    width: 20px;
    height: 20px;
    line-height: 20px;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
    background: url(../img/icons/icon_pencil_20x20-toggle.png) left top no-repeat;
    text-indent: -9999em; }
    .skill-card .pencil:hover {
      background-position: left bottom; }
  .skill-card.edited .pencil {
    background-position: right top; }
    .skill-card.edited .pencil:hover {
      background-position: right bottom; }
  .skill-card .phases {
    position: absolute;
    bottom: .25em; }
  .skill-card .lvls {
    background-color: #fff; }
  .skill-card .description2 {
    font-size: 11px;
    max-height: 4em;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #828282; }
  .skill-card .cooperativemethods {
    display: none; }
  .skill-card .drag-handle {
    background: url(../img/icon-drag.png) no-repeat;
    position: absolute;
    left: 7px;
    top: 7px;
    width: 18px;
    height: 18px;
    display: none; }
  .skill-card.draggable,
  .draggable .skill-card {
    padding-left: 1.5em;
    cursor: move; }
    .skill-card.draggable .drag-handle,
    .draggable .skill-card .drag-handle {
      display: block; }
  .skill-card.planned {
    background-color: rgba(255, 255, 255, 0.6); }
  .skill-card.planned {
    background-color: rgba(255, 255, 255, 0.6); }
  .skill-card.big {
    width: auto;
    min-height: 0;
    display: block;
    font-size: 1em; }
    .skill-card.big p {
      font-size: .75em;
      margin: 0 0 .5em; }
    .skill-card.big .icons i {
      font-size: .75em;
      width: 2em;
      height: 2em;
      line-height: 2em; }

body.sidebar-open {
  overflow: hidden; }
  body.sidebar-open .account-nav-container {
    position: relative; }
  body.sidebar-open .main-nav {
    position: relative;
    top: 0;
    overflow: hidden; }

.sidebar .overlay > header {
  background: #A7C42B;
  height: 30px;
  overflow: hidden; }
  .sidebar .overlay > header p {
    height: 16px;
    width: 16px;
    background: url(../img/icons/icon_info_16x16_white.png) no-repeat center center transparent;
    margin: 6px 0 0 10px;
    display: inline-block; }
  .sidebar .overlay > header a.close {
    float: right;
    color: #fff;
    text-decoration: none;
    display: block;
    width: 30px;
    height: 30px;
    line-height: 23px;
    font-size: 2em;
    text-align: center;
    background: rgba(0, 0, 0, 0.25); }
    .sidebar .overlay > header a.close:hover {
      color: #b00b13; }

.sidebar .sidebar-content {
  background: #fff;
  padding: 15px;
  position: absolute;
  top: 30px;
  bottom: 0;
  left: 0;
  right: 0;
  overflow-y: auto;
  overflow-x: hidden; }
  .sidebar .sidebar-content header {
    clear: both;
    padding: 1em;
    background: -owg-linear-gradient(#007e86, #00d9d9);
    background: -webkit-linear-gradient(#007e86, #00d9d9);
    background: -moz-linear-gradient(#007e86, #00d9d9);
    background: -o-linear-gradient(#007e86, #00d9d9);
    background: linear-gradient(#007e86, #00d9d9);
    background-color: #00b2b6;
    position: relative;
    overflow: hidden;
    color: #fff;
    margin: -15px -15px 15px; }
    .sidebar .sidebar-content header:before {
      content: '';
      display: block;
      position: absolute;
      left: 0;
      top: -36px;
      width: 100%;
      height: 312px;
      background: url(../img/bladnerf.png) 0 0 no-repeat; }
    .sidebar .sidebar-content header h1, .sidebar .sidebar-content header h2, .sidebar .sidebar-content header h3, .sidebar .sidebar-content header h4, .sidebar .sidebar-content header h5, .sidebar .sidebar-content header h6, .sidebar .sidebar-content header p {
      color: #fff;
      margin-bottom: 0; }
    .sidebar .sidebar-content header .btns {
      float: right;
      width: 300px; }
      .sidebar .sidebar-content header .btns .btn, .sidebar .sidebar-content header .btns [class*="btn-"] {
        margin: 10px 0 0; }

.ie9 .sidebar .overlay > header a.close {
  line-height: 29px; }

.ie10 .sidebar .overlay > header a.close {
  line-height: 29px; }

.skill-select,
.header-dropdown {
  display: inline-block;
  vertical-align: middle;
  margin: -3px 0 0 15px;
  position: relative;
  float: right; }
  .skill-select a.nav,
  .header-dropdown a.nav {
    height: 39px;
    width: 39px;
    float: left;
    background: #d2d2d2 no-repeat center center;
    border: 1px solid rgba(0, 0, 0, 0.4);
    display: block;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px; }
    .skill-select a.nav.prev,
    .header-dropdown a.nav.prev {
      background-image: url(../img/icons/icon_arrow-left-notail_20x20_black.png);
      margin-right: 5px; }
    .skill-select a.nav.next,
    .header-dropdown a.nav.next {
      background-image: url(../img/icons/icon_arrow-right-notail_20x20_black.png);
      margin-left: 5px; }
    .skill-select a.nav:hover,
    .header-dropdown a.nav:hover {
      background-color: #aaaaaa; }
  .skill-select h1,
  .skill-select b,
  .header-dropdown h1,
  .header-dropdown b {
    background: #eee url(../img/icons/icon_arrow-down-notail_20x20_black.png) 98% center no-repeat;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden;
    padding: 0;
    cursor: pointer;
    position: relative;
    border: 1px solid rgba(0, 0, 0, 0.4);
    height: 39px;
    float: left; }
    .skill-select h1 .skillset,
    .skill-select b .skillset,
    .header-dropdown h1 .skillset,
    .header-dropdown b .skillset {
      display: inline-block;
      vertical-align: middle;
      margin: 3px;
      width: 31px;
      height: 31px;
      line-height: 31px;
      font-size: .55em;
      font-weight: bold;
      text-align: center;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      -o-border-radius: 3px;
      border-radius: 3px; }
    .skill-select h1 .skillname,
    .skill-select b .skillname,
    .header-dropdown h1 .skillname,
    .header-dropdown b .skillname {
      display: inline-block;
      vertical-align: middle;
      width: 300px;
      font-size: .65em;
      line-height: 1;
      padding: 0 30px 0 0; }
  .skill-select .skill-popout,
  .header-dropdown .skill-popout {
    border: 1px solid rgba(0, 0, 0, 0.4);
    -webkit-border-radius: 4px 0 4px 4px;
    -moz-border-radius: 4px 0 4px 4px;
    -ms-border-radius: 4px 0 4px 4px;
    -o-border-radius: 4px 0 4px 4px;
    border-radius: 4px 0 4px 4px;
    display: none;
    position: absolute;
    background: #A7C42B;
    z-index: 10;
    right: 0;
    top: 37px;
    width: 400px;
    max-height: 300px;
    overflow-x: hidden;
    overflow-y: auto; }
    .skill-select .skill-popout.active,
    .header-dropdown .skill-popout.active {
      display: block; }
    .skill-select .skill-popout a,
    .header-dropdown .skill-popout a {
      display: block;
      overflow: hidden;
      text-decoration: none;
      color: #000;
      border-bottom: 1px solid #A7C42B;
      background: rgba(255, 255, 255, 0.4);
      line-height: 33px;
      -webkit-border-radius: 0 3px 3px 0;
      -moz-border-radius: 0 3px 3px 0;
      -ms-border-radius: 0 3px 3px 0;
      -o-border-radius: 0 3px 3px 0;
      border-radius: 0 3px 3px 0; }
      .skill-select .skill-popout a:hover,
      .header-dropdown .skill-popout a:hover {
        background: rgba(255, 255, 255, 0.7); }
    .skill-select .skill-popout .skillset-abbr,
    .header-dropdown .skill-popout .skillset-abbr {
      display: inline-block;
      width: 32px;
      height: 32px;
      text-align: center;
      line-height: 32px;
      font-weight: bold;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      -o-border-radius: 3px;
      border-radius: 3px;
      overflow: hidden;
      margin: 2px 4px 2px 2px;
      float: left; }
  .skill-select ul,
  .header-dropdown ul {
    display: block;
    margin: 0;
    padding: 0; }
  .skill-select li,
  .header-dropdown li {
    list-style: none;
    display: block;
    font-size: 14px; }
    .skill-select li span.skillset,
    .header-dropdown li span.skillset {
      margin: 4px 0 0 4px;
      line-height: 25px;
      display: block;
      overflow: hidden; }
      .skill-select li span.skillset span.abbr,
      .header-dropdown li span.skillset span.abbr {
        display: inline-block;
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 1em;
        font-weight: bold;
        text-align: center;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
        border-radius: 3px;
        overflow: hidden;
        float: left;
        margin: 2px 4px 2px 0; }
      .skill-select li span.skillset span.name,
      .header-dropdown li span.skillset span.name {
        line-height: 44px; }
    .skill-select li ul,
    .header-dropdown li ul {
      margin: 4px; }

.skill-select-normal ul {
  margin: 4px; }
  .skill-select-normal ul li span.skillset {
    font-weight: bold;
    float: left;
    margin: 4px 5px 0 7px; }

.skill-select-normal a.nav.prev,
.skill-select-normal a.nav.next {
  display: none; }

.skill-select-normal h1 .skillset {
  background: none;
  width: auto;
  margin-left: 6px; }

.skill-select-normal h1 .skillname {
  width: 200px; }

.skill-select-normal h1:hover .skillset {
  background: none; }

.progressbar {
  padding: 2px;
  margin-bottom: 10px;
  border: 1px solid #cccccc;
  height: 24px;
  overflow: hidden;
  text-align: right;
  position: relative; }
  .progressbar .bar,
  .progressbar b {
    background: #007E86;
    height: 100%;
    display: block;
    width: 100%;
    float: left;
    overflow: visible;
    line-height: 18px;
    font-size: .8em;
    font-weight: bold;
    white-space: nowrap;
    color: #fff;
    position: relative; }
    .progressbar .bar:after, .progressbar .bar:before,
    .progressbar b:after,
    .progressbar b:before {
      content: "\00a0"; }
  .progressbar b {
    background: none;
    color: #333;
    position: absolute;
    text-align: left;
    z-index: 1; }
  .progressbar .bar {
    position: relative;
    z-index: 2; }
  .progressbar b + .bar {
    color: #fff;
    overflow: hidden; }
  .progressbar .bar + .bar {
    border-left: 2px solid #fff; }
  .progressbar.finished .bar {
    background: #A7C42B; }
  .progressbar.huge {
    height: 48px;
    padding: 3px; }
    .progressbar.huge .bar, .progressbar.huge b {
      line-height: 40px;
      font-size: 1em; }
  .progressbar.xlarge {
    height: 40px;
    padding: 3px; }
    .progressbar.xlarge .bar, .progressbar.xlarge b {
      line-height: 32px;
      font-size: 1em; }
  .progressbar.large {
    height: 32px;
    padding: 2px; }
    .progressbar.large .bar, .progressbar.large b {
      line-height: 26px;
      font-size: 1em; }
  .progressbar.medium {
    height: 24px;
    padding: 2px; }
    .progressbar.medium .bar, .progressbar.medium b {
      line-height: 18px;
      font-size: .8em; }
  .progressbar.small {
    height: 20px;
    padding: 2px; }
    .progressbar.small .bar, .progressbar.small b {
      line-height: 14px;
      font-size: .8em; }
  .progressbar.xsmall {
    height: 16px;
    padding: 1px; }
    .progressbar.xsmall .bar, .progressbar.xsmall b {
      line-height: 12px;
      font-size: .7em; }
  .progressbar.tiny {
    height: 12px;
    padding: 1px; }
    .progressbar.tiny .bar, .progressbar.tiny b {
      line-height: 8px;
      font-size: .6em;
      text-transform: uppercase; }

span.progressbar {
  display: inline-block;
  width: 10em;
  margin: 0;
  vertical-align: middle; }
  span.progressbar.round .bar {
    min-width: 1em; }

.wizard-page h1, .wizard-page h2, .wizard-page h3 {
  color: #fff;
  margin-bottom: 15px; }
  .wizard-page h1 small, .wizard-page h2 small, .wizard-page h3 small {
    display: block; }

.wizard-page .steps {
  margin: 15px 0;
  padding: 0 0 15px;
  border-bottom: 1px solid #b2b2b2;
  overflow: hidden;
  color: #fff; }
  .wizard-page .steps li {
    display: inline-block;
    list-style: none;
    vertical-align: middle;
    background: #92AC25;
    padding: 4px;
    float: left;
    position: relative;
    margin-left: 1em;
    height: 40px;
    min-width: 40px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    font-weight: bold; }
    .wizard-page .steps li:before {
      content: '';
      display: block;
      position: absolute;
      right: 100%;
      top: 50%;
      background: #92AC25;
      width: 1em;
      height: 4px;
      margin: -2px 0 0; }
    .wizard-page .steps li:first-child,
    .wizard-page .steps li.title + li {
      margin-left: 0; }
      .wizard-page .steps li:first-child:before,
      .wizard-page .steps li.title + li:before {
        display: none; }
    .wizard-page .steps li.title {
      margin-right: 1em;
      background: none;
      color: #000;
      line-height: 32px; }
    .wizard-page .steps li.done, .wizard-page .steps li.current {
      background: #007E86;
      color: #fff; }
      .wizard-page .steps li.done:before, .wizard-page .steps li.current:before {
        background: #007E86; }
  .wizard-page .steps img {
    display: inline-block;
    vertical-align: middle;
    width: 32px;
    height: 32px; }
  .wizard-page .steps abbr {
    position: absolute;
    left: 0;
    top: 0;
    line-height: 40px;
    width: 100%;
    text-align: center; }
  .wizard-page .steps b {
    padding: 0 .5em 0 .25em;
    line-height: 32px;
    vertical-align: middle;
    display: inline-block; }

.wizard-page .remark {
  display: block;
  text-align: right;
  color: #fff;
  font-size: .75em;
  margin: -1em 0 1em; }

.wizard-page .section {
  background: #A7C42B;
  margin: 15px -15px 0;
  padding: 15px 15px 15px 57px;
  overflow: hidden;
  -webkit-border-radius: 1em;
  -moz-border-radius: 1em;
  -ms-border-radius: 1em;
  -o-border-radius: 1em;
  border-radius: 1em; }
  .wizard-page .section > h2 .num {
    font-size: 2em;
    vertical-align: top;
    line-height: 1em;
    float: left;
    margin-left: -42px; }

.wizard-page table.base-theme {
  background: #ccc; }

.wizard-page table.base-theme tbody th, .wizard-page table.base-theme tbody td,
.wizard-page .lightbox table.base-theme tbody th,
.wizard-page .lightbox table.base-theme tbody td {
  background-color: #ccc; }

.wizard-page table.base-theme tbody:hover th, .wizard-page table.base-theme tbody:hover td,
.wizard-page .lightbox table.base-theme tbody:hover th,
.wizard-page .lightbox table.base-theme tbody:hover td {
  background-color: #ccc; }

.wizard-page form {
  font-size: 1em; }

.wizard-page thead small {
  display: block; }

.wizard-page ul.radio-buttons {
  padding: 0;
  margin: 0;
  display: inline-block;
  vertical-align: middle;
  width: 8em; }
  .wizard-page ul.radio-buttons li {
    list-style: none;
    cursor: pointer;
    border: 1px solid #5FC1C6;
    border-left: none;
    padding: .5em;
    float: left;
    text-align: center;
    width: 4em;
    background: #007E86;
    color: #fff; }
    .wizard-page ul.radio-buttons li:first-child {
      border-left: 1px solid #5FC1C6;
      -webkit-border-radius: 5px 0 0 5px;
      -moz-border-radius: 5px 0 0 5px;
      -ms-border-radius: 5px 0 0 5px;
      -o-border-radius: 5px 0 0 5px;
      border-radius: 5px 0 0 5px; }
    .wizard-page ul.radio-buttons li:last-child {
      -webkit-border-radius: 0 5px 5px 0;
      -moz-border-radius: 0 5px 5px 0;
      -ms-border-radius: 0 5px 5px 0;
      -o-border-radius: 0 5px 5px 0;
      border-radius: 0 5px 5px 0; }
    .wizard-page ul.radio-buttons li.inactive {
      background: transparent;
      color: rgba(0, 0, 0, 0.25); }
    .wizard-page ul.radio-buttons li.positive.active, .wizard-page ul.radio-buttons li.positive:hover {
      background: #336604;
      color: #fff; }
    .wizard-page ul.radio-buttons li.positive.active {
      border-color: #336604; }
    .wizard-page ul.radio-buttons li.negative.active, .wizard-page ul.radio-buttons li.negative:hover {
      background: #993305;
      color: #fff; }
    .wizard-page ul.radio-buttons li.negative.active {
      border-color: #993305; }

.wizard-page.vertical li {
  float: none;
  border-left: 1px solid #fff;
  border-top: none; }
  .wizard-page.vertical li:first-child {
    border-top: 1px solid #fff; }

html, body {
  height: 100%; }

body {
  overflow: hidden; }

body {
  background: #484848 url(../img/body-bg7.jpg) no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  font: 16px "Helvetica Neue",Helvetica,Arial,sans-serif;
  color: #000;
  margin: 0;
  padding: 0; }

.header-wrapper {
  position: absolute;
  width: 100%;
  overflow-x: hidden;
  overflow-y: scroll; }

.body-wrapper {
  height: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
  position: relative;
  z-index: 1; }

.wrapper {
  width: 990px;
  margin: 100px 0 10em -495px;
  left: 50%;
  padding-top: 20px;
  min-height: 100%;
  position: relative;
  border: 1px solid #ddd;
  background: -owg-linear-gradient(#cfcfcf, #f2f2f2);
  background: -webkit-linear-gradient(#cfcfcf, #f2f2f2);
  background: -moz-linear-gradient(#cfcfcf, #f2f2f2);
  background: -o-linear-gradient(#cfcfcf, #f2f2f2);
  background: linear-gradient(#cfcfcf, #f2f2f2);
  background-color: #d6d6d6; }

.site-header {
  position: relative;
  top: 0;
  left: 50%;
  margin-left: -495px;
  width: 990px;
  z-index: 200;
  margin-bottom: 400px; }

.footer-colors {
  overflow: hidden;
  margin: 30px 10px 15px; }
  .footer-colors > div {
    width: 16.6667%;
    padding: 0 5px;
    float: left; }
  .footer-colors span {
    height: .5em;
    display: block; }
  .footer-colors .lvl1 span {
    background-color: #FFD700; }
  .footer-colors .lvl2 span {
    background-color: #FF8C00; }
  .footer-colors .lvl3 span {
    background-color: #FF0000; }
  .footer-colors .lvl4 span {
    background-color: #9400D3; }
  .footer-colors .lvl5 span {
    background-color: #4169E1; }
  .footer-colors .lvl6 span {
    background-color: #6B8E23; }
  .footer-colors + .footer-colors {
    display: none; }

.account-nav-container {
  background: #a7c42b;
  position: relative;
  z-index: 300;
  padding-bottom: 10px; }

.account-nav {
  background: #72871e;
  height: 28px;
  width: 970px;
  padding: 0;
  font-size: .875em;
  color: #a7c42b;
  font-size: 0.8em;
  overflow: hidden;
  margin: 0 10px 0 10px;
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  -ms-border-radius: 0 0 5px 5px;
  -o-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px; }

b.organisation {
  padding: .5em;
  line-height: 25px; }

.user-nav {
  float: right;
  margin: 0;
  padding: 0;
  white-space: nowrap; }
  .user-nav li {
    list-style: none;
    display: inline-block;
    line-height: 100%;
    padding: .5em 0;
    float: left; }
    .user-nav li input[type="submit"] {
      color: #a7c42b;
      background: rgba(0, 0, 0, 0.1);
      display: block;
      border: none;
      padding: .45em 7px .55em;
      margin: -.5em 0 0 .5em;
      font-size: 1.2em; }
      .user-nav li input[type="submit"]:hover {
        background: rgba(0, 0, 0, 0.5);
        text-decoration: none; }

.main-nav {
  background: #a7c42b;
  position: relative;
  float: left;
  width: 100%;
  padding-right: 60px; }
  .main-nav .logo {
    margin: 20px 0 11px 10px;
    padding: 7px;
    display: block;
    float: left;
    background: rgba(255, 255, 255, 0.8);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px; }
    .main-nav .logo span.icon {
      background: url(../img/menu-icon.png) no-repeat;
      width: 26px;
      height: 24px;
      display: block;
      float: left;
      margin: 0 10px 0 0; }
    .main-nav .logo b {
      background: url(../img/logo-dorr.png) no-repeat;
      width: 80px;
      height: 24px;
      display: block;
      text-indent: -9999px;
      float: left; }
  .main-nav .title {
    color: #72871E;
    font-size: .625em;
    text-transform: lowercase;
    text-align: left; }
  .main-nav .navgroup {
    float: right;
    padding: 0.25em 0.5em 0.7em; }
    .main-nav .navgroup .subnav {
      float: right; }
      .main-nav .navgroup .subnav ul li a.btn small, .main-nav .navgroup .subnav ul li a[class*="btn-"] small {
        margin: 0 0 2px 0;
        text-transform: lowercase;
        font-size: 70%; }
    .main-nav .navgroup.active {
      background: rgba(0, 0, 0, 0.12);
      -webkit-border-radius: 5px 5px 0 0;
      -moz-border-radius: 5px 5px 0 0;
      -ms-border-radius: 5px 5px 0 0;
      -o-border-radius: 5px 5px 0 0;
      border-radius: 5px 5px 0 0; }
      .main-nav .navgroup.active .title {
        color: #bcdc35; }
    .main-nav .navgroup .dropdown-group .btn-split-tab {
      width: 163px;
      max-width: 163px;
      text-align: left; }
  .main-nav .btn, .main-nav [class*="btn-"],
  .main-nav [class*="btn-"] {
    height: 2.5em;
    line-height: 1.7em; }
  .main-nav .btn-split-tab {
    background: rgba(255, 255, 255, 0.4);
    color: #72871e;
    border-color: #72871e;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px; }
    .main-nav .btn-split-tab.active .toggle:after {
      border-color: #72871e transparent; }
    .main-nav .btn-split-tab:hover {
      background: #00303f;
      color: #fff;
      border-color: #00303f; }
      .main-nav .btn-split-tab:hover .toggle:hover {
        background: rgba(0, 0, 0, 0.5); }
      .main-nav .btn-split-tab:hover .toggle:after {
        border-color: #fff transparent; }
  .main-nav .tutor-group-tab .btn-split-tab {
    line-height: 2.2em;
    padding-top: 0;
    padding-bottom: 0; }
    .main-nav .tutor-group-tab .btn-split-tab .group-name {
      display: inline-block;
      line-height: 1;
      width: 7em;
      min-height: 1.2em;
      max-height: 2.1em;
      overflow: hidden;
      text-overflow: ellipsis;
      vertical-align: middle;
      text-align: left; }
  .main-nav [class*="btn-"][class*="-tab"] {
    margin-bottom: 0;
    vertical-align: top; }
    .main-nav [class*="btn-"][class*="-tab"].active:after {
      display: block;
      position: absolute;
      bottom: -.8em;
      left: 50%;
      margin-left: -1em;
      content: '';
      width: 0;
      height: 0;
      border: 1em solid transparent;
      border-top: none;
      border-bottom: .5em solid #007e86; }
  .main-nav .week-nav {
    float: right; }
    .main-nav .week-nav .btngroup {
      margin-left: .5em;
      float: left; }
      .main-nav .week-nav .btngroup .title {
        text-align: center; }
    .main-nav .week-nav .btngroup [class*="btn"] {
      line-height: 1;
      padding: .4em 0;
      width: 2.5em;
      position: relative;
      color: rgba(0, 0, 0, 0.75);
      background-color: rgba(255, 255, 255, 0.8);
      background: -owg-linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8));
      background: -webkit-linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8));
      background: -moz-linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8));
      background: -o-linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8));
      background: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8));
      border-color: #92ac25;
      -webkit-box-shadow: 0;
      -moz-box-shadow: 0;
      box-shadow: 0; }
      .main-nav .week-nav .btngroup [class*="btn"]:hover {
        background-color: rgba(255, 255, 255, 0.9);
        background: -owg-linear-gradient(rgba(255, 255, 255, 0.9), white);
        background: -webkit-linear-gradient(rgba(255, 255, 255, 0.9), white);
        background: -moz-linear-gradient(rgba(255, 255, 255, 0.9), white);
        background: -o-linear-gradient(rgba(255, 255, 255, 0.9), white);
        background: linear-gradient(rgba(255, 255, 255, 0.9), white);
        color: rgba(0, 0, 0, 0.9); }
      .main-nav .week-nav .btngroup [class*="btn"][class*="has-evaluation"]:before {
        content: '';
        position: absolute;
        right: 0;
        bottom: 0;
        border-width: 0 0 .5em .5em;
        border-color: transparent transparent #aaa transparent;
        border-style: solid; }
      .main-nav .week-nav .btngroup [class*="btn"][class*="has-evaluation"].active:before {
        left: auto; }
      .main-nav .week-nav .btngroup [class*="btn"].past {
        background-color: rgba(255, 255, 255, 0.5);
        background: -owg-linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5));
        background: -webkit-linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5));
        background: -moz-linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5));
        background: -o-linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5));
        background: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5));
        color: rgba(0, 0, 0, 0.35);
        border-color: #92ac25; }
        .main-nav .week-nav .btngroup [class*="btn"].past[class*="has-evaluation"]:before {
          border-bottom-color: red; }
        .main-nav .week-nav .btngroup [class*="btn"].past.evaluated:after {
          border-bottom-color: green; }
        .main-nav .week-nav .btngroup [class*="btn"].past:hover {
          background-color: rgba(255, 255, 255, 0.8);
          background: -owg-linear-gradient(rgba(255, 255, 255, 0.8), white);
          background: -webkit-linear-gradient(rgba(255, 255, 255, 0.8), white);
          background: -moz-linear-gradient(rgba(255, 255, 255, 0.8), white);
          background: -o-linear-gradient(rgba(255, 255, 255, 0.8), white);
          background: linear-gradient(rgba(255, 255, 255, 0.8), white); }
      .main-nav .week-nav .btngroup [class*="btn"].current {
        z-index: 1;
        border-color: #00303f;
        color: #00303f;
        background: -owg-linear-gradient(#00d9d9, #00d9d9);
        background: -webkit-linear-gradient(#00d9d9, #00d9d9);
        background: -moz-linear-gradient(#00d9d9, #00d9d9);
        background: -o-linear-gradient(#00d9d9, #00d9d9);
        background: linear-gradient(#00d9d9, #00d9d9);
        background-color: #00d9d9; }
        .main-nav .week-nav .btngroup [class*="btn"].current[class*="has-evaluation"]:before {
          border-bottom-color: blue; }
        .main-nav .week-nav .btngroup [class*="btn"].current:hover {
          background: -owg-linear-gradient(#00303f, #00303f);
          background: -webkit-linear-gradient(#00303f, #00303f);
          background: -moz-linear-gradient(#00303f, #00303f);
          background: -o-linear-gradient(#00303f, #00303f);
          background: linear-gradient(#00303f, #00303f);
          background-color: #00303f;
          color: #fff; }
    .main-nav .week-nav li:first-child a.btn, .main-nav .week-nav li:first-child a[class*="btn-"] {
      -webkit-border-radius: 5px 0 0 5px;
      -moz-border-radius: 5px 0 0 5px;
      -ms-border-radius: 5px 0 0 5px;
      -o-border-radius: 5px 0 0 5px;
      border-radius: 5px 0 0 5px; }
    .main-nav .week-nav li:last-child a.btn, .main-nav .week-nav li:last-child a[class*="btn-"] {
      -webkit-border-radius: 0 5px 5px 0;
      -moz-border-radius: 0 5px 5px 0;
      -ms-border-radius: 0 5px 5px 0;
      -o-border-radius: 0 5px 5px 0;
      border-radius: 0 5px 5px 0; }
    .main-nav .week-nav li:first-child:last-child a.btn, .main-nav .week-nav li:first-child:last-child a[class*="btn-"] {
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px; }
  .main-nav .extranav .btngroup {
    margin-top: 14px; }
    .main-nav .extranav .btngroup li a.btn, .main-nav .extranav .btngroup li a[class*="btn-"] {
      width: auto;
      padding: 0.4em .7em;
      line-height: 2.4em;
      font-size: .8em;
      height: 40px; }
  .main-nav .help-toggle {
    width: 40px;
    height: 40px;
    line-height: 23px;
    font-size: 1.4em;
    position: absolute;
    right: 0;
    margin: 20px 10px 0 10px;
    color: rgba(0, 0, 0, 0.2);
    border-color: rgba(0, 0, 0, 0.12);
    text-transform: lowercase;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    background: url(../img/icons/icon_info_20x20_lightblue.png) no-repeat center center rgba(255, 255, 255, 0.4); }
    .main-nav .help-toggle:hover {
      background: url(../img/icons/icon_info_20x20_white.png) no-repeat center center #00303f; }
  .main-nav .trimester-select {
    float: right; }
    .main-nav .trimester-select .btn-split-tab {
      width: 134px; }
    .main-nav .trimester-select [class*="btn"] {
      line-height: 1; }
    .main-nav .trimester-select .dropdown-menu {
      border: 1px solid rgba(0, 0, 0, 0.4);
      -webkit-border-radius: 4px 0 4px 4px;
      -moz-border-radius: 4px 0 4px 4px;
      -ms-border-radius: 4px 0 4px 4px;
      -o-border-radius: 4px 0 4px 4px;
      border-radius: 4px 0 4px 4px;
      background: #A7C42B; }
    .main-nav .trimester-select .schoolyears {
      line-height: 1; }
      .main-nav .trimester-select .schoolyears li {
        white-space: nowrap;
        margin-top: .25em;
        padding: .25em; }
        .main-nav .trimester-select .schoolyears li:first-child {
          margin-top: 0; }
    .main-nav .trimester-select .trimesters {
      display: inline-block;
      white-space: nowrap; }
      .main-nav .trimester-select .trimesters li {
        display: inline-block;
        padding: 0; }
      .main-nav .trimester-select .trimesters a {
        display: inline-block;
        background-color: #bcdc35;
        border: 1px solid #72871E;
        padding: .25em .5em;
        line-height: 2em;
        text-decoration: none;
        color: #000;
        width: 6em;
        text-align: center;
        -webkit-border-radius: 0.5em;
        -moz-border-radius: 0.5em;
        -ms-border-radius: 0.5em;
        -o-border-radius: 0.5em;
        border-radius: 0.5em; }
        .main-nav .trimester-select .trimesters a:hover, .main-nav .trimester-select .trimesters a:focus {
          background-color: #72871E; }
      .main-nav .trimester-select .trimesters .current {
        border-color: blue;
        color: blue; }
      .main-nav .trimester-select .trimesters .active {
        font-weight: bold;
        border-width: 2px; }
  .main-nav #tutor-dropdown {
    min-width: 100%;
    max-height: 300px;
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 999;
    border: 1px solid rgba(0, 0, 0, 0.4);
    -webkit-border-radius: 4px 0 4px 4px;
    -moz-border-radius: 4px 0 4px 4px;
    -ms-border-radius: 4px 0 4px 4px;
    -o-border-radius: 4px 0 4px 4px;
    border-radius: 4px 0 4px 4px;
    background: #A7C42B; }

.quick-nav {
  position: fixed;
  z-index: 100;
  left: 50%;
  margin: 33px 0 0 -491px; }
  .quick-nav ul {
    display: block;
    margin: 0;
    padding: 0; }
  .quick-nav li {
    display: block;
    list-style: none;
    margin-bottom: 0; }
    .quick-nav li a {
      color: #fff;
      text-decoration: none;
      display: block;
      font-size: .9em;
      padding: 6px;
      margin: 0 0 4px 0;
      width: 120px;
      background: #00bbbb;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      -o-border-radius: 3px;
      border-radius: 3px; }
      .quick-nav li a:hover {
        background: #00303F; }
      .quick-nav li a b {
        font-weight: normal; }
  .quick-nav img {
    display: inline-block;
    width: 2em;
    height: 2em;
    margin-right: .5em;
    vertical-align: middle; }

.dashboard .page-header h1 {
  margin: 0 0 10px 0; }

.dashboard .page-header .tabsgroup {
  clear: both; }

.dashboard .lightbox .page-header h1 {
  margin: 0 1em 0 0; }

.page-header {
  clear: both;
  padding: 1em;
  background: -owg-linear-gradient(#007e86, #00d9d9);
  background: -webkit-linear-gradient(#007e86, #00d9d9);
  background: -moz-linear-gradient(#007e86, #00d9d9);
  background: -o-linear-gradient(#007e86, #00d9d9);
  background: linear-gradient(#007e86, #00d9d9);
  background-color: #007e86;
  position: relative;
  overflow: hidden;
  color: #fff; }
  .page-header h1 {
    float: left;
    margin: 0 1em 0 0;
    padding: 0;
    border: none;
    color: #fff;
    font-size: 1.2em;
    text-transform: uppercase; }
    .page-header h1 .em {
      font-weight: bold;
      font-size: 70%; }
  .page-header.tabbed {
    padding-bottom: 0; }
  .page-header .btn.active, .page-header .active[class*="btn-"],
  .page-header [class*="btn-"].active {
    background-color: #fff;
    color: #000;
    border-bottom: none; }
  .page-header .page-header-theme {
    position: absolute;
    right: 10px;
    bottom: 10px;
    width: 150px;
    text-align: right; }
    .page-header .page-header-theme img {
      max-width: 100%;
      display: inline-block;
      vertical-align: middle; }
  .page-header .page-header-nerf {
    position: absolute;
    left: 0;
    top: -36px; }
    .page-header .page-header-nerf img {
      width: 100%;
      display: block; }
  .page-header:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: -36px;
    width: 100%;
    height: 312px;
    background: url(../img/bladnerf.png) 0 0 no-repeat; }
  .page-header .title {
    font-size: 1em; }
  .page-header .title.title-back {
    margin: -2px 0 14px;
    font-size: 0.8em;
    color: #fff; }
  .page-header .dow {
    display: block;
    font-size: .8em; }
  .page-header .tabsgroup {
    white-space: nowrap;
    margin: 0; }
  .page-header .tabs {
    margin-left: 10px;
    font-size: .6875em;
    text-transform: uppercase;
    font-weight: bold; }
    .page-header .tabs li {
      margin: 0 1px 0 0; }
    .page-header .tabs li.break a {
      line-height: 1; }
    .page-header .tabs li.tasks a {
      padding: 0.4em 0.8em 0.4em 2.3em;
      background: url(../img/icons/icon_taskboard_16x16_white.png) no-repeat 7px center #00303F !important; }
      .page-header .tabs li.tasks a:hover {
        background-color: #00171e !important; }
    .page-header .tabs li.tasks a.active {
      background: url(../img/icons/icon_taskboard_16x16_black.png) no-repeat 7px center #dddddd !important; }
    .page-header .tabs li.playcorners a {
      padding: 0.4em 0.8em 0.4em 2.3em;
      background: url(../img/icons/icon_playcorner_16x16_white.png) no-repeat 7px center #00303F !important; }
      .page-header .tabs li.playcorners a:hover {
        background-color: #00171e !important; }
    .page-header .tabs li.playcorners a.active {
      background: url(../img/icons/icon_playcorner_16x16_black.png) no-repeat 7px center #dddddd !important; }
    .page-header .tabs .title {
      text-align: left;
      margin: 0 0 4px 2px; }
    .page-header .tabs .btn, .page-header .tabs [class*="btn-"],
    .page-header .tabs [class*="btn-"] {
      background: #00303F;
      color: #fff;
      -webkit-border-radius: 5px 5px 0 0;
      -moz-border-radius: 5px 5px 0 0;
      -ms-border-radius: 5px 5px 0 0;
      -o-border-radius: 5px 5px 0 0;
      border-radius: 5px 5px 0 0;
      border: none;
      text-transform: lowercase;
      font-size: 1.2em;
      font-weight: normal;
      padding: .4em .8em;
      height: 3em;
      line-height: 2.3em; }
      .page-header .tabs .btn:hover, .page-header .tabs [class*="btn-"]:hover,
      .page-header .tabs [class*="btn-"]:hover {
        background: #00171e; }
      .page-header .tabs .btn.active, .page-header .tabs .active[class*="btn-"],
      .page-header .tabs [class*="btn-"].active {
        background: #dddddd;
        color: #00303F; }
      .page-header .tabs .btn span.dow, .page-header .tabs [class*="btn-"] span.dow,
      .page-header .tabs [class*="btn-"] span.dow {
        margin: 2px 0 3px 0; }
    .page-header .tabs:first-child {
      margin-left: 0; }
    .page-header .tabs.day-overviews a {
      line-height: 1; }
    .page-header .tabs.results li a {
      background: #A7C42B; }
      .page-header .tabs.results li a:hover {
        background: #72871E; }
      .page-header .tabs.results li a.active:hover {
        background: #ddd; }

.lightbox .page-header .tabsgroup {
  margin: 18px 0 0 15px; }

.section_group .wrapper {
  padding-top: 100px; }

.col-scroll {
  overflow-y: scroll;
  overflow-x: hidden; }
  @media print {
    .col-scroll {
      height: auto !important;
      overflow: auto !important; } }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .col-scroll {
    height: 370px; } }

@media only screen and (min-device-width: 800px) and (max-device-width: 1280px) {
  .col-scroll {
    height: 400px; } }

@media screen and (min-height: 860px) {
  .col-scroll {
    height: 580px; } }

@media screen and (max-height: 830px) {
  .col-scroll {
    height: 490px; } }

@media screen and (max-height: 810px) {
  .col-scroll {
    height: 490px; } }

@media screen and (max-height: 760px) {
  .col-scroll {
    height: 430px; } }

@media screen and (max-height: 710px) {
  .col-scroll {
    height: 400px; } }

@media screen and (max-height: 660px) {
  .col-scroll {
    height: 310px; } }

@media screen and (max-height: 610px) {
  .col-scroll {
    height: 300px; } }

.notification {
  border: 1px solid #d2d2d2;
  background: #f2f2f2;
  padding: 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  margin: 0 0 20px 0; }
  .notification.n-success {
    background: #e6f8d2;
    border-color: #b7ce91;
    color: #536d3d; }
  .notification.n-error {
    background: #f9e4e1;
    border-color: #d4adb2;
    color: #bb2316; }
  .notification.n-warning {
    background: #fbf5c2;
    border-color: #c5bb6c;
    color: #857b28; }
  .notification.n-info {
    background: #e1e3f9;
    border-color: #afb2e1;
    color: #2d3384; }
  .notification.hidden {
    display: none; }
  .notification ul.messages {
    padding: 0;
    margin: 0; }
    .notification ul.messages li {
      list-style: none;
      margin: 0;
      font-size: .85em; }

.pagination a.nav {
  text-indent: -9999px;
  float: left;
  display: block;
  width: 20px;
  height: 20px;
  margin: 6px 0 0 0; }
  .pagination a.nav.prev {
    background: url(../img/icons/icon_arrow-left-notail_20x20_black.png) no-repeat;
    margin-right: 5px; }
  .pagination a.nav.next {
    background: url(../img/icons/icon_arrow-right-notail_20x20_black.png) no-repeat;
    margin-left: 5px; }

.pagination .page-current {
  float: left;
  line-height: 31px; }
  .pagination .page-current select {
    width: 70px;
    margin: 0 5px; }

.form-footer .pagination, .form-footer2 .pagination {
  float: right; }

.page_trimester-schedule .page-header {
  padding: 1em 0 0.3em 1em;
  overflow: hidden; }

.page_trimester-schedule .wrapper {
  padding-top: 74px;
  background: #f2f2f2 url(../img/bg-image-dorr-reppoo.png) repeat-y left 200px; }
  .page_trimester-schedule .wrapper > .r {
    padding-right: 0; }
    .page_trimester-schedule .wrapper > .r > .c-12 {
      padding-right: 0;
      margin-left: 15px; }

.page_trimester-schedule .skillset {
  position: relative;
  float: right;
  width: 100%;
  padding: 1em 0 0;
  *zoom: 1; }
  .page_trimester-schedule .skillset:before, .page_trimester-schedule .skillset:after {
    content: " ";
    display: table; }
  .page_trimester-schedule .skillset:after {
    clear: both; }
  .page_trimester-schedule .skillset [id*="skillset_scroll_"] {
    position: absolute;
    right: 0;
    top: -174px; }
  .page_trimester-schedule .skillset.skillset-indent {
    padding: 1em 0 0; }
  .page_trimester-schedule .skillset header {
    position: relative;
    float: right;
    width: 685px;
    min-height: 3.5em;
    margin: 1em 0; }
    .page_trimester-schedule .skillset header .skillset-icon {
      position: absolute;
      width: 3.5em;
      height: 3.5em;
      left: -4.5em;
      top: 0; }
    .page_trimester-schedule .skillset header h2 {
      margin-bottom: .1em; }
    .page_trimester-schedule .skillset header h3 {
      margin-top: 0; }
  .page_trimester-schedule .skillset .phases {
    width: 200px; }

.page_trimester-schedule .skill-schedule {
  width: 693px;
  float: right;
  position: relative; }
  .page_trimester-schedule .skill-schedule ul {
    display: block;
    margin: 0;
    padding: 0;
    position: relative; }
    .page_trimester-schedule .skill-schedule ul:last-child {
      margin: 0; }
    .page_trimester-schedule .skill-schedule ul#weeks_counter li {
      background: rgba(255, 255, 255, 0.8);
      height: 28px;
      line-height: 26px;
      color: #00303F;
      font-size: 0.8em;
      width: 3.12em; }
      .page_trimester-schedule .skill-schedule ul#weeks_counter li.past {
        background: rgba(255, 255, 255, 0.4);
        color: rgba(0, 0, 0, 0.3); }
      .page_trimester-schedule .skill-schedule ul#weeks_counter li.current {
        background: #A7C42B;
        color: #000; }
  .page_trimester-schedule .skill-schedule li {
    display: block;
    list-style: none;
    float: left;
    position: relative; }
  .page_trimester-schedule .skill-schedule .headers,
  .page_trimester-schedule .skill-schedule .skill-row {
    float: left;
    width: 100%; }
  .page_trimester-schedule .skill-schedule .skill-name {
    width: 163px;
    margin-left: -163px;
    text-align: right;
    line-height: 40px;
    font-size: .8em; }
    .page_trimester-schedule .skill-schedule .skill-name b {
      font-weight: normal;
      display: inline-block;
      vertical-align: middle;
      margin-right: 3px;
      width: 130px;
      line-height: 1.2; }
    .page_trimester-schedule .skill-schedule .skill-name small {
      display: block;
      font-size: 80%; }
    .page_trimester-schedule .skill-schedule .skill-name i {
      display: inline-block;
      width: 25px;
      height: 25px;
      vertical-align: middle;
      background-position: center center;
      background-repeat: no-repeat; }
      .page_trimester-schedule .skill-schedule .skill-name i.type-attention {
        background-image: url(../img/icons/icon_aandachtlijnen_25x25.png); }
      .page_trimester-schedule .skill-schedule .skill-name i.type-instruction {
        background-image: url(../img/icons/icon_instructielijnen_25x25.png); }
      .page_trimester-schedule .skill-schedule .skill-name i.type-assignments {
        background-image: url(../img/icons/icon_opdrachtlijnen_25x25.png); }
      .page_trimester-schedule .skill-schedule .skill-name i.type-routine {
        background-image: url(../img/icons/icon_routinelijnen_25x25.png); }
  .page_trimester-schedule .skill-schedule .scheduling-advise {
    text-align: left;
    line-height: 2.2em;
    font-size: .9em;
    float: right;
    width: 133px; }
    .page_trimester-schedule .skill-schedule .scheduling-advise small {
      display: block;
      font-size: .8em; }
    .page_trimester-schedule .skill-schedule .scheduling-advise ul {
      display: inline-block;
      text-align: center;
      vertical-align: middle;
      margin: 0;
      padding: 0; }
    .page_trimester-schedule .skill-schedule .scheduling-advise li {
      float: left;
      list-style: none;
      font-size: .75em;
      line-height: 2.2em;
      width: 1.6em;
      height: 2.2em;
      border: none;
      margin-left: 2px;
      margin-top: 7px;
      color: #999;
      background: #fff;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      -o-border-radius: 3px;
      border-radius: 3px; }
      .page_trimester-schedule .skill-schedule .scheduling-advise li:first-child {
        margin-left: 0; }
    .page_trimester-schedule .skill-schedule .scheduling-advise .to-schedule {
      background-color: #A7C42B; }
    .page_trimester-schedule .skill-schedule .scheduling-advise .scheduled {
      background: #fff url(../img/icon-dot.png) no-repeat center center; }
    .page_trimester-schedule .skill-schedule .scheduling-advise .half-completed {
      background: #fff;
      overflow: hidden; }
      .page_trimester-schedule .skill-schedule .scheduling-advise .half-completed:before {
        content: '';
        display: block;
        height: 2.2em;
        width: 1.6em;
        border: 1.1em solid #ddd;
        border-width: 1.1em .8em;
        border-right-color: transparent;
        border-bottom-color: transparent; }
      .page_trimester-schedule .skill-schedule .scheduling-advise .half-completed:after {
        content: '';
        display: block;
        height: 2.2em;
        width: 1.6em;
        background: url(../img/icons/icon_finished_16x16_black.png) center center no-repeat;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
        opacity: 0.5;
        position: absolute;
        left: 0;
        top: 0; }
    .page_trimester-schedule .skill-schedule .scheduling-advise .completed {
      background: #fff url(../img/icons/icon_finished_16x16_black.png) no-repeat center center; }
      .page_trimester-schedule .skill-schedule .scheduling-advise .completed:before, .page_trimester-schedule .skill-schedule .scheduling-advise .completed:after {
        display: none; }
    .page_trimester-schedule .skill-schedule .scheduling-advise .plus {
      border: none; }
  .page_trimester-schedule .skill-schedule .info {
    position: absolute;
    right: 10px;
    top: 0; }
  .page_trimester-schedule .skill-schedule .weeks {
    white-space: nowrap;
    float: right;
    margin-right: 68px;
    text-align: center;
    vertical-align: middle; }
    .page_trimester-schedule .skill-schedule .weeks ul {
      float: left;
      margin-left: .5em; }
    .page_trimester-schedule .skill-schedule .weeks li {
      width: 2.5em;
      border: 1px solid #ccc;
      line-height: 2em;
      height: 2.5em;
      margin-left: -1px;
      background: #fff; }
    .page_trimester-schedule .skill-schedule .weeks .past {
      background-color: #eee;
      color: #999;
      background: rgba(0, 0, 0, 0.15);
      border: 1px solid #f2f2f2; }
    .page_trimester-schedule .skill-schedule .weeks .current {
      background: #A7C42B;
      z-index: 1;
      border: 1px solid #A7C42B; }
    .page_trimester-schedule .skill-schedule .weeks .top,
    .page_trimester-schedule .skill-schedule .weeks .bot {
      display: block;
      font-size: .875em;
      height: 50%;
      line-height: 1.5;
      padding: .25em .5em;
      vertical-align: top;
      position: relative; }
      .page_trimester-schedule .skill-schedule .weeks .top:before,
      .page_trimester-schedule .skill-schedule .weeks .bot:before {
        content: "";
        display: block;
        position: absolute;
        width: 0;
        height: 0;
        left: 0;
        top: 0;
        border-style: solid;
        font-size: 1.142857143em;
        z-index: -1;
        background-color: #ddd;
        text-indent: -9999em; }
    .page_trimester-schedule .skill-schedule .weeks .top {
      text-align: left; }
      .page_trimester-schedule .skill-schedule .weeks .top:before {
        border-width: 1.875em 2.375em 0 0;
        border-color: #eee transparent transparent transparent; }
    .page_trimester-schedule .skill-schedule .weeks .bot {
      text-align: right;
      line-height: 1;
      padding-top: 0; }
      .page_trimester-schedule .skill-schedule .weeks .bot:before {
        display: none; }
  .page_trimester-schedule .skill-schedule .skill-row {
    margin-bottom: .5em; }
    .page_trimester-schedule .skill-schedule .skill-row .weeks {
      /* experimental 
				
				&.current.fixed span.block { 
				   width: 0;
				   height: 0;
				   padding: 0;
				   background: transparent;

				   border-left: 1em solid red;
				   border-top: 1em solid transparent;
				   border-bottom: 1em solid transparent;

				   -webkit-transform: rotate(-135deg); 
				   -moz-transform: rotate(-135deg); 
				   -o-transform: rotate(-135deg);
				   transform: rotate(-135deg); 

				   @include border-radius(5px);
				}
*/ }
      .page_trimester-schedule .skill-schedule .skill-row .weeks ul li {
        cursor: pointer;
        font-weight: bold; }
        .page_trimester-schedule .skill-schedule .skill-row .weeks ul li:first-child {
          -webkit-border-radius: 5px 0 0 5px;
          -moz-border-radius: 5px 0 0 5px;
          -ms-border-radius: 5px 0 0 5px;
          -o-border-radius: 5px 0 0 5px;
          border-radius: 5px 0 0 5px; }
        .page_trimester-schedule .skill-schedule .skill-row .weeks ul li:last-child {
          -webkit-border-radius: 0 5px 5px 0;
          -moz-border-radius: 0 5px 5px 0;
          -ms-border-radius: 0 5px 5px 0;
          -o-border-radius: 0 5px 5px 0;
          border-radius: 0 5px 5px 0; }
        .page_trimester-schedule .skill-schedule .skill-row .weeks ul li:hover .block,
        .page_trimester-schedule .skill-schedule .skill-row .weeks ul li:focus .block,
        .page_trimester-schedule .skill-schedule .skill-row .weeks ul li:active .block {
          background-color: #d3e195; }
        .page_trimester-schedule .skill-schedule .skill-row .weeks ul li.past:hover .block, .page_trimester-schedule .skill-schedule .skill-row .weeks ul li.past:focus .block, .page_trimester-schedule .skill-schedule .skill-row .weeks ul li.past:active .block {
          background-color: #ccc; }
        .page_trimester-schedule .skill-schedule .skill-row .weeks ul li.scheduled .block, .page_trimester-schedule .skill-schedule .skill-row .weeks ul li.fixed .block {
          background-color: #a7c42b; }
        .page_trimester-schedule .skill-schedule .skill-row .weeks ul li.scheduled.past .block, .page_trimester-schedule .skill-schedule .skill-row .weeks ul li.fixed.past .block {
          background-color: #999; }
        .page_trimester-schedule .skill-schedule .skill-row .weeks ul li.fixed .block {
          background-image: url(../img/icon-dot.png); }
        .page_trimester-schedule .skill-schedule .skill-row .weeks ul li.completed .block,
        .page_trimester-schedule .skill-schedule .skill-row .weeks ul li.semi .block {
          position: relative; }
        .page_trimester-schedule .skill-schedule .skill-row .weeks ul li.semi .block {
          background-image: none;
          overflow: hidden;
          padding: 0; }
          .page_trimester-schedule .skill-schedule .skill-row .weeks ul li.semi .block:before {
            content: '';
            display: block;
            height: 2em;
            width: 2em;
            border: 1em solid #bbb;
            border-left-color: transparent;
            border-top-color: transparent; }
          .page_trimester-schedule .skill-schedule .skill-row .weeks ul li.semi .block:after {
            content: '';
            display: block;
            height: 2em;
            width: 2em;
            background: url(../img/icons/icon_finished_16x16_black.png) center center no-repeat;
            filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
            opacity: 0.5;
            position: absolute;
            left: 0;
            top: 0; }
        .page_trimester-schedule .skill-schedule .skill-row .weeks ul li.semi.current .block:after {
          background-image: url(../img/icons/icon_finished_16x16_white.png); }
        .page_trimester-schedule .skill-schedule .skill-row .weeks ul li.semi.current .block:before {
          border-right-color: rgba(255, 255, 255, 0.2);
          border-bottom-color: rgba(255, 255, 255, 0.2); }
        .page_trimester-schedule .skill-schedule .skill-row .weeks ul li.completed .block {
          background-image: url(../img/icons/icon_finished_16x16_black.png); }
          .page_trimester-schedule .skill-schedule .skill-row .weeks ul li.completed .block:before, .page_trimester-schedule .skill-schedule .skill-row .weeks ul li.completed .block:after {
            display: none; }
        .page_trimester-schedule .skill-schedule .skill-row .weeks ul li.completed.current .block {
          background: #003140 url(../img/icons/icon_finished_16x16_white.png) no-repeat center center !important; }
        .page_trimester-schedule .skill-schedule .skill-row .weeks ul li.to-front {
          z-index: 9999; }
        .page_trimester-schedule .skill-schedule .skill-row .weeks ul li .block {
          float: left;
          height: 2em;
          margin: 3px;
          padding: 2px;
          width: 2em;
          -webkit-border-radius: 5px;
          -moz-border-radius: 5px;
          -ms-border-radius: 5px;
          -o-border-radius: 5px;
          border-radius: 5px;
          background-repeat: no-repeat;
          background-position: center center; }
        .page_trimester-schedule .skill-schedule .skill-row .weeks ul li .popover {
          float: left;
          right: 39px;
          padding: 1em;
          position: absolute;
          top: 0;
          background: #fff;
          -webkit-border-radius: 5px;
          -moz-border-radius: 5px;
          -ms-border-radius: 5px;
          -o-border-radius: 5px;
          border-radius: 5px; }
          .page_trimester-schedule .skill-schedule .skill-row .weeks ul li .popover:after {
            content: "";
            display: block;
            position: absolute;
            right: -8px;
            top: 4px;
            width: 0;
            height: 0;
            border-left: .5em solid #fff;
            border-top: 1em solid transparent;
            border-bottom: 1em solid transparent; }
        .page_trimester-schedule .skill-schedule .skill-row .weeks ul li.current:hover span.block,
        .page_trimester-schedule .skill-schedule .skill-row .weeks ul li.current:focus span.block,
        .page_trimester-schedule .skill-schedule .skill-row .weeks ul li.current:active span.block {
          background: #537b35; }
        .page_trimester-schedule .skill-schedule .skill-row .weeks ul li.current.scheduled span.block,
        .page_trimester-schedule .skill-schedule .skill-row .weeks ul li.current.fixed span.block {
          background: #003140;
          color: #FFF; }
    .page_trimester-schedule .skill-schedule .skill-row .info a {
      width: 40px;
      height: 40px;
      color: rgba(0, 0, 0, 0.2);
      border-color: rgba(0, 0, 0, 0.12);
      background: url("../img/icons/icon_paperclip_20x20_lightblue.png") no-repeat scroll center center #fff;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px; }
      .page_trimester-schedule .skill-schedule .skill-row .info a:hover {
        background: url("../img/icons/icon_paperclip_20x20_white.png") no-repeat scroll center center #00303f; }
  .page_trimester-schedule .skill-schedule .headers {
    line-height: 1.2;
    font-style: italic;
    margin: 0 0 10px 0; }
    .page_trimester-schedule .skill-schedule .headers .skill-name {
      font-size: inherit; }
    .page_trimester-schedule .skill-schedule .headers .scheduling-advise {
      line-height: 40px;
      background: #00303f;
      color: #fff;
      width: 133px;
      height: 40px;
      text-align: center;
      font-size: .8em;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px;
      float: right; }
    .page_trimester-schedule .skill-schedule .headers .weeks {
      font-style: normal; }
      .page_trimester-schedule .skill-schedule .headers .weeks li {
        border: none;
        line-height: 1;
        background: rgba(0, 0, 0, 0.3); }
        .page_trimester-schedule .skill-schedule .headers .weeks li:first-child {
          -webkit-border-radius: 5px 0 0 5px;
          -moz-border-radius: 5px 0 0 5px;
          -ms-border-radius: 5px 0 0 5px;
          -o-border-radius: 5px 0 0 5px;
          border-radius: 5px 0 0 5px; }
        .page_trimester-schedule .skill-schedule .headers .weeks li:last-child {
          -webkit-border-radius: 0 5px 5px 0;
          -moz-border-radius: 0 5px 5px 0;
          -ms-border-radius: 0 5px 5px 0;
          -o-border-radius: 0 5px 5px 0;
          border-radius: 0 5px 5px 0; }
        .page_trimester-schedule .skill-schedule .headers .weeks li.current:last-child {
          -webkit-border-radius: 0 5px 0 0;
          -moz-border-radius: 0 5px 0 0;
          -ms-border-radius: 0 5px 0 0;
          -o-border-radius: 0 5px 0 0;
          border-radius: 0 5px 0 0; }
      .page_trimester-schedule .skill-schedule .headers .weeks .past {
        background-color: rgba(0, 0, 0, 0.15); }
    .page_trimester-schedule .skill-schedule .headers small {
      display: block;
      font-size: .7em;
      margin: 5px 0 2px 0; }
    .page_trimester-schedule .skill-schedule .headers ul li.current {
      background-color: #A7C42B;
      background: -owg-linear-gradient(rgba(167, 196, 43, 0), #a7c42b);
      background: -webkit-linear-gradient(rgba(167, 196, 43, 0), #a7c42b);
      background: -moz-linear-gradient(rgba(167, 196, 43, 0), #a7c42b);
      background: -o-linear-gradient(rgba(167, 196, 43, 0), #a7c42b);
      background: linear-gradient(rgba(167, 196, 43, 0), #a7c42b); }
  .page_trimester-schedule .skill-schedule .bg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden; }
    .page_trimester-schedule .skill-schedule .bg .weeks {
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0; }
      .page_trimester-schedule .skill-schedule .bg .weeks ul, .page_trimester-schedule .skill-schedule .bg .weeks li {
        height: 100%; }
      .page_trimester-schedule .skill-schedule .bg .weeks li {
        border: none;
        background-color: transparent; }
      .page_trimester-schedule .skill-schedule .bg .weeks .current {
        background: #A7C42B;
        z-index: 1;
        margin: 39px 0 0; }

.page_trimester-schedule .skill-schedule.summary ul.summary {
  float: right;
  width: 693px; }

.page_trimester-schedule .skill-schedule.summary .skill-name,
.page_trimester-schedule .skill-schedule.summary .scheduling-advise,
.page_trimester-schedule .skill-schedule.summary .info {
  line-height: 1.4;
  font-size: .8em; }

.page_trimester-schedule .skill-schedule.summary .scheduling-advise {
  background: rgba(255, 255, 255, 0.4);
  color: rgba(0, 0, 0, 0.4);
  height: 27px;
  width: 133px;
  float: right;
  padding: 0 10px;
  font-size: .7em;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }
  .page_trimester-schedule .skill-schedule.summary .scheduling-advise small {
    margin: -3px 0 0; }

.page_trimester-schedule .skill-schedule.summary .info a#open-extra-summary {
  display: block;
  background: url(../img/icon-arrow-down.png) no-repeat;
  width: 26px;
  height: 26px;
  text-indent: -9999px;
  margin: 2px 23px 0 0;
  outline: none; }

.page_trimester-schedule .skill-schedule.summary .weeks {
  margin-top: -1px; }
  .page_trimester-schedule .skill-schedule.summary .weeks li {
    height: auto;
    line-height: 1.2;
    border-color: #fff; }
  .page_trimester-schedule .skill-schedule.summary .weeks .past {
    background-color: transparent;
    color: inherit; }

.page_trimester-schedule .extra-summary {
  display: none; }
  .page_trimester-schedule .extra-summary.open {
    display: block; }
  .page_trimester-schedule .extra-summary ul.summary li.scheduling-advise {
    margin-top: 4px; }
  .page_trimester-schedule .extra-summary ul#weeks_counter {
    margin-top: 4px; }

.page_week-schedule .wrapper {
  padding-top: 110px;
  background: #f2f2f2 url(../img/bg-image-dorr-reppoo.png) repeat-y left 200px; }

.page_week-schedule .theme {
  text-align: left;
  z-index: 3;
  margin: -8px -6px 0 0;
  position: relative;
  float: right;
  color: #00303F;
  font-size: .75em;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }
  .page_week-schedule .theme a {
    color: #fff;
    margin: 0 0 0 10px; }
  .page_week-schedule .theme img {
    float: left;
    margin: 0 10px 0 0;
    min-height: 44px;
    max-height: 44px; }
  .page_week-schedule .theme span.theme-text {
    float: left; }
    .page_week-schedule .theme span.theme-text b {
      display: block;
      float: left;
      margin: 0 5px 0 0; }
    .page_week-schedule .theme span.theme-text p {
      margin: 0;
      float: left; }
  .page_week-schedule .theme span.icon-theme {
    float: left;
    width: auto;
    display: block; }

.page_week-schedule .drag-toggle {
  position: absolute;
  right: 0;
  top: 0;
  font-size: .75em;
  margin: 0 15px 0 0; }
  .page_week-schedule .drag-toggle p {
    float: left;
    padding: 6px 7px 0 0; }
  .page_week-schedule .drag-toggle .onoff {
    float: right;
    border: 1px solid #999;
    padding: 2px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px; }
    .page_week-schedule .drag-toggle .onoff .on,
    .page_week-schedule .drag-toggle .onoff .off {
      float: left;
      height: 20px;
      padding: 2px 4px;
      color: #999;
      cursor: pointer;
      line-height: 16px; }
      .page_week-schedule .drag-toggle .onoff .on:hover,
      .page_week-schedule .drag-toggle .onoff .off:hover {
        color: #000; }
    .page_week-schedule .drag-toggle .onoff span.selected {
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      -o-border-radius: 3px;
      border-radius: 3px;
      color: #000;
      background: #999; }

.page_week-schedule .box {
  padding: 7px;
  margin: 0 0 1em 0;
  background: -owg-linear-gradient(#007E86, #00D9D9);
  background: -webkit-linear-gradient(#007E86, #00D9D9);
  background: -moz-linear-gradient(#007E86, #00D9D9);
  background: -o-linear-gradient(#007E86, #00D9D9);
  background: linear-gradient(#007E86, #00D9D9);
  background-color: #007E86;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  min-width: 210px;
  overflow-x: hidden; }
  .page_week-schedule .box h3 {
    color: #fff;
    font-size: 1em;
    margin: 0 0 10px 0;
    font-weight: normal;
    line-height: 1.3em; }
  .page_week-schedule .box p.num_skills {
    color: #fff;
    margin: 0 0 10px 0;
    font-size: .8em; }
    .page_week-schedule .box p.num_skills span.num {
      float: right; }
  .page_week-schedule .box .skill .skill-card-container {
    position: relative;
    width: 100%;
    height: 78px;
    margin: 0 0 7px 0; }
    .page_week-schedule .box .skill .skill-card-container .skill-card {
      height: 78px;
      width: 149px;
      padding: .5em 16px .5em .5em;
      cursor: move;
      overflow: visible;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px; }
      .page_week-schedule .box .skill .skill-card-container .skill-card a.help-toggle {
        width: 40px;
        height: 40px;
        border-color: rgba(0, 0, 0, 0.12);
        position: absolute;
        right: -47px;
        top: 0;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        border-radius: 5px;
        background: url(../img/icons/icon_paperclip_24x24_black.png) center center no-repeat #eee; }
        .page_week-schedule .box .skill .skill-card-container .skill-card a.help-toggle:hover {
          background: url(../img/icons/icon_paperclip_24x24_white.png) center center no-repeat #00303f; }
      .page_week-schedule .box .skill .skill-card-container .skill-card.pep-start a.help-toggle {
        display: none; }
      .page_week-schedule .box .skill .skill-card-container .skill-card i.drag-handle {
        left: 2px;
        top: 2px; }
  .page_week-schedule .box .bin {
    background: rgba(255, 255, 255, 0.3);
    padding: 7px 0;
    width: 100%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 7px; }
    .page_week-schedule .box .bin span.icon {
      background: url(../img/icon-delete.png) no-repeat;
      width: 29px;
      height: 28px;
      display: block;
      margin: 0 auto;
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
      opacity: 0.5; }
    .page_week-schedule .box .bin.redborder {
      border-width: 1px; }
    .page_week-schedule .box .bin.pep-dpa {
      background: rgba(255, 255, 255, 0.6); }
    .page_week-schedule .box .bin.drag-hover {
      background: #000 !important; }

.page_week-schedule .box-white {
  margin: 0 0 1em;
  display: block;
  padding: 10px;
  background: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }
  .page_week-schedule .box-white h3 {
    color: #fff;
    margin: -10px -10px 10px;
    display: block;
    padding: 10px;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -ms-border-radius: 5px 5px 0 0;
    -o-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    background: #484848; }
    .page_week-schedule .box-white h3 a {
      color: #fff;
      text-decoration: none; }
  .page_week-schedule .box-white ul, .page_week-schedule .box-white li {
    display: block;
    margin: 0;
    padding: 0; }
  .page_week-schedule .box-white .skills > li {
    padding: 10px 0;
    border-bottom: 1px solid #d2d2d2;
    overflow: hidden; }
    .page_week-schedule .box-white .skills > li:first-child {
      padding-top: 0; }
    .page_week-schedule .box-white .skills > li:last-child {
      border-bottom: none;
      padding-bottom: 0; }
  .page_week-schedule .box-white .status,
  .page_week-schedule .box-white .skillset {
    float: left;
    width: 26px;
    height: 26px;
    line-height: 26px;
    font-size: .8em;
    background-color: #aaa;
    margin: 0 4px 0 0;
    text-align: center;
    font-style: normal;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px; }
  .page_week-schedule .box-white .skill {
    margin-left: .5em;
    font-size: .75em;
    font-weight: normal;
    display: inline-block;
    width: 185px; }
  .page_week-schedule .box-white li.done i.skillset {
    background: #484848;
    color: #fff; }
  .page_week-schedule .box-white li.done .skill {
    font-weight: bold; }
  .page_week-schedule .box-white .phases {
    float: right;
    margin: .05em .5em 0 0; }
    .page_week-schedule .box-white .phases .lvls {
      display: inline-block;
      vertical-align: middle;
      float: none;
      margin: 0 0 0 5px; }
    .page_week-schedule .box-white .phases li {
      margin-left: -1px;
      padding: 0; }
  .page_week-schedule .box-white .progress {
    position: absolute;
    right: 0;
    top: 0;
    height: 41px;
    padding: 12px 10px;
    background: #ababab;
    cursor: pointer;
    -webkit-border-radius: 0 5px 0 0;
    -moz-border-radius: 0 5px 0 0;
    -ms-border-radius: 0 5px 0 0;
    -o-border-radius: 0 5px 0 0;
    border-radius: 0 5px 0 0; }
    .page_week-schedule .box-white .progress p {
      font-size: .8em;
      margin: 0; }
      .page_week-schedule .box-white .progress p span.check {
        background: url(../img/icon-check-sm.png) no-repeat;
        width: 11px;
        height: 11px;
        display: block;
        float: left;
        margin: 4px 7px 0 0; }
    .page_week-schedule .box-white .progress.done {
      background: #A7C42B; }
      .page_week-schedule .box-white .progress.done p {
        color: #fff; }
  .page_week-schedule .box-white .help-toggle {
    float: right;
    width: 26px;
    height: 26px;
    background: #e0e0e0;
    margin: 0 0 0 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    background: url(../img/icons/icon_paperclip_16x16_black.png) center center no-repeat #EEE; }
    .page_week-schedule .box-white .help-toggle:hover {
      background: url(../img/icons/icon_paperclip_16x16_white.png) center center no-repeat #00303f; }

.page_week-schedule .box-title {
  position: relative; }
  .page_week-schedule .box-title .info {
    background: #adadad;
    overflow: hidden;
    position: relative;
    margin-top: 10px; }
    .page_week-schedule .box-title .info .left {
      width: 60%;
      font-size: .8em;
      background: #d2d2d2;
      float: left; }
      .page_week-schedule .box-title .info .left .activity {
        padding: 10px;
        border-bottom: 1px solid #fff; }
      .page_week-schedule .box-title .info .left .materials {
        padding: 10px; }
      .page_week-schedule .box-title .info .left .warning {
        padding: 10px;
        border-top: 1px solid #fff; }
        .page_week-schedule .box-title .info .left .warning p {
          margin: 0;
          font-style: italic;
          font-weight: bold; }
    .page_week-schedule .box-title .info .right {
      width: 40%;
      float: right;
      background: #adadad;
      text-align: center; }
      .page_week-schedule .box-title .info .right a.btn, .page_week-schedule .box-title .info .right a[class*="btn-"],
      .page_week-schedule .box-title .info .right a.edit {
        margin: 0 10px 1em;
        display: block; }
      .page_week-schedule .box-title .info .right a.edit {
        font-size: .8em;
        border: none;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
        border-radius: 3px; }
        .page_week-schedule .box-title .info .right a.edit:hover {
          background: #00303F;
          color: #fff; }
      .page_week-schedule .box-title .info .right .image {
        margin: 10px; }
        .page_week-schedule .box-title .info .right .image img {
          width: 100%;
          display: block;
          background: #fff; }

.page_week-schedule [id*="lb-edit-schedule-"] .lightbox-window {
  width: 500px; }

.ie9 .page_week-schedule .box-white .progress {
  height: 40px; }

.ie10 .page_week-schedule .box-white .progress {
  height: 40px; }

.page_day-schedule .wrapper {
  background: #f2f2f2 url(../img/bg-image-dorr-reppoo.png) repeat-y left 200px; }

@media print {
  .page_day-schedule .eventbar {
    width: 33.3333%; }
  .page_day-schedule .dayschedulebar {
    width: 66.6667%; } }

.page_day-schedule .print-header h1 {
  padding-right: .25em; }

.page_day-schedule .print-header .themed h1 {
  line-height: 44px; }

.page_day-schedule .print-header .theme {
  margin: 0;
  padding-right: 50px;
  line-height: 1.2;
  text-align: right; }
  .page_day-schedule .print-header .theme img {
    margin-right: -50px;
    width: 44px;
    height: 44px;
    border: 1px solid #000;
    float: right; }
  .page_day-schedule .print-header .theme p {
    margin: 0;
    white-space: nowrap; }

.page_day-schedule .day-schedule {
  margin: 0;
  padding: 7px;
  background: #A7C42B;
  color: #72871E;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }
  .page_day-schedule .day-schedule > li {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0 0 0 5em;
    border-top: 1px solid #72871E; }
    .page_day-schedule .day-schedule > li .break {
      margin: 1.3em 0;
      text-transform: uppercase;
      font-size: .8em; }
    .page_day-schedule .day-schedule > li:first-child {
      border-top: none; }
      .page_day-schedule .day-schedule > li:first-child .timeslot {
        margin-top: 0; }
      .page_day-schedule .day-schedule > li:first-child .slot {
        margin-top: 0; }
  .page_day-schedule .day-schedule .timeslot {
    margin: .5em 0 .5em -5em;
    width: 4.5em;
    float: left; }
    .page_day-schedule .day-schedule .timeslot b {
      font-size: .9em;
      margin: 0 0 .5em 0;
      display: block; }
  .page_day-schedule .day-schedule .when {
    display: block;
    font-size: 80%; }
  .page_day-schedule .day-schedule .slot {
    position: relative;
    margin: .5em 0 .5em;
    height: 6.5em;
    background: rgba(255, 255, 255, 0.4);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px; }
    @media print {
      .page_day-schedule .day-schedule .slot {
        height: auto; } }
    .page_day-schedule .day-schedule .slot.drag-hover {
      background: #ff0000; }
    .page_day-schedule .day-schedule .slot .empty {
      display: block;
      text-align: center;
      font-style: italic;
      color: #72871E;
      width: 100%;
      line-height: 6.5em;
      position: absolute; }
      @media print {
        .page_day-schedule .day-schedule .slot .empty {
          position: relative;
          line-height: 4em; } }
    .page_day-schedule .day-schedule .slot .icon {
      float: right;
      clear: right;
      background: #ccc;
      width: 1.5em;
      height: 1.5em;
      overflow: hidden;
      margin: .25em .25em 0; }
    .page_day-schedule .day-schedule .slot .skill-card {
      width: 100%;
      height: 8em;
      word-wrap: break-word;
      top: 0 !important;
      left: 0 !important;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px; }
      @media print {
        .page_day-schedule .day-schedule .slot .skill-card {
          padding-left: .5em !important;
          font-size: 1em;
          position: relative !important;
          height: auto !important; } }
      .page_day-schedule .day-schedule .slot .skill-card b {
        color: #000;
        font-size: 1em;
        margin: 3px 0 0 5px;
        display: block; }
        @media print {
          .page_day-schedule .day-schedule .slot .skill-card b {
            font-weight: bold; } }
      .page_day-schedule .day-schedule .slot .skill-card span.subtitle {
        color: #000000;
        font-size: 0.9em;
        font-style: italic;
        margin-left: 5px; }
      .page_day-schedule .day-schedule .slot .skill-card .description2 {
        margin-left: 5px;
        height: 47px;
        overflow: hidden;
        text-overflow: ellipsis;
        color: #828282;
        font-size: .9em; }
        @media print {
          .page_day-schedule .day-schedule .slot .skill-card .description2 {
            font-size: 1em;
            height: auto;
            max-height: none; } }
      @media print {
        .page_day-schedule .day-schedule .slot .skill-card .phases {
          margin-left: .5em !important; } }
      .page_day-schedule .day-schedule .slot .skill-card .cooperativemethods {
        display: block;
        font-size: .75em;
        font-style: italic;
        margin: .25em 0 0 5px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
    .page_day-schedule .day-schedule .slot .playcorners {
      margin-bottom: .25em; }

.page_day-schedule .box h3 {
  cursor: pointer;
  padding: 0 24px 0 0; }

.page_day-schedule .box h3#planned-skills-toggle {
  background: url(../img/icons/icon_arrow-down-notail_20x20_white.png) right center no-repeat; }

.page_day-schedule .drag-toggle {
  position: absolute;
  right: 0;
  top: 0;
  font-size: .75em;
  margin: 0 15px 0 0; }
  .page_day-schedule .drag-toggle p {
    float: left;
    padding: 6px 7px 0 0; }
  .page_day-schedule .drag-toggle .onoff {
    float: right;
    border: 1px solid #999;
    padding: 2px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px; }
    .page_day-schedule .drag-toggle .onoff .on,
    .page_day-schedule .drag-toggle .onoff .off {
      float: left;
      height: 20px;
      padding: 2px 4px;
      color: #999;
      cursor: pointer;
      line-height: 16px; }
      .page_day-schedule .drag-toggle .onoff .on:hover,
      .page_day-schedule .drag-toggle .onoff .off:hover {
        color: #000; }
    .page_day-schedule .drag-toggle .onoff span.selected {
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      -o-border-radius: 3px;
      border-radius: 3px;
      color: #000;
      background: #999; }

.page_day-schedule .taskboard-summary,
.page_day-schedule .playcorner-summary {
  overflow: hidden;
  margin-bottom: 9px; }
  .page_day-schedule .taskboard-summary b,
  .page_day-schedule .playcorner-summary b {
    display: block;
    color: #000;
    padding: 5px;
    font-size: .8em;
    font-weight: normal;
    background: rgba(0, 0, 0, 0.1);
    margin: 0 0 5px 0; }
  .page_day-schedule .taskboard-summary ul.skillsets,
  .page_day-schedule .playcorner-summary ul.skillsets {
    display: block;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border: none; }
  .page_day-schedule .taskboard-summary li.skillset,
  .page_day-schedule .playcorner-summary li.skillset {
    list-style: none;
    float: left;
    padding: .25em;
    width: 2em;
    height: 2em;
    line-height: 20px;
    background: #484848;
    color: #fff;
    margin-right: 1px;
    text-align: center; }

.page_day-schedule .widget {
  margin: 0 0 30px; }
  .page_day-schedule .widget h3 {
    margin: 0 0 5px;
    font-size: 1em; }
  .page_day-schedule .widget .birthdays,
  .page_day-schedule .widget .timeslot-list {
    margin: 0;
    padding: 7px;
    font-size: .75em;
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px; }
    @media print {
      .page_day-schedule .widget .birthdays,
      .page_day-schedule .widget .timeslot-list {
        font-size: 1em; } }
    .page_day-schedule .widget .birthdays li,
    .page_day-schedule .widget .timeslot-list li {
      display: block;
      list-style: none;
      border-top: 1px solid #d2d2d2;
      margin: 0 0 5px;
      padding: 5px 0 0; }
      .page_day-schedule .widget .birthdays li:first-child,
      .page_day-schedule .widget .timeslot-list li:first-child {
        border-top: none;
        padding-top: 0; }
      .page_day-schedule .widget .birthdays li:last-child,
      .page_day-schedule .widget .timeslot-list li:last-child {
        margin: 0; }
      .page_day-schedule .widget .birthdays li span.times,
      .page_day-schedule .widget .timeslot-list li span.times {
        float: left;
        display: block;
        width: 34%;
        font-size: .8em;
        line-height: 1.8em; }
      .page_day-schedule .widget .birthdays li b,
      .page_day-schedule .widget .timeslot-list li b {
        padding-left: 34%;
        width: 100%;
        display: block; }
      .page_day-schedule .widget .birthdays li .delete_calendar_item,
      .page_day-schedule .widget .timeslot-list li .delete_calendar_item {
        font-weight: bold;
        color: #b00b13;
        text-decoration: none; }
        .page_day-schedule .widget .birthdays li .delete_calendar_item span,
        .page_day-schedule .widget .timeslot-list li .delete_calendar_item span {
          font-size: 10px;
          margin-left: 5px; }
        .page_day-schedule .widget .birthdays li .delete_calendar_item:hover,
        .page_day-schedule .widget .timeslot-list li .delete_calendar_item:hover {
          text-decoration: underline; }
  .page_day-schedule .widget .birthdays li {
    margin: 0;
    padding: 5px 0 5px 30px;
    background: url(../img/icons/icon_cake_20x20_black.png) no-repeat 0 center; }
    .page_day-schedule .widget .birthdays li span {
      clear: both; }
    .page_day-schedule .widget .birthdays li:first-child {
      border-top: none;
      padding: 0 0 5px 30px; }
    .page_day-schedule .widget .birthdays li:last-child {
      margin: 0; }
  .page_day-schedule .widget textarea.week-remarks {
    min-height: 100px;
    resize: vertical;
    width: 100%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #d2d2d2;
    padding: 7px;
    font-size: .9em; }
    @media print {
      .page_day-schedule .widget textarea.week-remarks {
        display: none; } }
  .page_day-schedule .widget .btn, .page_day-schedule .widget [class*="btn-"] {
    margin: 5px 0 0 0; }

.page_day-schedule .box-white {
  margin: 0 0 1em;
  display: block;
  padding: 10px;
  background: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }
  .page_day-schedule .box-white h3 {
    color: #fff;
    margin: -10px -10px 10px;
    padding: 0;
    background: #484848; }
    .page_day-schedule .box-white h3 a {
      color: #fff;
      text-decoration: none;
      display: block;
      padding: 10px;
      -webkit-border-radius: 5px 5px 0 0;
      -moz-border-radius: 5px 5px 0 0;
      -ms-border-radius: 5px 5px 0 0;
      -o-border-radius: 5px 5px 0 0;
      border-radius: 5px 5px 0 0;
      background: url(../img/icons/icon_arrow-right-notail_20x20_white.png) 97% center no-repeat; }
  .page_day-schedule .box-white h3.tasks {
    background: url(../img/icons/icon_taskboard_16x16_white.png) no-repeat 10px center #484848; }
    .page_day-schedule .box-white h3.tasks a {
      padding: 10px 10px 10px 33px; }
  .page_day-schedule .box-white h3.playcorners {
    background: url(../img/icons/icon_playcorner_16x16_white.png) no-repeat 10px center #484848; }
    .page_day-schedule .box-white h3.playcorners a {
      padding: 10px 10px 10px 33px; }

.page_taskboard .body-wrapper h1 {
  background: url(../img/icons/icon_taskboard_24x24_black.png) no-repeat 0 2px;
  padding-left: 34px; }

@media print {
  .page_taskboard .taskboard-col {
    width: 100%; } }

.page_taskboard .taskboard, .page_taskboard .taskboard ul, .page_taskboard .taskboard li {
  display: block;
  list-style: none;
  margin: 0 0 10px 0;
  padding: 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }

.page_taskboard .taskboard > li {
  padding-left: 5em;
  overflow: hidden; }
  .page_taskboard .taskboard > li.disabled {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5;
    height: auto; }

.page_taskboard .taskboard .title {
  float: left;
  margin-left: -5em;
  padding: .5em;
  width: 5em;
  color: #fff;
  text-align: center; }

.page_taskboard .taskboard .tasks {
  overflow: hidden;
  margin: 10px 0 0 0; }
  .page_taskboard .taskboard .tasks li {
    float: left;
    width: 175px;
    height: 78px;
    overflow: hidden;
    background: #eee;
    margin: 0 10px 10px 0;
    position: relative;
    background: #fff;
    cursor: pointer; }
    .page_taskboard .taskboard .tasks li img {
      float: left;
      max-width: 42px; }
    .page_taskboard .taskboard .tasks li b {
      display: block;
      height: 20px;
      font-size: .6em;
      font-weight: normal;
      line-height: 20px;
      border-bottom: 1px solid #d2d2d2;
      overflow: hidden;
      padding: 0 4px 0 0;
      text-overflow: ellipsis;
      white-space: nowrap; }
      .page_taskboard .taskboard .tasks li b i {
        display: block;
        float: left;
        height: 20px;
        width: 20px;
        text-align: center;
        line-height: 20px;
        background: #d2d2d2;
        margin: 0 3px 0 1px; }
      .page_taskboard .taskboard .tasks li b span.num_done {
        float: left;
        display: block;
        width: 42px;
        height: 20px;
        line-height: 20px;
        text-align: center; }
    .page_taskboard .taskboard .tasks li p {
      padding: 5px 5px 0;
      font-size: .7em;
      margin: 0;
      height: 53px;
      overflow: hidden; }
    .page_taskboard .taskboard .tasks li a {
      display: block;
      height: 6em;
      line-height: 6em;
      text-align: center;
      font-size: .8em;
      background: #fff; }
      .page_taskboard .taskboard .tasks li a:hover {
        background: #dddddd;
        text-decoration: none; }
    .page_taskboard .taskboard .tasks li a.close {
      height: 25px;
      line-height: 25px;
      width: 25px;
      position: absolute;
      right: 0;
      bottom: 0;
      text-decoration: none;
      background: #e00f19;
      color: #fff; }
      .page_taskboard .taskboard .tasks li a.close:hover {
        background: #b00b13;
        color: #fff; }

.page_taskboard .taskboard .lvl7 {
  background-color: #8B4513; }
  .page_taskboard .taskboard .lvl7 ul.tasks li {
    background: #e8dad0; }

.page_taskboard .taskboard .lvl6 {
  background-color: #6B8E23; }
  .page_taskboard .taskboard .lvl6 ul.tasks li {
    background: #e1e8d3; }

.page_taskboard .taskboard .lvl5 {
  background-color: #4169E1; }
  .page_taskboard .taskboard .lvl5 ul.tasks li {
    background: #d9e1f9; }

.page_taskboard .taskboard .lvl4 {
  background-color: #9400D3; }
  .page_taskboard .taskboard .lvl4 ul.tasks li {
    background: #eaccf6; }

.page_taskboard .taskboard .lvl3 {
  background-color: #FF0000; }
  .page_taskboard .taskboard .lvl3 ul.tasks li {
    background: #ffcccc; }

.page_taskboard .taskboard .lvl2 {
  background-color: #FF8C00; }
  .page_taskboard .taskboard .lvl2 ul.tasks li {
    background: #ffe8cc; }

.page_taskboard .taskboard .lvl1 {
  background-color: #FFD700; }
  .page_taskboard .taskboard .lvl1 ul.tasks li {
    background: #fff7cc; }

@media print {
  .page_taskboard .taskboard li {
    background-color: transparent !important;
    color: #000 !important;
    overflow: hidden;
    position: relative;
    padding-left: 10px; }
    .page_taskboard .taskboard li:before {
      content: "";
      display: block;
      position: absolute;
      z-index: -1;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      border-width: 999px;
      border-style: solid;
      border-color: #ccc;
      border-right: none;
      border-bottom: none; }
    .page_taskboard .taskboard li:before {
      z-index: 0; }
  .page_taskboard .taskboard .title {
    position: relative;
    z-index: 1;
    color: #000;
    margin-left: 0;
    margin-bottom: -5px;
    float: none;
    display: block; }
  .page_taskboard .taskboard .tasks li {
    width: 24%;
    height: auto;
    min-height: 78px;
    margin: 0 1% 1% 0; }
    .page_taskboard .taskboard .tasks li b, .page_taskboard .taskboard .tasks li img, .page_taskboard .taskboard .tasks li p {
      position: relative;
      z-index: 1; }
    .page_taskboard .taskboard .tasks li img {
      margin: 0 5px 5px 0; }
    .page_taskboard .taskboard .tasks li p {
      overflow: visible;
      height: auto;
      min-height: 53px;
      padding: 5px 5px 5px 0; }
  .page_taskboard .taskboard .lvl7:before {
    border-color: #8B4513; }
  .page_taskboard .taskboard .lvl6:before {
    border-color: #6B8E23; }
  .page_taskboard .taskboard .lvl5:before {
    border-color: #4169E1; }
  .page_taskboard .taskboard .lvl4:before {
    border-color: #9400D3; }
  .page_taskboard .taskboard .lvl3:before {
    border-color: #FF0000; }
  .page_taskboard .taskboard .lvl2:before {
    border-color: #FF8C00; }
  .page_taskboard .taskboard .lvl1:before {
    border-color: #FFD700; }
  .page_taskboard .taskboard .lvl7 .tasks li:before {
    border-color: #e8dad0; }
  .page_taskboard .taskboard .lvl6 .tasks li:before {
    border-color: #e1e8d3; }
  .page_taskboard .taskboard .lvl5 .tasks li:before {
    border-color: #d9e1f9; }
  .page_taskboard .taskboard .lvl4 .tasks li:before {
    border-color: #eaccf6; }
  .page_taskboard .taskboard .lvl3 .tasks li:before {
    border-color: #ffcccc; }
  .page_taskboard .taskboard .lvl2 .tasks li:before {
    border-color: #ffe8cc; }
  .page_taskboard .taskboard .lvl1 .tasks li:before {
    border-color: #fff7cc; } }

.page_taskboard .task-distribution-container {
  background: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  padding: 10px; }

.page_taskboard .lightbox .content {
  overflow: hidden; }
  .page_taskboard .lightbox .content .anchorlist {
    float: left;
    width: 20%;
    margin-right: 3%;
    background: #d2d2d2;
    padding: 7px; }
    .page_taskboard .lightbox .content .anchorlist a {
      display: block;
      line-height: 40px;
      color: #000;
      margin: 0 0 10px 0;
      text-decoration: none;
      font-size: .9em; }
      .page_taskboard .lightbox .content .anchorlist a:last-child {
        margin: 0; }
      .page_taskboard .lightbox .content .anchorlist a:hover {
        background: #00303F;
        color: #fff; }
      .page_taskboard .lightbox .content .anchorlist a span {
        width: 40px;
        height: 40px;
        display: block;
        float: left;
        margin: 0 10px 0 0; }
  .page_taskboard .lightbox .content .taskboard {
    float: left;
    position: relative;
    width: 77%; }
    .page_taskboard .lightbox .content .taskboard h3 {
      font-size: .9em;
      margin: 0 0 20px 0; }
    .page_taskboard .lightbox .content .taskboard a.edit {
      position: absolute;
      right: 0;
      top: 0;
      font-size: .9em; }
    .page_taskboard .lightbox .content .taskboard .block {
      margin: 0 0 20px 0; }
      .page_taskboard .lightbox .content .taskboard .block.lvl1, .page_taskboard .lightbox .content .taskboard .block.lvl2, .page_taskboard .lightbox .content .taskboard .block.lvl3, .page_taskboard .lightbox .content .taskboard .block.lvl4, .page_taskboard .lightbox .content .taskboard .block.lvl5, .page_taskboard .lightbox .content .taskboard .block.lvl6 {
        background: none; }
      .page_taskboard .lightbox .content .taskboard .block h2 {
        border-bottom: 1px solid #adadad;
        padding: 0 0 10px 0;
        margin: 0 0 10px 0; }
        .page_taskboard .lightbox .content .taskboard .block h2 span {
          width: 30px;
          height: 30px;
          float: left;
          display: block;
          background: #fff;
          border: 1px solid #d2d2d2;
          margin: 0 7px 0 0; }

.page_taskboard #task-detail-lightbox .lightbox-content {
  padding: 0; }

.page_taskboard #task-detail-lightbox .left {
  float: left;
  width: 60%; }
  .page_taskboard #task-detail-lightbox .left .image {
    text-align: center;
    height: 171px;
    line-height: 171px; }
    .page_taskboard #task-detail-lightbox .left .image img {
      display: inline-block;
      vertical-align: middle;
      max-height: 100%; }
  .page_taskboard #task-detail-lightbox .left .actions {
    background: #eaccf6;
    padding: 15px; }
    .page_taskboard #task-detail-lightbox .left .actions i.skillset {
      background: #9400D3;
      font-style: normal;
      font-size: .8em;
      color: #fff;
      width: 2em;
      height: 2em;
      display: block;
      float: left;
      text-align: center;
      line-height: 2em;
      margin: 0 10px 0 0; }
    .page_taskboard #task-detail-lightbox .left .actions p.desc {
      clear: both;
      margin: 10px 0; }
    .page_taskboard #task-detail-lightbox .left .actions a.edit {
      font-size: .8em;
      float: right;
      margin: 5px 0 0 0; }

.page_taskboard #task-detail-lightbox .right {
  float: left;
  width: 40%;
  border-left: 1px solid #d2d2d2;
  padding: 15px; }
  .page_taskboard #task-detail-lightbox .right .box-white {
    margin: 0; }
  .page_taskboard #task-detail-lightbox .right h3 span.num_done {
    float: right;
    margin: -10px -10px -10px 0;
    background: #9400D3;
    padding: 10px;
    display: block;
    font-size: 11px;
    -webkit-border-radius: 0 5px 0 0;
    -moz-border-radius: 0 5px 0 0;
    -ms-border-radius: 0 5px 0 0;
    -o-border-radius: 0 5px 0 0;
    border-radius: 0 5px 0 0; }
  .page_taskboard #task-detail-lightbox .right ul {
    margin: 0 -10px;
    height: 200px;
    overflow-y: scroll; }
    .page_taskboard #task-detail-lightbox .right ul li {
      font-size: .8em;
      overflow: hidden;
      clear: both;
      border-bottom: 1px solid #d2d2d2;
      line-height: 30px; }
      .page_taskboard #task-detail-lightbox .right ul li span.lvl {
        width: 30px;
        height: 30px;
        line-height: 30px;
        float: right;
        display: block; }
        .page_taskboard #task-detail-lightbox .right ul li span.lvl.lvl-1 {
          background-color: #FFD700; }
        .page_taskboard #task-detail-lightbox .right ul li span.lvl.lvl-2 {
          background-color: #FF8C00; }
        .page_taskboard #task-detail-lightbox .right ul li span.lvl.lvl-3 {
          background-color: #FF0000; }
        .page_taskboard #task-detail-lightbox .right ul li span.lvl.lvl-4 {
          background-color: #9400D3; }
        .page_taskboard #task-detail-lightbox .right ul li span.lvl.lvl-5 {
          background-color: #4169E1; }
        .page_taskboard #task-detail-lightbox .right ul li span.lvl.lvl-6 {
          background-color: #6B8E23; }
        .page_taskboard #task-detail-lightbox .right ul li span.lvl.lvl-7 {
          background-color: #8B4513; }
        .page_taskboard #task-detail-lightbox .right ul li span.lvl.completed {
          background-image: url(../img/icons/icon_finished_20x20_white.png);
          background-position: center center;
          background-repeat: no-repeat; }

@media print {
  .page_printtasks {
    height: auto !important; }
    .page_printtasks .r {
      padding: 0 !important; } }

.page_printtasks .tasks {
  position: relative; }

.page_printtasks .task-card {
  float: left;
  position: relative;
  display: block;
  width: 50%;
  list-style: none;
  padding: 10px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  cursor: pointer; }
  @media print {
    .page_printtasks .task-card {
      page-break-inside: avoid; } }
  .page_printtasks .task-card .image {
    width: 100%;
    height: 0;
    padding-bottom: 57.7777%;
    overflow: hidden;
    position: relative; }
  .page_printtasks .task-card .dorr-logo {
    width: 100px;
    position: absolute;
    top: .5em;
    right: 0; }
  .page_printtasks .task-card .text {
    padding: 10px;
    height: 90px;
    overflow: hidden; }
  .page_printtasks .task-card i.skillset,
  .page_printtasks .task-card i.skillset-lvl {
    background: #999;
    font-style: normal;
    font-size: .8em;
    color: #fff;
    width: 2em;
    height: 2em;
    display: block;
    float: left;
    text-align: center;
    line-height: 2em;
    margin: 0 10px 0 0;
    clear: left; }
    .page_printtasks .task-card i.skillset.lvl-1,
    .page_printtasks .task-card i.skillset-lvl.lvl-1 {
      background-color: #FFD700; }
    .page_printtasks .task-card i.skillset.lvl-2,
    .page_printtasks .task-card i.skillset-lvl.lvl-2 {
      background-color: #FF8C00; }
    .page_printtasks .task-card i.skillset.lvl-3,
    .page_printtasks .task-card i.skillset-lvl.lvl-3 {
      background-color: #FF0000; }
    .page_printtasks .task-card i.skillset.lvl-4,
    .page_printtasks .task-card i.skillset-lvl.lvl-4 {
      background-color: #9400D3; }
    .page_printtasks .task-card i.skillset.lvl-5,
    .page_printtasks .task-card i.skillset-lvl.lvl-5 {
      background-color: #4169E1; }
    .page_printtasks .task-card i.skillset.lvl-6,
    .page_printtasks .task-card i.skillset-lvl.lvl-6 {
      background-color: #6B8E23; }
    .page_printtasks .task-card i.skillset.lvl-7,
    .page_printtasks .task-card i.skillset-lvl.lvl-7 {
      background-color: #8B4513; }
    @media print {
      .page_printtasks .task-card i.skillset,
      .page_printtasks .task-card i.skillset-lvl {
        background-color: transparent !important;
        color: #000 !important;
        overflow: hidden;
        position: relative; }
        .page_printtasks .task-card i.skillset:before,
        .page_printtasks .task-card i.skillset-lvl:before {
          content: "";
          display: block;
          position: absolute;
          z-index: -1;
          width: 100%;
          height: 100%;
          top: 0;
          left: 0;
          border-width: 999px;
          border-style: solid;
          border-color: #ccc;
          border-right: none;
          border-bottom: none; }
        .page_printtasks .task-card i.skillset:before,
        .page_printtasks .task-card i.skillset-lvl:before {
          z-index: 0; }
        .page_printtasks .task-card i.skillset > span,
        .page_printtasks .task-card i.skillset-lvl > span {
          z-index: 1;
          position: relative; }
        .page_printtasks .task-card i.skillset.lvl-1:before,
        .page_printtasks .task-card i.skillset-lvl.lvl-1:before {
          border-color: #FFD700; }
        .page_printtasks .task-card i.skillset.lvl-2:before,
        .page_printtasks .task-card i.skillset-lvl.lvl-2:before {
          border-color: #FF8C00; }
        .page_printtasks .task-card i.skillset.lvl-3:before,
        .page_printtasks .task-card i.skillset-lvl.lvl-3:before {
          border-color: #FF0000; }
        .page_printtasks .task-card i.skillset.lvl-4:before,
        .page_printtasks .task-card i.skillset-lvl.lvl-4:before {
          border-color: #9400D3; }
        .page_printtasks .task-card i.skillset.lvl-5:before,
        .page_printtasks .task-card i.skillset-lvl.lvl-5:before {
          border-color: #4169E1; }
        .page_printtasks .task-card i.skillset.lvl-6:before,
        .page_printtasks .task-card i.skillset-lvl.lvl-6:before {
          border-color: #6B8E23; }
        .page_printtasks .task-card i.skillset.lvl-7:before,
        .page_printtasks .task-card i.skillset-lvl.lvl-7:before {
          border-color: #8B4513; } }
  .page_printtasks .task-card i.skillset {
    margin-bottom: 2px; }
  .page_printtasks .task-card .desc {
    font-size: .8em;
    overflow: hidden; }
  .page_printtasks .task-card.lvl-1 {
    background-color: #FFD700; }
    .page_printtasks .task-card.lvl-1 .text {
      background-color: #fff7cc; }
  .page_printtasks .task-card.lvl-2 {
    background-color: #FF8C00; }
    .page_printtasks .task-card.lvl-2 .text {
      background-color: #ffe8cc; }
  .page_printtasks .task-card.lvl-3 {
    background-color: #FF0000; }
    .page_printtasks .task-card.lvl-3 .text {
      background-color: #ffcccc; }
  .page_printtasks .task-card.lvl-4 {
    background-color: #9400D3; }
    .page_printtasks .task-card.lvl-4 .text {
      background-color: #eaccf6; }
  .page_printtasks .task-card.lvl-5 {
    background-color: #4169E1; }
    .page_printtasks .task-card.lvl-5 .text {
      background-color: #d9e1f9; }
  .page_printtasks .task-card.lvl-6 {
    background-color: #6B8E23; }
    .page_printtasks .task-card.lvl-6 .text {
      background-color: #e1e8d3; }
  .page_printtasks .task-card.lvl-7 {
    background-color: #8B4513; }
    .page_printtasks .task-card.lvl-7 .text {
      background-color: #e8dad0; }
  @media print {
    .page_printtasks .task-card,
    .page_printtasks .task-card .text {
      background-color: transparent !important;
      color: #000 !important;
      overflow: hidden;
      position: relative; }
      .page_printtasks .task-card:before,
      .page_printtasks .task-card .text:before {
        content: "";
        display: block;
        position: absolute;
        z-index: -1;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        border-width: 999px;
        border-style: solid;
        border-color: #ccc;
        border-right: none;
        border-bottom: none; }
    .page_printtasks .task-card.lvl-1:before {
      border-color: #FFD700; }
    .page_printtasks .task-card.lvl-2:before {
      border-color: #FF8C00; }
    .page_printtasks .task-card.lvl-3:before {
      border-color: #FF0000; }
    .page_printtasks .task-card.lvl-4:before {
      border-color: #9400D3; }
    .page_printtasks .task-card.lvl-5:before {
      border-color: #4169E1; }
    .page_printtasks .task-card.lvl-6:before {
      border-color: #6B8E23; }
    .page_printtasks .task-card.lvl-7:before {
      border-color: #8B4513; }
    .page_printtasks .task-card.lvl-1 .text:before {
      border-color: #fff7cc; }
    .page_printtasks .task-card.lvl-2 .text:before {
      border-color: #ffe8cc; }
    .page_printtasks .task-card.lvl-3 .text:before {
      border-color: #ffcccc; }
    .page_printtasks .task-card.lvl-4 .text:before {
      border-color: #eaccf6; }
    .page_printtasks .task-card.lvl-5 .text:before {
      border-color: #d9e1f9; }
    .page_printtasks .task-card.lvl-6 .text:before {
      border-color: #e1e8d3; }
    .page_printtasks .task-card.lvl-7 .text:before {
      border-color: #e8dad0; } }
  .page_printtasks .task-card:hover:before {
    content: "Klik om deze NIET te printen.";
    display: block;
    position: absolute;
    background: rgba(255, 255, 255, 0.75);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    font-size: 1.5em;
    line-height: 17em;
    font-weight: bold;
    text-align: center;
    z-index: 2; }

.page_printtasks .task-card.disabled:hover:before {
  content: "Klik om deze WEL te printen."; }

@media print {
  .page_printtasks .task-card.disabled {
    display: none; } }

.page_printtasks .task-card.disabled:after {
  display: block;
  content: "×";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  font-size: 21em;
  line-height: 1;
  text-align: center;
  background: rgba(255, 255, 255, 0.75); }

.page_printtasks img {
  width: 100%; }

.page_playcorners .body-wrapper h1 {
  background: url(../img/icons/icon_playcorner_24x24_black.png) no-repeat 0 2px;
  padding-left: 34px; }

.page_playcorners .lightbox-content {
  min-height: 400px; }

.page_playcorners ul.playcorner-list {
  margin: 0;
  padding: 0;
  display: block; }
  .page_playcorners ul.playcorner-list > li {
    display: block;
    list-style: none;
    line-height: 1.5em;
    background: #aaa;
    padding: .3em;
    margin: 0 0 4px;
    font-size: .875em;
    overflow: hidden;
    cursor: pointer; }

.page_playcorners .checkbox {
  display: inline-block;
  width: 2em;
  height: 2em;
  padding: .25em;
  text-align: center;
  background: #999; }
  .page_playcorners .checkbox input[type=checkbox] {
    display: inline-block; }

.page_playcorners ul.skillsets {
  display: block;
  margin: 0;
  padding: .25em;
  overflow: hidden;
  border: none;
  float: right; }
  .page_playcorners ul.skillsets li {
    list-style: none;
    float: left;
    padding: .25em;
    width: 2em;
    height: 2em;
    line-height: 20px;
    background: #ddd;
    margin-right: 1px;
    text-align: center;
    font-size: .75em;
    font-weight: bold; }

.page_playcorners .corner-info {
  position: relative; }
  .page_playcorners .corner-info .empty {
    position: absolute;
    width: 100%;
    padding: 8em 2em;
    border: 1px solid #007E86;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px; }

.page_playcorners .right-top {
  float: right;
  width: 440px; }
  .page_playcorners .right-top .box-white {
    margin: 0 0 5em; }
    .page_playcorners .right-top .box-white .skill {
      width: 145px; }

.page_playcorners .c-6:nth-child(2n+1) {
  float: right; }

.page_playcorners .c-6 .box-white {
  margin: 0 0 3em 0; }

.form-field.choose-skills .skills {
  max-height: 300px;
  overflow-y: auto;
  overflow-x: hidden; }

.lightbox .progress {
  position: relative;
  height: 41px;
  padding: 12px 10px;
  background: #ababab;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }
  .lightbox .progress p {
    font-size: .8em;
    margin: 0; }
    .lightbox .progress p span.check {
      background: url(../img/icon-check-sm.png) no-repeat;
      width: 11px;
      height: 11px;
      display: block;
      float: left;
      margin: 4px 7px 0 0; }
  .lightbox .progress.done {
    background: #A7C42B; }
    .lightbox .progress.done p {
      color: #fff; }

.lightbox ul.list-children {
  padding: 0;
  margin: 0; }
  .lightbox ul.list-children li {
    width: 32.33%;
    float: left;
    list-style: none;
    background: #fff;
    margin: .5%;
    font-size: .8em;
    line-height: 25px;
    padding-left: 7px; }
    .lightbox ul.list-children li span.update-completed {
      float: right;
      width: 25px;
      height: 25px;
      background: #d2d2d2;
      display: block;
      text-indent: -9999px;
      cursor: pointer; }
      .lightbox ul.list-children li span.update-completed.active {
        background: #d2d2d2 url(../img/icon-check.png) no-repeat center center; }

h1 small {
  display: block; }

.page_results .wrapper {
  background: #F2F2F2; }

.block-activity {
  margin: 0 0 15px 0;
  font-size: .75em;
  background: #ddd;
  float: left;
  width: 100%; }
  .block-activity .plannedweek {
    position: absolute; }
    .block-activity .plannedweek p {
      float: left;
      margin: 0 10px 10px 0; }
    .block-activity .plannedweek .weeks-nav-group {
      float: right; }
      .block-activity .plannedweek .weeks-nav-group .btn, .block-activity .plannedweek .weeks-nav-group [class*="btn-"], .block-activity .plannedweek .weeks-nav-group [class*="btn-"] {
        background-color: #fff; }
      .block-activity .plannedweek .weeks-nav-group .btn.active, .block-activity .plannedweek .weeks-nav-group .active[class*="btn-"] {
        background-color: #007E86; }
      .block-activity .plannedweek .weeks-nav-group .btn.past, .block-activity .plannedweek .weeks-nav-group .past[class*="btn-"] {
        background-color: #EEE; }
  .block-activity .type {
    float: left;
    width: 90px;
    display: block;
    padding: 7px; }
  .block-activity .period {
    border-left: 1px solid #fff;
    width: 60px;
    float: left; }
    .block-activity .period .title {
      display: block; }
    .block-activity .period ul.phases {
      margin: 0; }
      .block-activity .period ul.phases li {
        float: left;
        color: #000; }
  .block-activity .row {
    margin-left: 90px;
    height: 46px;
    border-bottom: 5px solid #f2f2f2;
    border-left: 5px solid #f2f2f2; }
    .block-activity .row:last-child {
      margin-bottom: -5px; }
    .block-activity .row .levels {
      float: right; }
      .block-activity .row .levels .phases {
        cursor: pointer; }
    .block-activity .row ul {
      float: left;
      margin: 0;
      padding: 0; }
      .block-activity .row ul li {
        width: 2.5em;
        height: 41px;
        color: #000; }
      .block-activity .row ul.phases {
        border-left: 10px solid #f2f2f2;
        width: 99px; }
        .block-activity .row ul.phases li {
          width: 23px; }
          .block-activity .row ul.phases li:first-child {
            margin-left: 0; }
          .block-activity .row ul.phases li span {
            display: block;
            height: 40px; }
          .block-activity .row ul.phases li span.lvl1 {
            background: #FFD700; }
          .block-activity .row ul.phases li span.lvl2 {
            background: #FF8C00; }
          .block-activity .row ul.phases li span.lvl3 {
            background: #FF0000; }
          .block-activity .row ul.phases li span.lvl4 {
            background: #9400D3; }
          .block-activity .row ul.phases li span.lvl5 {
            background: #4169E1; }
          .block-activity .row ul.phases li span.lvl6 {
            background: #6B8E23; }
          .block-activity .row ul.phases li span.lvl7 {
            background: #8B4513; }
      .block-activity .row ul.period {
        border-left: none;
        width: 58px; }
        .block-activity .row ul.period li {
          width: 20px;
          height: 4.5em; }
    .block-activity .row .name {
      float: left;
      width: 170px;
      padding: 0 7px;
      line-height: 41px;
      border-left: 5px solid #F2F2F2; }
      .block-activity .row .name span {
        display: inline-block;
        vertical-align: middle;
        line-height: 13px; }
    .block-activity .row .phase-container {
      position: relative;
      float: left; }
      .block-activity .row .phase-container .popover {
        position: absolute;
        right: 0;
        z-index: 10;
        display: none; }
        .block-activity .row .phase-container .popover .overlay {
          border: 2px solid #000;
          width: 89px;
          height: 44px;
          float: right; }
        .block-activity .row .phase-container .popover .arrow {
          background: url(../img/result-popover-arrow.png) no-repeat;
          width: 27px;
          height: 13px;
          position: absolute;
          top: 35px;
          left: 31px;
          z-index: 11; }
        .block-activity .row .phase-container .popover ul.popout {
          background: #d2d2d2;
          width: 352px;
          right: 0;
          position: absolute;
          top: 47px;
          border: 1px solid #484848;
          -webkit-border-radius: 5px;
          -moz-border-radius: 5px;
          -ms-border-radius: 5px;
          -o-border-radius: 5px;
          border-radius: 5px; }
          .block-activity .row .phase-container .popover ul.popout li {
            list-style: none;
            float: left;
            width: 80px;
            height: auto;
            border-left: 1px solid #fff; }
            .block-activity .row .phase-container .popover ul.popout li.close, .block-activity .row .phase-container .popover ul.popout li.close-popout {
              width: 30px;
              border-left: none; }
            .block-activity .row .phase-container .popover ul.popout li a {
              text-align: center;
              display: block;
              padding: 7px;
              text-decoration: none;
              color: #000;
              height: 40px;
              cursor: pointer; }
              .block-activity .row .phase-container .popover ul.popout li a:hover, .block-activity .row .phase-container .popover ul.popout li a.active {
                color: #fff; }
            .block-activity .row .phase-container .popover ul.popout li:first-child li a {
              -webkit-border-radius: 6px 6px 0px 0px;
              -moz-border-radius: 6px 6px 0px 0px;
              -ms-border-radius: 6px 6px 0px 0px;
              -o-border-radius: 6px 6px 0px 0px;
              border-radius: 6px 6px 0px 0px; }
            .block-activity .row .phase-container .popover ul.popout li:last-child li a {
              -webkit-border-radius: 6px 0px 0px 6px;
              -moz-border-radius: 6px 0px 0px 6px;
              -ms-border-radius: 6px 0px 0px 6px;
              -o-border-radius: 6px 0px 0px 6px;
              border-radius: 6px 0px 0px 6px; }
          .block-activity .row .phase-container .popover ul.popout.lvl1 li a:hover,
          .block-activity .row .phase-container .popover ul.popout.lvl1 li a.active,
          .block-activity .row .phase-container .popover ul.popout.lvl1 .lvl0 a:hover {
            background: #FFD700; }
          .block-activity .row .phase-container .popover ul.popout.lvl2 li a:hover,
          .block-activity .row .phase-container .popover ul.popout.lvl2 li a.active,
          .block-activity .row .phase-container .popover ul.popout.lvl2 .lvl0 a:hover {
            background: #FF8C00; }
          .block-activity .row .phase-container .popover ul.popout.lvl3 li a:hover,
          .block-activity .row .phase-container .popover ul.popout.lvl3 li a.active,
          .block-activity .row .phase-container .popover ul.popout.lvl3 .lvl0 a:hover {
            background: #FF0000; }
          .block-activity .row .phase-container .popover ul.popout.lvl4 li a:hover,
          .block-activity .row .phase-container .popover ul.popout.lvl4 li a.active,
          .block-activity .row .phase-container .popover ul.popout.lvl4 .lvl0 a:hover {
            background: #9400D3; }
          .block-activity .row .phase-container .popover ul.popout.lvl5 li a:hover,
          .block-activity .row .phase-container .popover ul.popout.lvl5 li a.active,
          .block-activity .row .phase-container .popover ul.popout.lvl5 .lvl0 a:hover {
            background: #4169E1; }
          .block-activity .row .phase-container .popover ul.popout.lvl6 li a:hover,
          .block-activity .row .phase-container .popover ul.popout.lvl6 li a.active,
          .block-activity .row .phase-container .popover ul.popout.lvl6 .lvl0 a:hover {
            background: #6B8E23; }
          .block-activity .row .phase-container .popover ul.popout li.lvl1 a:hover,
          .block-activity .row .phase-container .popover ul.popout li.lvl1 a.active {
            background: #FFD700; }
          .block-activity .row .phase-container .popover ul.popout li.lvl2 a:hover,
          .block-activity .row .phase-container .popover ul.popout li.lvl2 a.active {
            background: #FF8C00; }
          .block-activity .row .phase-container .popover ul.popout li.lvl3 a:hover,
          .block-activity .row .phase-container .popover ul.popout li.lvl3 a.active {
            background: #FF0000; }
          .block-activity .row .phase-container .popover ul.popout li.lvl4 a:hover,
          .block-activity .row .phase-container .popover ul.popout li.lvl4 a.active {
            background: #9400D3; }
          .block-activity .row .phase-container .popover ul.popout li.lvl5 a:hover,
          .block-activity .row .phase-container .popover ul.popout li.lvl5 a.active {
            background: #4169E1; }
          .block-activity .row .phase-container .popover ul.popout li.lvl6 a:hover,
          .block-activity .row .phase-container .popover ul.popout li.lvl6 a.active {
            background: #6B8E23; }
          .block-activity .row .phase-container .popover ul.popout li.lvl7 a:hover,
          .block-activity .row .phase-container .popover ul.popout li.lvl7 a.active {
            background: #8B4513; }
          .block-activity .row .phase-container .popover ul.popout li.lvl0 a.active {
            background: none;
            color: #000; }
            .block-activity .row .phase-container .popover ul.popout li.lvl0 a.active:hover {
              color: #fff; }
          .block-activity .row .phase-container .popover ul.popout li.close a:hover,
          .block-activity .row .phase-container .popover ul.popout li.close-popout a:hover {
            background: #000;
            color: #fff; }
      .block-activity .row .phase-container[class*="lvl1"] .popover ul.popout, .block-activity .row .phase-container[class*="lvl2"] .popover ul.popout, .block-activity .row .phase-container[class*="lvl3"] .popover ul.popout {
        right: auto;
        left: 0; }
      .block-activity .row .phase-container.col2 ul.phases {
        width: 200px; }
        .block-activity .row .phase-container.col2 ul.phases li {
          width: 48px; }
      .block-activity .row .phase-container.col2 .popover .overlay {
        width: 190px; }
      .block-activity .row .phase-container.col2 .popover .arrow {
        left: 81px; }
      .block-activity .row .phase-container.col3 ul.phases {
        width: 300px; }
        .block-activity .row .phase-container.col3 ul.phases li {
          width: 73px; }
      .block-activity .row .phase-container.col3 .popover .overlay {
        width: 290px; }
      .block-activity .row .phase-container.col3 .popover .arrow {
        left: 131px; }
      .block-activity .row .phase-container.col4 ul.phases {
        width: 400px; }
        .block-activity .row .phase-container.col4 ul.phases li {
          width: 98px; }
      .block-activity .row .phase-container.col4 .popover .overlay {
        width: 390px; }
      .block-activity .row .phase-container.col4 .popover .arrow {
        left: 181px; }
      .block-activity .row .phase-container.col5 ul.phases {
        width: 500px; }
        .block-activity .row .phase-container.col5 ul.phases li {
          width: 123px; }
      .block-activity .row .phase-container.col5 .popover .overlay {
        width: 490px; }
      .block-activity .row .phase-container.col5 .popover .arrow {
        left: 231px; }
      .block-activity .row .phase-container.col6 ul.phases {
        width: 600px; }
        .block-activity .row .phase-container.col6 ul.phases li {
          width: 148px; }
      .block-activity .row .phase-container.col6 .popover .overlay {
        width: 590px; }
      .block-activity .row .phase-container.col6 .popover .arrow {
        left: 281px; }
  .block-activity.block-activity-header {
    margin: 0 0 5px 0;
    position: relative;
    background: #f2f2f2;
    min-height: 60px; }
    .block-activity.block-activity-header .type {
      font-weight: bold;
      position: absolute;
      bottom: 0;
      text-transform: uppercase;
      text-align: center;
      background: #e7e7e7;
      font-size: .9em;
      padding: 3px 7px;
      height: 34px; }
    .block-activity.block-activity-header .row {
      border-bottom: none;
      height: auto;
      min-height: 130px; }
      .block-activity.block-activity-header .row .levels {
        display: table; }
      .block-activity.block-activity-header .row .phase-container {
        display: table; }
        .block-activity.block-activity-header .row .phase-container ul.phases {
          display: table-cell;
          float: none;
          vertical-align: top;
          background: #f2f2f2;
          cursor: default; }
          .block-activity.block-activity-header .row .phase-container ul.phases li {
            width: 100%;
            border: none;
            box-shadow: none;
            background: #fff;
            height: 100%;
            font-weight: normal;
            padding: 7px;
            margin-left: 0;
            min-height: 130px; }
            .block-activity.block-activity-header .row .phase-container ul.phases li span {
              display: block;
              text-transform: uppercase;
              font-size: 1.5em;
              color: #fff;
              padding: 7px 0;
              margin: -7px -7px 7px;
              font-weight: bold;
              height: auto; }
              .block-activity.block-activity-header .row .phase-container ul.phases li span.phase1 {
                background: #FFD700; }
              .block-activity.block-activity-header .row .phase-container ul.phases li span.phase2 {
                background: #FF8C00; }
              .block-activity.block-activity-header .row .phase-container ul.phases li span.phase3 {
                background: #FF0000; }
              .block-activity.block-activity-header .row .phase-container ul.phases li span.phase4 {
                background: #9400D3; }
              .block-activity.block-activity-header .row .phase-container ul.phases li span.phase5 {
                background: #4169E1; }
              .block-activity.block-activity-header .row .phase-container ul.phases li span.phase6 {
                background: #6B8E23; }
        .block-activity.block-activity-header .row .phase-container.col2 ul.phases li {
          width: 100%; }
          .block-activity.block-activity-header .row .phase-container.col2 ul.phases li span {
            width: 95px;
            float: left;
            margin-left: 0; }
            .block-activity.block-activity-header .row .phase-container.col2 ul.phases li span:first-child {
              margin-right: 0;
              margin-left: -7px; }
        .block-activity.block-activity-header .row .phase-container.col3 ul.phases li {
          width: 100%; }
          .block-activity.block-activity-header .row .phase-container.col3 ul.phases li span {
            width: 99px;
            float: left;
            margin-left: 0; }
            .block-activity.block-activity-header .row .phase-container.col3 ul.phases li span:first-child {
              margin-right: 0;
              margin-left: -7px; }
        .block-activity.block-activity-header .row .phase-container.col4 ul.phases li {
          width: 100%; }
          .block-activity.block-activity-header .row .phase-container.col4 ul.phases li span {
            width: 101px;
            float: left;
            margin-left: 0; }
            .block-activity.block-activity-header .row .phase-container.col4 ul.phases li span:first-child {
              margin-right: 0;
              margin-left: -7px; }
        .block-activity.block-activity-header .row .phase-container.col5 ul.phases li {
          width: 100%; }
          .block-activity.block-activity-header .row .phase-container.col5 ul.phases li span {
            width: 102px;
            float: left;
            margin-left: 0; }
            .block-activity.block-activity-header .row .phase-container.col5 ul.phases li span:first-child {
              margin-right: 0;
              margin-left: -7px; }
        .block-activity.block-activity-header .row .phase-container.col6 ul.phases li {
          width: 100%; }
          .block-activity.block-activity-header .row .phase-container.col6 ul.phases li span {
            width: 103px;
            float: left;
            margin-left: 0; }
            .block-activity.block-activity-header .row .phase-container.col6 ul.phases li span:first-child {
              margin-right: 0;
              margin-left: -7px; }
      .block-activity.block-activity-header .row ul.period {
        position: absolute;
        bottom: 0;
        width: 60px; }
        .block-activity.block-activity-header .row ul.period li {
          width: 20px;
          height: 34px;
          border: none;
          box-shadow: none;
          background: none;
          background: #e7e7e7;
          border-right: 1px solid #f2f2f2;
          margin: 0;
          line-height: 34px;
          font-size: .9em; }
          .block-activity.block-activity-header .row ul.period li:first-child {
            width: 100%;
            text-transform: uppercase;
            font-weight: bold;
            border-bottom: 2px solid #f2f2f2;
            height: 34px;
            padding: 3px 0;
            line-height: inherit;
            font-size: .8em; }
      .block-activity.block-activity-header .row .name {
        font-weight: bold;
        position: absolute;
        bottom: 0;
        margin-left: 59px;
        text-transform: uppercase;
        height: 34px;
        line-height: 34px;
        font-size: .9em;
        background: #e7e7e7; }

.block-logbook.block-activity {
  background: #dddddd;
  clear: both;
  float: left;
  font-size: 0.75em;
  margin: 0 0 15px;
  width: 100%; }
  .block-logbook.block-activity .row {
    background: #f2f2f2;
    height: auto;
    overflow: hidden; }
    .block-logbook.block-activity .row .name {
      background: #ddd;
      width: 175px; }
      .block-logbook.block-activity .row .name a {
        display: block;
        margin: 0 -7px;
        padding: 0 7px;
        text-decoration: none; }
        .block-logbook.block-activity .row .name a:hover {
          background: rgba(0, 0, 0, 0.05); }
    .block-logbook.block-activity .row .levels {
      width: 640px;
      background: #ddd;
      border-left: 5px solid #f2f2f2; }
      .block-logbook.block-activity .row .levels .observation {
        float: left;
        width: 474px;
        line-height: 25px; }
        .block-logbook.block-activity .row .levels .observation .date {
          width: 50px;
          float: left;
          padding: 7px 0; }
          .block-logbook.block-activity .row .levels .observation .date span {
            display: block;
            text-transform: uppercase;
            text-align: center;
            font-size: .75em;
            line-height: 1.4em; }
            .block-logbook.block-activity .row .levels .observation .date span.day {
              font-weight: bold; }
        .block-logbook.block-activity .row .levels .observation .desc {
          width: 424px;
          float: left;
          padding: 2px 8px;
          line-height: 37px;
          display: inline-block;
          vertical-align: middle;
          font-style: italic;
          color: #818181;
          border-right: 5px solid #f2f2f2;
          text-align: left; }
          .block-logbook.block-activity .row .levels .observation .desc p {
            margin: 0;
            display: inline-block;
            vertical-align: middle;
            line-height: 1.2; }
        .block-logbook.block-activity .row .levels .observation .practices {
          font-weight: bold;
          color: #333; }
          .block-logbook.block-activity .row .levels .observation .practices b {
            text-transform: uppercase;
            font-size: .875em; }
      .block-logbook.block-activity .row .levels .earlier {
        float: left;
        width: 55px;
        text-align: center;
        margin: 0;
        height: 41px;
        line-height: 41px; }
        .block-logbook.block-activity .row .levels .earlier a {
          padding: 7px;
          display: block;
          height: 41px;
          line-height: 2.1em;
          text-decoration: none; }
          .block-logbook.block-activity .row .levels .earlier a:hover {
            background: #d2d2d2; }
      .block-logbook.block-activity .row .levels a.hover {
        display: block;
        float: left;
        width: 534px;
        overflow: hidden;
        border-right: 5px solid #fff; }
        .block-logbook.block-activity .row .levels a.hover .desc {
          text-align: left;
          font-style: normal;
          color: #9900CC; }
        .block-logbook.block-activity .row .levels a.hover:hover {
          background: rgba(0, 0, 0, 0.05); }
      .block-logbook.block-activity .row .levels .hover {
        display: block;
        float: left;
        width: 534px;
        overflow: hidden;
        border-right: 5px solid #fff; }
      .block-logbook.block-activity .row .levels a.btn, .block-logbook.block-activity .row .levels a[class*="btn-"] {
        margin: 7px 0 0 5px;
        font-size: 1em;
        display: block;
        float: left; }
    .block-logbook.block-activity .row ul.period {
      width: 20px;
      background: #fff; }
    .block-logbook.block-activity .row ul.phases li span {
      color: #fff;
      line-height: 41px; }

.block-logbook.block-activity-header {
  background: none;
  margin: 0 0 5px 0; }
  .block-logbook.block-activity-header .row {
    height: 42px;
    min-height: 0;
    background: none;
    margin-bottom: 0; }
    .block-logbook.block-activity-header .row .name {
      bottom: 0;
      left: 90px;
      line-height: inherit;
      margin: 0;
      padding: 0 7px;
      background: #e7e7e7;
      height: 34px;
      line-height: 34px;
      font-size: 1em;
      text-transform: uppercase;
      width: 200px; }
    .block-logbook.block-activity-header .row .levels .observation {
      font-weight: bold;
      padding: 0 7px;
      bottom: 0;
      position: absolute;
      background: #e7e7e7;
      height: 34px;
      line-height: 34px;
      text-transform: uppercase;
      width: 468px; }
    .block-logbook.block-activity-header .row .levels .earlier {
      margin-left: 473px;
      border: none;
      padding: 0 7px;
      font-weight: bold;
      position: absolute;
      bottom: 0;
      height: auto;
      line-height: inherit;
      background: #e7e7e7;
      height: 34px;
      line-height: 34px;
      text-transform: uppercase;
      width: 161px;
      text-align: left; }

.finish {
  font-size: 0.8em; }
  .finish header {
    border-bottom: 2px solid #d2d2d2;
    overflow: hidden; }
    .finish header div {
      float: left;
      font-weight: bold;
      margin: 0 0 5px 0; }
      .finish header div.done {
        background: url(../img/icons/icon_finished_16x16_black.png) no-repeat 14px 0; }
      .finish header div.phases {
        width: 230px; }
  .finish .done {
    width: 50px; }
  .finish .type {
    width: 50px; }
  .finish .skill {
    width: 370px; }
  .finish .actions {
    width: 230px; }
  .finish .phases small {
    font-size: .8em;
    font-weight: normal;
    display: block; }
  .finish .help {
    width: 30px; }
  .finish section ul {
    background: #fff; }
    .finish section ul li {
      overflow: hidden;
      clear: both;
      border-bottom: 1px solid #d2d2d2;
      padding: 5px 0; }
      .finish section ul li div {
        float: left; }
        .finish section ul li div.done i {
          display: block;
          background: #007E86;
          color: #fff;
          -webkit-border-radius: 3px;
          -moz-border-radius: 3px;
          -ms-border-radius: 3px;
          -o-border-radius: 3px;
          border-radius: 3px;
          width: 30px;
          height: 30px;
          margin: 4px 0 0 .5em;
          background-position: center center;
          background-repeat: no-repeat;
          overflow: hidden;
          position: relative; }
          .finish section ul li div.done i span {
            display: none; }
        .finish section ul li div.done.completed i {
          background-color: #00303F;
          background-image: url(../img/icons/icon_finished_20x20_white.png); }
        .finish section ul li div.done.half-completed i:before {
          content: '';
          display: block;
          height: 30px;
          width: 30px;
          border: 15px solid #00303F;
          border-right-color: transparent;
          border-bottom-color: transparent; }
        .finish section ul li div.done.half-completed i:after {
          content: '';
          display: block;
          height: 30px;
          width: 30px;
          background: url(../img/icons/icon_finished_20x20_white.png) center center no-repeat;
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=65);
          opacity: 0.65;
          position: absolute;
          left: 0;
          top: 0; }
        .finish section ul li div.type i {
          display: block;
          color: #fff;
          -webkit-border-radius: 3px;
          -moz-border-radius: 3px;
          -ms-border-radius: 3px;
          -o-border-radius: 3px;
          border-radius: 3px;
          width: 30px;
          height: 30px;
          margin: 4px 0 0 0;
          border: 1px solid #ddd;
          background-position: center center;
          background-repeat: no-repeat;
          overflow: hidden;
          position: relative; }
          .finish section ul li div.type i.type-attention {
            background-image: url(../img/icons/icon_aandachtlijnen_25x25.png); }
          .finish section ul li div.type i.type-instruction {
            background-image: url(../img/icons/icon_instructielijnen_25x25.png); }
          .finish section ul li div.type i.type-assignments {
            background-image: url(../img/icons/icon_opdrachtlijnen_25x25.png); }
          .finish section ul li div.type i.type-routine {
            background-image: url(../img/icons/icon_routinelijnen_25x25.png); }
        .finish section ul li div.skill .skillset {
          width: 30px;
          height: 30px;
          line-height: 30px;
          text-align: center;
          -webkit-border-radius: 3px;
          -moz-border-radius: 3px;
          -ms-border-radius: 3px;
          -o-border-radius: 3px;
          border-radius: 3px;
          background-color: #AAAAAA;
          font-size: 0.8em;
          margin: 4px 6px 0 0;
          display: inline-block;
          float: none;
          vertical-align: middle; }
        .finish section ul li div.skill p {
          margin: 0;
          display: inline-block;
          vertical-align: middle; }
          .finish section ul li div.skill p span {
            display: block;
            font-style: italic; }
        .finish section ul li div.actions a.btn, .finish section ul li div.actions a[class*="btn-"] {
          background: #f2f2f2 url(../img/icon-newwindow.gif) no-repeat 7px 9px;
          padding: .4em .8em .4em 2.6em;
          text-align: left;
          font-size: .9em;
          margin: 1px 0 0 0;
          -webkit-border-radius: 3px;
          -moz-border-radius: 3px;
          -ms-border-radius: 3px;
          -o-border-radius: 3px;
          border-radius: 3px; }
          .finish section ul li div.actions a.btn:hover, .finish section ul li div.actions a[class*="btn-"]:hover {
            background: #00303F url(../img/icon-newwindow-hover.gif) no-repeat 7px 9px;
            color: #fff;
            border: 1px solid #00303F; }
          .finish section ul li div.actions a.btn.learnline, .finish section ul li div.actions a.learnline[class*="btn-"] {
            background: url(../img/icons/icon_learntaskedit_20x20_black.png) no-repeat 5px center; }
            .finish section ul li div.actions a.btn.learnline:hover, .finish section ul li div.actions a.learnline[class*="btn-"]:hover {
              background: url(../img/icons/icon_learntaskedit_20x20_white.png) no-repeat 5px center #00303F; }
          .finish section ul li div.actions a.btn.logbook, .finish section ul li div.actions a.logbook[class*="btn-"] {
            background: url(../img/icons/icon_logbookedit_20x20_black.png) no-repeat 5px center; }
            .finish section ul li div.actions a.btn.logbook:hover, .finish section ul li div.actions a.logbook[class*="btn-"]:hover {
              background: url(../img/icons/icon_logbookedit_20x20_white.png) no-repeat 5px center #00303F; }
        .finish section ul li div.help a.help-toggle {
          float: left;
          width: 26px;
          height: 26px;
          background: url(../img/icons/icon_paperclip_16x16_lightblue.png) no-repeat center center #e0e0e0;
          margin: 6px 0 0 0;
          -webkit-border-radius: 3px;
          -moz-border-radius: 3px;
          -ms-border-radius: 3px;
          -o-border-radius: 3px;
          border-radius: 3px; }
          .finish section ul li div.help a.help-toggle:hover {
            background: url(../img/icons/icon_paperclip_16x16_white.png) no-repeat center center #00303F; }
      .finish section ul li ul.phases {
        float: left;
        width: 195px;
        margin: 3px 0 0 0; }
        .finish section ul li ul.phases li {
          clear: none;
          height: auto;
          width: auto;
          padding: 0;
          border-color: #fff;
          color: #fff;
          width: 30px;
          height: 30px;
          line-height: 30px;
          font-size: 1em;
          position: relative; }
          .finish section ul li ul.phases li.lvl-1 {
            background: #fff7cc; }
          .finish section ul li ul.phases li.lvl-2 {
            background: #ffe8cc; }
          .finish section ul li ul.phases li.lvl-3 {
            background: #ffcccc; }
          .finish section ul li ul.phases li.lvl-4 {
            background: #eaccf6; }
          .finish section ul li ul.phases li.lvl-5 {
            background: #d9e1f9; }
          .finish section ul li ul.phases li.lvl-6 {
            background: #e1e8d3; }
          .finish section ul li ul.phases li.active {
            cursor: pointer; }
          .finish section ul li ul.phases li.lvl-1.active, .finish section ul li ul.phases li.lvl-1.active:after {
            background-color: #FFD700; }
          .finish section ul li ul.phases li.lvl-2.active, .finish section ul li ul.phases li.lvl-2.active:after {
            background-color: #FF8C00; }
          .finish section ul li ul.phases li.lvl-3.active, .finish section ul li ul.phases li.lvl-3.active:after {
            background-color: #FF0000; }
          .finish section ul li ul.phases li.lvl-4.active, .finish section ul li ul.phases li.lvl-4.active:after {
            background-color: #9400D3; }
          .finish section ul li ul.phases li.lvl-5.active, .finish section ul li ul.phases li.lvl-5.active:after {
            background-color: #4169E1; }
          .finish section ul li ul.phases li.lvl-6.active, .finish section ul li ul.phases li.lvl-6.active:after {
            background-color: #6B8E23; }
          .finish section ul li ul.phases li.nonactive {
            background: #d2d2d2; }
          .finish section ul li ul.phases li.completed:after {
            content: '';
            display: block;
            position: absolute;
            left: 0;
            top: 0;
            width: 30px;
            height: 30px;
            line-height: 30px;
            background-image: url(../img/icons/icon_finished_20x20_white.png);
            background-position: center center;
            background-repeat: no-repeat; }

.groupprofile .rotated-titles {
  float: left;
  margin: 0 0 0 15px;
  position: relative; }
  .groupprofile .rotated-titles li {
    list-style: none;
    display: block;
    float: left;
    width: 43px;
    height: 176px;
    position: relative;
    margin-bottom: 43px; }
    .groupprofile .rotated-titles li span {
      display: block;
      background-color: #777;
      border-bottom: 1px solid #ddd;
      color: #fff;
      width: 215px;
      height: 34px;
      -webkit-transform-origin: 0 0 0;
      -moz-transform-origin: 0 0 0;
      -ms-transform-origin: 0 0 0;
      -o-transform-origin: 0 0 0;
      transform-origin: 0 0 0;
      -webkit-transform: translate3d(0, 0, 0) rotate(-52deg);
      -moz-transform: translate3d(0, 0, 0) rotate(-52deg);
      -ms-transform: translate3d(0, 0, 0) rotate(-52deg);
      -o-transform: translate3d(0, 0, 0) rotate(-52deg);
      transform: translate3d(0, 0, 0) rotate(-52deg);
      -webkit-font-smoothing: antialiased;
      opacity: .99;
      position: absolute;
      top: 100%;
      padding: 0 18px 0 18px;
      line-height: 25px;
      overflow: hidden;
      font-family: Arial,sans-serif; }
      .groupprofile .rotated-titles li span b {
        display: inline-block;
        vertical-align: middle;
        line-height: 1.1; }
      .groupprofile .rotated-titles li span small {
        display: block;
        font-size: 1em;
        color: #aaa;
        margin-left: .85em;
        font-weight: normal;
        white-space: nowrap; }
      .groupprofile .rotated-titles li span.double-line {
        padding-left: 14px; }
    .groupprofile .rotated-titles li i {
      display: block;
      position: absolute;
      top: 100%;
      width: 43px;
      height: 43px;
      background-color: #777;
      border-right: 1px solid #ddd;
      line-height: 43px;
      text-align: center;
      font-style: normal;
      font-weight: bold;
      color: #fff; }
      .groupprofile .rotated-titles li i img {
        width: 36px;
        height: 36px;
        display: block;
        margin: 3px; }
    .groupprofile .rotated-titles li.title {
      position: absolute;
      height: auto;
      margin-left: 127px;
      width: 100%;
      z-index: 1; }
      .groupprofile .rotated-titles li.title div {
        background-color: #00303F;
        border-bottom: 1px solid #fff;
        color: #fff;
        margin: 0 11px 0 -11px;
        padding: 5px;
        width: 100%;
        white-space: nowrap;
        overflow: hidden; }

.groupprofile header {
  position: relative;
  border-bottom: none; }
  .groupprofile header .name {
    width: 170px;
    float: left;
    background-color: #777;
    color: #fff;
    margin: 176px 0 0;
    padding: 13px 7px 0;
    height: 43px; }

.groupprofile section {
  overflow: hidden; }
  .groupprofile section ul {
    background: none;
    overflow: hidden; }
    .groupprofile section ul li {
      padding: 0;
      margin: 5px 0 5px -1px;
      padding-bottom: 5px; }
      .groupprofile section ul li .name {
        line-height: 40px;
        width: 171px;
        padding: 0 0 0 7px; }
        .groupprofile section ul li .name span {
          display: inline-block;
          vertical-align: middle;
          line-height: 1.3; }
      .groupprofile section ul li ul.phases {
        width: auto;
        margin: 0 0 0 15px; }
        .groupprofile section ul li ul.phases li {
          width: 44px;
          height: 44px;
          line-height: 44px;
          font-size: 1em;
          color: #000;
          border-color: #d2d2d2;
          margin-top: 0;
          margin-bottom: 0;
          background: #fff; }
          .groupprofile section ul li ul.phases li[class*="lvl-"] {
            color: #fff; }
          .groupprofile section ul li ul.phases li.lvl-1 {
            background: #FFD700; }
          .groupprofile section ul li ul.phases li.lvl-2 {
            background: #FF8C00; }
          .groupprofile section ul li ul.phases li.lvl-3 {
            background: #FF0000; }
          .groupprofile section ul li ul.phases li.lvl-4 {
            background: #9400D3; }
          .groupprofile section ul li ul.phases li.lvl-5 {
            background: #4169E1; }
          .groupprofile section ul li ul.phases li.lvl-6 {
            background: #6B8E23; }
          .groupprofile section ul li ul.phases li.lvl-7 {
            background: #8B4513; }
      .groupprofile section ul li.startsituation {
        background: #e7f2bb;
        padding-top: 5px;
        margin-top: -5px; }
        .groupprofile section ul li.startsituation ul.text {
          width: 740px;
          margin: 0 0 0 15px;
          float: left; }
          .groupprofile section ul li.startsituation ul.text li {
            border-bottom: none;
            padding: 0;
            margin: 0;
            line-height: 43px; }
            .groupprofile section ul li.startsituation ul.text li span {
              font-style: italic;
              font-weight: bold; }
            .groupprofile section ul li.startsituation ul.text li a.btn, .groupprofile section ul li.startsituation ul.text li a[class*="btn-"] {
              float: right;
              width: auto;
              font-size: 1.0em;
              line-height: 26px; }
      .groupprofile section ul li a.btn, .groupprofile section ul li a[class*="btn-"] {
        float: left;
        height: 42px;
        line-height: 14px;
        font-size: .9em;
        margin: 0 0 0 15px;
        width: 83px; }
        .groupprofile section ul li a.btn span, .groupprofile section ul li a[class*="btn-"] span {
          display: block; }

.page_groupprofile .wrapper {
  background: #f2f2f2; }

.page_logbook .wrapper {
  background: #f2f2f2; }

[id*="lb-child-log-"] table .date {
  width: 7em;
  text-align: center; }

[id*="lb-child-log-"] table .teacher {
  width: 10em;
  text-align: center; }

.btn-edit-observation {
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
  background: url(../img/icons/icon_pencil_20x20-toggle.png) left top no-repeat;
  text-indent: -9999em;
  border: none; }
  .btn-edit-observation:hover {
    background-position: left bottom;
    background-color: transparent; }

.btn-remove-observation {
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
  background: url(../img/icons/icon_trash_20x20-toggle.png) left top no-repeat;
  text-indent: -9999em;
  border: none; }
  .btn-remove-observation:hover {
    background-position: left bottom;
    background-color: transparent; }

.actions {
  white-space: nowrap; }

@page groupplan {
  size: a4 portrait; }

.page_groupplan {
  page: groupplan; }
  .page_groupplan .wrapper {
    background: #f2f2f2; }
    @media print {
      .page_groupplan .wrapper {
        background: none; } }
  .page_groupplan table {
    border: 2px solid #fff;
    font-size: .75em;
    text-align: center;
    background-color: #fff; }
    .page_groupplan table .table-printheader td {
      background: none;
      border: none;
      border-bottom: 2px solid #000;
      font-size: 1.3333em;
      vertical-align: middle;
      padding: .5em; }
      .page_groupplan table .table-printheader td h2 {
        margin-top: 10px;
        text-align: left; }
    @media print {
      .page_groupplan table {
        border-color: #000;
        background-color: transparent; } }
  .page_groupplan th, .page_groupplan td {
    vertical-align: top;
    border: 1px solid #fff;
    background-color: #eee;
    padding: .5em; }
    @media print {
      .page_groupplan th, .page_groupplan td {
        background-color: transparent;
        border-color: #000;
        background-color: transparent; } }
  .page_groupplan th {
    background-color: #ccc; }
    @media print {
      .page_groupplan th {
        background-color: transparent;
        overflow: hidden;
        z-index: 1;
        background-color: transparent !important;
        color: #000 !important;
        overflow: hidden;
        z-index: 1; }
        .page_groupplan th:before {
          content: "";
          padding: 0;
          height: 1px;
          line-height: 1px;
          width: 1px;
          margin: -4px -1013px -1019px -10px;
          display: block;
          border: 0;
          z-index: -1;
          position: relative;
          top: -512px;
          border-width: 1023px;
          border-style: solid;
          border-color: #edf3d5;
          border-right: none;
          border-bottom: none; } }
  .page_groupplan thead th {
    background-color: #484848;
    color: #fff; }
    @media print {
      .page_groupplan thead th {
        background-color: transparent;
        color: #000;
        background-color: transparent !important;
        color: #000 !important;
        overflow: hidden;
        z-index: 1; }
        .page_groupplan thead th:before {
          content: "";
          padding: 0;
          height: 1px;
          line-height: 1px;
          width: 1px;
          margin: -4px -1013px -1019px -10px;
          display: block;
          border: 0;
          z-index: -1;
          position: relative;
          top: -512px;
          border-width: 1023px;
          border-style: solid;
          border-color: #A7C42B;
          border-right: none;
          border-bottom: none; } }
  @media print {
    .page_groupplan h2 {
      page-break-after: avoid; } }

table.targets {
  width: 100%; }
  @media print {
    table.targets {
      page-break-inside: avoid; } }
  table.targets tbody th {
    width: 10%;
    vertical-align: middle; }
  table.targets b {
    display: block;
    text-transform: uppercase; }
    table.targets b.lvl1 {
      background: #FFD700; }
    table.targets b.lvl2 {
      background: #FF8C00; }
    table.targets b.lvl3 {
      background: #FF0000; }
    table.targets b.lvl4 {
      background: #9400D3; }
    table.targets b.lvl5 {
      background: #4169E1; }
    table.targets b.lvl6 {
      background: #6B8E23; }
    @media print {
      table.targets b {
        background-color: transparent !important;
        color: #000 !important;
        overflow: hidden;
        position: relative; }
        table.targets b:before {
          content: "";
          display: block;
          position: absolute;
          z-index: -1;
          width: 100%;
          height: 100%;
          top: 0;
          left: 0;
          border-width: 999px;
          border-style: solid;
          border-color: #ccc;
          border-right: none;
          border-bottom: none; }
        table.targets b.lvl1:before {
          border-color: #FFD700; }
        table.targets b.lvl2:before {
          border-color: #FF8C00; }
        table.targets b.lvl3:before {
          border-color: #FF0000; }
        table.targets b.lvl4:before {
          border-color: #9400D3; }
        table.targets b.lvl5:before {
          border-color: #4169E1; }
        table.targets b.lvl6:before {
          border-color: #6B8E23; } }
  table.targets th > .printbg-wrapper, table.targets td > .printbg-wrapper {
    overflow: hidden; }
  table.targets .lvl1 {
    background-color: #fff7cc; }
    table.targets .lvl1 b {
      background-color: #FFD700; }
  table.targets .lvl2 {
    background-color: #ffe8cc; }
    table.targets .lvl2 b {
      background-color: #FF8C00; }
  table.targets .lvl3 {
    background-color: #ffcccc; }
    table.targets .lvl3 b {
      background-color: #FF0000; }
  table.targets .lvl4 {
    background-color: #eaccf6; }
    table.targets .lvl4 b {
      background-color: #9400D3; }
  table.targets .lvl5 {
    background-color: #d9e1f9; }
    table.targets .lvl5 b {
      background-color: #4169E1; }
  table.targets .lvl6 {
    background-color: #e1e8d3; }
    table.targets .lvl6 b {
      background-color: #6B8E23; }
  @media print {
    table.targets td[class*="lvl"] {
      background-color: transparent !important;
      color: #000 !important;
      overflow: hidden;
      z-index: 1; }
      table.targets td[class*="lvl"]:before {
        content: "";
        padding: 0;
        height: 1px;
        line-height: 1px;
        width: 1px;
        margin: -4px -1013px -1019px -10px;
        display: block;
        border: 0;
        z-index: -1;
        position: relative;
        top: -512px;
        border-width: 1023px;
        border-style: solid;
        border-color: #ccc;
        border-right: none;
        border-bottom: none; }
    table.targets td.lvl1:before {
      border-color: #fff7cc; }
    table.targets td.lvl2:before {
      border-color: #ffe8cc; }
    table.targets td.lvl3:before {
      border-color: #ffcccc; }
    table.targets td.lvl4:before {
      border-color: #eaccf6; }
    table.targets td.lvl5:before {
      border-color: #d9e1f9; }
    table.targets td.lvl6:before {
      border-color: #e1e8d3; } }
  table.targets .lvl1-2 {
    background: -owg-linear-gradient(left, #fff7cc, #ffe8cc);
    background: -webkit-linear-gradient(left, #fff7cc, #ffe8cc);
    background: -moz-linear-gradient(left, #fff7cc, #ffe8cc);
    background: -o-linear-gradient(left, #fff7cc, #ffe8cc);
    background: linear-gradient(left, #fff7cc, #ffe8cc); }
  table.targets .lvl2-3 {
    background: -owg-linear-gradient(left, #ffe8cc, #ffcccc);
    background: -webkit-linear-gradient(left, #ffe8cc, #ffcccc);
    background: -moz-linear-gradient(left, #ffe8cc, #ffcccc);
    background: -o-linear-gradient(left, #ffe8cc, #ffcccc);
    background: linear-gradient(left, #ffe8cc, #ffcccc); }
  table.targets .lvl3-4 {
    background: -owg-linear-gradient(left, #ffcccc, #eaccf6);
    background: -webkit-linear-gradient(left, #ffcccc, #eaccf6);
    background: -moz-linear-gradient(left, #ffcccc, #eaccf6);
    background: -o-linear-gradient(left, #ffcccc, #eaccf6);
    background: linear-gradient(left, #ffcccc, #eaccf6); }
  table.targets .lvl4-5 {
    background: -owg-linear-gradient(left, #eaccf6, #d9e1f9);
    background: -webkit-linear-gradient(left, #eaccf6, #d9e1f9);
    background: -moz-linear-gradient(left, #eaccf6, #d9e1f9);
    background: -o-linear-gradient(left, #eaccf6, #d9e1f9);
    background: linear-gradient(left, #eaccf6, #d9e1f9); }
  table.targets .lvl5-6 {
    background: -owg-linear-gradient(left, #d9e1f9, #e1e8d3);
    background: -webkit-linear-gradient(left, #d9e1f9, #e1e8d3);
    background: -moz-linear-gradient(left, #d9e1f9, #e1e8d3);
    background: -o-linear-gradient(left, #d9e1f9, #e1e8d3);
    background: linear-gradient(left, #d9e1f9, #e1e8d3); }
  table.targets .lvl1-3 {
    background: -owg-linear-gradient(left, #fff7cc, #ffe8cc, #ffcccc);
    background: -webkit-linear-gradient(left, #fff7cc, #ffe8cc, #ffcccc);
    background: -moz-linear-gradient(left, #fff7cc, #ffe8cc, #ffcccc);
    background: -o-linear-gradient(left, #fff7cc, #ffe8cc, #ffcccc);
    background: linear-gradient(left, #fff7cc, #ffe8cc, #ffcccc); }
  table.targets .lvl2-4 {
    background: -owg-linear-gradient(left, #ffe8cc, #ffcccc, #eaccf6);
    background: -webkit-linear-gradient(left, #ffe8cc, #ffcccc, #eaccf6);
    background: -moz-linear-gradient(left, #ffe8cc, #ffcccc, #eaccf6);
    background: -o-linear-gradient(left, #ffe8cc, #ffcccc, #eaccf6);
    background: linear-gradient(left, #ffe8cc, #ffcccc, #eaccf6); }
  table.targets .lvl3-5 {
    background: -owg-linear-gradient(left, #ffcccc, #eaccf6, #d9e1f9);
    background: -webkit-linear-gradient(left, #ffcccc, #eaccf6, #d9e1f9);
    background: -moz-linear-gradient(left, #ffcccc, #eaccf6, #d9e1f9);
    background: -o-linear-gradient(left, #ffcccc, #eaccf6, #d9e1f9);
    background: linear-gradient(left, #ffcccc, #eaccf6, #d9e1f9); }
  table.targets .lvl4-6 {
    background: -owg-linear-gradient(left, #eaccf6, #d9e1f9, #e1e8d3);
    background: -webkit-linear-gradient(left, #eaccf6, #d9e1f9, #e1e8d3);
    background: -moz-linear-gradient(left, #eaccf6, #d9e1f9, #e1e8d3);
    background: -o-linear-gradient(left, #eaccf6, #d9e1f9, #e1e8d3);
    background: linear-gradient(left, #eaccf6, #d9e1f9, #e1e8d3); }
  table.targets .lvl1-4 {
    background: -owg-linear-gradient(left, #fff7cc, #ffe8cc, #ffcccc, #eaccf6);
    background: -webkit-linear-gradient(left, #fff7cc, #ffe8cc, #ffcccc, #eaccf6);
    background: -moz-linear-gradient(left, #fff7cc, #ffe8cc, #ffcccc, #eaccf6);
    background: -o-linear-gradient(left, #fff7cc, #ffe8cc, #ffcccc, #eaccf6);
    background: linear-gradient(left, #fff7cc, #ffe8cc, #ffcccc, #eaccf6); }
  table.targets .lvl2-5 {
    background: -owg-linear-gradient(left, #ffe8cc, #ffcccc, #eaccf6, #d9e1f9);
    background: -webkit-linear-gradient(left, #ffe8cc, #ffcccc, #eaccf6, #d9e1f9);
    background: -moz-linear-gradient(left, #ffe8cc, #ffcccc, #eaccf6, #d9e1f9);
    background: -o-linear-gradient(left, #ffe8cc, #ffcccc, #eaccf6, #d9e1f9);
    background: linear-gradient(left, #ffe8cc, #ffcccc, #eaccf6, #d9e1f9); }
  table.targets .lvl3-6 {
    background: -owg-linear-gradient(left, #ffcccc, #eaccf6, #d9e1f9, #e1e8d3);
    background: -webkit-linear-gradient(left, #ffcccc, #eaccf6, #d9e1f9, #e1e8d3);
    background: -moz-linear-gradient(left, #ffcccc, #eaccf6, #d9e1f9, #e1e8d3);
    background: -o-linear-gradient(left, #ffcccc, #eaccf6, #d9e1f9, #e1e8d3);
    background: linear-gradient(left, #ffcccc, #eaccf6, #d9e1f9, #e1e8d3); }
  table.targets .lvl1-5 {
    background: -owg-linear-gradient(left, #fff7cc, #ffe8cc, #ffcccc, #eaccf6, #d9e1f9);
    background: -webkit-linear-gradient(left, #fff7cc, #ffe8cc, #ffcccc, #eaccf6, #d9e1f9);
    background: -moz-linear-gradient(left, #fff7cc, #ffe8cc, #ffcccc, #eaccf6, #d9e1f9);
    background: -o-linear-gradient(left, #fff7cc, #ffe8cc, #ffcccc, #eaccf6, #d9e1f9);
    background: linear-gradient(left, #fff7cc, #ffe8cc, #ffcccc, #eaccf6, #d9e1f9); }
  table.targets .lvl2-6 {
    background: -owg-linear-gradient(left, #ffe8cc, #ffcccc, #eaccf6, #d9e1f9, #e1e8d3);
    background: -webkit-linear-gradient(left, #ffe8cc, #ffcccc, #eaccf6, #d9e1f9, #e1e8d3);
    background: -moz-linear-gradient(left, #ffe8cc, #ffcccc, #eaccf6, #d9e1f9, #e1e8d3);
    background: -o-linear-gradient(left, #ffe8cc, #ffcccc, #eaccf6, #d9e1f9, #e1e8d3);
    background: linear-gradient(left, #ffe8cc, #ffcccc, #eaccf6, #d9e1f9, #e1e8d3); }
  table.targets .lvl1-6 {
    background: -owg-linear-gradient(left, #fff7cc, #ffe8cc, #ffcccc, #eaccf6, #d9e1f9, #e1e8d3);
    background: -webkit-linear-gradient(left, #fff7cc, #ffe8cc, #ffcccc, #eaccf6, #d9e1f9, #e1e8d3);
    background: -moz-linear-gradient(left, #fff7cc, #ffe8cc, #ffcccc, #eaccf6, #d9e1f9, #e1e8d3);
    background: -o-linear-gradient(left, #fff7cc, #ffe8cc, #ffcccc, #eaccf6, #d9e1f9, #e1e8d3);
    background: linear-gradient(left, #fff7cc, #ffe8cc, #ffcccc, #eaccf6, #d9e1f9, #e1e8d3); }
  @media print {
    table.targets [class*="col"] {
      background-image: none !important; }
    table.targets td.col2:before {
      border-left-width: 320px; }
    table.targets td.col3:before {
      border-left-width: 480px; }
    table.targets td.col4:before {
      border-left-width: 630px; }
    table.targets td.col5:before {
      border-left-width: 790px; }
    table.targets td.col6:before {
      border-left-width: 940px; }
    table.targets td[class*="lvl1-"]:before {
      border-color: #fff7cc; }
    table.targets td[class*="lvl2-"]:before {
      border-color: #ffe8cc; }
    table.targets td[class*="lvl3-"]:before {
      border-color: #ffcccc; }
    table.targets td[class*="lvl4-"]:before {
      border-color: #eaccf6; }
    table.targets td[class*="lvl5-"]:before {
      border-color: #d9e1f9; }
    table.targets td[class*="lvl6-"]:before {
      border-color: #e1e8d3; } }

table.aimedtargets {
  table-layout: fixed; }
  table.aimedtargets thead th {
    width: 30%; }
  table.aimedtargets thead td {
    width: 10%; }

table.basetargets {
  table-layout: fixed; }
  table.basetargets td {
    padding: 0; }
  table.basetargets .col1 {
    width: 15%; }
    table.basetargets .col1 b {
      width: 100%; }
  table.basetargets .col2 {
    width: 30%; }
    table.basetargets .col2 b {
      width: 50%; }
  table.basetargets .col3 {
    width: 45%; }
    table.basetargets .col3 b {
      width: 33.3333%; }
  table.basetargets .col4 {
    width: 60%; }
    table.basetargets .col4 b {
      width: 25%; }
  table.basetargets .col5 {
    width: 76%; }
    table.basetargets .col5 b {
      width: 20%; }
  table.basetargets .col6 {
    width: 90%; }
    table.basetargets .col6 b {
      width: 16.6667%; }
  table.basetargets b {
    float: left;
    display: block;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    line-height: 1.6em;
    margin: 0; }
  table.basetargets p {
    margin: 0;
    padding: .5em;
    clear: both; }

@media print {
  .educational-needs {
    page-break-inside: avoid; } }

table.groupplan {
  text-align: left;
  table-layout: fixed; }
  @media print {
    table.groupplan,
    table.groupplan tr {
      page-break-inside: avoid; } }
  table.groupplan b, table.groupplan small {
    display: block; }
  table.groupplan small {
    font-size: .8em; }
  table.groupplan ul.children {
    display: block;
    margin: .5em 0 0;
    text-align: left;
    max-width: 210px; }
    table.groupplan ul.children li {
      list-style: none;
      display: block;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
    table.groupplan ul.children .phase {
      color: #fff;
      display: inline-block;
      float: left;
      font-size: 10px;
      font-weight: bold;
      height: 13px;
      line-height: 13px;
      margin: 0 .5em 1px 0;
      padding: 0;
      text-align: center;
      width: 13px; }
      table.groupplan ul.children .phase.lvl1 {
        background-color: #FFD700; }
        table.groupplan ul.children .phase.lvl1:before {
          border-color: #FFD700; }
      table.groupplan ul.children .phase.lvl2 {
        background-color: #FF8C00; }
        table.groupplan ul.children .phase.lvl2:before {
          border-color: #FF8C00; }
      table.groupplan ul.children .phase.lvl3 {
        background-color: #FF0000; }
        table.groupplan ul.children .phase.lvl3:before {
          border-color: #FF0000; }
      table.groupplan ul.children .phase.lvl4 {
        background-color: #9400D3; }
        table.groupplan ul.children .phase.lvl4:before {
          border-color: #9400D3; }
      table.groupplan ul.children .phase.lvl5 {
        background-color: #4169E1; }
        table.groupplan ul.children .phase.lvl5:before {
          border-color: #4169E1; }
      table.groupplan ul.children .phase.lvl6 {
        background-color: #6B8E23; }
        table.groupplan ul.children .phase.lvl6:before {
          border-color: #6B8E23; }
      @media print {
        table.groupplan ul.children .phase {
          background-color: transparent !important;
          color: #000 !important;
          overflow: hidden;
          position: relative; }
          table.groupplan ul.children .phase:before {
            content: "";
            display: block;
            position: absolute;
            z-index: -1;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            border-width: 999px;
            border-style: solid;
            border-color: #ccc;
            border-right: none;
            border-bottom: none; }
          table.groupplan ul.children .phase.lvl1:before {
            border-color: #FFD700; }
          table.groupplan ul.children .phase.lvl2:before {
            border-color: #FF8C00; }
          table.groupplan ul.children .phase.lvl3:before {
            border-color: #FF0000; }
          table.groupplan ul.children .phase.lvl4:before {
            border-color: #9400D3; }
          table.groupplan ul.children .phase.lvl5:before {
            border-color: #4169E1; }
          table.groupplan ul.children .phase.lvl6:before {
            border-color: #6B8E23; } }
    table.groupplan ul.children .empty {
      text-align: left; }
  table.groupplan tbody th {
    width: 20%;
    font-weight: normal;
    text-align: left; }
    table.groupplan tbody th b {
      font-weight: bold;
      text-transform: uppercase; }
  table.groupplan .gp-content {
    width: 25%; }
  table.groupplan .gp-sources {
    width: 20%; }
  table.groupplan .gp-approach {
    width: 15%; }
  table.groupplan .gp-approach,
  table.groupplan .gp-organisation,
  table.groupplan .gp-evaluation {
    font-size: .8333em;
    line-height: 1.2; }
  table.groupplan .phase-content ul {
    margin: 0;
    text-align: left; }
    table.groupplan .phase-content ul li {
      list-style: none;
      padding: 0 .25em;
      margin: 0; }
    table.groupplan .phase-content ul b {
      display: inline-block;
      color: #fff;
      font-weight: bold;
      text-transform: uppercase;
      font-size: .875em;
      padding: 0 .25em;
      margin: 0 .5em 0 0; }
    table.groupplan .phase-content ul .lvl1 b {
      background-color: #FFD700; }
    table.groupplan .phase-content ul .lvl2 b {
      background-color: #FF8C00; }
    table.groupplan .phase-content ul .lvl3 b {
      background-color: #FF0000; }
    table.groupplan .phase-content ul .lvl4 b {
      background-color: #9400D3; }
    table.groupplan .phase-content ul .lvl5 b {
      background-color: #4169E1; }
    table.groupplan .phase-content ul .lvl6 b {
      background-color: #6B8E23; }
    @media print {
      table.groupplan .phase-content ul b {
        background-color: transparent !important;
        color: #000 !important;
        overflow: hidden;
        position: relative; }
        table.groupplan .phase-content ul b:before {
          content: "";
          display: block;
          position: absolute;
          z-index: -1;
          width: 100%;
          height: 100%;
          top: 0;
          left: 0;
          border-width: 999px;
          border-style: solid;
          border-color: #ccc;
          border-right: none;
          border-bottom: none; }
      table.groupplan .phase-content ul .lvl1 b:before {
        border-color: #FFD700; }
      table.groupplan .phase-content ul .lvl2 b:before {
        border-color: #FF8C00; }
      table.groupplan .phase-content ul .lvl3 b:before {
        border-color: #FF0000; }
      table.groupplan .phase-content ul .lvl4 b:before {
        border-color: #9400D3; }
      table.groupplan .phase-content ul .lvl5 b:before {
        border-color: #4169E1; }
      table.groupplan .phase-content ul .lvl6 b:before {
        border-color: #6B8E23; } }
  table.groupplan .edit-plan {
    margin: 0;
    width: 20px;
    height: 20px;
    background: url(../img/icons/icon_pencil_20x20-toggle.png) no-repeat;
    display: inline-block;
    text-indent: -9999px;
    overflow: hidden;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
    cursor: pointer; }
    table.groupplan .edit-plan:hover {
      background-position: 0 -19px; }
  table.groupplan .nobg {
    background: none;
    text-align: center;
    vertical-align: middle; }
  @media print {
    .print-page table.groupplan {
      border: none; }
      .print-page table.groupplan tbody {
        border: 2px solid #000; }
      .print-page table.groupplan thead th:first-child {
        border-left: 2px solid #000; }
      .print-page table.groupplan thead th:last-child {
        border-right: 2px solid #000; } }

.page_edit-groupplan .lightbox-window {
  width: 990px; }

.page_edit-groupplan .lightbox-content .r {
  margin: 0 auto;
  width: auto; }

.page_edit-groupplan .lightbox .form-footer {
  margin: 15px -30px -15px; }

.page_edit-groupplan form {
  font-size: 1em; }

.page_edit-groupplan table.alt-theme {
  width: 100%; }

.page_edit-groupplan table input,
.page_edit-groupplan table textarea {
  width: 100%; }

.page_edit-groupplan .practices th,
.page_edit-groupplan .practices thead td {
  text-align: center; }

.page_edit-groupplan .practices tbody th {
  font-size: 1.5em;
  color: #fff; }

.page_edit-groupplan .practices .lvl1 th {
  background-color: #FFD700; }

.page_edit-groupplan .practices .lvl1 td {
  background-color: #fff7cc; }

.page_edit-groupplan .practices .lvl2 th {
  background-color: #FF8C00; }

.page_edit-groupplan .practices .lvl2 td {
  background-color: #ffe8cc; }

.page_edit-groupplan .practices .lvl3 th {
  background-color: #FF0000; }

.page_edit-groupplan .practices .lvl3 td {
  background-color: #ffcccc; }

.page_edit-groupplan .practices .lvl4 th {
  background-color: #9400D3; }

.page_edit-groupplan .practices .lvl4 td {
  background-color: #eaccf6; }

.page_edit-groupplan .practices .lvl5 th {
  background-color: #4169E1; }

.page_edit-groupplan .practices .lvl5 td {
  background-color: #d9e1f9; }

.page_edit-groupplan .practices .lvl6 th {
  background-color: #6B8E23; }

.page_edit-groupplan .practices .lvl6 td {
  background-color: #e1e8d3; }

.page_edit-groupplan .secundary-fields {
  table-layout: fixed; }
  .page_edit-groupplan .secundary-fields thead th {
    text-align: center; }

.page_current-groupplans .lightbox-window {
  width: 990px; }

.page_current-groupplans table th, .page_current-groupplans table td {
  vertical-align: top; }

.page_current-groupplans table img {
  display: inline-block;
  vertical-align: middle; }

.page_current-groupplans table .skillset-icon {
  margin-right: .5em; }

.page_current-groupplans table ul {
  margin-left: 1.2em; }

.page_current-groupplans table thead th, .page_current-groupplans table thead td {
  text-align: center; }

.page_current-groupplans table thead small {
  font-size: 80%;
  display: block; }

.page_current-groupplans tbody {
  font-size: .875em; }
  .page_current-groupplans tbody th {
    background: #A7C42B !important;
    color: #fff; }

.page_current-groupplans tbody th.skillset h2 {
  color: #fff; }

@media print {
  .page_current-groupplans tbody th.skillset {
    background-color: transparent !important;
    color: #000 !important;
    overflow: hidden;
    z-index: 1; }
    .page_current-groupplans tbody th.skillset:before {
      content: "";
      padding: 0;
      height: 1px;
      line-height: 1px;
      width: 1px;
      margin: -4px -1013px -1019px -10px;
      display: block;
      border: 0;
      z-index: -1;
      position: relative;
      top: -512px;
      border-width: 1023px;
      border-style: solid;
      border-color: #bcdc35;
      border-right: none;
      border-bottom: none; }
    .page_current-groupplans tbody th.skillset h2 {
      font-size: 2em;
      color: #000; } }

.page_current-groupplans .groupplans tbody tr {
  display: none; }

.page_current-groupplans .groupplans tbody tr.active {
  display: table-row; }

.page_current-groupplans .cito {
  vertical-align: center;
  text-align: center;
  width: 12%; }

.page_current-groupplans .skillphase {
  text-align: center;
  padding: 0;
  vertical-align: top;
  width: 10%; }
  .page_current-groupplans .skillphase b {
    color: #fff;
    text-transform: uppercase;
    display: block;
    width: 100%;
    padding: .25em;
    line-height: 1.5; }
  .page_current-groupplans .skillphase p {
    margin: 0;
    padding: .25em; }
  .page_current-groupplans .skillphase.lvl1 {
    background-color: #fff7cc; }
    .page_current-groupplans .skillphase.lvl1 b {
      background-color: #FFD700; }
  .page_current-groupplans .skillphase.lvl2 {
    background-color: #ffe8cc; }
    .page_current-groupplans .skillphase.lvl2 b {
      background-color: #FF8C00; }
  .page_current-groupplans .skillphase.lvl3 {
    background-color: #ffcccc; }
    .page_current-groupplans .skillphase.lvl3 b {
      background-color: #FF0000; }
  .page_current-groupplans .skillphase.lvl4 {
    background-color: #eaccf6; }
    .page_current-groupplans .skillphase.lvl4 b {
      background-color: #9400D3; }
  .page_current-groupplans .skillphase.lvl5 {
    background-color: #d9e1f9; }
    .page_current-groupplans .skillphase.lvl5 b {
      background-color: #4169E1; }
  .page_current-groupplans .skillphase.lvl6 {
    background-color: #e1e8d3; }
    .page_current-groupplans .skillphase.lvl6 b {
      background-color: #6B8E23; }
  @media print {
    .page_current-groupplans .skillphase {
      background-color: transparent !important;
      color: #000 !important;
      overflow: hidden;
      z-index: 1; }
      .page_current-groupplans .skillphase:before {
        content: "";
        padding: 0;
        height: 1px;
        line-height: 1px;
        width: 1px;
        margin: -4px -1013px -1019px -10px;
        display: block;
        border: 0;
        z-index: -1;
        position: relative;
        top: -512px;
        border-width: 1023px;
        border-style: solid;
        border-color: #ccc;
        border-right: none;
        border-bottom: none; }
      .page_current-groupplans .skillphase b {
        background-color: transparent !important;
        color: #000 !important;
        overflow: hidden;
        position: relative; }
        .page_current-groupplans .skillphase b:before {
          content: "";
          display: block;
          position: absolute;
          z-index: -1;
          width: 100%;
          height: 100%;
          top: 0;
          left: 0;
          border-width: 999px;
          border-style: solid;
          border-color: #ccc;
          border-right: none;
          border-bottom: none; }
      .page_current-groupplans .skillphase.lvl1:before {
        border-color: #fff7cc; }
      .page_current-groupplans .skillphase.lvl1 b:before {
        border-color: #FFD700; }
      .page_current-groupplans .skillphase.lvl2:before {
        border-color: #ffe8cc; }
      .page_current-groupplans .skillphase.lvl2 b:before {
        border-color: #FF8C00; }
      .page_current-groupplans .skillphase.lvl3:before {
        border-color: #ffcccc; }
      .page_current-groupplans .skillphase.lvl3 b:before {
        border-color: #FF0000; }
      .page_current-groupplans .skillphase.lvl4:before {
        border-color: #eaccf6; }
      .page_current-groupplans .skillphase.lvl4 b:before {
        border-color: #9400D3; }
      .page_current-groupplans .skillphase.lvl5:before {
        border-color: #d9e1f9; }
      .page_current-groupplans .skillphase.lvl5 b:before {
        border-color: #4169E1; }
      .page_current-groupplans .skillphase.lvl6:before {
        border-color: #e1e8d3; }
      .page_current-groupplans .skillphase.lvl6 b:before {
        border-color: #6B8E23; } }

.page_current-groupplans tr.spacer td {
  height: 15px;
  padding: 0;
  background: none; }
  @media print {
    .page_current-groupplans tr.spacer td {
      border-left-color: #fff !important;
      border-right-color: #fff !important; } }

.page_current-groupplans tr.spacer:first-child {
  display: none; }

.page_childprofile .wrapper {
  padding-top: 110px; }

.page_childprofile .page-header .tabsgroup {
  clear: both; }

.page_childcard .btn-blue.print, .page_childcard .print.btn-red {
  float: right;
  margin: -3px 0 0 1em;
  padding: 1em; }

@media print {
  .page_childcard .footer-colors {
    margin: 10px -5px 0; } }

.page_childcard .heading .skill_set {
  float: right; }

@media print {
  .page_childcard .childcard-container {
    font-size: 14px; } }

.page_childcard .skill-name {
  float: right;
  height: 56px;
  width: 56px; }
  .page_childcard .skill-name .skillset {
    display: block;
    width: 56px;
    height: 56px;
    border: 1px solid #ddd; }
  .page_childcard .skill-name .skillname {
    -webkit-transform-origin: 0% 100% 50%;
    -moz-transform-origin: 0% 100% 50%;
    -ms-transform-origin: 0% 100% 50%;
    -o-transform-origin: 0% 100% 50%;
    transform-origin: 0% 100% 50%;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    display: block;
    font-size: 1.5em;
    text-transform: uppercase;
    line-height: 56px;
    margin-top: 15px;
    white-space: nowrap;
    font-weight: bold; }

.page_childcard .childcard-overview {
  height: 37.25em;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  padding-top: 5.875em;
  clear: both; }
  @media print {
    .page_childcard .childcard-overview {
      height: auto;
      margin: 0; } }
  .page_childcard .childcard-overview .phases {
    width: 5em;
    float: left;
    margin: 0; }
    .page_childcard .childcard-overview .phases .row {
      height: 4.875em;
      border-bottom: 1px solid #fff;
      border-right: 1px solid #fff;
      line-height: 4.875em;
      font-weight: bold;
      text-align: center;
      color: #fff;
      font-size: 1em;
      text-transform: uppercase; }
      @media print {
        .page_childcard .childcard-overview .phases .row {
          color: #000; } }
      .page_childcard .childcard-overview .phases .row .phasename {
        font-size: .8em; }
      .page_childcard .childcard-overview .phases .row.lvl1 {
        -webkit-border-radius: 0 0 0 5px;
        -moz-border-radius: 0 0 0 5px;
        -ms-border-radius: 0 0 0 5px;
        -o-border-radius: 0 0 0 5px;
        border-radius: 0 0 0 5px; }
      .page_childcard .childcard-overview .phases .row.lvl6 {
        -webkit-border-radius: 5px 0 0 0;
        -moz-border-radius: 5px 0 0 0;
        -ms-border-radius: 5px 0 0 0;
        -o-border-radius: 5px 0 0 0;
        border-radius: 5px 0 0 0; }
      .page_childcard .childcard-overview .phases .row.lvl1 {
        background: #FFD700; }
      .page_childcard .childcard-overview .phases .row.lvl2 {
        background: #FF8C00; }
      .page_childcard .childcard-overview .phases .row.lvl3 {
        background: #FF0000; }
      .page_childcard .childcard-overview .phases .row.lvl4 {
        background: #9400D3; }
      .page_childcard .childcard-overview .phases .row.lvl5 {
        background: #4169E1; }
      .page_childcard .childcard-overview .phases .row.lvl6 {
        background: #6B8E23; }
      .page_childcard .childcard-overview .phases .row.not-active {
        background: none; }
  .page_childcard .childcard-overview .col {
    float: left;
    width: 6.3125em;
    height: 35.5em;
    margin: -5.8125em 0 0;
    padding: 5.8125em 0 0 0;
    position: relative; }
    .page_childcard .childcard-overview .col .face {
      display: block;
      width: 100%;
      height: 6.4375em;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 3; }
    .page_childcard .childcard-overview .col .tail {
      display: block;
      width: 100%;
      height: .4375em;
      position: absolute;
      bottom: 0;
      left: 0;
      z-index: 3; }
      @media print {
        .page_childcard .childcard-overview .col .tail {
          bottom: 1px; } }
    .page_childcard .childcard-overview .col .levels .phase-container {
      height: 4.875em;
      position: relative;
      border-bottom: 1px solid #fff;
      position: relative; }
      .page_childcard .childcard-overview .col .levels .phase-container.lvl1,
      .page_childcard .childcard-overview .col .levels .phase-container > .lvl1 {
        background-color: #fff7cc; }
      .page_childcard .childcard-overview .col .levels .phase-container.lvl2,
      .page_childcard .childcard-overview .col .levels .phase-container > .lvl2 {
        background-color: #ffe8cc; }
      .page_childcard .childcard-overview .col .levels .phase-container.lvl3,
      .page_childcard .childcard-overview .col .levels .phase-container > .lvl3 {
        background-color: #ffcccc; }
      .page_childcard .childcard-overview .col .levels .phase-container.lvl4,
      .page_childcard .childcard-overview .col .levels .phase-container > .lvl4 {
        background-color: #eaccf6; }
      .page_childcard .childcard-overview .col .levels .phase-container.lvl5,
      .page_childcard .childcard-overview .col .levels .phase-container > .lvl5 {
        background-color: #d9e1f9; }
      .page_childcard .childcard-overview .col .levels .phase-container.lvl6,
      .page_childcard .childcard-overview .col .levels .phase-container > .lvl6 {
        background-color: #e1e8d3; }
      .page_childcard .childcard-overview .col .levels .phase-container > [class*="lvl"] {
        height: 4.875em;
        width: 100%;
        border-bottom: 1px solid #fff; }
      .page_childcard .childcard-overview .col .levels .phase-container ul.phases {
        width: 6.3125em;
        height: 4.875em;
        padding: .6875em 1.3125em;
        margin: 0;
        background: url(../img/childcard-rups-element.png) center top repeat-y;
        position: absolute;
        left: 0;
        top: 0; }
        @media print {
          .page_childcard .childcard-overview .col .levels .phase-container ul.phases {
            background: transparent; } }
        .page_childcard .childcard-overview .col .levels .phase-container ul.phases li {
          float: none;
          font-size: 1em;
          height: .875em;
          width: 100%;
          margin: 0;
          border-top: none;
          border-left: none;
          border-right: none;
          border-bottom: 1px solid #fff;
          background: #e4e4e4;
          cursor: pointer; }
          .page_childcard .childcard-overview .col .levels .phase-container ul.phases li:last-child {
            border-bottom: none; }
          .page_childcard .childcard-overview .col .levels .phase-container ul.phases li span {
            display: block;
            width: 100%;
            height: 100%; }
            .page_childcard .childcard-overview .col .levels .phase-container ul.phases li span.lvl1 {
              background: #FFD700; }
              .page_childcard .childcard-overview .col .levels .phase-container ul.phases li span.lvl1.old {
                background: #ffef99; }
            .page_childcard .childcard-overview .col .levels .phase-container ul.phases li span.lvl2 {
              background: #FF8C00; }
              .page_childcard .childcard-overview .col .levels .phase-container ul.phases li span.lvl2.old {
                background: #ffd199; }
            .page_childcard .childcard-overview .col .levels .phase-container ul.phases li span.lvl3 {
              background: #FF0000; }
              .page_childcard .childcard-overview .col .levels .phase-container ul.phases li span.lvl3.old {
                background: #ff9999; }
            .page_childcard .childcard-overview .col .levels .phase-container ul.phases li span.lvl4 {
              background: #9400D3; }
              .page_childcard .childcard-overview .col .levels .phase-container ul.phases li span.lvl4.old {
                background: #d499ed; }
            .page_childcard .childcard-overview .col .levels .phase-container ul.phases li span.lvl5 {
              background: #4169E1; }
              .page_childcard .childcard-overview .col .levels .phase-container ul.phases li span.lvl5.old {
                background: #b3c3f3; }
            .page_childcard .childcard-overview .col .levels .phase-container ul.phases li span.lvl6 {
              background: #6B8E23; }
              .page_childcard .childcard-overview .col .levels .phase-container ul.phases li span.lvl6.old {
                background: #c4d2a7; }
            .page_childcard .childcard-overview .col .levels .phase-container ul.phases li span.lvl7 {
              background: #8B4513; }
              .page_childcard .childcard-overview .col .levels .phase-container ul.phases li span.lvl7.old {
                background: #d1b5a1; }
        .page_childcard .childcard-overview .col .levels .phase-container ul.phases.old li span.lvl1 {
          background: #ffef99; }
        .page_childcard .childcard-overview .col .levels .phase-container ul.phases.old li span.lvl2 {
          background: #ffd199; }
        .page_childcard .childcard-overview .col .levels .phase-container ul.phases.old li span.lvl3 {
          background: #ff9999; }
        .page_childcard .childcard-overview .col .levels .phase-container ul.phases.old li span.lvl4 {
          background: #d499ed; }
        .page_childcard .childcard-overview .col .levels .phase-container ul.phases.old li span.lvl5 {
          background: #b3c3f3; }
        .page_childcard .childcard-overview .col .levels .phase-container ul.phases.old li span.lvl6 {
          background: #c4d2a7; }
      .page_childcard .childcard-overview .col .levels .phase-container.row2 {
        height: 9.75em; }
        .page_childcard .childcard-overview .col .levels .phase-container.row2 ul.phases {
          height: 9.8125em;
          /*height: 157px;*/ }
        .page_childcard .childcard-overview .col .levels .phase-container.row2 ul li {
          height: 2.0625em;
          /*height: 33px;*/ }
        .page_childcard .childcard-overview .col .levels .phase-container.row2 .popover .overlay {
          height: 8.4375em;
          /*height: 135px;*/ }
      .page_childcard .childcard-overview .col .levels .phase-container.row3 {
        height: 14.625em; }
        .page_childcard .childcard-overview .col .levels .phase-container.row3 ul.phases {
          height: 14.6875em;
          /*height: 235px;*/ }
        .page_childcard .childcard-overview .col .levels .phase-container.row3 ul li {
          height: 3.3125em;
          /*height: 53px;*/ }
        .page_childcard .childcard-overview .col .levels .phase-container.row3 .popover .overlay {
          height: 13.3125em;
          /*height: 213px;*/ }
      .page_childcard .childcard-overview .col .levels .phase-container.row4 {
        height: 19.5em; }
        .page_childcard .childcard-overview .col .levels .phase-container.row4 ul.phases {
          height: 19.5625em;
          /*height: 313px;*/ }
        .page_childcard .childcard-overview .col .levels .phase-container.row4 ul li {
          height: 4.5em;
          /*height: 72px;*/ }
        .page_childcard .childcard-overview .col .levels .phase-container.row4 .popover .overlay {
          height: 18.1875em;
          /*height: 291px;*/ }
      .page_childcard .childcard-overview .col .levels .phase-container.row5 {
        height: 24.375em; }
        .page_childcard .childcard-overview .col .levels .phase-container.row5 ul.phases {
          height: 24.4375em;
          /*height: 391px;*/ }
        .page_childcard .childcard-overview .col .levels .phase-container.row5 ul li {
          height: 5.75em;
          /*height:92px;*/ }
        .page_childcard .childcard-overview .col .levels .phase-container.row5 .popover .overlay {
          height: 23.0625em;
          /*height: 369px;*/ }
      .page_childcard .childcard-overview .col .levels .phase-container.row6 {
        height: 29.25em; }
        .page_childcard .childcard-overview .col .levels .phase-container.row6 ul.phases {
          height: 29.3125em;
          /*height: 469px;*/ }
        .page_childcard .childcard-overview .col .levels .phase-container.row6 ul li {
          height: 7em;
          /*height:112px;*/ }
        .page_childcard .childcard-overview .col .levels .phase-container.row6 .popover .overlay {
          height: 27.9375em;
          /*height: 447px;*/ }
      .page_childcard .childcard-overview .col .levels .phase-container .popover {
        display: none;
        position: absolute;
        right: 1.3125em;
        top: .625em;
        z-index: 10; }
        @media print {
          .page_childcard .childcard-overview .col .levels .phase-container .popover {
            display: none !important; } }
        .page_childcard .childcard-overview .col .levels .phase-container .popover .overlay {
          border: 2px solid #000;
          height: 3.5em;
          width: 3.6875em;
          float: right; }
        .page_childcard .childcard-overview .col .levels .phase-container .popover .arrow {
          background: url(../img/result-popover-arrow-left.png) no-repeat;
          width: 13px;
          height: 27px;
          position: absolute;
          top: 50%;
          margin-top: -13px;
          left: 3.6875em;
          z-index: 11; }
        .page_childcard .childcard-overview .col .levels .phase-container .popover ul.popout {
          background: #d2d2d2;
          width: 5.125em;
          left: 4.4375em;
          position: absolute;
          top: 50%;
          margin-top: -6.25em;
          border: 1px solid #484848;
          -webkit-border-radius: 5px;
          -moz-border-radius: 5px;
          -ms-border-radius: 5px;
          -o-border-radius: 5px;
          border-radius: 5px; }
          .page_childcard .childcard-overview .col .levels .phase-container .popover ul.popout li {
            list-style: none;
            width: 5em;
            height: auto; }
            .page_childcard .childcard-overview .col .levels .phase-container .popover ul.popout li.close a, .page_childcard .childcard-overview .col .levels .phase-container .popover ul.popout li.close-popout a {
              line-height: 1.61458em;
              font-size: 1.2em;
              font-weight: bold; }
            .page_childcard .childcard-overview .col .levels .phase-container .popover ul.popout li a {
              text-align: center;
              display: block;
              padding: 5px 7px;
              text-decoration: none;
              color: #000;
              height: 40px;
              cursor: pointer;
              font-size: .7em; }
              .page_childcard .childcard-overview .col .levels .phase-container .popover ul.popout li a:hover, .page_childcard .childcard-overview .col .levels .phase-container .popover ul.popout li a.active {
                color: #fff; }
            .page_childcard .childcard-overview .col .levels .phase-container .popover ul.popout li:first-child li a {
              -webkit-border-radius: 6px 6px 0px 0px;
              -moz-border-radius: 6px 6px 0px 0px;
              -ms-border-radius: 6px 6px 0px 0px;
              -o-border-radius: 6px 6px 0px 0px;
              border-radius: 6px 6px 0px 0px; }
            .page_childcard .childcard-overview .col .levels .phase-container .popover ul.popout li:last-child li a {
              -webkit-border-radius: 6px 0px 0px 6px;
              -moz-border-radius: 6px 0px 0px 6px;
              -ms-border-radius: 6px 0px 0px 6px;
              -o-border-radius: 6px 0px 0px 6px;
              border-radius: 6px 0px 0px 6px; }
          .page_childcard .childcard-overview .col .levels .phase-container .popover ul.popout.lvl1 li a:hover,
          .page_childcard .childcard-overview .col .levels .phase-container .popover ul.popout.lvl1 li a.active,
          .page_childcard .childcard-overview .col .levels .phase-container .popover ul.popout.lvl1 .lvl0 a:hover {
            background: #FFD700; }
          .page_childcard .childcard-overview .col .levels .phase-container .popover ul.popout.lvl2 li a:hover,
          .page_childcard .childcard-overview .col .levels .phase-container .popover ul.popout.lvl2 li a.active,
          .page_childcard .childcard-overview .col .levels .phase-container .popover ul.popout.lvl2 .lvl0 a:hover {
            background: #FF8C00; }
          .page_childcard .childcard-overview .col .levels .phase-container .popover ul.popout.lvl3 li a:hover,
          .page_childcard .childcard-overview .col .levels .phase-container .popover ul.popout.lvl3 li a.active,
          .page_childcard .childcard-overview .col .levels .phase-container .popover ul.popout.lvl3 .lvl0 a:hover {
            background: #FF0000; }
          .page_childcard .childcard-overview .col .levels .phase-container .popover ul.popout.lvl4 li a:hover,
          .page_childcard .childcard-overview .col .levels .phase-container .popover ul.popout.lvl4 li a.active,
          .page_childcard .childcard-overview .col .levels .phase-container .popover ul.popout.lvl4 .lvl0 a:hover {
            background: #9400D3; }
          .page_childcard .childcard-overview .col .levels .phase-container .popover ul.popout.lvl5 li a:hover,
          .page_childcard .childcard-overview .col .levels .phase-container .popover ul.popout.lvl5 li a.active,
          .page_childcard .childcard-overview .col .levels .phase-container .popover ul.popout.lvl5 .lvl0 a:hover {
            background: #4169E1; }
          .page_childcard .childcard-overview .col .levels .phase-container .popover ul.popout.lvl6 li a:hover,
          .page_childcard .childcard-overview .col .levels .phase-container .popover ul.popout.lvl6 li a.active,
          .page_childcard .childcard-overview .col .levels .phase-container .popover ul.popout.lvl6 .lvl0 a:hover {
            background: #6B8E23; }
          .page_childcard .childcard-overview .col .levels .phase-container .popover ul.popout.lvl7 li a:hover,
          .page_childcard .childcard-overview .col .levels .phase-container .popover ul.popout.lvl7 li a.active,
          .page_childcard .childcard-overview .col .levels .phase-container .popover ul.popout.lvl7 .lvl0 a:hover {
            background: #8B4513; }
          .page_childcard .childcard-overview .col .levels .phase-container .popover ul.popout li.lvl1 a:hover,
          .page_childcard .childcard-overview .col .levels .phase-container .popover ul.popout li.lvl1 a.active {
            background: #FFD700; }
          .page_childcard .childcard-overview .col .levels .phase-container .popover ul.popout li.lvl2 a:hover,
          .page_childcard .childcard-overview .col .levels .phase-container .popover ul.popout li.lvl2 a.active {
            background: #FF8C00; }
          .page_childcard .childcard-overview .col .levels .phase-container .popover ul.popout li.lvl3 a:hover,
          .page_childcard .childcard-overview .col .levels .phase-container .popover ul.popout li.lvl3 a.active {
            background: #FF0000; }
          .page_childcard .childcard-overview .col .levels .phase-container .popover ul.popout li.lvl4 a:hover,
          .page_childcard .childcard-overview .col .levels .phase-container .popover ul.popout li.lvl4 a.active {
            background: #9400D3; }
          .page_childcard .childcard-overview .col .levels .phase-container .popover ul.popout li.lvl5 a:hover,
          .page_childcard .childcard-overview .col .levels .phase-container .popover ul.popout li.lvl5 a.active {
            background: #4169E1; }
          .page_childcard .childcard-overview .col .levels .phase-container .popover ul.popout li.lvl6 a:hover,
          .page_childcard .childcard-overview .col .levels .phase-container .popover ul.popout li.lvl6 a.active {
            background: #6B8E23; }
          .page_childcard .childcard-overview .col .levels .phase-container .popover ul.popout li.lvl7 a:hover,
          .page_childcard .childcard-overview .col .levels .phase-container .popover ul.popout li.lvl7 a.active {
            background: #8B4513; }
          .page_childcard .childcard-overview .col .levels .phase-container .popover ul.popout li.lvl0 a.active {
            background: none;
            color: #000; }
            .page_childcard .childcard-overview .col .levels .phase-container .popover ul.popout li.lvl0 a.active:hover {
              color: #fff; }
          .page_childcard .childcard-overview .col .levels .phase-container .popover ul.popout li.close a:hover,
          .page_childcard .childcard-overview .col .levels .phase-container .popover ul.popout li.close-popout a:hover {
            background: #000;
            color: #fff; }
  .page_childcard .childcard-overview[class*="-active"] .row.lvl1 {
    background: #ffef99; }
  .page_childcard .childcard-overview[class*="-active"] .row.lvl2 {
    background: #ffd199; }
  .page_childcard .childcard-overview[class*="-active"] .row.lvl3 {
    background: #ff9999; }
  .page_childcard .childcard-overview[class*="-active"] .row.lvl4 {
    background: #d499ed; }
  .page_childcard .childcard-overview[class*="-active"] .row.lvl5 {
    background: #b3c3f3; }
  .page_childcard .childcard-overview[class*="-active"] .row.lvl6 {
    background: #c4d2a7; }
  .page_childcard .childcard-overview.lvl1-active .row.lvl1,
  .page_childcard .childcard-overview.lvl1-active .col .levels .phase-container.lvl1,
  .page_childcard .childcard-overview.lvl1-active .col .levels .phase-container > .lvl1 {
    background: #FFD700; }
  .page_childcard .childcard-overview.lvl2-active .row.lvl2,
  .page_childcard .childcard-overview.lvl2-active .col .levels .phase-container.lvl2,
  .page_childcard .childcard-overview.lvl2-active .col .levels .phase-container > .lvl2 {
    background: #FF8C00; }
  .page_childcard .childcard-overview.lvl3-active .row.lvl3,
  .page_childcard .childcard-overview.lvl3-active .col .levels .phase-container.lvl3,
  .page_childcard .childcard-overview.lvl3-active .col .levels .phase-container > .lvl3 {
    background: #FF0000; }
  .page_childcard .childcard-overview.lvl4-active .row.lvl4,
  .page_childcard .childcard-overview.lvl4-active .col .levels .phase-container.lvl4,
  .page_childcard .childcard-overview.lvl4-active .col .levels .phase-container > .lvl4 {
    background: #9400D3; }
  .page_childcard .childcard-overview.lvl5-active .row.lvl5,
  .page_childcard .childcard-overview.lvl5-active .col .levels .phase-container.lvl5,
  .page_childcard .childcard-overview.lvl5-active .col .levels .phase-container > .lvl5 {
    background: #4169E1; }
  .page_childcard .childcard-overview.lvl6-active .row.lvl6,
  .page_childcard .childcard-overview.lvl6-active .col .levels .phase-container.lvl6,
  .page_childcard .childcard-overview.lvl6-active .col .levels .phase-container > .lvl6 {
    background: #6B8E23; }

.page_childcard .childcard-head {
  padding: 0 0 0 5em;
  margin: 0 0 .625em 0;
  overflow: hidden;
  position: relative;
min-height: 40px; }
  .page_childcard .childcard-head a.toggle {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    width: 40px;
    height: 40px;
    text-indent: -9999px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid rgba(0, 0, 0, 0.4); }
    .page_childcard .childcard-head a.toggle.more {
      background: #fff url(../img/icons/icon_arrow-right-notail_20x20_black.png) no-repeat center center; }
      .page_childcard .childcard-head a.toggle.more:hover {
        background: #A7C42B url(../img/icons/icon_arrow-right-notail_20x20_white.png) no-repeat center center; }
    .page_childcard .childcard-head a.toggle.less {
      background: #fff url(../img/icons/icon_arrow-left-notail_20x20_black.png) no-repeat center center; }
      .page_childcard .childcard-head a.toggle.less:hover {
        background: #A7C42B url(../img/icons/icon_arrow-left-notail_20x20_white.png) no-repeat center center; }
  .page_childcard .childcard-head .col {
    float: left;
    width: 8.2727em;
    margin: 0 .4545em;
    font-size: .6875em;
    font-weight: bold;
    text-align: center; }

.page_childcard .current-phase {
  border-top: 1px solid #B2B2B2;
  padding-top: 20px; }
  .page_childcard .current-phase h3 {
    float: left;
    line-height: 30px; }
  .page_childcard .current-phase .my-phase {
    float: left;
    line-height: 30px;
    font-size: .8em;
    margin: 0 0 0 20px; }
    .page_childcard .current-phase .my-phase span {
      width: 80px;
      height: 30px;
      display: inline-block;
      margin: 0 0 0 8px;
      font-weight: bold;
      text-transform: uppercase;
      color: #fff;
      text-align: center; }
      .page_childcard .current-phase .my-phase span.lvl1 {
        background: #FFD700; }
      .page_childcard .current-phase .my-phase span.lvl2 {
        background: #FF8C00; }
      .page_childcard .current-phase .my-phase span.lvl3 {
        background: #FF0000; }
      .page_childcard .current-phase .my-phase span.lvl4 {
        background: #9400D3; }
      .page_childcard .current-phase .my-phase span.lvl5 {
        background: #4169E1; }
      .page_childcard .current-phase .my-phase span.lvl6 {
        background: #6B8E23; }
  .page_childcard .current-phase a.btn-print {
    float: right; }

.page_student-overview .heading input[type="submit"], .page_student-overview .form-footer2 input[type="submit"] {
  margin-right: 0;
  padding: 0.4em 1em; }

.page_student-overview textarea {
  width: 100%;
  margin: 0 0 15px; }

.page_student-overview .r:nth-child(2) {
  margin-bottom: 30px; }

.page_student-overview input.street {
  width: 210px;
  margin-right: 10px;
  float: left; }

.page_student-overview input.house_no {
  width: 60px;
  float: left; }

.page_student-overview input.town {
  margin-right: 0;
  width: 170px;
  float: left; }

.page_student-overview input.postal_code {
  margin-right: 10px;
  width: 100px;
  float: left; }

.page_parenttalk select {
  max-width: 100%; }

.page_parenttalk .skill-select {
  float: none; }
  .page_parenttalk .skill-select h1 .skillname {
    width: auto;
    min-width: 12em;
    padding-left: .5em; }
  .page_parenttalk .skill-select .skill-popout {
    width: 100%; }
    .page_parenttalk .skill-select .skill-popout a {
      padding: 0 .5em; }

.page_parenttalk .heading .btn-blue, .page_parenttalk .heading .btn-red {
  font-size: 1em;
  padding: 1em;
  margin-top: -3px; }

.page_parenttalk .social-summary .help-text {
  height: 3em; }
  @media print {
    .page_parenttalk .social-summary .help-text {
      height: auto; } }

.page_parenttalk .social-summary textarea {
  height: 12em; }

.page_parenttalk .talk-summary textarea {
  width: 100%; }

@media print {
  .page_parenttalk .talk-info {
    display: none; } }

.page_parenttalk .talk-info,
.page_parenttalk .social-summary,
.page_parenttalk .skillset-summary,
.page_parenttalk .eval-summary,
.page_parenttalk .talk-summary {
  border-bottom: 1px solid #B2B2B2;
  padding-bottom: 15px;
  margin-bottom: 15px; }

.page_parenttalk .social-summary,
.page_parenttalk .eval-summary,
.page_parenttalk .talk-summary,
.page_parenttalk .signatures {
  page-break-inside: avoid; }

.page_parenttalk h2 small {
  display: block;
  font-size: 80%; }

.page_parenttalk .skillset-summary h2 {
  page-break-after: avoid; }

.page_parenttalk .box {
  background: #A7C42B;
  padding: .5em;
  -webkit-border-radius: 0.5em;
  -moz-border-radius: 0.5em;
  -ms-border-radius: 0.5em;
  -o-border-radius: 0.5em;
  border-radius: 0.5em;
  overflow: hidden;
  margin-bottom: 30px;
  page-break-inside: avoid;
  position: relative; }
  .page_parenttalk .box h3 {
    padding-left: 40px;
    overflow: hidden;
    margin: 0 0 .25em; }
    .page_parenttalk .box h3 .skillset-icon {
      float: left;
      margin-left: -40px; }
    .page_parenttalk .box h3 .subtitle {
      display: block;
      font-size: .8em;
      font-weight: normal;
      font-style: italic; }
    .page_parenttalk .box h3 .name {
      display: block;
      overflow: hidden;
      line-height: 1;
      height: 36px;
      overflow: hidden; }
  .page_parenttalk .box.cito h3 {
    padding-left: 0; }

@media print {
  .page_parenttalk.ink-unfriendly .skillset-summary .r {
    margin: 0 -10px !important; }
    .page_parenttalk.ink-unfriendly .skillset-summary .r.boxes {
      padding: 0 !important; }
  .page_parenttalk.ink-unfriendly .skillset-summary [class*="c-"] {
    padding: 0 10px; }
  .page_parenttalk.ink-unfriendly .box {
    margin-bottom: 20px; }
    .page_parenttalk.ink-unfriendly .box > * {
      z-index: 1;
      position: relative; }
    .page_parenttalk.ink-unfriendly .box > .printbg {
      position: absolute;
      z-index: 0; }
    .page_parenttalk.ink-unfriendly .box.cito .cito-skill,
    .page_parenttalk.ink-unfriendly .box.cito .cito-level {
      border: 1px solid #A7C42B; }
    .page_parenttalk.ink-unfriendly .box p {
      background: #fff;
      padding: .2em .35em; }
  .page_parenttalk.ink-friendly .skillset-summary .c-3 {
    border-right: 1px solid #A7C42B;
    border-left: 1px solid #A7C42B;
    margin-left: -1px;
    margin-bottom: 15px; }
    .page_parenttalk.ink-friendly .skillset-summary .c-3:last-child {
      border-right: none; }
  .page_parenttalk.ink-friendly .box {
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0; }
    .page_parenttalk.ink-friendly .box > .printbg {
      display: none; }
    .page_parenttalk.ink-friendly .box.cito {
      border-bottom: 1px solid #A7C42B;
      padding-bottom: 1em;
      margin-bottom: 1em; } }

.page_parenttalk .desired-phase,
.page_parenttalk .cur-phase,
.page_parenttalk .cito-skill,
.page_parenttalk .cito-level {
  float: left;
  width: 50%;
  text-align: center;
  background: #92AC25;
  padding: .5em 0;
  position: relative; }
  .page_parenttalk .desired-phase b,
  .page_parenttalk .cur-phase b,
  .page_parenttalk .cito-skill b,
  .page_parenttalk .cito-level b {
    display: block; }
  .page_parenttalk .desired-phase[class*="lvl"],
  .page_parenttalk .cur-phase[class*="lvl"],
  .page_parenttalk .cito-skill[class*="lvl"],
  .page_parenttalk .cito-level[class*="lvl"] {
    color: #fff; }
  .page_parenttalk .desired-phase.lvl1,
  .page_parenttalk .cur-phase.lvl1,
  .page_parenttalk .cito-skill.lvl1,
  .page_parenttalk .cito-level.lvl1 {
    background: #FFD700; }
  .page_parenttalk .desired-phase.lvl2,
  .page_parenttalk .cur-phase.lvl2,
  .page_parenttalk .cito-skill.lvl2,
  .page_parenttalk .cito-level.lvl2 {
    background: #FF8C00; }
  .page_parenttalk .desired-phase.lvl3,
  .page_parenttalk .cur-phase.lvl3,
  .page_parenttalk .cito-skill.lvl3,
  .page_parenttalk .cito-level.lvl3 {
    background: #FF0000; }
  .page_parenttalk .desired-phase.lvl4,
  .page_parenttalk .cur-phase.lvl4,
  .page_parenttalk .cito-skill.lvl4,
  .page_parenttalk .cito-level.lvl4 {
    background: #9400D3; }
  .page_parenttalk .desired-phase.lvl5,
  .page_parenttalk .cur-phase.lvl5,
  .page_parenttalk .cito-skill.lvl5,
  .page_parenttalk .cito-level.lvl5 {
    background: #4169E1; }
  .page_parenttalk .desired-phase.lvl6,
  .page_parenttalk .cur-phase.lvl6,
  .page_parenttalk .cito-skill.lvl6,
  .page_parenttalk .cito-level.lvl6 {
    background: #6B8E23; }
  .page_parenttalk .desired-phase.lvl7,
  .page_parenttalk .cur-phase.lvl7,
  .page_parenttalk .cito-skill.lvl7,
  .page_parenttalk .cito-level.lvl7 {
    background: #8B4513; }

.page_parenttalk .desired-phase,
.page_parenttalk .cito-skill {
  border-right: 1px solid #A7C42B; }

.page_parenttalk .desired-phase,
.page_parenttalk .cur-phase {
  width: 100%; }
  @media print {
    .page_parenttalk .desired-phase,
    .page_parenttalk .cur-phase {
      position: relative;
      border: 1px solid #eee; }
      .page_parenttalk .desired-phase .printbg,
      .page_parenttalk .cur-phase .printbg {
        z-index: 0; }
      .page_parenttalk .desired-phase b, .page_parenttalk .desired-phase .phase,
      .page_parenttalk .cur-phase b,
      .page_parenttalk .cur-phase .phase {
        color: #000;
        background: none;
        position: relative;
        z-index: 1; } }

.page_groupsplanhistory table.task-distribution {
  border: none; }
  .page_groupsplanhistory table.task-distribution th.empty, .page_groupsplanhistory table.task-distribution td.empty {
    background: #dddddd; }
  .page_groupsplanhistory table.task-distribution .last {
    border-right: 10px solid #ddd; }
  .page_groupsplanhistory table.task-distribution td {
    padding: 2px 5px; }
    .page_groupsplanhistory table.task-distribution td.period {
      width: 46px; }
      .page_groupsplanhistory table.task-distribution td.period.first, .page_groupsplanhistory table.task-distribution td.period.last {
        width: 51px; }
      .page_groupsplanhistory table.task-distribution td.period small {
        display: block;
        font-size: .7em; }
      .page_groupsplanhistory table.task-distribution td.period span {
        width: 15px;
        height: 15px;
        line-height: 15px;
        color: #fff;
        font-weight: bold;
        font-size: .8em;
        position: absolute; }
        .page_groupsplanhistory table.task-distribution td.period span.pos1 {
          left: 0; }
        .page_groupsplanhistory table.task-distribution td.period span.pos2 {
          left: 15px; }
        .page_groupsplanhistory table.task-distribution td.period span.pos3 {
          left: 30px; }
        .page_groupsplanhistory table.task-distribution td.period span.g {
          bottom: 0;
          background: #993305; }
        .page_groupsplanhistory table.task-distribution td.period span.b {
          bottom: 10px;
          background: #666666; }
        .page_groupsplanhistory table.task-distribution td.period span.u {
          top: 0;
          background: #336604; }
    .page_groupsplanhistory table.task-distribution td.skillset-name {
      text-align: left; }
      .page_groupsplanhistory table.task-distribution td.skillset-name i.subtitle {
        display: block; }
    .page_groupsplanhistory table.task-distribution td.skillset {
      background: #484848;
      color: #FFFFFF;
      width: 38px;
      height: 38px; }
  .page_groupsplanhistory table.task-distribution thead th {
    font-size: .7em;
    text-transform: uppercase;
    text-align: center; }
  .page_groupsplanhistory table.task-distribution thead td.lvl-1 {
    background: #FFD700; }
  .page_groupsplanhistory table.task-distribution thead td.lvl-2 {
    background: #FF8C00; }
  .page_groupsplanhistory table.task-distribution thead td.lvl-3 {
    background: #FF0000; }
  .page_groupsplanhistory table.task-distribution thead td.lvl-4 {
    background: #9400D3; }
  .page_groupsplanhistory table.task-distribution thead td.lvl-5 {
    background: #4169E1; }
  .page_groupsplanhistory table.task-distribution thead td.lvl-6 {
    background: #6B8E23; }
  .page_groupsplanhistory table.task-distribution thead td.lvl-7 {
    background: #8B4513; }
  .page_groupsplanhistory table.task-distribution tbody td {
    border-top: 10px solid #dddddd; }
    .page_groupsplanhistory table.task-distribution tbody td.lvl-1 {
      background: #fff7cc; }
    .page_groupsplanhistory table.task-distribution tbody td.lvl-2 {
      background: #ffe8cc; }
    .page_groupsplanhistory table.task-distribution tbody td.lvl-3 {
      background: #ffcccc; }
    .page_groupsplanhistory table.task-distribution tbody td.lvl-4 {
      background: #eaccf6; }
    .page_groupsplanhistory table.task-distribution tbody td.lvl-5 {
      background: #d9e1f9; }
    .page_groupsplanhistory table.task-distribution tbody td.lvl-6 {
      background: #e1e8d3; }
    .page_groupsplanhistory table.task-distribution tbody td.lvl-7 {
      background: #e8dad0; }
    .page_groupsplanhistory table.task-distribution tbody td.period {
      padding: 0; }
      .page_groupsplanhistory table.task-distribution tbody td.period div {
        position: relative;
        height: 36px; }

.page_groupsplanhistory .legenda {
  background: #fff;
  padding: 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }
  .page_groupsplanhistory .legenda h2 {
    font-size: 14px; }
  .page_groupsplanhistory .legenda ul {
    font-size: .8em; }
    .page_groupsplanhistory .legenda ul li {
      list-style: none;
      margin: 0 0 5px 0; }
      .page_groupsplanhistory .legenda ul li span {
        color: #fff;
        text-align: center;
        line-height: 15px;
        height: 15px;
        width: 15px;
        font-size: .7em;
        font-weight: bold;
        display: block;
        float: left;
        margin: 0 5px 0 0; }
        .page_groupsplanhistory .legenda ul li span.leg1 {
          background: #336604; }
        .page_groupsplanhistory .legenda ul li span.leg2 {
          background: #666666; }
        .page_groupsplanhistory .legenda ul li span.leg3 {
          background: #993305; }

.page_startsituation .lightbox-content .step {
  margin: 0 0 30px 0; }

.page_startsituation .lightbox-content .heading {
  background: #d2d2d2;
  padding: 0 10px 10px; }
  .page_startsituation .lightbox-content .heading h2 {
    margin: 0;
    padding: 11px 0 0 0; }
    .page_startsituation .lightbox-content .heading h2 span {
      font-size: 1.5em;
      margin: -5px 10px 0 0;
      display: block;
      float: left; }

.page_startsituation .lightbox-content table.task-distribution {
  width: 75%; }
  .page_startsituation .lightbox-content table.task-distribution th {
    text-align: center; }
  .page_startsituation .lightbox-content table.task-distribution td {
    font-size: 1.0em;
    height: 40px; }
    .page_startsituation .lightbox-content table.task-distribution td.phase-error {
      background: #f6c8c8;
      color: #e04848; }
    .page_startsituation .lightbox-content table.task-distribution td.skillset {
      width: 40px;
      background: #484848;
      color: #FFFFFF; }
    .page_startsituation .lightbox-content table.task-distribution td.skillname {
      text-align: left;
      padding: 0 .5em; }
      .page_startsituation .lightbox-content table.task-distribution td.skillname i {
        display: block;
        color: #666; }
    .page_startsituation .lightbox-content table.task-distribution td.phase {
      width: 40px;
      padding: 0;
      cursor: pointer; }
    .page_startsituation .lightbox-content table.task-distribution td.edu-need {
      width: 80px;
      padding: 0;
      cursor: pointer; }
      .page_startsituation .lightbox-content table.task-distribution td.edu-need small {
        display: block;
        font-size: .8em; }
    .page_startsituation .lightbox-content table.task-distribution td.active {
      color: #fff; }
      .page_startsituation .lightbox-content table.task-distribution td.active.lvl-1 {
        background: #FFD700; }
      .page_startsituation .lightbox-content table.task-distribution td.active.lvl-2 {
        background: #FF8C00; }
      .page_startsituation .lightbox-content table.task-distribution td.active.lvl-3 {
        background: #FF0000; }
      .page_startsituation .lightbox-content table.task-distribution td.active.lvl-4 {
        background: #9400D3; }
      .page_startsituation .lightbox-content table.task-distribution td.active.lvl-5 {
        background: #4169E1; }
      .page_startsituation .lightbox-content table.task-distribution td.active.lvl-6 {
        background: #6B8E23; }
      .page_startsituation .lightbox-content table.task-distribution td.active.g {
        background: #993305; }
      .page_startsituation .lightbox-content table.task-distribution td.active.b {
        background: #666666; }
      .page_startsituation .lightbox-content table.task-distribution td.active.u {
        background: #336604; }

.page_startsituation .lightbox-content p.info {
  font-weight: bold;
  font-style: italic; }

.skill-info {
  float: left;
  width: 100%;
  margin-bottom: 15px; }
  .skill-info header b {
    font-size: .75em; }
  .skill-info .skillset-icon {
    float: left;
    width: 60px;
    height: 60px;
    line-height: 60px;
    overflow: hidden;
    text-align: center;
    margin: 0 .5em .5em 0; }
    .skill-info .skillset-icon img {
      display: inline-block;
      max-width: 100%;
      vertical-align: middle; }
  .skill-info h3 {
    font-size: 1em;
    text-align: left; }
  .skill-info #show-all-phases, .skill-info #toggle-description {
    margin-bottom: 1em; }
  .skill-info .skill-phases {
    float: left;
    width: 40%;
    text-align: center; }
    .skill-info .skill-phases .phase {
      margin-bottom: .5em; }
    .skill-info .skill-phases h4 {
      color: #fff;
      text-align: center;
      text-transform: uppercase;
      line-height: 1.5em;
      margin: 0; }
    .skill-info .skill-phases p {
      padding: .5em;
      margin: 0;
      text-align: center;
      font-size: .75em; }
    .skill-info .skill-phases .lvl1 {
      background-color: #fff7cc; }
      .skill-info .skill-phases .lvl1 h4 {
        background-color: #FFD700; }
    .skill-info .skill-phases .lvl2 {
      background-color: #ffe8cc; }
      .skill-info .skill-phases .lvl2 h4 {
        background-color: #FF8C00; }
    .skill-info .skill-phases .lvl3 {
      background-color: #ffcccc; }
      .skill-info .skill-phases .lvl3 h4 {
        background-color: #FF0000; }
    .skill-info .skill-phases .lvl4 {
      background-color: #eaccf6; }
      .skill-info .skill-phases .lvl4 h4 {
        background-color: #9400D3; }
    .skill-info .skill-phases .lvl5 {
      background-color: #d9e1f9; }
      .skill-info .skill-phases .lvl5 h4 {
        background-color: #4169E1; }
    .skill-info .skill-phases .lvl6 {
      background-color: #e1e8d3; }
      .skill-info .skill-phases .lvl6 h4 {
        background-color: #6B8E23; }
    .skill-info .skill-phases .lvl7 {
      background-color: #e8dad0; }
      .skill-info .skill-phases .lvl7 h4 {
        background-color: #8B4513; }
  .skill-info .edu-needs {
    float: left;
    width: 60%;
    padding-left: 15px; }
  .skill-info .edu-need {
    background: #eee;
    padding: .5em;
    margin-bottom: .5em; }
    .skill-info .edu-need h4 {
      font-size: .75em;
      font-style: italic;
      text-transform: uppercase;
      margin: 0; }
    .skill-info .edu-need .children {
      font-size: .75em;
      margin: .5em 0 0; }
      .skill-info .edu-need .children li {
        display: block;
        list-style: none;
        line-height: 1.4em;
        padding: .25em 0 .25em 1.9em;
        border-top: 1px solid #92AC25; }
        .skill-info .edu-need .children li:first-child {
          border-top: none; }
        .skill-info .edu-need .children li.empty {
          padding: 0;
          text-align: center;
          font-style: italic;
          color: #999;
          line-height: 1.2; }
      .skill-info .edu-need .children .lvl {
        float: left;
        margin-left: -1.9em;
        width: 1.4em;
        height: 1.4em;
        line-height: 1.3em;
        border: 1px solid #fff;
        color: #fff;
        text-align: center;
        margin-right: .5em; }
      .skill-info .edu-need .children .lvl1 {
        background: #FFD700; }
      .skill-info .edu-need .children .lvl2 {
        background: #FF8C00; }
      .skill-info .edu-need .children .lvl3 {
        background: #FF0000; }
      .skill-info .edu-need .children .lvl4 {
        background: #9400D3; }
      .skill-info .edu-need .children .lvl5 {
        background: #4169E1; }
      .skill-info .edu-need .children .lvl6 {
        background: #6B8E23; }
      .skill-info .edu-need .children .lvl7 {
        background: #8B4513; }

.page_login .body-wrapper {
  overflow-y: auto; }

.page_login .wrapper {
  width: 500px;
  margin-left: -250px;
  margin-bottom: 0;
  padding: 0;
  min-height: 0;
  background: #A7C42B;
  color: #fff;
  border: 4px solid #007E86; }

.page_login .page-header {
  border: none;
  margin-bottom: 15px; }

.page_login h1 {
  border-bottom: none;
  color: #fff;
  margin-bottom: 0;
  display: block; }

.page_evaluation table.base-theme,
.page_evaluation .lightbox table.base-theme {
  background: #fff; }
  .page_evaluation table.base-theme tbody tr:hover th, .page_evaluation table.base-theme tbody tr:hover td,
  .page_evaluation .lightbox table.base-theme tbody tr:hover th,
  .page_evaluation .lightbox table.base-theme tbody tr:hover td {
    background: none; }

.page_evaluation .lightbox-window {
  width: 990px; }
  .page_evaluation .lightbox-window .content .r,
  .page_evaluation .lightbox-window .lightbox-content .r {
    margin: 0 auto;
    width: auto; }
  .page_evaluation .lightbox-window .content h1,
  .page_evaluation .lightbox-window .lightbox-content h1 {
    color: #000; }

.page_evaluation .childcard-overview,
.page_evaluation .childcard-head {
  background-color: #A7C42B;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0; }

.page_evaluation .childcard-head .title {
  color: #fff;
  float: left;
  font-weight: bold;
  line-height: 65px;
  margin-left: -80px;
  min-height: 70px;
  text-align: center;
  width: 80px;
  border-right: 1px solid #A7C42B;
  background: #92AC25; }
  .page_evaluation .childcard-head .title span {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.1; }

.page_evaluation .childcard-head .col {
  min-height: 70px;
  width: 101px;
  padding: .5em;
  margin: 0;
  border-right: 1px solid #A7C42B;
  background: #007E86;
  color: #fff; }

.page_evaluation .childcard-overview .phases .row {
  border: 1px solid #fff;
  border-top: none; }
  .page_evaluation .childcard-overview .phases .row:first-child {
    border-top: 1px solid #fff;
    height: 79px; }

.page_evaluation .childcard-overview .col .levels {
  border-top: 1px solid #fff; }

.page_evaluation .childcard-overview .col:last-child .levels .phase-container {
  border-right: 1px solid #fff; }

.page_evaluation .logbook {
  float: left;
  width: 100%;
  background: #EDF3D4; }
  .page_evaluation .logbook .title {
    background: #92AC25;
    width: 80px;
    color: #fff;
    font-weight: bold;
    font-style: normal; }
    .page_evaluation .logbook .title span {
      line-height: 1; }
  .page_evaluation .logbook ul {
    display: block;
    margin: 0;
    padding: 0;
    float: left;
    text-align: center; }
  .page_evaluation .logbook li {
    list-style: none;
    float: left;
    width: 101px;
    height: 101px;
    line-height: 101px;
    border: 1px solid #A7C42B;
    border-left: none;
    font-style: italic;
    position: relative;
    color: #A7C42B; }
  .page_evaluation .logbook a {
    display: block;
    height: 100%;
    background: #007E86;
    color: #fff;
    font-style: normal; }
    .page_evaluation .logbook a span:after {
      content: '';
      display: inline-block;
      vertical-align: middle;
      background: url(../img/icons/icon_arrow-up-notail_20x20_white.png) 0 0 no-repeat;
      width: 20px;
      height: 20px;
      margin: 0 0 .25em .25em; }
    .page_evaluation .logbook a:hover, .page_evaluation .logbook a:focus {
      background: #C9EBED;
      outline: none; }
  .page_evaluation .logbook span {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.2; }
  .page_evaluation .logbook .popout {
    background: #A7C42B;
    border: 1px solid #fff;
    bottom: 100%;
    left: -1px;
    line-height: 1.2;
    padding: 15px;
    position: absolute;
    z-index: 100;
    width: 600px;
    display: none;
    font-style: normal;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.75);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.75); }
    .page_evaluation .logbook .popout b {
      color: #fff;
      margin: 0 0 .5em;
      display: block; }
    .page_evaluation .logbook .popout table {
      margin: 0;
      font-size: .8em; }
      .page_evaluation .logbook .popout table tbody {
        color: #000; }
        .page_evaluation .logbook .popout table tbody th {
          font-weight: normal; }
      .page_evaluation .logbook .popout table .dow,
      .page_evaluation .logbook .popout table .day {
        text-align: center;
        display: block;
        text-transform: uppercase;
        font-size: .75em; }
      .page_evaluation .logbook .popout table .day {
        font-weight: bold; }
  .page_evaluation .logbook a:hover + .popout,
  .page_evaluation .logbook a:focus + .popout {
    display: block; }

.page_evaluation .edu-needs {
  background: #EDF3D4;
  overflow: hidden; }
  .page_evaluation .edu-needs,
  .page_evaluation .edu-needs ul {
    margin: 0;
    padding: 0; }
  .page_evaluation .edu-needs li {
    list-style: none;
    text-align: center; }
  .page_evaluation .edu-needs > li {
    width: 101px;
    border-left: none;
    float: left;
    overflow: hidden; }
  .page_evaluation .edu-needs .title {
    width: 80px;
    background: #92AC25;
    color: #fff; }
    .page_evaluation .edu-needs .title b + b {
      height: 158px;
      line-height: 158px;
      background: #007E86; }
  .page_evaluation .edu-needs b {
    display: block;
    height: 5em;
    line-height: 5em;
    font-size: .7em;
    border-right: 1px solid #A7C42B; }
    .page_evaluation .edu-needs b span {
      display: inline-block;
      vertical-align: middle;
      line-height: 1.2; }
  .page_evaluation .edu-needs ul {
    padding: 10px;
    background: #C9EBED;
    border-right: 1px solid #007E86; }
  .page_evaluation .edu-needs .edu-need {
    padding: .25em;
    cursor: pointer;
    border: 1px solid #007E86;
    border-top: none;
    color: #007E86; }
    .page_evaluation .edu-needs .edu-need small {
      display: block;
      font-size: .8em; }
    .page_evaluation .edu-needs .edu-need:first-child {
      border-top: 1px solid #007E86; }
    .page_evaluation .edu-needs .edu-need.active {
      color: #fff; }
      .page_evaluation .edu-needs .edu-need.active.lvl-1 {
        background: #FFD700; }
      .page_evaluation .edu-needs .edu-need.active.lvl-2 {
        background: #FF8C00; }
      .page_evaluation .edu-needs .edu-need.active.lvl-3 {
        background: #FF0000; }
      .page_evaluation .edu-needs .edu-need.active.lvl-4 {
        background: #9400D3; }
      .page_evaluation .edu-needs .edu-need.active.lvl-5 {
        background: #4169E1; }
      .page_evaluation .edu-needs .edu-need.active.lvl-6 {
        background: #6B8E23; }
      .page_evaluation .edu-needs .edu-need.active.g {
        background: #993305; }
      .page_evaluation .edu-needs .edu-need.active.b {
        background: #666666; }
      .page_evaluation .edu-needs .edu-need.active.u {
        background: #336604; }

.page_evaluation .skillphases > ul {
  overflow: hidden;
  margin: 0 0 15px; }
  .page_evaluation .skillphases > ul > li {
    float: left;
    margin: 0 15px 0 0;
    border: 1px solid #A7C42B;
    list-style: none;
    background: #92AC25;
    color: #fff; }
    .page_evaluation .skillphases > ul > li:last-child {
      margin-right: 0; }

.page_evaluation .skillphases ul {
  text-align: center; }
  .page_evaluation .skillphases ul b {
    display: block;
    height: 40px;
    line-height: 36px;
    padding: 0 .5em;
    border-bottom: 1px solid #A7C42B; }
    .page_evaluation .skillphases ul b span {
      display: inline-block;
      vertical-align: middle;
      line-height: 1.2;
      font-size: .75em; }

.page_evaluation .skillphases .skill {
  padding: 0 15px;
  height: 82px;
  line-height: 80px;
  width: 300px;
  position: relative;
  padding-left: 56px; }
  .page_evaluation .skillphases .skill img, .page_evaluation .skillphases .skill span {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.2; }
  .page_evaluation .skillphases .skill img {
    width: 40px;
    height: 40px;
    position: absolute;
    left: .5em;
    top: 50%;
    margin: -20px 0 0 0; }
  .page_evaluation .skillphases .skill .skillname {
    text-align: left; }
  .page_evaluation .skillphases .skill span span {
    vertical-align: baseline;
    font-style: italic; }

.page_evaluation .skillphases .cur-phase,
.page_evaluation .skillphases .desired-phase {
  width: 6em; }
  .page_evaluation .skillphases .cur-phase .phase,
  .page_evaluation .skillphases .desired-phase .phase {
    display: block;
    padding: 0 .25em;
    height: 40px;
    line-height: 40px;
    font-weight: bold;
    color: #fff;
    border: 1px solid #fff; }
    .page_evaluation .skillphases .cur-phase .phase.lvl1,
    .page_evaluation .skillphases .desired-phase .phase.lvl1 {
      background-color: #FFD700; }
    .page_evaluation .skillphases .cur-phase .phase.lvl2,
    .page_evaluation .skillphases .desired-phase .phase.lvl2 {
      background-color: #FF8C00; }
    .page_evaluation .skillphases .cur-phase .phase.lvl3,
    .page_evaluation .skillphases .desired-phase .phase.lvl3 {
      background-color: #FF0000; }
    .page_evaluation .skillphases .cur-phase .phase.lvl4,
    .page_evaluation .skillphases .desired-phase .phase.lvl4 {
      background-color: #9400D3; }
    .page_evaluation .skillphases .cur-phase .phase.lvl5,
    .page_evaluation .skillphases .desired-phase .phase.lvl5 {
      background-color: #4169E1; }
    .page_evaluation .skillphases .cur-phase .phase.lvl6,
    .page_evaluation .skillphases .desired-phase .phase.lvl6 {
      background-color: #6B8E23; }

.page_evaluation .skillphases .choose-phase {
  background: #007E86; }
  .page_evaluation .skillphases .choose-phase b {
    border-color: #007E86; }
  .page_evaluation .skillphases .choose-phase li {
    list-style: none;
    float: left;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-left: 1px solid #007E86;
    border-right: 1px solid #007E86;
    margin-right: -1px;
    cursor: pointer;
    color: #007E86;
    font-weight: bold;
    background-color: #C9EBED; }
    .page_evaluation .skillphases .choose-phase li:first-child {
      border-left: none; }
    .page_evaluation .skillphases .choose-phase li.title {
      padding: 0 .5em;
      width: auto;
      cursor: default;
      border-left: 1px solid #007E86; }
    .page_evaluation .skillphases .choose-phase li.active {
      color: #fff;
      position: relative;
      z-index: 1; }
      .page_evaluation .skillphases .choose-phase li.active span {
        display: block;
        height: 40px;
        border: 1px solid #fff; }
      .page_evaluation .skillphases .choose-phase li.active.lvl1 {
        background-color: #FFD700; }
      .page_evaluation .skillphases .choose-phase li.active.lvl2 {
        background-color: #FF8C00; }
      .page_evaluation .skillphases .choose-phase li.active.lvl3 {
        background-color: #FF0000; }
      .page_evaluation .skillphases .choose-phase li.active.lvl4 {
        background-color: #9400D3; }
      .page_evaluation .skillphases .choose-phase li.active.lvl5 {
        background-color: #4169E1; }
      .page_evaluation .skillphases .choose-phase li.active.lvl6 {
        background-color: #6B8E23; }

.page_evaluation .section .info {
  float: left;
  width: 50%;
  padding-right: 30px;
  padding-top: 30px; }

.page_evaluation .section .form-fields {
  width: 50%;
  float: left;
  padding-right: 30px; }
  .page_evaluation .section .form-fields .form-field {
    padding-left: 0; }
    .page_evaluation .section .form-fields .form-field label {
      float: none;
      margin-left: 0; }

.page_evaluation .section textarea {
  width: 100%;
  height: 6em; }

.page_evaluation .section .alert {
  background-color: #00D9D9;
  border: 1px solid #007E86;
  -webkit-border-radius: 0.5em;
  -moz-border-radius: 0.5em;
  -ms-border-radius: 0.5em;
  -o-border-radius: 0.5em;
  border-radius: 0.5em;
  padding: 15px;
  color: #007E86; }

.page_evaluation .recurring {
  margin: 15px -15px;
  background-color: #007E86;
  color: #fff; }

.page_evaluation .header-dropdown .select-eval-year {
  padding-left: .25em; }

.page_evaluation .header-dropdown .skillname {
  width: 200px; }

.page_evaluation .header-dropdown .skill-popout {
  width: 200px; }
  .page_evaluation .header-dropdown .skill-popout a {
    padding: .25em; }

.page_evaluation table.base-theme {
  background: #fff; }

.page_evaluation table.base-theme tbody .final-evaluation th, .page_evaluation table.base-theme tbody .final-evaluation td,
.page_evaluation .lightbox table.base-theme tbody .final-evaluation th,
.page_evaluation .lightbox table.base-theme tbody .final-evaluation td {
  background-color: #eee; }

.page_evaluation table.base-theme tbody .final-evaluation:hover th, .page_evaluation table.base-theme tbody .final-evaluation:hover td,
.page_evaluation .lightbox table.base-theme tbody .final-evaluation:hover th,
.page_evaluation .lightbox table.base-theme tbody .final-evaluation:hover td {
  background-color: #eee; }

.page_eval_childlist small {
  display: block; }

.page_eval_childlist h2 {
  padding-left: 3em;
  color: #fff;
  margin-bottom: 1em;
  -webkit-border-radius: 0.7407em;
  -moz-border-radius: 0.7407em;
  -ms-border-radius: 0.7407em;
  -o-border-radius: 0.7407em;
  border-radius: 0.7407em; }
  .page_eval_childlist h2 .step {
    float: left;
    margin-left: -3em;
    width: 2em; }
    .page_eval_childlist h2 .step b {
      font-size: 1.6em;
      line-height: 1em;
      padding: 0 .1em 0 0;
      vertical-align: top; }

.page_eval_childlist table.child-list {
  width: 100%; }
  .page_eval_childlist table.child-list tbody tr:hover td {
    background: none; }
  .page_eval_childlist table.child-list a {
    color: #333; }
  .page_eval_childlist table.child-list .texts {
    display: none;
    color: #333; }
    .page_eval_childlist table.child-list .texts td, .page_eval_childlist table.child-list .texts th {
      border-bottom-width: 4px;
      padding: 1em .5em; }
    .page_eval_childlist table.child-list .texts div {
      margin: .5em 0 0; }
      .page_eval_childlist table.child-list .texts div:first-child {
        margin-top: 0; }
    .page_eval_childlist table.child-list .texts b {
      text-transform: uppercase; }
  .page_eval_childlist table.child-list .open + .texts {
    display: table-row; }
  .page_eval_childlist table.child-list .index {
    font-size: 1.2em;
    font-weight: bold; }
  .page_eval_childlist table.child-list .eval-progress {
    width: 110px; }
  .page_eval_childlist table.child-list .summary {
    font-size: .75em;
    width: 430px; }
    .page_eval_childlist table.child-list .summary .toggle {
      display: block;
      padding-right: 1.5em;
      background-image: url(../img/icons/icon_arrow-down-notail_20x20_black.png);
      background-repeat: no-repeat;
      background-position: right center; }
    .page_eval_childlist table.child-list .summary a {
      text-decoration: none; }
    .page_eval_childlist table.child-list .summary b {
      text-transform: uppercase; }
    .page_eval_childlist table.child-list .summary span {
      display: block;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      width: 400px; }
  .page_eval_childlist table.child-list .open .summary .toggle {
    background-image: url(../img/icons/icon_arrow-up-notail_20x20_black.png); }
  .page_eval_childlist table.child-list tr.finished,
  .page_eval_childlist table.child-list tr.finished a {
    color: #999; }
  .page_eval_childlist table.child-list tr.finished .summary .toggle {
    background-image: url(../img/icons/icon_arrow-down-notail_20x20_grey.png); }
  .page_eval_childlist table.child-list tr.finished.open .summary .toggle {
    background-image: url(../img/icons/icon_arrow-up-notail_20x20_grey.png); }
  .page_eval_childlist table.child-list .progressbar {
    width: 6em; }

.page_eval_childlist .lightbox table.child-list tbody tr:hover td {
  background-color: #fff; }

.page_eval_childlist .section {
  padding: 15px;
  margin-bottom: 15px;
  position: relative;
  background: #92AC25;
  color: #fff;
  overflow: hidden; }
  .page_eval_childlist .section.child-list {
    background: none;
    padding: 0; }
    .page_eval_childlist .section.child-list h2 {
      background: #92AC25;
      color: #fff;
      padding: 15px 15px 15px 4em; }
  .page_eval_childlist .section.submit .info {
    width: 70%;
    padding-top: 0; }
  .page_eval_childlist .section.submit .form-fields {
    width: 30%; }
  .page_eval_childlist .section .alert {
    background: #EDF3D4;
    overflow: hidden; }
    .page_eval_childlist .section .alert .title {
      background: #007E86;
      color: #fff;
      display: block;
      margin: -15px -15px .5em;
      padding: .25em 15px; }

.page_eval_childlist .disabled-msg {
  display: block;
  position: absolute;
  top: 3.5em;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 5em;
  background: rgba(146, 172, 37, 0.9);
  color: #fff;
  text-align: center;
  font-weight: bold;
  font-style: italic; }

.page_group-evaluations .final-evaluation th, .page_group-evaluations .final-evaluation td {
  background: #EDF3D4;
  font-weight: bold;
  color: #007E86; }

.page_group-evaluations .status {
  text-align: right; }

.page_group-evaluations .finished .status {
  color: #999;
  font-style: italic; }

.page_group-evaluations .in-progress .status {
  font-style: italic; }

.page_cito .lightbox-window {
  width: 990px; }

.page_cito .content .r,
.page_cito .lightbox-content .r {
  margin: 0 auto;
  width: auto; }

.page_cito table.meta-summary {
  width: 100%; }

.page_cito ul.questions {
  width: 33.3333%;
  float: left;
  margin: 0;
  padding: 0 15px;
  font-size: .875em; }
  .page_cito ul.questions li {
    display: block;
    list-style: none;
    background: #EDF3D4;
    border-bottom: 1px solid #A7C42B;
    overflow: hidden;
    line-height: 2.5em;
    height: 3em;
    padding: 0 2em 0 5.5em; }
    .page_cito ul.questions li:hover {
      background: #C9EBED; }
  .page_cito ul.questions label {
    cursor: pointer;
    padding: 0;
    height: 3em; }
    .page_cito ul.questions label span {
      font-size: 1em;
      font-style: normal; }
  .page_cito ul.questions .question-no,
  .page_cito ul.questions .input {
    width: 3.5em;
    height: 3em;
    line-height: 3em;
    text-align: center;
    float: left;
    margin-left: -3.5em; }
  .page_cito ul.questions .question-no {
    width: 2em;
    font-weight: bold;
    margin-left: -5.5em; }
  .page_cito ul.questions .input {
    background: #C9EBED; }
  .page_cito ul.questions .skill {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.1;
    font-size: 12px;
    padding: 0 0 0 .5em;
    max-height: 3.3em; }
  .page_cito ul.questions .lvl {
    float: right;
    height: 2.5em;
    line-height: 2.5em;
    padding: 0;
    text-align: center;
    width: 1.5em;
    margin: .2em -1.75em .25em .25em;
    color: #fff;
    font-weight: bold; }
    .page_cito ul.questions .lvl.lvl1 {
      background: #FFD700; }
    .page_cito ul.questions .lvl.lvl2 {
      background: #FF8C00; }
    .page_cito ul.questions .lvl.lvl3 {
      background: #FF0000; }
    .page_cito ul.questions .lvl.lvl4 {
      background: #9400D3; }
    .page_cito ul.questions .lvl.lvl5 {
      background: #4169E1; }
    .page_cito ul.questions .lvl.lvl6 {
      background: #6B8E23; }
  .page_cito ul.questions .head {
    background: #92AC25;
    color: #fff;
    -webkit-border-radius: 0.5em 0.5em 0 0;
    -moz-border-radius: 0.5em 0.5em 0 0;
    -ms-border-radius: 0.5em 0.5em 0 0;
    -o-border-radius: 0.5em 0.5em 0 0;
    border-radius: 0.5em 0.5em 0 0; }
    .page_cito ul.questions .head .question-no,
    .page_cito ul.questions .head .input {
      background: none;
      border-right: 1px solid #A7C42B; }
    .page_cito ul.questions .head .input {
      background: #007E86; }
    .page_cito ul.questions .head:hover {
      background: #92AC25; }
    .page_cito ul.questions .head .skill {
      display: block;
      height: 3em;
      line-height: 3em;
      padding: 0 0 0 .5em;
      font-size: 1em; }

.page_cito .cito-skill-level > ul {
  display: block;
  margin: 0 0 15px;
  overflow: hidden; }
  .page_cito .cito-skill-level > ul > li {
    border: 1px solid #FFFFFF;
    float: left;
    list-style: none;
    margin: 0 15px 0 0; }
  .page_cito .cito-skill-level > ul b {
    border-bottom: 1px solid #FFFFFF;
    display: block;
    height: 40px;
    line-height: 36px;
    padding: 0 .5em; }

.page_citoform .section.cito-questions {
  padding: 15px 0 15px 45px; }
  .page_citoform .section.cito-questions h2 {
    margin-left: 15px; }

.page_citoform .section.cito-skill-level table {
  table-layout: fixed; }

.page_citoform .section.cito-skill-level th, .page_citoform .section.cito-skill-level td {
  text-align: center; }

.page_citoform .section.cito-skill-level .skillset-level {
  width: 7em; }
  .page_citoform .section.cito-skill-level .skillset-level span {
    color: #fff;
    font-weight: bold;
    display: inline-block;
    padding: .5em 1em;
    -webkit-border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    -ms-border-radius: 0.5em;
    -o-border-radius: 0.5em;
    border-radius: 0.5em; }

.page_citoform .section.cito-skill-level .skill-score,
.page_citoform .section.cito-skill-level .cito-level {
  width: 8em; }

.page_citoform .section.cito-skill-level .lvl1 {
  background: #FFD700; }

.page_citoform .section.cito-skill-level .lvl2 {
  background: #FF8C00; }

.page_citoform .section.cito-skill-level .lvl3 {
  background: #FF0000; }

.page_citoform .section.cito-skill-level .lvl4 {
  background: #9400D3; }

.page_citoform .section.cito-skill-level .lvl5 {
  background: #4169E1; }

.page_citoform .section.cito-skill-level .lvl6 {
  background: #6B8E23; }

.page_citoform .section.cito-skill-level .lvl7 {
  background: #8B4513; }

.page_citoform .section.cito-dorrcheck th, .page_citoform .section.cito-dorrcheck td {
  text-align: center; }

.page_citoform .section.cito-dorrcheck tbody .skill {
  font-size: 12px; }

.page_cito_childlist ul.tr {
  display: block;
  margin: 0;
  padding: 0;
  float: left;
  clear: both;
  font-size: .8em; }
  .page_cito_childlist ul.tr > li {
    float: left;
    list-style: none;
    min-height: 43px;
    line-height: 42px;
    background: #fff;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 0 .25em;
    margin-right: -1px; }
    .page_cito_childlist ul.tr > li.no-bg {
      background: none;
      padding: 0; }
    .page_cito_childlist ul.tr > li.spacer {
      min-height: 1em;
      min-width: 15px;
      background: transparent;
      min-height: 43px;
      border-color: transparent; }
      .page_cito_childlist ul.tr > li.spacer.with-bg {
        background: #ddd;
        border-color: #fff; }
      .page_cito_childlist ul.tr > li.spacer.sm {
        width: 44px; }
    .page_cito_childlist ul.tr > li.rotated-title {
      padding: 0;
      height: 20px;
      margin-top: 23px;
      min-height: 20px;
      margin-right: 0; }
    .page_cito_childlist ul.tr > li > span {
      display: inline-block;
      vertical-align: middle;
      line-height: 1.2; }
    .page_cito_childlist ul.tr > li.score {
      color: #fff; }
      .page_cito_childlist ul.tr > li.score.good {
        background-color: #1399FF; }
      .page_cito_childlist ul.tr > li.score.ok {
        background-color: orange; }
      .page_cito_childlist ul.tr > li.score.bad {
        background-color: #993305; }
  .page_cito_childlist ul.tr > .action {
    padding: 0 .5em;
    float: none; }
    .page_cito_childlist ul.tr > .action .btn-blue, .page_cito_childlist ul.tr > .action .btn-red {
      margin-left: 1em;
      font-size: 1em; }
  .page_cito_childlist ul.tr .th {
    background-color: #777;
    color: #fff; }

.page_cito_childlist .tbody ul.tr {
  width: 100%; }
  .page_cito_childlist .tbody ul.tr > li.spacer {
    background: #EDEDED;
    border-left: 1px solid #ccc; }

.page_cito_childlist .tr.score-max .th,
.page_cito_childlist .tr.score-80 .th {
  text-align: right; }

.page_cito_childlist .body-wrapper header,
.page_cito_childlist .body-wrapper section {
  float: left;
  width: 100%;
  font-size: .8em; }

.page_cito_childlist .name {
  width: 20em; }

.page_cito_childlist .sm {
  width: 44px;
  text-align: center; }

.page_cito_childlist .rotated-titles {
  float: left;
  margin: 0;
  position: relative; }

.page_cito_childlist .rotated-title {
  position: relative;
  width: 43px;
  height: 43px; }

.page_cito_childlist .rotated-titles li,
.page_cito_childlist .rotated-title .li {
  list-style: none;
  display: block;
  float: left;
  width: 43px;
  height: 176px;
  position: relative;
  margin-bottom: 20px;
  background: none !important;
  font-size: .9375em;
  text-align: right; }
  .page_cito_childlist .rotated-titles li span,
  .page_cito_childlist .rotated-title .li span {
    display: block;
    background-color: #777;
    border-bottom: 1px solid #ddd;
    color: #fff;
    width: 215px;
    height: 34px;
    -webkit-transform-origin: 0 0 0;
    -moz-transform-origin: 0 0 0;
    -ms-transform-origin: 0 0 0;
    -o-transform-origin: 0 0 0;
    transform-origin: 0 0 0;
    -webkit-transform: translate3d(0, 0, 0) rotate(-52deg);
    -moz-transform: translate3d(0, 0, 0) rotate(-52deg);
    -ms-transform: translate3d(0, 0, 0) rotate(-52deg);
    -o-transform: translate3d(0, 0, 0) rotate(-52deg);
    transform: translate3d(0, 0, 0) rotate(-52deg);
    -webkit-font-smoothing: antialiased;
    opacity: .99;
    position: absolute;
    top: 100%;
    padding: 0 8px 0 18px;
    line-height: 25px;
    overflow: hidden;
    font-family: Arial,sans-serif; }
    .page_cito_childlist .rotated-titles li span b,
    .page_cito_childlist .rotated-title .li span b {
      display: inline-block;
      vertical-align: middle;
      text-indent: -.5em;
      line-height: 1.1;
      margin-top: 3px;
      font-weight: normal; }
    .page_cito_childlist .rotated-titles li span small,
    .page_cito_childlist .rotated-title .li span small {
      display: block;
      font-size: 1em;
      color: #aaa;
      margin-left: .85em;
      font-weight: normal;
      white-space: nowrap; }
    .page_cito_childlist .rotated-titles li span.double-line,
    .page_cito_childlist .rotated-title .li span.double-line {
      padding-left: 20px;
      padding-right: 8px; }
  .page_cito_childlist .rotated-titles li:after,
  .page_cito_childlist .rotated-title .li:after {
    content: '';
    display: block;
    position: absolute;
    top: 100%;
    width: 43px;
    height: 20px;
    background-color: #777;
    border-right: 1px solid #ddd;
    line-height: 43px;
    text-align: center;
    font-style: normal;
    font-weight: bold;
    color: #fff; }
    .page_cito_childlist .rotated-titles li:after img,
    .page_cito_childlist .rotated-title .li:after img {
      width: 36px;
      height: 36px;
      display: block;
      margin: 3px; }
  .page_cito_childlist .rotated-titles li.title,
  .page_cito_childlist .rotated-title .li.title {
    position: absolute;
    height: auto;
    margin-left: 127px;
    margin-top: 5px;
    width: 100%;
    z-index: 1;
    line-height: 1; }
    .page_cito_childlist .rotated-titles li.title:after,
    .page_cito_childlist .rotated-title .li.title:after {
      display: none; }
    .page_cito_childlist .rotated-titles li.title div,
    .page_cito_childlist .rotated-title .li.title div {
      background-color: #00303F;
      border-bottom: 1px solid #fff;
      color: #fff;
      margin: 0 11px 0 -11px;
      padding: 5px;
      width: 100%;
      white-space: nowrap;
      overflow: hidden; }

.page_cito_childlist .rotated-title .li {
  position: absolute;
  bottom: 0;
  margin-right: -1px; }

.page_cito_group table.alt-theme {
  width: 100%;
  margin-bottom: 10px; }
  .page_cito_group table.alt-theme th {
    width: 6em;
    text-align: center; }
  .page_cito_group table.alt-theme .btn-blue, .page_cito_group table.alt-theme .btn-red {
    float: right; }

.page_cito_group .box-white {
  background: #fff;
  border: 1px solid #484848;
  margin-top: 5px;
  padding: 10px 10px 0; }

.page_cito_group h3 {
  background: #484848;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  -ms-border-radius: 5px 5px 0 0;
  -o-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
  color: #fff;
  margin: -15px -11px 10px;
  padding: 10px; }

.page_cito_childprofile .cito-exam {
  margin-bottom: 30px; }
  .page_cito_childprofile .cito-exam .actions {
    float: right;
    margin: 6px; }
  .page_cito_childprofile .cito-exam h2 {
    background: #484848;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -ms-border-radius: 5px 5px 0 0;
    -o-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    margin: 0;
    padding: 10px;
    font-size: 1em;
    font-weight: bold;
    color: #fff; }

.page_cito_childprofile .exam {
  padding: 10px 10px 10px 250px;
  margin-bottom: -1px;
  border: 1px solid #484848;
  background: #fff;
  overflow: hidden; }
  .page_cito_childprofile .exam h3,
  .page_cito_childprofile .exam .cito-scores,
  .page_cito_childprofile .exam .dorr-levels {
    float: left;
    clear: both;
    margin-left: -240px;
    width: 225px; }
  .page_cito_childprofile .exam h3 {
    line-height: 30px;
    background-color: #007E86;
    color: #fff;
    padding: .25em .5em;
    -webkit-border-radius: 0.25em;
    -moz-border-radius: 0.25em;
    -ms-border-radius: 0.25em;
    -o-border-radius: 0.25em;
    border-radius: 0.25em;
    font-weight: bold; }
    .page_cito_childprofile .exam h3 img {
      float: right;
      margin: 0 0 0 .25em; }
  .page_cito_childprofile .exam .cito-scores,
  .page_cito_childprofile .exam .dorr-levels {
    margin-bottom: 1em;
    padding: 0;
    text-align: center;
    font-size: .875em; }
    .page_cito_childprofile .exam .cito-scores li,
    .page_cito_childprofile .exam .dorr-levels li {
      list-style: none;
      display: block;
      float: left;
      border-left: 1px solid #A7C42B;
      background: #EDF3D4; }
      .page_cito_childprofile .exam .cito-scores li b, .page_cito_childprofile .exam .cito-scores li span,
      .page_cito_childprofile .exam .dorr-levels li b,
      .page_cito_childprofile .exam .dorr-levels li span {
        display: block; }
      .page_cito_childprofile .exam .cito-scores li b,
      .page_cito_childprofile .exam .dorr-levels li b {
        text-transform: uppercase;
        font-size: .8em;
        background: #007E86;
        color: #fff;
        font-weight: normal;
        padding: .2em 0;
        height: 3em; }
      .page_cito_childprofile .exam .cito-scores li span,
      .page_cito_childprofile .exam .dorr-levels li span {
        padding: .5em .25em; }
      .page_cito_childprofile .exam .cito-scores li:first-child,
      .page_cito_childprofile .exam .dorr-levels li:first-child {
        border-left: none; }
      .page_cito_childprofile .exam .cito-scores li:first-child b,
      .page_cito_childprofile .exam .dorr-levels li:first-child b {
        -webkit-border-radius: 0.5em 0 0 0;
        -moz-border-radius: 0.5em 0 0 0;
        -ms-border-radius: 0.5em 0 0 0;
        -o-border-radius: 0.5em 0 0 0;
        border-radius: 0.5em 0 0 0; }
      .page_cito_childprofile .exam .cito-scores li:last-child b,
      .page_cito_childprofile .exam .dorr-levels li:last-child b {
        -webkit-border-radius: 0 0.5em 0 0;
        -moz-border-radius: 0 0.5em 0 0;
        -ms-border-radius: 0 0.5em 0 0;
        -o-border-radius: 0 0.5em 0 0;
        border-radius: 0 0.5em 0 0; }
      .page_cito_childprofile .exam .cito-scores li:last-child:first-child b,
      .page_cito_childprofile .exam .dorr-levels li:last-child:first-child b {
        -webkit-border-radius: 0.5em 0.5em 0 0;
        -moz-border-radius: 0.5em 0.5em 0 0;
        -ms-border-radius: 0.5em 0.5em 0 0;
        -o-border-radius: 0.5em 0.5em 0 0;
        border-radius: 0.5em 0.5em 0 0; }
  .page_cito_childprofile .exam .cito-scores .score {
    width: 25%; }
  .page_cito_childprofile .exam .cito-scores .skill-score {
    width: 50%; }
  .page_cito_childprofile .exam .cito-scores .cito-level {
    width: 25%; }
  .page_cito_childprofile .exam .dorr-levels li {
    width: 50%; }
  .page_cito_childprofile .exam .dorr-levels .th {
    width: 100%; }
    .page_cito_childprofile .exam .dorr-levels .th:first-child b {
      -webkit-border-radius: 0.5em 0.5em 0 0;
      -moz-border-radius: 0.5em 0.5em 0 0;
      -ms-border-radius: 0.5em 0.5em 0 0;
      -o-border-radius: 0.5em 0.5em 0 0;
      border-radius: 0.5em 0.5em 0 0; }
  .page_cito_childprofile .exam .dorr-levels .skillset {
    height: 6em; }
  .page_cito_childprofile .exam table {
    width: 100%; }
    .page_cito_childprofile .exam table th, .page_cito_childprofile .exam table td {
      text-align: center; }
    .page_cito_childprofile .exam table .dorr-check {
      width: 6em; }
    .page_cito_childprofile .exam table tbody .dorr-check {
      color: #fff;
      text-transform: uppercase; }
      .page_cito_childprofile .exam table tbody .dorr-check.positive {
        background: #336604; }
      .page_cito_childprofile .exam table tbody .dorr-check.negative {
        background: #993305; }
    .page_cito_childprofile .exam table .spacer {
      padding: 0;
      width: 10px; }
    .page_cito_childprofile .exam table thead th, .page_cito_childprofile .exam table thead td {
      font-size: .8em;
      text-transform: uppercase; }

.theme-content-container {
  clear: both;
  overflow: hidden; }
  .theme-content-container .theme-subtitle {
    display: block;
    margin: 0 0 .5em 0;
    font-style: italic; }
  .theme-content-container .theme-title {
    font-weight: bold; }
  .theme-content-container .theme-notes {
    font-size: 12px; }

.theme-content-left {
  float: left;
  width: 35%;
  margin-right: 5%; }

.theme-content-right {
  float: right;
  width: 60%; }

.theme-image-thumbnail {
  width: 120px;
  margin-bottom: 1em; }
  .theme-image-thumbnail img {
    width: 100%; }

.theme-wordlist-container {
  margin-top: .5em;
  padding: .5em;
  border: 1px solid #D7D7D7;
  font-size: 12px; }

.theme-week-container {
  overflow: hidden;
  margin-bottom: 1em; }

.theme-weeknumber-container {
  float: left;
  width: 60px;
  margin: .5em;
  text-align: center; }
  .theme-weeknumber-container:nth-of-type(6n+1) {
    margin-left: 0; }
  .theme-weeknumber-container .theme-weeknumber {
    display: block;
    background: #eee;
    font-weight: bold;
    font-size: 20px;
    line-height: 56px;
    height: 60px;
    width: 60px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px; }
  .theme-weeknumber-container .theme-weekdate {
    display: block;
    font-size: 11px;
    margin-top: .2em; }

.theme-form-container {
  border-bottom: 1px solid #D0D0D0;
  margin-bottom: 1em; }
  .theme-form-container .field-controls li {
    width: 33.333%;
    float: left; }

.dashboard .wrapper {
  padding-top: 58px; }

.dashboard .notification {
  margin-top: 20px;
  overflow: hidden; }

.dashboard .welcome {
  float: none;
  margin: 80px auto 0;
  font-size: 0.8em; }
  .dashboard .welcome .r {
    padding: 0; }
  .dashboard .welcome h1 {
    margin: 0;
    padding: 0;
    border: 0; }
  .dashboard .welcome .block a {
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
    background: #A7C42B url(../img/icons/icon_arrow-right-notail_20x20_white.png) no-repeat 340px center;
    padding: 20px;
    margin: 20px 0 10px;
    color: #000;
    text-decoration: none;
    display: block; }
    .dashboard .welcome .block a .logo {
      background: rgba(255, 255, 255, 0.8);
      border-radius: 5px;
      display: block;
      float: left;
      margin: 20px 30px 11px 10px;
      padding: 7px; }
    .dashboard .welcome .block a:hover {
      background: #92AC25 url(../img/icons/icon_arrow-right-notail_20x20_white.png) no-repeat 340px center; }
    .dashboard .welcome .block a p {
      padding: 0 30px 0 0; }
  .dashboard .welcome .block a.disabled {
    background-color: rgba(0, 0, 0, 0.3);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
    opacity: 0.3; }
    .dashboard .welcome .block a.disabled:hover {
      cursor: default; }
  .dashboard .welcome .block .message {
    overflow: hidden;
    padding: 37px 0 0 20px; }

.dashboard form table.base-theme {
  font-size: 1.0em; }

.dashboard table.base-theme {
  width: 100%;
  font-size: .8125em; }
  .dashboard table.base-theme td, .dashboard table.base-theme th {
    padding: .7em; }
  .dashboard table.base-theme thead th {
    background: #A7C42B;
    color: #fff; }
  .dashboard table.base-theme tbody tr:hover td {
    background: #eff4da; }
  .dashboard table.base-theme td.delete, .dashboard table.base-theme th.delete {
    text-align: right; }
  .dashboard table.base-theme.center-input td input[type="radio"], .dashboard table.base-theme.center-input td input[type="checkbox"] {
    margin-left: 34px; }
  .dashboard table.base-theme.no-hover tbody tr:hover td {
    background: none; }
  .dashboard table.base-theme.cursor tbody tr:hover td {
    cursor: pointer; }

.dashboard .lightbox table.base-theme {
  font-size: 0.8125em; }
  .dashboard .lightbox table.base-theme thead th {
    color: #000; }

.dashboard a.btn-blue, .dashboard a.btn-red,
.dashboard .btn-blue,
.dashboard .btn-red {
  font-size: 1em; }

.dashboard .form-footer, .dashboard .form-footer2 {
  font-size: .8125em; }

.dashboard form .form-footer, .dashboard form .form-footer2 {
  font-size: 1em; }

.dashboard .page-header:before,
.dashboard .account-nav-container,
.dashboard .page-header {
  background: linear-gradient(transparent, transparent);
  background: none; }

.dashboard .lightbox .account-nav-container,
.dashboard .lightbox .page-header {
  background: -owg-linear-gradient(#007e86, #00d9d9);
  background: -webkit-linear-gradient(#007e86, #00d9d9);
  background: -moz-linear-gradient(#007e86, #00d9d9);
  background: -o-linear-gradient(#007e86, #00d9d9);
  background: linear-gradient(#007e86, #00d9d9);
  background-color: #007e86; }
  .dashboard .lightbox .account-nav-container:before,
  .dashboard .lightbox .page-header:before {
    background: url(../img/bladnerf.png) 0 0 no-repeat; }

.dashboard .site-header:before {
  background: url("../img/bladnerf.png") no-repeat;
  content: "";
  display: block;
  height: 176px;
  left: 0;
  position: absolute;
  top: -36px;
  width: 100%; }

.dashboard .site-header {
  background: linear-gradient(#007E86, #00D9D9); }

.dashboard .account-nav {
  color: #fff;
  background: #006168; }

.dashboard .user-nav li input[type="submit"] {
  color: #fff; }

.dashboard.begin .wrapper {
  padding-top: 0;
  margin-top: 38px; }

.dashboard.begin .site-header:before {
  background: none; }

.dashboard.begin h1 {
  font-size: 2em;
  margin: 0 0 5px 0; }

.lightbox table.base-theme,
.lightbox form table.base-theme {
  font-size: 1em; }
  .lightbox table.base-theme thead th, .lightbox table.base-theme thead td,
  .lightbox form table.base-theme thead th,
  .lightbox form table.base-theme thead td {
    background: rgba(0, 0, 0, 0.1); }
  .lightbox table.base-theme tbody tr:hover td,
  .lightbox form table.base-theme tbody tr:hover td {
    background: #EFF4DA; }

.lightbox input#id_start_time, .lightbox input#id_end_time {
  width: 100px; }

.dashboardroutines .block-routine {
  clear: both;
  padding: 10px 0 0;
  font-size: 0.75em;
  overflow: hidden; }
  .dashboardroutines .block-routine .col,
  .dashboardroutines .block-routine .form-field {
    padding: 0 20px 0 0;
    float: left; }
  .dashboardroutines .block-routine .col.days {
    padding: 0;
    width: 184px; }
  .dashboardroutines .block-routine .time {
    width: 100px; }
    .dashboardroutines .block-routine .time input {
      width: 100%;
      font-size: 1.25em; }
  .dashboardroutines .block-routine .description {
    width: 593px; }
    .dashboardroutines .block-routine .description input {
      width: 100%;
      font-size: 1.25em; }
  .dashboardroutines .block-routine .ma,
  .dashboardroutines .block-routine .di,
  .dashboardroutines .block-routine .wo,
  .dashboardroutines .block-routine .do,
  .dashboardroutines .block-routine .vr,
  .dashboardroutines .block-routine .days ul li {
    float: left;
    height: 26px;
    overflow: hidden;
    width: 32px; }
    .dashboardroutines .block-routine .ma input,
    .dashboardroutines .block-routine .di input,
    .dashboardroutines .block-routine .wo input,
    .dashboardroutines .block-routine .do input,
    .dashboardroutines .block-routine .vr input,
    .dashboardroutines .block-routine .days ul li input {
      margin: 0 20px 20px 0;
      background: green; }
  .dashboardroutines .block-routine .days ul.errorlist li, .dashboardroutines .block-routine .time ul.errorlist li {
    width: auto;
    height: auto; }
  .dashboardroutines .block-routine .time ul.errorlist {
    width: 120%; }
  .dashboardroutines .block-routine .delete {
    text-align: right;
    padding: 0; }
    .dashboardroutines .block-routine .delete .field-controls {
      background: rgba(255, 0, 0, 0.4);
      border-radius: 4px; }
    .dashboardroutines .block-routine .delete input {
      margin: 4px 20px; }

.dashboardroutines .block-routine-header {
  border-bottom: 2px solid #D2D2D2;
  font-weight: bold;
  float: left; }
  .dashboardroutines .block-routine-header .col {
    padding: 0 20px 7px 0; }
    .dashboardroutines .block-routine-header .col.delete {
      padding: 0 0 7px 0;
      width: 77px; }

.dashboardroutines .block-routine-row .time input.timefield {
  width: 50px; }

.dashboardroutines .block-routine-row .discription input.discriptionfield {
  width: 260px; }

.dashboardroutines .block-routine-bottom .col.add a {
  color: #000; }

.dashboardroutines .save {
  clear: both;
  margin: 40px 0 0;
  background-color: #A7C42B;
  padding: 15px; }
  .dashboardroutines .save .btn, .dashboardroutines .save [class*="btn-"] {
    clear: both; }
  .dashboardroutines .save .cancel {
    margin: 0 0 0 1em;
    color: #000;
    font-size: 0.75em; }

.btn-simple {
  margin: 10px 0 0 100px; }

.dashboardschooldetails .horizontal-layout #id_slug {
  width: 13.5em;
  float: left; }

.dashboardschooldetails .horizontal-layout .help-text {
  float: left;
  line-height: 2.3em;
  margin: 0 0 0 10px; }

.dashboardschooldetails ul.errorlist, .dashboardschooldetails .field-controls ul.errorlist {
  width: 300px;
  position: absolute;
  margin: 3px 0 0 20px; }

.dashboardstudents table.task-distribution {
  border: none; }
  .dashboardstudents table.task-distribution th.empty {
    background: none; }
  .dashboardstudents table.task-distribution td.range {
    width: 100px; }
    .dashboardstudents table.task-distribution td.range.lvl-1 {
      background: #FFD700; }
    .dashboardstudents table.task-distribution td.range.lvl-2 {
      background: #FF8C00; }
    .dashboardstudents table.task-distribution td.range.lvl-3 {
      background: #FF0000; }
    .dashboardstudents table.task-distribution td.range.lvl-4 {
      background: #9400D3; }
    .dashboardstudents table.task-distribution td.range.lvl-5 {
      background: #4169E1; }
    .dashboardstudents table.task-distribution td.range.lvl-6 {
      background: #6B8E23; }
    .dashboardstudents table.task-distribution td.range.lvl-7 {
      background: #8B4513; }
  .dashboardstudents table.task-distribution td.skillset {
    width: 30px; }
    .dashboardstudents table.task-distribution td.skillset.lvl-1 {
      background: #FFD700; }
    .dashboardstudents table.task-distribution td.skillset.lvl-2 {
      background: #FF8C00; }
    .dashboardstudents table.task-distribution td.skillset.lvl-3 {
      background: #FF0000; }
    .dashboardstudents table.task-distribution td.skillset.lvl-4 {
      background: #9400D3; }
    .dashboardstudents table.task-distribution td.skillset.lvl-5 {
      background: #4169E1; }
    .dashboardstudents table.task-distribution td.skillset.lvl-6 {
      background: #6B8E23; }
    .dashboardstudents table.task-distribution td.skillset.lvl-7 {
      background: #8B4513; }
  .dashboardstudents table.task-distribution td.button {
    width: 140px; }
  .dashboardstudents table.task-distribution thead th {
    font-size: .7em;
    font-weight: normal;
    text-transform: uppercase;
    text-align: center; }
  .dashboardstudents table.task-distribution tbody td.range {
    color: #fff; }
  .dashboardstudents table.task-distribution tbody td.button {
    text-align: right; }
    .dashboardstudents table.task-distribution tbody td.button a {
      font-size: 1.0em; }

.dashboardstudents-list header form.header {
  position: absolute;
  right: 0;
  top: 0; }
  .dashboardstudents-list header form.header .btn-blue, .dashboardstudents-list header form.header .btn-red {
    margin-right: 0; }

#status_messages p.totals {
  width: 250px;
  font-weight: bold; }
  #status_messages p.totals span {
    float: right; }

.dashboardweekschedule table.week-schedule {
  border: none;
  background: none; }
  .dashboardweekschedule table.week-schedule th, .dashboardweekschedule table.week-schedule td {
    width: 16.66%; }
  .dashboardweekschedule table.week-schedule th.day-session {
    background: none;
    border-left: none;
    border-top: none; }
  .dashboardweekschedule table.week-schedule td {
    vertical-align: top;
    border-right: 1px solid rgba(255, 255, 255, 0.4);
    background: #A7C42B; }
    .dashboardweekschedule table.week-schedule td.day-session {
      background: #72871E;
      color: #fff;
      font-weight: bold;
      text-align: center;
      padding-top: 10px; }
    .dashboardweekschedule table.week-schedule td .task {
      background: rgba(255, 255, 255, 0.4);
      text-align: center;
      padding: 5px;
      margin: 4px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px;
      position: relative; }
      .dashboardweekschedule table.week-schedule td .task p.title {
        margin: 0;
        font-weight: bold; }
      .dashboardweekschedule table.week-schedule td .task span.time {
        font-size: .9em;
        margin: 0 0 10px 0;
        display: block; }
      .dashboardweekschedule table.week-schedule td .task .actions {
        margin: 0 0 -5px -5px;
        overflow: hidden; }
        .dashboardweekschedule table.week-schedule td .task .actions a.edit {
          background: none repeat scroll 0 0 rgba(255, 255, 255, 0.4);
          display: block;
          float: left;
          line-height: 25px;
          margin: 0;
          padding: 0 5px;
          width: 122px; }
        .dashboardweekschedule table.week-schedule td .task .actions a.delete {
          background: #E00F19;
          bottom: 0;
          color: #FFFFFF;
          height: 25px;
          line-height: 22px;
          position: absolute;
          right: 0;
          text-decoration: none;
          width: 25px;
          font-size: 1.2em;
          -webkit-border-radius: 0 0 5px 0;
          -moz-border-radius: 0 0 5px 0;
          -ms-border-radius: 0 0 5px 0;
          -o-border-radius: 0 0 5px 0;
          border-radius: 0 0 5px 0; }
          .dashboardweekschedule table.week-schedule td .task .actions a.delete:hover {
            background: #B00B13; }
    .dashboardweekschedule table.week-schedule td a.btn-blue, .dashboardweekschedule table.week-schedule td a.btn-red {
      font-size: .9em;
      margin: 1em 4px;
      display: block; }
    .dashboardweekschedule table.week-schedule td.lunch {
      background: none;
      border-left: none;
      border-right: none; }
  .dashboardweekschedule table.week-schedule .empty {
    padding: 1em 0; }

.ie9 .dashboardweekschedule table.week-schedule td .task .actions a.delete {
  line-height: 30px; }

.ie10 .dashboardweekschedule table.week-schedule td .task .actions a.delete {
  line-height: 30px; }

.dashboard-usermanagement td.delete {
  width: 110px; }

.dashboard-plantrimester table.base-theme thead th.period {
  width: 100px;
  text-align: center; }

.dashboard-useradmin .wrapper {
  background: #dddddd; }

.dashboard-useradmin .c-3 ul.list {
  margin: 0;
  padding: 0; }
  .dashboard-useradmin .c-3 ul.list li {
    list-style: none;
    font-size: .8em; }
    .dashboard-useradmin .c-3 ul.list li.title {
      padding: 7px;
      font-weight: bold;
      font-size: 1em; }
    .dashboard-useradmin .c-3 ul.list li a {
      display: block;
      padding: 10px 7px;
      border-top: 1px solid #bbb;
      margin: 0 -15px 0 0;
      text-decoration: none;
      color: #000; }
      .dashboard-useradmin .c-3 ul.list li a:hover {
        background: rgba(255, 255, 255, 0.5); }
      .dashboard-useradmin .c-3 ul.list li a.active {
        background: #f2f2f2; }

.dashboard-useradmin .c-9 {
  padding: 20px;
  background: #f2f2f2;
  font-size: .8125em;
  width: 705px; }
  .dashboard-useradmin .c-9 form {
    font-size: 1.0em; }
  .dashboard-useradmin .c-9 table.base-theme {
    font-size: 1.0em;
    margin: 0 0 5px 0; }
  .dashboard-useradmin .c-9 h2 {
    margin: 0 0 3px 0;
    font-weight: bold; }
    .dashboard-useradmin .c-9 h2 a.btn, .dashboard-useradmin .c-9 h2 a[class*="btn-"] {
      font-size: .7em;
      font-weight: normal; }
  .dashboard-useradmin .c-9 i {
    margin: 0 0 30px 0;
    display: block; }
  .dashboard-useradmin .c-9 .teachers {
    margin: 0 0 20px 0; }
    .dashboard-useradmin .c-9 .teachers h3 {
      font-weight: bold;
      margin: 0 0 3px; }
  .dashboard-useradmin .c-9 .students h3 {
    font-weight: bold;
    margin: 0 0 3px; }
  .dashboard-useradmin .c-9 .students .actions {
    background: rgba(0, 0, 0, 0.2);
    padding: 4px 10px;
    overflow: hidden;
    margin: 0 0 5px 0; }
    .dashboard-useradmin .c-9 .students .actions span.th {
      float: left;
      line-height: 30px; }
    .dashboard-useradmin .c-9 .students .actions select {
      float: left;
      margin: 0 8px; }
    .dashboard-useradmin .c-9 .students .actions a {
      float: left; }
    .dashboard-useradmin .c-9 .students .actions i {
      float: left;
      line-height: 30px;
      margin: 0 8px; }

.schoolyearsandperiods .text {
  width: 500px;
  font-size: 0.75em; }

.schoolyearsandperiods .block-yearscheme {
  clear: both;
  font-size: 0.75em;
  overflow: hidden; }
  .schoolyearsandperiods .block-yearscheme .col {
    padding: .7em;
    float: left; }
  .schoolyearsandperiods .block-yearscheme .schoolyear {
    width: 232px; }
  .schoolyearsandperiods .block-yearscheme .step-one {
    width: 340px;
    border-right: 1px solid #DDD;
    border-left: 1px solid #DDD; }
  .schoolyearsandperiods .block-yearscheme .step-two {
    width: 358px; }

.schoolyearsandperiods .block-yearscheme-header {
  border-bottom: 1px solid #DDD;
  font-weight: bold;
  background: #A7C42B;
  color: #fff; }

.schoolyearsandperiods .block-yearscheme-row {
  border-bottom: 1px solid #DDD;
  background: #fff; }
  .schoolyearsandperiods .block-yearscheme-row .schoolyear {
    font-size: 1.25em;
    font-weight: bold;
    line-height: 17px; }
  .schoolyearsandperiods .block-yearscheme-row .step {
    overflow: hidden;
    margin: 0 0 1.4em; }
    .schoolyearsandperiods .block-yearscheme-row .step h3 {
      float: left;
      margin: 0 10px 0 0;
      line-height: 22px;
      font-weight: bold; }
    .schoolyearsandperiods .block-yearscheme-row .step p {
      display: inline-block;
      line-height: 22px;
      margin: 0; }
    .schoolyearsandperiods .block-yearscheme-row .step .warning {
      margin-left: .5em; }
    .schoolyearsandperiods .block-yearscheme-row .step .btn-inactive {
      margin-left: .5em; }
    .schoolyearsandperiods .block-yearscheme-row .step:last-child {
      margin: 0; }

.schoolyearsandperiods .lightbox .msg {
  margin: 0 0 30px 0; }

.schoolyearsandperiods .lightbox .block {
  margin: 0 0 30px 0; }

.schoolyearsandperiods .lightbox .form .form-field {
  padding: 0; }

.schoolyearsandperiods .lightbox .form .form-footer {
  margin-top: 30px; }

.printonly,
.printbg {
  display: none; }

.print-page {
  background: none;
  padding: 1em;
  overflow: auto; }

.print-button {
  float: right;
  margin: -3px 0 0 1em;
  padding: 1em; }

.page-break {
  display: none; }

@media print {
  .print-page {
    padding: 0; }
    .print-page .heading {
      display: none; }
  @page {
    margin: 1cm; }
  .page-break {
    display: block;
    clear: both;
    float: none;
    page-break-after: always;
    page-break-inside: avoid;
    position: relative; }
  .printonly {
    display: block !important; }
  table.printonly {
    display: table !important; }
  thead.printonly {
    display: table-header-group; }
  tfoot.printonly {
    display: table-footer-group; }
  tbody.printonly {
    display: table-row-group; }
  tr.printonly {
    display: table-row !important; }
  td.printonly,
  th.printonly {
    display: table-cell !important; }
  .screenonly {
    display: none !important; }
  .printbg-wrapper {
    position: relative;
    background: transparent !important; }
    .printbg-wrapper * {
      position: relative;
      z-index: 1; }
    .printbg-wrapper .printbg {
      z-index: 0; }
  .printbg {
    display: block;
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0; }
    .printbg.noresize {
      width: auto;
      height: auto; }
  body {
    background: none;
    overflow: auto;
    font-size: 10px;
    height: 100%; }
  form {
    font-size: 1em; }
  .header-wrapper {
    display: none; }
  .body-wrapper {
    overflow: auto;
    height: auto; }
  .notification {
    display: none; }
  .wrapper {
    width: 100%;
    left: 0;
    margin: 0;
    padding: 0 !important;
    border: none;
    background: none;
    overflow: hidden; }
  .r {
    margin: 0 -15px !important;
    border-color: #A7C42B !important;
    padding: 1em 0 !important;
    width: auto; }
  .print-header h1 {
    position: relative;
    padding: .25em 1em;
    border: none;
    margin: 0;
    background-color: transparent !important;
    color: #000 !important;
    overflow: hidden;
    position: relative; }
    .print-header h1:before {
      content: "";
      display: block;
      position: absolute;
      z-index: -1;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      border-width: 999px;
      border-style: solid;
      border-color: #A7C42B;
      border-right: none;
      border-bottom: none; }
  .print-header b {
    white-space: nowrap;
    display: block; }
  .print-page .print-header {
    margin-bottom: 1em; }
  [class*="btn"] {
    display: none; }
  textarea {
    width: 100%; }
  .writingline {
    padding-top: 5em;
    border-bottom: 2px dotted #000; }
  .page_parenttalk .heading-r {
    display: none; }
  .page_parenttalk .form-field {
    margin-bottom: 0; } }

.heading .btn-blue.print, .heading .print.btn-red,
.heading .btn-blue.close,
.heading .close.btn-red {
  float: right;
  margin: -3px 0 0 1em;
  padding: 1em; }

  .margin-skill-set{
    margin: 0 -29px !important;
  }

.skillselect-info-button{
  background: none;
  width: inherit;
  padding-right: 0px;
  position: static;
  float: right;
}
.skillselect-info-button a{
  margin: 0 !important;
  position: static !important;
}

.skill-set-tbody .skill-set-name i {
      display: inline-block;
      width: 25px;
      height: 25px;
      vertical-align: middle;
      background-position: center center;
      background-repeat: no-repeat; 
      margin-right: 15px;}
      .skill-set-tbody .skill-set-name i.type-attention {
        background-image: url(../img/icons/icon_aandachtlijnen_25x25.png); }
      .skill-set-tbody .skill-set-name i.type-instruction {
        background-image: url(../img/icons/icon_instructielijnen_25x25.png); }
      .skill-set-tbody .skill-set-name i.type-assignments {
        background-image: url(../img/icons/icon_opdrachtlijnen_25x25.png); }
      .skill-set-tbody .skill-set-name i.type-routine {
        background-image: url(../img/icons/icon_routinelijnen_25x25.png); }
.skill-set-tbody .skill-set-name a {
  width: 40px;
  height: 40px;
  color: rgba(0, 0, 0, 0.2);
  border-color: rgba(0, 0, 0, 0.12);
  background: url("../img/icons/icon_paperclip_20x20_lightblue.png") no-repeat scroll center center #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }