/* ========================================================================
 * bootstrap-tour - v0.12.0
 * http://bootstraptour.com
 * ========================================================================
 * Copyright 2012-2015 Ulrich Sossou
 *
 * ========================================================================
 * Licensed under the MIT License (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     https://opensource.org/licenses/MIT
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * ========================================================================
 */

/*!
 * Bootstrap v3.1.0 (http://getbootstrap.com)
 * Copyright 2011-2014 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus,
.btn.focus {
  color: #333;
  text-decoration: none;
}
.btn:active,
.btn.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
a.btn.disabled,
fieldset[disabled] a.btn {
  pointer-events: none;
}
.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.btn-default:focus,
.btn-default.focus {
  color: #333;
  background-color: #e6e6e6;
  border-color: #8c8c8c;
}
.btn-default:hover {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
  color: #333;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus {
  background-color: #fff;
  border-color: #ccc;
}
.btn-default .badge {
  color: #fff;
  background-color: #333;
}
.btn-primary {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-primary:focus,
.btn-primary.focus {
  color: #fff;
  background-color: #286090;
  border-color: #122b40;
}
.btn-primary:hover {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
  color: #fff;
  background-color: #204d74;
  border-color: #122b40;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-primary .badge {
  color: #337ab7;
  background-color: #fff;
}
.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success:focus,
.btn-success.focus {
  color: #fff;
  background-color: #449d44;
  border-color: #255625;
}
.btn-success:hover {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
.btn-success:active:hover,
.btn-success.active:hover,
.open > .dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open > .dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open > .dropdown-toggle.btn-success.focus {
  color: #fff;
  background-color: #398439;
  border-color: #255625;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success .badge {
  color: #5cb85c;
  background-color: #fff;
}
.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info:focus,
.btn-info.focus {
  color: #fff;
  background-color: #31b0d5;
  border-color: #1b6d85;
}
.btn-info:hover {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.btn-info:active:hover,
.btn-info.active:hover,
.open > .dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open > .dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open > .dropdown-toggle.btn-info.focus {
  color: #fff;
  background-color: #269abc;
  border-color: #1b6d85;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  background-image: none;
}
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus {
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info .badge {
  color: #5bc0de;
  background-color: #fff;
}
.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning:focus,
.btn-warning.focus {
  color: #fff;
  background-color: #ec971f;
  border-color: #985f0d;
}
.btn-warning:hover {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}
.btn-warning:active:hover,
.btn-warning.active:hover,
.open > .dropdown-toggle.btn-warning:hover,
.btn-warning:active:focus,
.btn-warning.active:focus,
.open > .dropdown-toggle.btn-warning:focus,
.btn-warning:active.focus,
.btn-warning.active.focus,
.open > .dropdown-toggle.btn-warning.focus {
  color: #fff;
  background-color: #d58512;
  border-color: #985f0d;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  background-image: none;
}
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus {
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning .badge {
  color: #f0ad4e;
  background-color: #fff;
}
.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger:focus,
.btn-danger.focus {
  color: #fff;
  background-color: #c9302c;
  border-color: #761c19;
}
.btn-danger:hover {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.btn-danger:active:hover,
.btn-danger.active:hover,
.open > .dropdown-toggle.btn-danger:hover,
.btn-danger:active:focus,
.btn-danger.active:focus,
.open > .dropdown-toggle.btn-danger:focus,
.btn-danger:active.focus,
.btn-danger.active.focus,
.open > .dropdown-toggle.btn-danger.focus {
  color: #fff;
  background-color: #ac2925;
  border-color: #761c19;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  background-image: none;
}
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger .badge {
  color: #d9534f;
  background-color: #fff;
}
.btn-link {
  color: #337ab7;
  font-weight: normal;
  border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
  color: #23527c;
  text-decoration: underline;
  background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
  color: #777777;
  text-decoration: none;
}
.btn-lg,
.btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
.btn-sm,
.btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-xs,
.btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-block {
  display: block;
  width: 100%;
}
.btn-block + .btn-block {
  margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}
.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  float: left;
}
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover,
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus,
.btn-group > .btn:active,
.btn-group-vertical > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn.active {
  z-index: 2;
}
.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: -1px;
}
.btn-toolbar {
  margin-left: -5px;
}
.btn-toolbar .btn,
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
  float: left;
}
.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
  margin-left: 5px;
}
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}
.btn-group > .btn:first-child {
  margin-left: 0;
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.btn-group > .btn-group {
  float: left;
}
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}
.btn-group > .btn + .dropdown-toggle {
  padding-left: 8px;
  padding-right: 8px;
}
.btn-group > .btn-lg + .dropdown-toggle {
  padding-left: 12px;
  padding-right: 12px;
}
.btn-group.open .dropdown-toggle {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-group.open .dropdown-toggle.btn-link {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn .caret {
  margin-left: 0;
}
.btn-lg .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0;
}
.dropup .btn-lg .caret {
  border-width: 0 5px 5px;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
}
.btn-group-vertical > .btn-group > .btn {
  float: none;
}
.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0;
}
.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
}
.btn-group-justified > .btn,
.btn-group-justified > .btn-group {
  float: none;
  display: table-cell;
  width: 1%;
}
.btn-group-justified > .btn-group .btn {
  width: 100%;
}
.btn-group-justified > .btn-group .dropdown-menu {
  left: auto;
}
[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 14px;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.popover.top {
  margin-top: -10px;
}
.popover.right {
  margin-left: 10px;
}
.popover.bottom {
  margin-top: 10px;
}
.popover.left {
  margin-left: -10px;
}
.popover-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}
.popover-content {
  padding: 9px 14px;
}
.popover > .arrow,
.popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.popover > .arrow {
  border-width: 11px;
}
.popover > .arrow:after {
  border-width: 10px;
  content: "";
}
.popover.top > .arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #999999;
  border-top-color: rgba(0, 0, 0, 0.25);
  bottom: -11px;
}
.popover.top > .arrow:after {
  content: " ";
  bottom: 1px;
  margin-left: -10px;
  border-bottom-width: 0;
  border-top-color: #fff;
}
.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999999;
  border-right-color: rgba(0, 0, 0, 0.25);
}
.popover.right > .arrow:after {
  content: " ";
  left: 1px;
  bottom: -10px;
  border-left-width: 0;
  border-right-color: #fff;
}
.popover.bottom > .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  top: -11px;
}
.popover.bottom > .arrow:after {
  content: " ";
  top: 1px;
  margin-left: -10px;
  border-top-width: 0;
  border-bottom-color: #fff;
}
.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999999;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.popover.left > .arrow:after {
  content: " ";
  right: 1px;
  border-right-width: 0;
  border-left-color: #fff;
  bottom: -10px;
}
.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
.fade.in {
  opacity: 1;
}
.collapse {
  display: none;
}
.collapse.in {
  display: block;
}
tr.collapse.in {
  display: table-row;
}
tbody.collapse.in {
  display: table-row-group;
}
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-property: height, visibility;
  transition-property: height, visibility;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}
.tour-backdrop {
  position: absolute;
  z-index: 1100;
  background-color: #000;
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.popover[class*="tour-"] {
  z-index: 1102;
}
.popover[class*="tour-"] .popover-navigation {
  padding: 9px 14px;
  overflow: hidden;
}
.popover[class*="tour-"] .popover-navigation *[data-role="end"] {
  float: right;
}
.popover[class*="tour-"] .popover-navigation *[data-role="prev"],
.popover[class*="tour-"] .popover-navigation *[data-role="next"],
.popover[class*="tour-"] .popover-navigation *[data-role="end"] {
  cursor: pointer;
}
.popover[class*="tour-"] .popover-navigation *[data-role="prev"].disabled,
.popover[class*="tour-"] .popover-navigation *[data-role="next"].disabled,
.popover[class*="tour-"] .popover-navigation *[data-role="end"].disabled {
  cursor: default;
}
.popover[class*="tour-"].orphan {
  position: fixed;
  margin-top: 0;
}
.popover[class*="tour-"].orphan .arrow {
  display: none;
}

#fancybox-thumbs {
	position: fixed;
	left: 0;
	width: 100%;
	overflow: hidden;
	z-index: 8050;
}

#fancybox-thumbs.bottom {
	bottom: 2px;
}

#fancybox-thumbs.top {
	top: 2px;
}

#fancybox-thumbs ul {
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
}

#fancybox-thumbs ul li {
	float: left;
	padding: 1px;
	opacity: 0.5;
}

#fancybox-thumbs ul li.active {
	opacity: 0.75;
	padding: 0;
	border: 1px solid #fff;
}

#fancybox-thumbs ul li:hover {
	opacity: 1;
}

#fancybox-thumbs ul li a {
	display: block;
	position: relative;
	overflow: hidden;
	border: 1px solid #222;
	background: #111;
	outline: none;
}

#fancybox-thumbs ul li img {
	display: block;
	position: relative;
	border: 0;
	padding: 0;
	max-width: none;
}
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('img/fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('img/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('fancybox_overlay.png');
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url('img/fancybox_sprite@2x.png');
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url('img/fancybox_loading@2x.gif');
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}
.pt-activity-per-student {
  display: block; }
  .pt-activity-per-student .SL-cell.date {
    width: 100px; }
  .pt-activity-per-student .SL-cell.star-holder svg {
    width: 20px; }
  .pt-activity-per-student .calendar {
    display: flex;
    width: 65%;
    border-radius: 12px;
    height: 40px;
    background: #FFF;
    margin: 20px auto 5px auto;
    box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.16);
    border: 1px solid #D5D5D5; }
    .pt-activity-per-student .calendar .svg-icon {
      width: 16px;
      height: 13px; }
    .pt-activity-per-student .calendar .left-arrow {
      width: 30px;
      text-align: center;
      margin: auto;
      transform: rotate(180deg);
      cursor: pointer; }
    .pt-activity-per-student .calendar .right-arrow {
      margin: auto;
      width: 30px;
      text-align: center;
      cursor: pointer; }
    .pt-activity-per-student .calendar .middle-calendar {
      border-left: 1px solid #E0E0E0;
      border-right: 1px solid #E0E0E0;
      width: calc(100% - 68px);
      display: flex;
      flex-flow: column; }
      .pt-activity-per-student .calendar .middle-calendar .date-row {
        margin: auto;
        width: 100%;
        text-align: center;
        display: block; }
  .pt-activity-per-student .pt-activity-per-student-cards {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 20px; }
    .pt-activity-per-student .pt-activity-per-student-cards .double-column {
      width: calc(50% - 10px);
      display: flex;
      flex-direction: column;
      gap: 20px; }
    .pt-activity-per-student .pt-activity-per-student-cards .single-center-col {
      display: flex;
      width: 100%;
      justify-content: center; }
    .pt-activity-per-student .pt-activity-per-student-cards .student-result {
      margin-top: 0; }
      .pt-activity-per-student .pt-activity-per-student-cards .student-result.no-result {
        text-align: center;
        margin-top: 65px;
        display: flex;
        flex-direction: column;
        margin-left: auto;
        margin-right: auto; }
        .pt-activity-per-student .pt-activity-per-student-cards .student-result.no-result .text {
          text-align: center;
          font-weight: 600;
          font-size: 18px;
          margin-top: 40px; }
      @media screen and (max-width: 767px) {
        .pt-activity-per-student .pt-activity-per-student-cards .student-result {
          width: 100%; } }
  .pt-activity-per-student .card {
    margin-bottom: 0; }
    .pt-activity-per-student .card .SL-table.child-result-table .nr-minutes {
      padding-left: 10px;
      color: #C9C5C5;
      vertical-align: sub;
      font-size: 12px; }
    .pt-activity-per-student .card .SL-table.child-result-table .finish-date {
      width: 65px; }
    .pt-activity-per-student .card .SL-table.child-result-table svg.icon-magnifier {
      width: 21px;
      height: 21px;
      max-width: 21px;
      max-height: 21px; }
    .pt-activity-per-student .card .SL-table.child-result-table svg.icon-simpleBook {
      width: 15px;
      height: 11px;
      max-width: 15px;
      max-height: 11px; }

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

.pt-slimleren-bookName .bookName {
  display: flex;
  font-weight: 700;
  color: #16B6F1; }
  .pt-slimleren-bookName .bookName .bookEdition {
    color: #FFB037;
    margin-left: 5px;
    font-size: .85em;
    font-weight: 900;
    margin-top: -0.7em; }

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

.pt-slimleren-brackets {
  vertical-align: middle;
  gap: 2px;
  position: relative;
  display: inline-grid; }
  .pt-slimleren-brackets .left {
    grid-column: 1; }
  .pt-slimleren-brackets .bracket_content {
    grid-column: 2; }
  .pt-slimleren-brackets .right {
    grid-column: 3; }
    .pt-slimleren-brackets .right svg.bracket {
      transform: rotate(180deg); }
  .pt-slimleren-brackets svg.bracket {
    height: 100% !important; }

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

.pt-breadcrumbs {
  margin: 14px 12px;
  display: flex;
  align-items: center;
  gap: 12px; }
  .pt-breadcrumbs svg.arrow {
    height: 9px;
    color: #FFF; }
  .pt-breadcrumbs .pt-breadcrumb {
    font-size: 13px;
    position: relative;
    z-index: 4;
    color: #FFF; }
    .pt-breadcrumbs .pt-breadcrumb.active .title {
      text-decoration: underline;
      font-weight: 900; }
    .pt-breadcrumbs .pt-breadcrumb.heavy {
      font-weight: 900;
      color: #FFB037; }
    .pt-breadcrumbs .pt-breadcrumb svg {
      height: 17px; }
    .pt-breadcrumbs .pt-breadcrumb a:hover {
      text-decoration: underline;
      color: #D1F1FD; }

body.grey .pt-breadcrumbs svg.arrow {
  color: #999696; }
body.grey .pt-breadcrumbs .pt-breadcrumb {
  color: #999696; }
  body.grey .pt-breadcrumbs .pt-breadcrumb.heavy {
    color: #16B6F1; }
  body.grey .pt-breadcrumbs .pt-breadcrumb a:hover {
    color: #16B6F1; }

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

/**
@TODO: Why don't we make all sizes dynamicHeight? This way the button can adjust size according to the contents.
 */
.pt-button {
  display: inline-block;
  vertical-align: top;
  position: relative;
  padding-top: 2px;
  cursor: pointer;
  -webkit-user-select: none;
  /* Safari */
  -ms-user-select: none;
  /* IE 10 and IE 11 */
  user-select: none;
  /* Standard syntax */ }
  .pt-button.full-width {
    width: 100%; }
  .pt-button .bttn {
    position: relative;
    z-index: 5;
    font-weight: 400;
    transition: all 0.1s ease-in-out 0s;
    border-radius: 6px;
    line-height: 1;
    display: flex;
    justify-content: center; }
    .pt-button .bttn .svg-icon {
      height: 14px; }
    .pt-button .bttn.icon-left > .svg-icon {
      margin-right: 8px; }
    .pt-button .bttn.icon-right > .svg-icon {
      margin-left: 8px; }
  .pt-button .shadow {
    display: inline-block;
    z-index: 4;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 2px;
    right: 0;
    border-radius: 6px;
    box-shadow: -3px 4px 1px rgba(0, 0, 0, 0.15);
    transition: all 0.1s ease-in-out 0s; }
  .pt-button.fat .bttn .text {
    font-weight: 800;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2); }
  .pt-button.fat.white .bttn .text {
    font-weight: 600;
    text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1); }
  .pt-button.tiny {
    height: 23px; }
    .pt-button.tiny .bttn {
      padding: 3px 10px;
      font-size: 11px;
      letter-spacing: 1px; }
    .pt-button.tiny .shadow {
      box-shadow: -2px 3px 0px rgba(0, 0, 0, 0.15); }
    .pt-button.tiny:hover .shadow {
      box-shadow: -3px 4px 1px rgba(0, 0, 0, 0.15); }
  .pt-button.x-small {
    height: 28px; }
    .pt-button.x-small .bttn {
      padding: 4px 9px;
      font-size: 13px; }
    .pt-button.x-small .shadow {
      bottom: 3px; }
    .pt-button.x-small.fat .bttn .text {
      font-weight: 600; }
  .pt-button.small {
    height: 32px; }
    .pt-button.small .bttn {
      padding: 6px 16px;
      font-size: 13px; }
  .pt-button.medium {
    height: 35px; }
    .pt-button.medium .bttn {
      padding: 7px 16px;
      font-size: 14px; }
  .pt-button.mediumLarge {
    height: 43px; }
    .pt-button.mediumLarge .bttn {
      padding: 11px 18px;
      font-size: 14px; }
  .pt-button.large {
    height: 46px; }
    .pt-button.large .bttn {
      padding: 12px 20px;
      font-size: 16px; }
  .pt-button.dynamicHeight .bttn {
    padding: 8px 16px; }
  .pt-button.dynamicHeight .shadow {
    height: calc(100% + 2px); }
  .pt-button.dynamicHeight:hover .shadow {
    height: calc(100% + 4px); }
  .pt-button.huge {
    height: 50px; }
    .pt-button.huge .bttn {
      padding: 13px 28px;
      font-size: 18px; }
  .pt-button .bttn {
    background-color: var(--sl-brand-color, #16B6F1);
    color: #FFF;
    box-shadow: 0 3px var(--sl-brand-shadow-color, #1B8EB9);
    text-shadow: 1px 1px 2px var(--sl-brand-shadow-color, #1B8EB9); }
  .pt-button:hover .bttn {
    box-shadow: 0 5px var(--sl-brand-shadow-color, #1B8EB9); }
  .pt-button:active .bttn {
    box-shadow: 0 2px var(--sl-brand-shadow-color, #1B8EB9); }
  .pt-button:hover .bttn {
    margin-top: -2px; }
  .pt-button:hover .shadow {
    box-shadow: -4px 7px 1px rgba(0, 0, 0, 0.15); }
  .pt-button:active .bttn, .pt-button.selected .bttn {
    margin-top: 0; }
  .pt-button:active .shadow, .pt-button.selected .shadow {
    box-shadow: 0 0 rgba(0, 0, 0, 0.15);
    margin-top: 0; }
  .pt-button.selected {
    pointer-events: none; }
  .pt-button.orange .bttn {
    background-color: #ffb037;
    color: #FFF;
    box-shadow: 0 3px #cb8a28;
    text-shadow: 1px 1px 2px #cb8a28; }
  .pt-button.orange:hover .bttn {
    box-shadow: 0 5px #cb8a28; }
  .pt-button.orange:active .bttn {
    box-shadow: 0 2px #cb8a28; }
  .pt-button.white .bttn {
    background-color: #FFF;
    color: #4a4a4a;
    box-shadow: 0 3px #e0dfdf;
    text-shadow: 1px 1px 2px #e0dfdf; }
  .pt-button.white:hover .bttn {
    box-shadow: 0 5px #e0dfdf; }
  .pt-button.white:active .bttn {
    box-shadow: 0 2px #e0dfdf; }
  .pt-button.green .bttn {
    background-color: #84d521;
    color: #FFF;
    box-shadow: 0 3px #66a915;
    text-shadow: 1px 1px 2px #66a915; }
  .pt-button.green:hover .bttn {
    box-shadow: 0 5px #66a915; }
  .pt-button.green:active .bttn {
    box-shadow: 0 2px #66a915; }
  .pt-button.red .bttn {
    background-color: #e75243;
    color: #FFF;
    box-shadow: 0 3px #bd3427;
    text-shadow: 1px 1px 2px #bd3427; }
  .pt-button.red:hover .bttn {
    box-shadow: 0 5px #bd3427; }
  .pt-button.red:active .bttn {
    box-shadow: 0 2px #bd3427; }
  .pt-button.turquoise .bttn {
    background-color: #00cecd;
    color: #FFF;
    box-shadow: 0 3px #06a5a5;
    text-shadow: 1px 1px 2px #06a5a5; }
  .pt-button.turquoise:hover .bttn {
    box-shadow: 0 5px #06a5a5; }
  .pt-button.turquoise:active .bttn {
    box-shadow: 0 2px #06a5a5; }
  .pt-button.purple .bttn {
    background-color: #7FA9E8;
    color: #FFF;
    box-shadow: 0 3px #5785CB;
    text-shadow: 1px 1px 2px #5785CB; }
  .pt-button.purple:hover .bttn {
    box-shadow: 0 5px #5785CB; }
  .pt-button.purple:active .bttn {
    box-shadow: 0 2px #5785CB; }
  .pt-button.disabled {
    cursor: default;
    pointer-events: none; }
    .pt-button.disabled .bttn {
      background-color: #9e9e9e;
      color: #FFF;
      box-shadow: 0 3px #6b6a6a;
      text-shadow: 1px 1px 2px #6b6a6a; }
    .pt-button.disabled:hover .bttn {
      box-shadow: 0 5px #6b6a6a; }
    .pt-button.disabled:active .bttn {
      box-shadow: 0 2px #6b6a6a; }

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

.buttonRow {
  margin-bottom: 5px; }
  .buttonRow.smallMediumButtons .button .small {
    font-size: 16px; }
  .buttonRow.bottom {
    margin-top: 20px; }

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

.buttonValue {
  min-width: 80px;
  vertical-align: middle;
  text-align: center;
  border-radius: 8px !important;
  margin: 0 5px; }
  .buttonValue .text {
    display: flex !important;
    position: relative;
    flex-direction: column;
    gap: 2px;
    justify-content: center;
    align-items: center; }
    .buttonValue .text .small {
      display: block;
      font-size: 13px;
      text-align: center; }
    .buttonValue .text .large {
      display: block;
      font-size: 26px;
      text-align: center;
      font-weight: 600;
      margin-top: 5px; }
  .buttonValue.smallTextBottom .text {
    flex-direction: column-reverse; }

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

.card {
  background: #FFF none repeat scroll 0 0;
  border-radius: 14px;
  border: 1px solid #D5D5D5;
  box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.16);
  padding: 15px;
  position: relative;
  z-index: 10;
  margin-bottom: 15px;
  /**
  ALL BELOW IS DEPRECATED
  @deprecated;
   */ }
  .card > .header, .card .card-header {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .card > .header .icon, .card > .header > a > .icon, .card .card-header .icon, .card .card-header > a > .icon {
      margin-right: 16px;
      display: inline-block; }
      .card > .header .icon .svg-bg, .card > .header .icon .svg-icon, .card > .header > a > .icon .svg-bg, .card > .header > a > .icon .svg-icon, .card .card-header .icon .svg-bg, .card .card-header .icon .svg-icon, .card .card-header > a > .icon .svg-bg, .card .card-header > a > .icon .svg-icon {
        width: 60px;
        height: 60px; }
    .card > .header .title, .card .card-header .title {
      display: inline-block;
      vertical-align: middle;
      font-size: 20px;
      font-weight: 700;
      line-height: 1.375; }
      .card > .header .title .highlight, .card .card-header .title .highlight {
        color: #16B6F1;
        text-decoration: underline; }
      .card > .header .title.subTitle-inline, .card .card-header .title.subTitle-inline {
        font-size: 26px;
        text-decoration: underline; }
        .card > .header .title.subTitle-inline .subTitle, .card .card-header .title.subTitle-inline .subTitle {
          display: inline-block;
          margin-left: 10px; }
      .card > .header .title .subTitle, .card .card-header .title .subTitle {
        font-size: 13px;
        font-weight: 400;
        display: block; }
        .card > .header .title .subTitle a, .card .card-header .title .subTitle a {
          color: #16B6F1; }
          .card > .header .title .subTitle a:hover, .card .card-header .title .subTitle a:hover {
            text-decoration: underline; }
    .card > .header > .left, .card > .header > .right, .card .card-header > .left, .card .card-header > .right {
      display: flex;
      align-items: center; }
      .card > .header > .left.right, .card > .header > .right.right, .card .card-header > .left.right, .card .card-header > .right.right {
        padding-left: 10px; }
  .card .cardBreak {
    background: #e2e2e4 none repeat scroll 0 0;
    height: 2px;
    margin: 15px -15px; }
  .card .contents > .content h3.title, .card > .content h3.title {
    font-weight: 900;
    text-decoration: underline; }
  .card .contents > .content p.subTitle, .card > .content p.subTitle {
    margin-top: 4px; }
  .card .contents > .content > .labelContent, .card > .content > .labelContent {
    display: flex;
    gap: 40px; }
    .card .contents > .content > .labelContent > .label, .card > .content > .labelContent > .label {
      font-weight: 600;
      text-decoration: underline;
      width: 120px; }
    .card .contents > .content > .labelContent > .content, .card > .content > .labelContent > .content {
      width: calc(100% - 120px); }
  .card .cardTopTitle {
    padding: 5px; }
    .card .cardTopTitle.big {
      font-size: 28px;
      font-weight: 300; }
      .card .cardTopTitle.big > .svg-icon {
        width: 56px;
        height: 56px;
        margin-right: 18px; }
    .card .cardTopTitle > .text {
      vertical-align: middle;
      font-size: 26px; }
  .card .cardTitle {
    padding: 5px 20px;
    font-weight: 300; }
    @media only screen and (max-width: 991px) {
      .card .cardTitle {
        padding: 5px 0; } }
    .card .cardTitle.small {
      font-weight: 300;
      font-size: 16px; }
      .card .cardTitle.small > .text {
        font-size: 16px; }
    .card .cardTitle.big {
      font-size: 28px; }
      .card .cardTitle.big > .svg-icon {
        width: 62px;
        height: 62px;
        margin-right: 20px; }
    .card .cardTitle.center {
      text-align: center; }
    .card .cardTitle > .text {
      vertical-align: middle;
      font-size: 26px; }
    .card .cardTitle > img, .card .cardTitle > a > img, .card .cardTitle > .icon, .card .cardTitle > a > .icon {
      margin-right: 20px; }
  .card .smallCardIcon {
    position: absolute;
    top: 16px;
    right: 16px; }
  .card .thinCardBreak {
    background: #eaeaea none repeat scroll 0 0;
    height: 1px;
    margin: 30px 0; }
  .card .closeIcon {
    position: absolute;
    top: 20px;
    right: 20px;
    line-height: 1;
    cursor: pointer; }

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

.pt-slimleren-cardWithTabs > .card > .contents > .content > .card {
  border: none;
  box-shadow: none;
  background: none;
  border-radius: unset;
  padding: unset;
  margin-bottom: unset; }
.pt-slimleren-cardWithTabs > .card > .contents > .content:not(.active) {
  display: none; }
.pt-slimleren-cardWithTabs .scroll {
  display: none; }
.pt-slimleren-cardWithTabs.show-scroll .scroll {
  display: flex; }
.pt-slimleren-cardWithTabs .tabs {
  overflow: hidden;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
  display: flex;
  flex-direction: row;
  gap: 8px;
  justify-content: space-between;
  align-items: center;
  margin-bottom: -2px;
  margin-top: -5px; }
  .pt-slimleren-cardWithTabs .tabs .tabStatus {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0; }
    .pt-slimleren-cardWithTabs .tabs .tabStatus .tabStatusTag {
      font-size: 11px;
      white-space: nowrap; }
  .pt-slimleren-cardWithTabs .tabs .scroll {
    padding: 5px 8px;
    background: #FFF;
    border-radius: 6px;
    height: min-content;
    cursor: pointer; }
    .pt-slimleren-cardWithTabs .tabs .scroll:hover svg {
      color: #16B6F1; }
    .pt-slimleren-cardWithTabs .tabs .scroll svg {
      height: 8px;
      color: #999696; }
  .pt-slimleren-cardWithTabs .tabs .viewport {
    display: flex;
    column-gap: 4px;
    position: relative;
    width: 100%;
    min-width: 0;
    overflow: hidden;
    flex: 1 1 auto; }
    .pt-slimleren-cardWithTabs .tabs .viewport .viewport-content {
      display: flex;
      column-gap: 4px;
      position: relative;
      width: max-content;
      min-width: 100%;
      left: 0; }
    .pt-slimleren-cardWithTabs .tabs .viewport .tabContainer {
      display: flex;
      gap: 0;
      flex-direction: row;
      position: relative;
      flex: 0 0 auto; }
      .pt-slimleren-cardWithTabs .tabs .viewport .tabContainer.for-copy {
        display: none; }
      .pt-slimleren-cardWithTabs .tabs .viewport .tabContainer.closable .close {
        background: #C9C5C5;
        border-radius: 50px;
        position: absolute;
        top: 0px;
        height: 14px;
        width: 14px;
        right: 5px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer; }
        .pt-slimleren-cardWithTabs .tabs .viewport .tabContainer.closable .close svg {
          height: 6px;
          color: #FFF; }
        .pt-slimleren-cardWithTabs .tabs .viewport .tabContainer.closable .close:hover svg {
          color: #999696; }
      .pt-slimleren-cardWithTabs .tabs .viewport .tabContainer:not(.active) .tab {
        cursor: pointer; }
        .pt-slimleren-cardWithTabs .tabs .viewport .tabContainer:not(.active) .tab:hover .text {
          text-decoration: underline; }
      .pt-slimleren-cardWithTabs .tabs .viewport .tabContainer.active {
        z-index: 11; }
        .pt-slimleren-cardWithTabs .tabs .viewport .tabContainer.active .tab .text {
          text-decoration: underline;
          font-weight: 700;
          color: #16B6F1; }
      .pt-slimleren-cardWithTabs .tabs .viewport .tabContainer .edge {
        -webkit-user-select: none;
        /* Safari */
        -ms-user-select: none;
        /* IE 10 and IE 11 */
        user-select: none;
        /* Standard syntax */ }
      .pt-slimleren-cardWithTabs .tabs .viewport .tabContainer .tab {
        background: #FFF;
        margin-top: 5px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 20px;
        position: relative; }
        .pt-slimleren-cardWithTabs .tabs .viewport .tabContainer .tab::before {
          position: absolute;
          content: " ";
          background: #FFF;
          left: 0px;
          right: 0px;
          top: 0px;
          height: 0px;
          z-index: -1;
          box-shadow: 0 0 4px 1px #c4c4c4; }
        .pt-slimleren-cardWithTabs .tabs .viewport .tabContainer .tab .text {
          vertical-align: middle;
          display: inline-block;
          margin-top: 3px;
          margin-left: 7px;
          font-size: 13px;
          width: max-content;
          color: #666;
          font-weight: 600; }
          .pt-slimleren-cardWithTabs .tabs .viewport .tabContainer .tab .text.turquoise {
            color: #00cecd; }
          .pt-slimleren-cardWithTabs .tabs .viewport .tabContainer .tab .text.red {
            color: #f45b4f; }
          .pt-slimleren-cardWithTabs .tabs .viewport .tabContainer .tab .text.green {
            color: #94cb2d; }
          .pt-slimleren-cardWithTabs .tabs .viewport .tabContainer .tab .text.orange {
            color: #ff9f1f; }
          .pt-slimleren-cardWithTabs .tabs .viewport .tabContainer .tab .text.blue {
            color: #16b6f1; }

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

.pt-change-password-tab .form {
  margin-top: 20px; }
  .pt-change-password-tab .form .formRow {
    min-height: 45px; }
    .pt-change-password-tab .form .formRow .selectOptions {
      line-height: 1.375; }
    .pt-change-password-tab .form .formRow label:not(.radio), .pt-change-password-tab .form .formRow .label {
      display: inline-block;
      width: 200px;
      vertical-align: middle;
      cursor: pointer;
      margin-top: auto;
      margin-bottom: auto; }
    .pt-change-password-tab .form .formRow .value, .pt-change-password-tab .form .formRow input {
      width: 250px;
      display: inline-block; }
    .pt-change-password-tab .form .formRow .email {
      display: inline-block;
      vertical-align: middle;
      margin-top: 10px; }
    .pt-change-password-tab .form .formRow .gender-radio {
      display: inline-block;
      vertical-align: top; }
.pt-change-password-tab .buttonHolder {
  margin-top: 30px;
  text-align: right; }

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

.pt-chapters-bar {
  margin-bottom: 10px;
  display: flex;
  flex-direction: column; }
  .pt-chapters-bar.full-slide .bar-row .click-arrow {
    opacity: 0;
    cursor: default; }
  .pt-chapters-bar.full-slide .bar-row .middle-chapters {
    border-right: none; }
    .pt-chapters-bar.full-slide .bar-row .middle-chapters .chapters-bar .chapter {
      width: 100%; }
  .pt-chapters-bar .plugin-container {
    display: flex;
    margin-left: auto;
    margin-right: auto;
    flex-direction: column;
    width: calc(100% - 80px); }
    .pt-chapters-bar .plugin-container .plugins {
      display: none;
      box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.16);
      flex-direction: column;
      background: #FFF;
      border-radius: 0px 0px 8px 8px;
      padding-top: 10px; }
    .pt-chapters-bar .plugin-container .toggle-arrow {
      margin-left: auto;
      margin-right: auto;
      width: 50px;
      height: 20px;
      background: #FFF;
      border-radius: 0px 0px 8px 8px;
      display: flex;
      justify-content: center;
      color: #E0E0E0;
      cursor: pointer;
      padding-top: 4px;
      position: relative;
      z-index: 1; }
      .pt-chapters-bar .plugin-container .toggle-arrow svg {
        height: 12px;
        transition: transform 0.3s ease; }
      .pt-chapters-bar .plugin-container .toggle-arrow.close svg {
        transform: rotate(180deg); }
      .pt-chapters-bar .plugin-container .toggle-arrow:hover svg {
        color: #999696; }
  .pt-chapters-bar.orange .bar-row {
    border: 2px solid #FFE2B4;
    box-shadow: none;
    background: #FFFAF2; }
    .pt-chapters-bar.orange .bar-row .middle-chapters {
      border-color: #FFE2B4; }
      .pt-chapters-bar.orange .bar-row .middle-chapters .chapters-bar .chapter {
        border-left: 2px solid #FFE2B4;
        border-right: 2px solid #FFE2B4; }
    .pt-chapters-bar.orange .bar-row .click-arrow .svg-icon {
      color: #FFE0AF; }
    .pt-chapters-bar.orange .bar-row .click-arrow:hover .svg-icon {
      color: #FFE0AF; }
  .pt-chapters-bar .bar-row {
    box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.16);
    display: flex;
    border-radius: 14px;
    background: #FFF;
    z-index: 2; }
    .pt-chapters-bar .bar-row .click-arrow {
      width: 40px;
      text-align: center;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center; }
      .pt-chapters-bar .bar-row .click-arrow .svg-icon {
        height: 20px;
        color: #E0E0E0; }
      .pt-chapters-bar .bar-row .click-arrow:hover .svg-icon {
        color: #999696; }
    .pt-chapters-bar .bar-row .left-arrow .svg-icon {
      transform: rotate(180deg); }
    .pt-chapters-bar .bar-row .middle-chapters {
      border-left: 2px solid #E0E0E0;
      border-right: 2px solid #E0E0E0;
      width: calc(100% - 68px);
      display: block;
      overflow: hidden;
      position: relative; }
      .pt-chapters-bar .bar-row .middle-chapters .chapters-bar {
        width: 100%;
        height: 100%;
        display: flex;
        transition: transform 1s ease; }
        .pt-chapters-bar .bar-row .middle-chapters .chapters-bar .chapter {
          display: flex;
          align-items: center;
          justify-content: center;
          flex-direction: column;
          gap: 7px;
          padding: 10px 15px;
          min-width: fit-content;
          border-left: 2px solid #E0E0E0;
          border-right: 2px solid #E0E0E0;
          margin-left: -2px;
          cursor: pointer; }
          .pt-chapters-bar .bar-row .middle-chapters .chapters-bar .chapter:hover {
            background: #FFEDCE;
            border-color: #FED491;
            z-index: 20; }
            .pt-chapters-bar .bar-row .middle-chapters .chapters-bar .chapter:hover .chapter-title {
              text-decoration: underline; }
          .pt-chapters-bar .bar-row .middle-chapters .chapters-bar .chapter.active {
            border-color: #FF9A00;
            background: #FFB037;
            z-index: 30; }
            .pt-chapters-bar .bar-row .middle-chapters .chapters-bar .chapter.active .chapter-title {
              color: #FFF;
              text-decoration: underline; }
            .pt-chapters-bar .bar-row .middle-chapters .chapters-bar .chapter.active .chaptersBar-holder {
              opacity: 1; }
          .pt-chapters-bar .bar-row .middle-chapters .chapters-bar .chapter .chapter-title {
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: 700;
            min-width: 100px; }
          .pt-chapters-bar .bar-row .middle-chapters .chapters-bar .chapter .chaptersBar-holder {
            opacity: .5;
            width: 100%;
            margin-bottom: 5px; }

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

.pt-chaptersBar-chaptersOverview .books-view .book-item {
  display: flex;
  padding-top: 8px; }
  .pt-chaptersBar-chaptersOverview .books-view .book-item:last-child {
    padding-bottom: 6px; }
  .pt-chaptersBar-chaptersOverview .books-view .book-item .book-title {
    font-weight: 700;
    margin-top: 5px;
    width: 120px;
    text-decoration: underline;
    text-align: center; }
  .pt-chaptersBar-chaptersOverview .books-view .book-item .book-chapter-items {
    width: calc(100% - 120px);
    text-align: left;
    display: flex;
    flex-wrap: wrap;
    margin-right: 50px; }
    .pt-chaptersBar-chaptersOverview .books-view .book-item .book-chapter-items.border-bottom {
      border-bottom: 2px solid #E0E0E0;
      padding-bottom: 8px; }
    .pt-chaptersBar-chaptersOverview .books-view .book-item .book-chapter-items .book-chapter-item {
      margin-right: 8px;
      margin-bottom: 8px;
      border-radius: 8px;
      padding: 8px 12px;
      cursor: pointer; }
      .pt-chaptersBar-chaptersOverview .books-view .book-item .book-chapter-items .book-chapter-item .chapter-title {
        margin-top: 0; }
      .pt-chaptersBar-chaptersOverview .books-view .book-item .book-chapter-items .book-chapter-item.active, .pt-chaptersBar-chaptersOverview .books-view .book-item .book-chapter-items .book-chapter-item:hover {
        background: #FFEDCE; }

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

label.checkbox {
  user-select: none;
  cursor: pointer;
  display: inline-block;
  text-align: left; }
  label.checkbox input[type="checkbox"] {
    display: none; }
    label.checkbox input[type="checkbox"] + .checkboxHolder {
      display: flex;
      align-items: center; }
    label.checkbox input[type="checkbox"] + .checkboxHolder > .box, label.checkbox input[type="checkbox"] > .box {
      background: #FFF;
      border: 2px solid #E0E0E0;
      text-align: center;
      border-radius: 4px;
      display: inline-block;
      height: 18px;
      vertical-align: middle;
      width: 18px;
      line-height: 18px; }
      label.checkbox input[type="checkbox"] + .checkboxHolder > .box span.semi, label.checkbox input[type="checkbox"] > .box span.semi {
        display: none; }
      label.checkbox input[type="checkbox"] + .checkboxHolder > .box + .label-text, label.checkbox input[type="checkbox"] > .box + .label-text {
        font-size: 13px;
        display: inline-block;
        vertical-align: middle;
        margin-left: 10px; }
      label.checkbox input[type="checkbox"] + .checkboxHolder > .box svg, label.checkbox input[type="checkbox"] > .box svg {
        display: none;
        width: 12px;
        height: 13px;
        /* For some reason, the vertical alignment seems better */ }
    label.checkbox input[type="checkbox"]:checked + .checkboxHolder > .box {
      background: #16B6F1;
      padding: 1px;
      border: 2px solid #16B6F1;
      animation-name: tick;
      animation-duration: 160ms; }
      label.checkbox input[type="checkbox"]:checked + .checkboxHolder > .box svg {
        display: block;
        color: #FFF; }
    label.checkbox input[type="checkbox"]:indeterminate + .checkboxHolder > .box {
      background: #16B6F1;
      padding: 1px;
      border: 2px solid #16B6F1;
      animation-name: tick;
      animation-duration: 160ms; }
      label.checkbox input[type="checkbox"]:indeterminate + .checkboxHolder > .box svg {
        display: block;
        color: #FFF; }
      label.checkbox input[type="checkbox"]:indeterminate + .checkboxHolder > .box span.semi {
        display: inline; }
      label.checkbox input[type="checkbox"]:indeterminate + .checkboxHolder > .box span.checkmark {
        display: none; }
  label.checkbox.small input[type="checkbox"] + .checkboxHolder > .box, label.checkbox.small input[type="checkbox"] > .box {
    width: 14px;
    height: 14px; }
    label.checkbox.small input[type="checkbox"] + .checkboxHolder > .box svg, label.checkbox.small input[type="checkbox"] > .box svg {
      width: 8px;
      height: 9px; }
  label.checkbox:hover input + .checkboxHolder > .box, label.checkbox.hover input + .checkboxHolder > .box {
    border-color: #16B6F1;
    background-color: #D1F1FD; }
  label.checkbox.checkButton {
    font-weight: 600;
    color: #555; }
    label.checkbox.checkButton input[type="checkbox"] + .checkboxHolder {
      border: 2px solid #E0E0E0;
      display: inline-block;
      border-radius: 6px;
      vertical-align: middle;
      padding: 6px 10px 6px 6px;
      background: #FFF; }
    label.checkbox.checkButton input[type="checkbox"]:checked + .checkboxHolder {
      background: #D1F1FD;
      border-color: #16B6F1;
      color: #16B6F1; }
    label.checkbox.checkButton:hover input[type="checkbox"]:not([disabled]) + .checkboxHolder {
      border-color: #16B6F1;
      background: #D1F1FD; }
      label.checkbox.checkButton:hover input[type="checkbox"]:not([disabled]) + .checkboxHolder > .box {
        border-color: #16B6F1; }
  label.checkbox.disabled {
    cursor: default; }
    label.checkbox.disabled:before {
      content: " ";
      background: #dfe4eb; }
  label.checkbox:hover:not(.checkButton) input[type="checkbox"]:not([disabled]) + .checkboxHolder > .box + .label-text {
    text-decoration: underline; }
  label.checkbox.orange input[type="checkbox"] + .checkboxHolder > .box, label.checkbox.orange input[type="checkbox"] > .box {
    border-color: #FED491; }
  label.checkbox.orange input[type="checkbox"]:hover + .checkboxHolder > .box, label.checkbox.orange input[type="checkbox"]:hover > .box, label.checkbox.orange input[type="checkbox"].hover + .checkboxHolder > .box, label.checkbox.orange input[type="checkbox"].hover > .box {
    background: #FFEDCE;
    border-color: #FFB037; }
  label.checkbox.orange input[type="checkbox"]:checked + .checkboxHolder > .box {
    background: #FFB037;
    border-color: #FFB037; }
  label.checkbox.orange.checkButton input[type="checkbox"]:checked + .checkboxHolder {
    background: #FFEDCE;
    border-color: #FFB037; }
  label.checkbox.orange.checkButton:hover input[type="checkbox"]:not([disabled]) + .checkboxHolder {
    border-color: #FFB037;
    background: #FFEDCE; }

@keyframes tick {
  0% {
    transform: scale(0); }
  90% {
    transform: scale(1.2); }
  100% {
    transform: scale(1); } }

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

.wizard .checkboxes label.checkbox {
  margin-bottom: 6px;
  margin-left: 4px; }

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

.checkboxToolContent .content {
  margin-bottom: 15px; }
.checkboxToolContent .checkboxesHolder {
  display: block;
  margin-bottom: 10px; }
  .checkboxToolContent .checkboxesHolder label {
    margin-bottom: 10px;
    margin-right: 10px;
    display: inline-block;
    min-width: 70px; }

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

.pt-slimleren-collapsible svg {
  width: 1em;
  cursor: pointer; }
.pt-slimleren-collapsible svg.expand {
  display: none; }
.pt-slimleren-collapsible.collapsed svg.collapse {
  display: none; }
.pt-slimleren-collapsible.collapsed svg.expand {
  display: block; }

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

.pt-slimleren-confirmModal {
  min-width: 400px; }
  .pt-slimleren-confirmModal .header .icon svg {
    color: #FFF; }
  .pt-slimleren-confirmModal .header .right svg {
    margin-right: 15px;
    width: 30px;
    height: 30px;
    color: #DDDDDD;
    cursor: pointer; }
    .pt-slimleren-confirmModal .header .right svg:hover {
      color: #AAAAAA; }
  .pt-slimleren-confirmModal > .content {
    display: flex;
    padding: 10px 20px; }
    .pt-slimleren-confirmModal > .content > .text {
      max-width: 450px;
      min-width: 300px;
      text-align: center;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center; }
      .pt-slimleren-confirmModal > .content > .text .title {
        font-weight: 800;
        text-decoration: underline; }
      .pt-slimleren-confirmModal > .content > .text p {
        margin-top: 4px; }
      .pt-slimleren-confirmModal > .content > .text .confirm-button-holder {
        margin-top: 10px; }
    .pt-slimleren-confirmModal > .content > .image {
      margin-left: 40px; }
      .pt-slimleren-confirmModal > .content > .image svg {
        height: 180px; }
  .pt-slimleren-confirmModal .buttonHolder {
    display: flex;
    justify-content: space-between; }

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

.confirmToolContent {
  text-align: center;
  color: red;
  font-weight: 600; }
  .confirmToolContent .text {
    margin-bottom: 16px; }
  .confirmToolContent .buttonHolder {
    text-align: center;
    border-top: 1px solid #CCC;
    padding-top: 14px;
    padding-bottom: 4px; }
    .confirmToolContent .buttonHolder .button {
      text-align: center;
      border-top: 1px solid #EEE;
      padding-top: 18px;
      padding-bottom: 6px; }

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

.pt-slimleren-cookieCard .header .icon svg {
  color: #FFF; }
.pt-slimleren-cookieCard .header .right svg {
  margin-right: 15px;
  width: 30px;
  height: 30px;
  color: #DDDDDD;
  cursor: pointer; }
  .pt-slimleren-cookieCard .header .right svg:hover {
    color: #AAAAAA; }
.pt-slimleren-cookieCard > .content {
  display: flex;
  align-items: center;
  padding: 10px;
  gap: 20px; }
  @media only screen and (max-width: 500px) {
    .pt-slimleren-cookieCard > .content > .image {
      display: none; } }
  .pt-slimleren-cookieCard > .content > .texts {
    max-width: 450px; }
    .pt-slimleren-cookieCard > .content > .texts .title {
      display: flex;
      align-items: center;
      column-gap: 10px; }
      .pt-slimleren-cookieCard > .content > .texts .title > span.text {
        font-weight: 800;
        text-decoration: underline; }
    .pt-slimleren-cookieCard > .content > .texts p {
      margin-top: 4px;
      font-size: 14px;
      margin-bottom: 0; }
  .pt-slimleren-cookieCard > .content > .image svg {
    height: 120px; }
.pt-slimleren-cookieCard .options-holder {
  display: flex;
  align-items: center;
  gap: 12px; }
  .pt-slimleren-cookieCard .options-holder a {
    flex: 1; }
.pt-slimleren-cookieCard a {
  color: #16B6F1;
  font-weight: 600; }
  .pt-slimleren-cookieCard a:hover {
    text-decoration: underline; }

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

.dropList .dropMenuItems > li.divider .spacer {
  height: 2px;
  background: #999;
  width: 100%; }

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

.dropList {
  position: fixed;
  background: #FFF;
  border-radius: 6px;
  min-width: 150px;
  max-width: 300px;
  box-shadow: 0px 1px 6px 0px #0000004A;
  border: 1px solid #EEE;
  display: none; }
  .dropList.bodyContainer {
    z-index: 9999; }
  .dropList .arrow {
    position: absolute;
    margin-left: calc(50% - 8px);
    display: none; }
    .dropList .arrow.arrowUp {
      top: -9px; }
  .dropList .top {
    text-transform: uppercase;
    background: #4093C1;
    border-radius: 6px 6px 0 0;
    padding: 15px 15px;
    color: #FFF;
    font-size: 14px;
    font-weight: 600;
    text-decoration: underline;
    display: none; }
    .dropList .top.blueCentered {
      text-align: center;
      font-weight: 600;
      padding: 20px 15px;
      font-size: 14px; }
    .dropList .top .title {
      display: inline-block; }
  .dropList .subTitle {
    background: #F5F5F5;
    font-size: 14px;
    font-weight: 400;
    padding: 16px 25px;
    border-bottom: 2px solid #CCC;
    width: 100vw;
    max-width: fit-content; }
  .dropList > .dropMenuItems {
    padding: 0;
    margin: 0; }
    .dropList > .dropMenuItems > li {
      list-style: none;
      overflow: hidden;
      margin: 0; }
      .dropList > .dropMenuItems > li:not(:first-of-type) {
        border-top: 1px solid #f1f1f1; }
      .dropList > .dropMenuItems > li.active a {
        color: #26a4cf; }
      .dropList > .dropMenuItems > li a {
        display: inline-block;
        padding: 18px 23px;
        color: #4a4a4a;
        margin: 0;
        width: 100%; }
        .dropList > .dropMenuItems > li a:hover {
          background: #FFEDCE; }
    .dropList > .dropMenuItems > li:last-child {
      border-radius: 0 0 6px 6px; }

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

.dropList .dropMenuItems > li.dropMenuLink.green {
  background: #84d521;
  border-top: 0; }
  .dropList .dropMenuItems > li.dropMenuLink.green a {
    color: #FFF; }
  .dropList .dropMenuItems > li.dropMenuLink.green:hover a {
    color: #84d521; }

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

.pt-faq {
  padding: 1px 40px 40px; }
  .pt-faq .category {
    text-decoration: underline;
    font-size: 18px;
    margin-bottom: 5px;
    margin-top: 30px; }
  .pt-faq .questionAnswer {
    display: block; }
    .pt-faq .questionAnswer .question {
      display: block;
      color: #47BDEA;
      cursor: pointer;
      margin-bottom: 7px;
      font-size: 16px;
      font-weight: 300;
      padding-left: 20px; }
      .pt-faq .questionAnswer .question:hover {
        text-decoration: underline; }
    .pt-faq .questionAnswer .answer {
      display: none;
      padding-left: 20px;
      font-weight: 300;
      padding-top: 10px;
      padding-bottom: 10px;
      background: #EEE;
      border-radius: 6px;
      line-height: 1.6;
      margin-bottom: 30px;
      margin-left: 20px;
      padding-right: 20px; }
    .pt-faq .questionAnswer .subTitle {
      color: #47BDEA;
      font-weight: 300;
      text-decoration: underline;
      font-size: 16px;
      margin-bottom: 3px; }
    .pt-faq .questionAnswer ul.noTopMargin {
      margin-top: 0; }
    .pt-faq .questionAnswer a {
      color: #47BDEA; }
      .pt-faq .questionAnswer a:hover {
        text-decoration: underline; }

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

.pt-faqContactCard .student-form {
  display: block;
  margin-top: 20px;
  width: 100%; }
  .pt-faqContactCard .student-form .left-block {
    width: calc(50% - 15px);
    display: inline-block;
    vertical-align: top; }
  .pt-faqContactCard .student-form .middle-block {
    border-right: 2px solid #E2E2E4;
    margin-bottom: 20px;
    vertical-align: top; }
    @media only screen and (min-width: 768px) {
      .pt-faqContactCard .student-form .middle-block {
        display: none; } }
    @media only screen and (max-width: 767px) {
      .pt-faqContactCard .student-form .middle-block {
        display: none; } }
  .pt-faqContactCard .student-form .right-block {
    width: calc(50% - 15px);
    display: inline-block;
    margin-left: 20px;
    vertical-align: top; }
    .pt-faqContactCard .student-form .right-block .title {
      font-weight: 700;
      font-size: 16px; }
    .pt-faqContactCard .student-form .right-block .address {
      margin-top: 20px; }
      .pt-faqContactCard .student-form .right-block .address .part {
        margin-bottom: 5px; }
    .pt-faqContactCard .student-form .right-block .phone-email {
      margin-top: 25px;
      color: #16B6F1; }
      .pt-faqContactCard .student-form .right-block .phone-email .part {
        margin-bottom: 5px; }
  .pt-faqContactCard .student-form .form-row {
    min-height: 45px;
    margin-bottom: 7px; }
    .pt-faqContactCard .student-form .form-row .send-question-container {
      width: 418px;
      text-align: right; }
    .pt-faqContactCard .student-form .form-row label {
      display: inline-block;
      width: 65px;
      vertical-align: middle;
      cursor: pointer;
      font-size: 13px;
      font-weight: 600; }
      .pt-faqContactCard .student-form .form-row label.label-top {
        vertical-align: top; }
    .pt-faqContactCard .student-form .form-row input, .pt-faqContactCard .student-form .form-row textarea {
      width: 350px;
      display: inline-block; }

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

div.pt-slimleren-form-file input[type="file"] {
  display: none; }
div.pt-slimleren-form-file label {
  cursor: pointer; }
  div.pt-slimleren-form-file label:hover {
    color: #16b6f1 !important; }
    div.pt-slimleren-form-file label:hover .svg-icon {
      color: #16B6F1; }
  div.pt-slimleren-form-file label .svg-icon {
    height: 14px;
    color: #C9C5C5; }

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

.pt-fracture {
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  gap: .3em;
  margin: 0 0.15em; }
  .pt-fracture .numerator, .pt-fracture .denominator {
    line-height: 1em;
    margin: 0 2px; }
  .pt-fracture .pt-textField input {
    text-align: center; }
  .pt-fracture .fracture {
    display: inline-flex;
    flex-direction: column;
    gap: 0.12em;
    align-items: center; }
  .pt-fracture.full-question {
    margin: 40px 0;
    font-size: 30px; }
    .pt-fracture.full-question .fracture {
      margin: 0 10px; }
      .pt-fracture.full-question .fracture .divider {
        margin: 10px 0;
        background: #444; }
  .pt-fracture.in-button {
    margin: 0;
    font-size: 18px;
    color: #FFF; }
  .pt-fracture.explanation {
    margin: 0;
    font-size: 13px; }
  .pt-fracture .fracture .divider {
    height: 2px;
    border-radius: 4px;
    width: 100%;
    background: currentColor;
    margin: 0 0 1px; }

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

.pt-gtm {
  display: none;
  visibility: hidden; }

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

.pt-slimleren-helpIcon {
  width: 1.5em;
  display: inline-block;
  height: 1.5em;
  color: #FFB037;
  border-radius: 1em;
  background: #FFF0D7;
  cursor: pointer;
  font-size: 12px;
  font-weight: 800;
  text-align: center;
  line-height: 1.6em; }

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

.dropList .iconSubTitle a .iconHolder {
  display: inline-block;
  width: 40px;
  vertical-align: middle; }
.dropList .iconSubTitle a .textHolder {
  display: inline-block;
  vertical-align: middle;
  padding-left: 15px; }
  .dropList .iconSubTitle a .textHolder .text {
    display: block;
    font-weight: 600; }
  .dropList .iconSubTitle a .textHolder .subText {
    display: block;
    font-weight: 600;
    font-size: 12px;
    margin-top: 2px;
    color: #16B6F1; }

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

.iconText {
  display: inline-block;
  vertical-align: middle; }
  .iconText .text {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 40px);
    margin-left: 6px; }

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

.iconToolModal {
  display: inline; }
  .iconToolModal .openToolModal {
    display: inline;
    cursor: pointer; }

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

.imageThumbnail {
  display: inline-block;
  margin: 10px 0 10px 0; }
  .imageThumbnail.pull-right {
    margin-left: 20px; }
  .imageThumbnail .title {
    color: #16b6f1;
    display: block;
    font-size: 13px;
    margin-top: 5px;
    text-align: center; }
  .imageThumbnail .image {
    border: 2px solid #dfe4eb;
    border-radius: 5px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
    padding: 5px;
    position: relative; }
    .imageThumbnail .image img {
      border-radius: 2px;
      width: 100%; }
    .imageThumbnail .image .icon-magnifierCorner {
      position: absolute;
      top: 5px;
      right: 5px; }

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

.info_textImage > .content .textImage {
  display: flex;
  flex-direction: row;
  column-gap: 60px;
  padding: 40px 40px 0;
  align-items: center; }
  .info_textImage > .content .textImage .image {
    width: 160px; }
    .info_textImage > .content .textImage .image svg {
      max-width: 100%; }
  .info_textImage > .content .textImage .text {
    width: calc(100% - 160px); }
    .info_textImage > .content .textImage .text .blue {
      color: #16B6F1; }
    .info_textImage > .content .textImage .text .title {
      font-weight: 900; }
.info_textImage .buttonHolder {
  text-align: right;
  padding: 20px 40px; }

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

div.inputButton {
  display: inline-block;
  vertical-align: middle; }
  div.inputButton .buttonElement, div.inputButton .pt-button {
    margin-left: 12px; }

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

.wizard .inputElement input {
  margin-top: 3px;
  margin-right: 20px;
  min-width: 240px;
  font-size: 16px; }
.wizard .inputElement input, .wizard .inputElement .button {
  border-radius: 8px;
  vertical-align: middle; }
.wizard .inputElement.other {
  display: none;
  margin-top: 40px; }

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

.inputSelectToolContent input {
  width: calc(100% - 150px);
  padding: 6px 8px !important;
  margin-right: 10px; }
.inputSelectToolContent select {
  width: 140px;
  font-weight: 400; }
.inputSelectToolContent input, .inputSelectToolContent .button {
  display: inline-block;
  vertical-align: middle; }
.inputSelectToolContent .buttonHolder {
  margin-top: 20px;
  padding-top: 20px;
  text-align: center;
  margin-bottom: 10px;
  border-top: 2px solid #EEE; }

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

.inputSubmit input, .inputSubmit .button {
  display: inline-block;
  vertical-align: middle; }

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

.inputToolContent input, .inputToolContent .button {
  display: inline-block;
  vertical-align: middle; }
.inputToolContent .button {
  margin-left: 10px; }

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

a.link.disabled {
  cursor: default;
  pointer-events: none; }

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

.messagePage {
  display: block; }
  .messagePage .imgText {
    padding: 50px; }
    .messagePage .imgText .img {
      display: inline-block;
      text-align: center;
      vertical-align: middle;
      width: 326px; }
      .messagePage .imgText .img img {
        max-width: 100%; }
      @media only screen and (max-width: 820px) {
        .messagePage .imgText .img {
          max-width: 100%;
          display: block; } }
    .messagePage .imgText .text {
      font-size: 18px;
      text-align: center;
      display: inline-block;
      padding-left: 60px;
      vertical-align: middle;
      width: calc(100% - 330px); }
      @media only screen and (max-width: 820px) {
        .messagePage .imgText .text {
          display: block;
          margin-top: 40px;
          width: 100%;
          padding-left: 0; } }

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

.modal {
  position: absolute;
  background: #FFF;
  border-radius: 12px;
  color: #4a4a4a;
  display: none;
  z-index: 15;
  left: calc(50% - 175px);
  top: calc(50% - 200px);
  max-width: 350px; }
  .modal .modalContent {
    text-align: left;
    padding: 25px 30px; }
  .modal .cross {
    position: absolute;
    right: 11px;
    top: 7px;
    border-radius: 30px;
    cursor: pointer; }

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

.modalContainer {
  text-align: center; }
  .modalContainer .overlay {
    display: none;
    position: absolute;
    background: rgba(0, 0, 0, 0.5);
    left: 0;
    top: 0;
    z-index: 999;
    width: 100%;
    height: 100%; }

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

.pt-navCard {
  display: inline-block;
  vertical-align: top; }
  .pt-navCard > a {
    display: block; }
    .pt-navCard > a > .card {
      text-align: center;
      display: flex;
      flex-direction: column;
      vertical-align: top;
      width: 100%;
      margin: 0;
      align-items: center; }
      .pt-navCard > a > .card:hover .svg-icon > svg {
        padding: 14%; }
      .pt-navCard > a > .card:hover .title {
        text-decoration: underline; }
      .pt-navCard > a > .card .svg-icon > svg {
        transition: 0.15s all ease; }
      .pt-navCard > a > .card .title {
        margin-top: 20px;
        display: block;
        height: 40px; }
    .pt-navCard > a > .iconTextItem {
      text-align: center;
      display: block; }
      .pt-navCard > a > .iconTextItem .svg-icon {
        margin-bottom: 14px;
        color: #C9C5C5; }
      .pt-navCard > a > .iconTextItem .text {
        display: block;
        font-size: 14px;
        color: #C9C5C5;
        font-weight: 600; }
  .pt-navCard[data-type="main"] > a > .card {
    padding: 30px 15px;
    height: 245px; }
    .pt-navCard[data-type="main"] > a > .card .title {
      font-size: 20px;
      font-weight: 300; }
    .pt-navCard[data-type="main"] > a > .card .svg-icon {
      width: 125px;
      height: 125px; }
  .pt-navCard[data-type="main"] > a > .iconTextItem {
    padding: 60px 0; }
    .pt-navCard[data-type="main"] > a > .iconTextItem > .svg-icon {
      width: 80px;
      height: 80px; }
  .pt-navCard[data-type="various"] > a > .card {
    padding: 30px 15px 20px; }
    .pt-navCard[data-type="various"] > a > .card .title {
      font-weight: 400;
      font-size: 14px; }
    .pt-navCard[data-type="various"] > a > .card .svg-icon {
      width: 100px;
      height: 100px; }

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

.pt-navCards {
  display: block;
  margin: 0 -10px -20px;
  text-align: left; }
  .pt-navCards[data-type="main"] .pt-navCard {
    width: calc(20% - 20px); }
    @media only screen and (max-width: 1199px) {
      .pt-navCards[data-type="main"] .pt-navCard {
        width: calc(25% - 20px); } }
  @media only screen and (max-width: 1199px) and (max-width: 991px) {
    .pt-navCards[data-type="main"] .pt-navCard {
      width: calc(33.333% - 20px); } }

  @media only screen and (max-width: 1199px) and (max-width: 991px) and (max-width: 767px) {
    .pt-navCards[data-type="main"] .pt-navCard {
      width: calc((767px / 3) - 20px); } }

  .pt-navCards[data-type="various"] .pt-navCard {
    width: calc(16.6667% - 20px); }
    @media only screen and (max-width: 991px) {
      .pt-navCards[data-type="various"] .pt-navCard {
        width: calc(25% - 20px); } }
  @media only screen and (max-width: 991px) and (max-width: 767px) {
    .pt-navCards[data-type="various"] .pt-navCard {
      width: calc((767px / 4) - 20px); } }

  .pt-navCards .pt-navCard {
    margin: 0 10px 20px; }

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

.navigationCard.card {
  text-align: center;
  display: inline-block;
  margin: 20px 10px;
  width: calc(20% - 23px);
  padding: 30px 15px;
  vertical-align: top;
  height: 245px; }
  @media only screen and (max-width: 1199px) {
    .navigationCard.card {
      width: calc(25% - 23px); } }
  @media only screen and (max-width: 1199px) and (max-width: 991px) {
    .navigationCard.card {
      width: calc(33.333% - 23px); } }

  @media only screen and (max-width: 1199px) and (max-width: 991px) and (max-width: 767px) {
    .navigationCard.card {
      width: calc((767px / 3) - 23px); } }

  .navigationCard.card svg {
    width: 125px;
    height: 125px; }
  .navigationCard.card:hover {
    transform: scale(1.02); }
    .navigationCard.card:hover .courseName {
      text-decoration: underline; }
  .navigationCard.card .text {
    margin-top: 20px;
    display: block;
    text-align: center;
    height: 40px;
    font-size: 18px;
    font-weight: 300; }
  .navigationCard.card .courseExplanation {
    font-weight: 300;
    font-style: italic;
    font-size: 12px; }
  .navigationCard.card .badge {
    position: absolute;
    top: -7px;
    right: -7px; }

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

.pt-notification {
  align-items: center;
  display: flex;
  flex-direction: column;
  column-gap: 10px;
  width: fit-content;
  max-width: 100%;
  border-radius: 8px;
  padding: 10px 15px;
  border: 2px solid #16B6F1;
  background-color: #D1F1FD;
  color: #16B6F1;
  font-size: 13px; }
  .pt-notification b {
    font-weight: 900;
    text-decoration: underline; }
  .pt-notification .icon-text {
    display: flex;
    flex-direction: row;
    column-gap: 10px; }
    .pt-notification .icon-text .icon svg {
      height: 25px; }
    .pt-notification .icon-text .text-holder {
      display: flex;
      flex-direction: column;
      gap: 2px; }
      .pt-notification .icon-text .text-holder .title {
        font-weight: 900; }
  .pt-notification.has-text .title {
    text-decoration: underline; }
  .pt-notification .buttons-holder {
    display: flex;
    justify-content: space-between;
    margin-top: 12px; }
  .pt-notification.orange {
    border-color: #FFB037;
    background: #FFF0D7;
    color: #FFB037; }
  .pt-notification.green {
    border-color: #84D521;
    background: #E4F2AF;
    color: #84D521; }
  .pt-notification.red {
    border-color: #E75243;
    background: #F8D6D6;
    color: #E75243; }
  .pt-notification.turquoise {
    border-color: #00CECD;
    background: #CDF6F5;
    color: #00CECD; }
  .pt-notification.purple {
    border-color: #7Fa9E8;
    background: #E6EEFB;
    color: #7Fa9E8; }

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

.pt-slimleren-numericSlider {
  display: inline-flex;
  align-items: center;
  min-width: 120px;
  position: relative;
  --selected-ratio: 0%; }
  .pt-slimleren-numericSlider .numeric-sliderSurface {
    position: relative;
    width: 120px;
    padding: 12px 0;
    outline: none;
    cursor: pointer; }
  .pt-slimleren-numericSlider .numeric-sliderTrack {
    position: relative;
    height: 6px;
    border-radius: 999px;
    background: #D6EDFE;
    box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.5); }
  .pt-slimleren-numericSlider .numeric-sliderFill {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: var(--selected-ratio);
    border-radius: 999px;
    background: linear-gradient(90deg, #8EDFFF 0%, #16B6F1 100%); }
  .pt-slimleren-numericSlider .numeric-sliderSteps {
    display: none; }
  .pt-slimleren-numericSlider .numeric-sliderStep {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #FFF;
    border: 2px solid #CFCFCF;
    box-sizing: border-box;
    transition: border-color 120ms ease, transform 120ms ease; }
  .pt-slimleren-numericSlider .numeric-sliderStep.active {
    border-color: #FFB037;
    transform: scale(1.1); }
  .pt-slimleren-numericSlider .numeric-sliderThumb {
    position: absolute;
    top: 50%;
    left: var(--selected-ratio);
    width: 16px;
    height: 16px;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background: #FFF;
    border: 1px solid #E1E1E1;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    transition: box-shadow 120ms ease, transform 120ms ease; }
  .pt-slimleren-numericSlider .numeric-sliderTooltip {
    position: absolute;
    left: var(--selected-ratio);
    bottom: calc(100% + 4px);
    transform: translateX(-50%) translateY(4px);
    padding: 4px 8px;
    border-radius: 6px;
    background: #16B6F1;
    color: #FFF;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transition: opacity 120ms ease, transform 120ms ease; }
  .pt-slimleren-numericSlider .numeric-sliderTooltip:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 100%;
    transform: translateX(-50%);
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #16B6F1; }
  .pt-slimleren-numericSlider.is-hovered .numeric-sliderTooltip, .pt-slimleren-numericSlider.is-dragging .numeric-sliderTooltip {
    opacity: 1;
    transform: translateX(-50%) translateY(0); }
  .pt-slimleren-numericSlider.is-hovered .numeric-sliderThumb, .pt-slimleren-numericSlider.is-dragging .numeric-sliderThumb {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); }
  .pt-slimleren-numericSlider .numeric-sliderSurface:focus-visible .numeric-sliderThumb {
    box-shadow: 0 0 0 3px rgba(22, 182, 241, 0.18), 0 2px 4px rgba(0, 0, 0, 0.1); }

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

span.overline {
  text-decoration: overline; }

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

.pageBreak {
  height: 2px;
  background: rgba(80, 80, 80, 0.3);
  width: 100%;
  margin: 30px 0; }

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

main > .container > .row > div > .page-title {
  text-align: center;
  font-weight: 300;
  margin-top: 30px;
  margin-bottom: 30px;
  color: #444; }

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

.pt-slimleren-pagination .navPages {
  display: flex;
  width: 65%;
  border-radius: 12px;
  height: 40px;
  background: #FFF;
  margin: 20px auto 5px auto;
  justify-content: center; }
  .pt-slimleren-pagination .navPages .svg-icon {
    width: 16px;
    height: 13px; }
  .pt-slimleren-pagination .navPages .left-arrow {
    width: 30px;
    transform: rotate(180deg);
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center; }
    .pt-slimleren-pagination .navPages .left-arrow.disabled {
      cursor: auto;
      color: #999696; }
  .pt-slimleren-pagination .navPages .right-arrow {
    width: 30px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center; }
    .pt-slimleren-pagination .navPages .right-arrow.disabled {
      cursor: auto;
      color: #999696; }
  .pt-slimleren-pagination .navPages .middle-pages {
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    padding: 10px; }
    .pt-slimleren-pagination .navPages .middle-pages .pageItem {
      width: 26px;
      height: 26px;
      margin: 5px;
      text-align: center;
      display: flex;
      justify-content: center;
      align-items: center;
      cursor: pointer;
      border-radius: 6px;
      font-size: 13px; }
      .pt-slimleren-pagination .navPages .middle-pages .pageItem.active {
        cursor: auto;
        background: #16B6F1;
        color: #FFF; }
      .pt-slimleren-pagination .navPages .middle-pages .pageItem.pageDots {
        cursor: auto;
        width: auto; }

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

.pt-panel-list {
  display: block;
  font-size: 13px;
  text-align: left;
  margin-bottom: 20px; }
  .pt-panel-list.showRuler ul li .hLine {
    width: calc(100% - 30px); }
  .pt-panel-list .header {
    line-height: 30px;
    border-radius: 30px;
    border: 2px solid;
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: center; }
    .pt-panel-list .header .panel-list-title {
      text-align: left;
      width: 100%; }
      .pt-panel-list .header .panel-list-title .title-text {
        display: inline;
        font-weight: 600; }
      .pt-panel-list .header .panel-list-title .title-accent {
        display: inline;
        color: #FFB037;
        font-weight: 600;
        margin-left: 10px; }
    .pt-panel-list .header .filter-holder {
      text-align: right;
      display: flex; }
      .pt-panel-list .header .filter-holder .search-filter-label {
        color: #FFB037;
        text-transform: capitalize;
        vertical-align: middle;
        font-size: 12px;
        padding-right: 8px;
        font-weight: 600;
        width: max-content; }
      .pt-panel-list .header .filter-holder input {
        vertical-align: middle;
        padding: 3px 8px;
        font-size: 13px; }
    .pt-panel-list .header .action-button-holder .pt-button {
      margin-top: -4px;
      vertical-align: middle; }
    .pt-panel-list .header .minimize-icon-holder .minus {
      font-size: 30px; }
    .pt-panel-list .header .minimize-icon-holder .plus-minus {
      cursor: pointer;
      color: #FFB037;
      font-weight: 600;
      width: 20px;
      margin-left: 15px;
      display: none; }
      .pt-panel-list .header .minimize-icon-holder .plus-minus .svg-icon {
        width: 15px;
        height: 15px; }
      .pt-panel-list .header .minimize-icon-holder .plus-minus.active {
        display: inline-block; }
    .pt-panel-list .header .action-buttons-block {
      width: 275px;
      text-align: right;
      display: inline-block; }
      .pt-panel-list .header .action-buttons-block .panel-list-toggle {
        vertical-align: middle; }
      .pt-panel-list .header .action-buttons-block .pt-button {
        margin-left: 10px;
        margin-top: 6px; }
      .pt-panel-list .header .action-buttons-block .text {
        padding: 2px;
        padding-left: 10px;
        padding-right: 10px;
        text-transform: capitalize; }
  .pt-panel-list ul {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    margin-left: 20px;
    list-style: none;
    border-left: 2px solid;
    padding-top: 10px; }
    .pt-panel-list ul.li-matched-none {
      padding-top: 0px; }
    .pt-panel-list ul li {
      display: none;
      position: relative;
      margin: 15px 0;
      padding-left: 20px;
      text-align: left; }
      .pt-panel-list ul li.active {
        display: block; }
      .pt-panel-list ul li:last-child .verticalLineEraser {
        opacity: 1; }
      .pt-panel-list ul li .hLine {
        height: 2px;
        position: absolute;
        top: calc(50% - 1px);
        left: 0; }
        .pt-panel-list ul li .hLine.not-strike-through {
          width: 30px; }
      .pt-panel-list ul li .verticalLineEraser {
        background: #fff none repeat scroll 0 0;
        height: calc(50% - 1px);
        left: -2px;
        position: absolute;
        width: 2px;
        bottom: 0;
        opacity: 0; }
        .pt-panel-list ul li .verticalLineEraser.hide-vertical-bar {
          opacity: unset; }
      .pt-panel-list ul li .spacing {
        display: inline-block;
        vertical-align: middle; }
        .pt-panel-list ul li .spacing.row-action-button {
          width: 142px; }
        .pt-panel-list ul li .spacing.score-bar {
          width: 280px; }
        .pt-panel-list ul li .spacing > .content, .pt-panel-list ul li .spacing > a > .content {
          position: relative;
          background: #FFF;
          padding: 0 10px;
          display: inline-block; }
          .pt-panel-list ul li .spacing > .content:not(.active), .pt-panel-list ul li .spacing > a > .content:not(.active) {
            display: inline-block !important; }
  .pt-panel-list .header {
    background: #fff3df;
    border-color: #fce1b2; }
  .pt-panel-list ul {
    border-left-color: #fce1b2; }
    .pt-panel-list ul li .hLine {
      background: #fce1b2; }

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

.pt-slimleren-partialModal {
  position: fixed;
  display: none;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 90; }
  .pt-slimleren-partialModal .overlay {
    opacity: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 91;
    position: relative;
    padding-top: 52px;
    padding-left: 20px;
    padding-right: 20px; }
    .pt-slimleren-partialModal .overlay .partial-content {
      max-width: 100%; }
      .pt-slimleren-partialModal .overlay .partial-content .card {
        max-width: 960px; }
        .pt-slimleren-partialModal .overlay .partial-content .card > .header > .right svg.close {
          margin-right: 15px;
          width: 30px;
          height: 30px;
          color: #DDDDDD;
          cursor: pointer; }
          .pt-slimleren-partialModal .overlay .partial-content .card > .header > .right svg.close:hover {
            color: #AAAAAA; }
        .pt-slimleren-partialModal .overlay .partial-content .card > .content {
          max-height: calc(100vh - 320px);
          overflow-y: auto; }
          .pt-slimleren-partialModal .overlay .partial-content .card > .content .cardBreak {
            width: 100%; }

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

.pt-slimleren-partialSteps {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center; }
  .pt-slimleren-partialSteps .viewport {
    overflow: hidden;
    width: 100%; }
    .pt-slimleren-partialSteps .viewport .steps {
      display: flex;
      flex-direction: row;
      gap: 0px;
      align-items: center;
      position: relative; }
      .pt-slimleren-partialSteps .viewport .steps .step {
        min-width: 100%;
        width: 100%;
        max-width: 100%; }
  .pt-slimleren-partialSteps .navigate {
    border-radius: 6px;
    height: 100%;
    cursor: pointer;
    align-items: center;
    color: #999696; }
    .pt-slimleren-partialSteps .navigate:hover {
      color: #16B6F1; }
    .pt-slimleren-partialSteps .navigate svg {
      height: 14px; }
    .pt-slimleren-partialSteps .navigate.previous svg {
      transform: rotate(90deg); }
    .pt-slimleren-partialSteps .navigate.next svg {
      transform: rotate(270deg); }
  .pt-slimleren-partialSteps.hide-next .navigate.next {
    display: none; }
  .pt-slimleren-partialSteps.hide-previous .navigate.previous {
    display: none; }

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

.pt-slimleren-podiumStars {
  display: flex;
  flex-direction: column;
  align-items: center; }
  .pt-slimleren-podiumStars .podium {
    display: flex;
    flex-direction: row;
    align-items: end; }
    .pt-slimleren-podiumStars .podium .star {
      display: flex;
      flex-direction: column;
      gap: 3px; }
      .pt-slimleren-podiumStars .podium .star.bronze {
        margin-left: .4em; }
        .pt-slimleren-podiumStars .podium .star.bronze svg {
          margin: 0 .1em 0 0.3em;
          width: 1.5em; }
        .pt-slimleren-podiumStars .podium .star.bronze .pilar {
          background: #27B2E8;
          min-height: 1.3em;
          border-top-right-radius: 0; }
          .pt-slimleren-podiumStars .podium .star.bronze .pilar .nr {
            font-size: .6em; }
        .pt-slimleren-podiumStars .podium .star.bronze .plateau {
          background: #068BBF;
          margin: 0 0 0 .1em;
          height: .2em;
          clip-path: polygon(20% 0%, 100% 0%, 100% 100%, 0% 100%); }
      .pt-slimleren-podiumStars .podium .star.gold svg {
        width: 2em;
        margin: 0 .2em; }
      .pt-slimleren-podiumStars .podium .star.gold .pilar {
        background: #007CAA;
        min-height: 2em; }
        .pt-slimleren-podiumStars .podium .star.gold .pilar .nr {
          font-size: 1em; }
      .pt-slimleren-podiumStars .podium .star.gold .plateau {
        background: #00516F;
        margin: 0 .1em;
        height: .2em;
        clip-path: polygon(20% 0%, 80% 0%, 100% 100%, 0% 100%); }
      .pt-slimleren-podiumStars .podium .star.silver {
        margin-right: .4em; }
        .pt-slimleren-podiumStars .podium .star.silver svg {
          width: 1.7em;
          margin: 0 .3em 0 0.1em; }
        .pt-slimleren-podiumStars .podium .star.silver .pilar {
          background: #27B2E8;
          min-height: 1.6em;
          border-top-left-radius: 0; }
          .pt-slimleren-podiumStars .podium .star.silver .pilar .nr {
            font-size: .7em; }
        .pt-slimleren-podiumStars .podium .star.silver .plateau {
          background: #068BBF;
          margin: 0 .1em 0 0;
          height: .2em;
          clip-path: polygon(0% 0%, 80% 0%, 100% 100%, 0% 100%); }
      .pt-slimleren-podiumStars .podium .star .pilarWrapper {
        display: flex;
        flex-direction: column; }
      .pt-slimleren-podiumStars .podium .star .pilar {
        font-weight: 600;
        border-radius: 0.15em 0.15em 0 0;
        color: #FFF;
        display: flex;
        align-items: center;
        justify-content: center; }
  .pt-slimleren-podiumStars .base {
    min-width: 100%;
    background: #1191C0;
    text-align: center;
    font-weight: 700;
    border-radius: 0.3em 0.3em 0 0;
    color: #FFF;
    padding: 0.3em 1.2em 0.1em;
    font-size: .7em;
    border-bottom: 0.2em solid #007CAA; }

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

.pt-slimleren-prideRainbow {
  position: fixed;
  bottom: 50px;
  width: 100%;
  z-index: -10;
  text-align: center; }
  .pt-slimleren-prideRainbow img {
    max-width: 100%; }

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

.pt-textField {
  display: inline-flex;
  align-items: stretch; }
  .pt-textField .input-container {
    position: relative;
    display: flex;
    flex-direction: column; }
    .pt-textField .input-container .message {
      display: none;
      font-weight: 700;
      font-size: 9px;
      line-height: 14px;
      text-align: center;
      z-index: 3;
      border-top-left-radius: 8px;
      border-top-right-radius: 8px;
      color: #FFF; }
    .pt-textField .input-container input {
      font-size: 100%; }
  .pt-textField.show-message .input-container .message {
    display: unset; }
  .pt-textField.show-message .input-container input {
    border-top-left-radius: 0;
    border-top-right-radius: 0; }
  .pt-textField.show-message[message-color="red"] .input-container .message {
    background: #FF9794; }
  .pt-textField.show-message[message-color="red"] .input-container input {
    border-color: #FF9794; }
  .pt-textField.show-message[message-color="purple"] .input-container .message {
    background: #A7C9FC; }
  .pt-textField.show-message[message-color="green"] .input-container .message {
    background: #AFF34E; }
  .pt-textField.show-message[message-color="blue"] .input-container .message {
    background: #6DD1F7; }
  .pt-textField.show-message[message-color="pink"] .input-container .message {
    background: #FD98A9; }
  .pt-textField.show-message[message-color="turquoise"] .input-container .message {
    background: #7FF5F4; }
  .pt-textField.show-message[message-color="orange"] .input-container .message {
    background: #FED491; }
  .pt-textField.has-hint .input-container input {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    padding-right: 0;
    border-right: 0; }
  .pt-textField.has-hint .hint {
    background: #16B6F1;
    border-radius: 0 8px 8px 0;
    padding: 0 10px;
    color: #FFF;
    display: flex;
    align-items: center;
    font-size: 0.85em; }
  .pt-textField.optional .input-container:before {
    content: "Optioneel";
    color: #FFF;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 999;
    font-weight: 700;
    font-size: 9px;
    line-height: 14px; }
  .pt-textField.optional .input-container input {
    border-color: #A7C9FC;
    border-top-width: 14px; }
    .pt-textField.optional .input-container input:hover {
      border-top-style: solid; }
  .pt-textField.required .input-container:before {
    content: "Vereist";
    color: #FFF;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 5;
    font-weight: 700;
    font-size: 9px;
    line-height: 14px; }
  .pt-textField.required .input-container input {
    border-top-style: solid !important;
    border-color: #FF9794 !important;
    border-top-width: 14px !important; }
  .pt-textField input[type="text"], .pt-textField input[type="password"] {
    font-weight: 400;
    border-radius: 8px; }
  .pt-textField.tiny {
    display: flex;
    align-items: center; }
    .pt-textField.tiny input[type="text"], .pt-textField.tiny input[type="password"] {
      font-size: 12px;
      padding: 4px 8px; }
  .pt-textField.small input[type="text"], .pt-textField.small input[type="password"] {
    font-size: 13px;
    padding: 8px 14px; }
  .pt-textField.medium input[type="text"], .pt-textField.medium input[type="password"] {
    font-size: 16px;
    padding: 7px 14px; }
  .pt-textField input[type="text"], .pt-textField input[type="password"] {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    border: 2px solid #dfe4eb;
    color: #777;
    width: 100%; }
    .pt-textField input[type="text"] + .restrictionIndicator, .pt-textField input[type="password"] + .restrictionIndicator {
      transition: all .5s ease-in-out;
      position: absolute;
      background: #FED491;
      border-radius: 4px;
      top: 5px;
      right: 5px;
      font-size: 11px;
      color: #FFF;
      font-weight: 600;
      padding: 1px 4px;
      opacity: 0;
      cursor: pointer;
      line-height: 1.4em; }
      .pt-textField input[type="text"] + .restrictionIndicator.flash, .pt-textField input[type="password"] + .restrictionIndicator.flash {
        transition: all 0s ease-in-out;
        opacity: 1 !important; }
      .pt-textField input[type="text"] + .restrictionIndicator:hover, .pt-textField input[type="password"] + .restrictionIndicator:hover {
        opacity: 1 !important;
        transition: all 0s ease-in-out; }

/*# sourceMappingURL=Slimleren_pt-textfield.css.map */

.pt-question-chain-subject-result-card .questionChainResultsCard.animate {
  display: none; }
.pt-question-chain-subject-result-card .questionChainResultsCard .cardTitle {
  padding: 0 20px;
  margin-top: 0 !important; }
  .pt-question-chain-subject-result-card .questionChainResultsCard .cardTitle .result-info {
    display: inline-block; }
    .pt-question-chain-subject-result-card .questionChainResultsCard .cardTitle .result-info .result-info-row {
      display: flex;
      font-weight: 600;
      font-size: 10px;
      margin-right: 15px; }
      .pt-question-chain-subject-result-card .questionChainResultsCard .cardTitle .result-info .result-info-row label {
        width: 50px;
        text-align: left; }
  .pt-question-chain-subject-result-card .questionChainResultsCard .cardTitle .result-star {
    display: inline-block; }
    .pt-question-chain-subject-result-card .questionChainResultsCard .cardTitle .result-star .star-svg {
      width: 49px;
      height: 46px; }
  .pt-question-chain-subject-result-card .questionChainResultsCard .cardTitle .titleText {
    width: calc(100% - 485px) !important;
    display: inline-block;
    margin-left: 0 !important;
    font-size: 26px;
    vertical-align: middle; }
  .pt-question-chain-subject-result-card .questionChainResultsCard .cardTitle .stats {
    display: inline-block;
    width: 480px;
    text-align: right; }
    .pt-question-chain-subject-result-card .questionChainResultsCard .cardTitle .stats div {
      display: inline-block;
      margin-right: 20px;
      font-size: 13px; }
      .pt-question-chain-subject-result-card .questionChainResultsCard .cardTitle .stats div.star {
        margin-right: 0; }
        .pt-question-chain-subject-result-card .questionChainResultsCard .cardTitle .stats div.star span {
          margin-right: 5px; }
      .pt-question-chain-subject-result-card .questionChainResultsCard .cardTitle .stats div span {
        display: inline-block;
        vertical-align: middle; }
.pt-question-chain-subject-result-card .questionChainResultsCard .input.subQuestion {
  text-align: left; }

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

label.radioButton {
  font-weight: 600;
  color: #555;
  text-decoration: none;
  margin-bottom: 6px;
  margin-left: 6px;
  width: auto; }
  label.radioButton input[type="radio"].input-radio {
    display: none; }
  label.radioButton input[type="radio"] + .radioboxHolder {
    border: 2px solid #E0E0E0;
    border-radius: 6px;
    vertical-align: middle;
    padding: 6px 10px 6px 6px;
    background: #FFF;
    display: inline-block; }
    label.radioButton input[type="radio"] + .radioboxHolder .label-text .text {
      font-weight: 400; }
    label.radioButton input[type="radio"] + .radioboxHolder .radio-box, label.radioButton input[type="radio"] + .radioboxHolder > .radio-box {
      background: #FFF;
      border: 2px solid #E0E0E0;
      text-align: center;
      border-radius: 50%;
      display: inline-block;
      height: 17px;
      vertical-align: middle;
      width: 17px;
      line-height: 18px; }
      label.radioButton input[type="radio"] + .radioboxHolder .radio-box + .label-text, label.radioButton input[type="radio"] + .radioboxHolder > .radio-box + .label-text {
        font-size: 13px;
        display: inline-block;
        vertical-align: middle;
        margin-left: 5px; }
      label.radioButton input[type="radio"] + .radioboxHolder .radio-box svg, label.radioButton input[type="radio"] + .radioboxHolder > .radio-box svg {
        display: none;
        width: 13px;
        height: 13px;
        /* For some reason, the vertical alignment seems better */ }
  label.radioButton input[type="radio"]:checked + .radioboxHolder > .radio-box {
    background: #16B6F1;
    border: 2px solid #16B6F1;
    animation-name: tick;
    animation-duration: 160ms; }
    label.radioButton input[type="radio"]:checked + .radioboxHolder > .radio-box svg {
      display: block;
      color: #FFF; }
  label.radioButton input[type="radio"]:checked + .radioboxHolder {
    background: #D1F1FD;
    border-color: #16B6F1;
    color: #16B6F1; }
  label.radioButton input[type="radio"]:disabled + .radioboxHolder {
    cursor: default;
    background-color: #E0E0E0; }
  label.radioButton:hover input[type="radio"]:not([disabled]) + .radioboxHolder {
    border-color: #16B6F1;
    background: #D1F1FD;
    text-decoration: none; }
    label.radioButton:hover input[type="radio"]:not([disabled]) + .radioboxHolder > .radio-box {
      border-color: #16B6F1; }
label:not(.input) {
  cursor: pointer; }
  label:not(.input):hover input[type="radio"]:not([disabled]) + .label-text:before {
    border: 2px solid #16b6f1; }
  label:not(.input) input[type="radio"] {
    display: none; }
    label:not(.input) input[type="radio"] + .label-text:before {
      content: " ";
      margin-right: 10px;
      border: 2px solid #dfe4eb;
      text-align: center;
      border-radius: 40px;
      display: inline-block;
      height: 13px;
      vertical-align: middle;
      width: 13px;
      margin-top: -2px;
      line-height: 15px; }
    label:not(.input) input[type="radio"]:checked + .label-text:before {
      content: url("/assets/Slimleren/img/radio_selected.png");
      border: 2px solid #16b6f1;
      animation-name: tick;
      animation-duration: 160ms; }
    label:not(.input) input[type="radio"]:disabled + .label-text {
      cursor: default; }
      label:not(.input) input[type="radio"]:disabled + .label-text:before {
        content: " ";
        background: #dfe4eb;
        background-color: 0; }

@keyframes tick {
  0% {
    transform: scale(0); }
  90% {
    transform: scale(1.2); }
  100% {
    transform: scale(1); } }

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

.radioToolContent .content {
  margin-bottom: 15px; }
.radioToolContent .radiosHolder {
  display: block;
  margin-bottom: 10px; }
  .radioToolContent .radiosHolder .radio {
    margin-bottom: 10px;
    margin-right: 10px;
    display: inline-block; }

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

.pt-slimleren-ribbon {
  position: relative;
  display: inline-flex;
  align-items: center;
  margin-left: -26px;
  padding: 6px 20px 6px 30px;
  font-size: 17px;
  color: #FFF;
  text-align: left;
  min-width: 170px;
  width: max-content;
  height: 43px;
  border-bottom: 3px solid;
  border-top-left-radius: 5px;
  background: #84d521;
  border-color: #66a915; }
  .pt-slimleren-ribbon .icon-start-bg {
    height: 10px;
    position: absolute;
    left: 0;
    bottom: -13px;
    color: #66a915; }
  .pt-slimleren-ribbon::after {
    position: absolute;
    right: -23px;
    top: 0;
    content: url(/assets/Slimleren/images/ribbonGreenEnd.png); }
  .pt-slimleren-ribbon.green {
    background: #84d521;
    border-color: #66a915; }
    .pt-slimleren-ribbon.green::after {
      content: url(/assets/Slimleren/images/ribbonGreenEnd.png); }
    .pt-slimleren-ribbon.green .icon-start-bg {
      color: #66a915; }
  .pt-slimleren-ribbon.blue {
    background: #16b6f1;
    border-color: #147ba2; }
    .pt-slimleren-ribbon.blue::after {
      content: url(/assets/Slimleren/images/ribbonBlueEnd.png); }
    .pt-slimleren-ribbon.blue .icon-start-bg {
      color: #147ba2; }
  .pt-slimleren-ribbon.orange {
    background: #ffb037;
    border-color: #cb8a28; }
    .pt-slimleren-ribbon.orange::after {
      content: url(/assets/Slimleren/images/ribbonOrangeEnd.png); }
    .pt-slimleren-ribbon.orange .icon-start-bg {
      color: #cb8a28; }
  .pt-slimleren-ribbon.orangeLight {
    background: #FFB037;
    border-color: #FF9A00; }
    .pt-slimleren-ribbon.orangeLight::after {
      content: url(/assets/Slimleren/images/ribbonOrangeLightEnd.png); }
    .pt-slimleren-ribbon.orangeLight .icon-start-bg {
      color: #cb8a28; }
  .pt-slimleren-ribbon.red {
    background: #e96076;
    border-color: #b0384b; }
    .pt-slimleren-ribbon.red::after {
      content: url(/assets/Slimleren/images/ribbonRedEnd.png); }
    .pt-slimleren-ribbon.red .icon-start-bg {
      color: #b0384b; }
  .pt-slimleren-ribbon.purple {
    background: #7fa9e8;
    border-color: #4a6ca0; }
    .pt-slimleren-ribbon.purple::after {
      content: url(/assets/Slimleren/images/ribbonPurpleEnd.png); }
    .pt-slimleren-ribbon.purple .icon-start-bg {
      color: #4a6ca0; }
  .pt-slimleren-ribbon.turquoise {
    background: #00cecd;
    border-color: #06a5a5; }
    .pt-slimleren-ribbon.turquoise::after {
      content: url(/assets/Slimleren/images/ribbonTurqoiseEnd.png); }
    .pt-slimleren-ribbon.turquoise .icon-start-bg {
      color: #06a5a5; }

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

.pt-chaptersBar-searchSubject {
  display: block;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: left; }
  .pt-chaptersBar-searchSubject .search-icon {
    display: inline-block;
    width: 55px;
    text-align: right;
    vertical-align: middle; }
    .pt-chaptersBar-searchSubject .search-icon svg {
      width: 21px;
      height: 20px; }
  .pt-chaptersBar-searchSubject .search-input {
    display: inline-block;
    vertical-align: middle;
    margin-left: 15px; }
  .pt-chaptersBar-searchSubject .search-button {
    display: inline-block;
    vertical-align: middle;
    margin-left: 15px; }

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

.seeAbResultsCard {
  text-align: center; }
  .seeAbResultsCard .title {
    font-size: 18px;
    margin-top: 30px;
    margin-bottom: 10px;
    text-decoration: underline; }
  .seeAbResultsCard table {
    display: inline-block; }
    .seeAbResultsCard table tr td {
      border: 1px solid #aaa;
      padding: 4px 0;
      text-align: center;
      width: 60px;
      font-size: 12px; }

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

.pt-segmentedScoreBar {
  display: block;
  font-size: 0;
  position: relative; }
  .pt-segmentedScoreBar .indicator {
    position: absolute;
    width: 3px;
    background: #FFB037;
    top: -3px;
    bottom: -3px;
    border-radius: 6px;
    opacity: .6;
    margin-left: -1px; }
    .pt-segmentedScoreBar .indicator:before {
      content: " ";
      background-color: #FFB037;
      height: 3px;
      position: absolute;
      left: -3px;
      right: -3px;
      border-radius: 6px;
      top: -1px; }
    .pt-segmentedScoreBar .indicator:after {
      content: " ";
      background-color: #FFB037;
      height: 3px;
      position: absolute;
      left: -3px;
      right: -3px;
      border-radius: 6px;
      bottom: -1px; }
  .pt-segmentedScoreBar.x-thin .bar {
    height: 6px; }
    .pt-segmentedScoreBar.x-thin .bar .segment {
      height: 6px; }
  .pt-segmentedScoreBar.x-thin.gap .bar .segment .fill {
    border-radius: 2px; }
  .pt-segmentedScoreBar.thin .bar {
    height: 8px; }
    .pt-segmentedScoreBar.thin .bar .segment {
      height: 8px; }
      .pt-segmentedScoreBar.thin .bar .segment:first-child .fill {
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px; }
      .pt-segmentedScoreBar.thin .bar .segment:last-child .fill {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px; }
  .pt-segmentedScoreBar.thin.gap .bar .segment .fill {
    border-radius: 2px; }
  .pt-segmentedScoreBar.thin.border .bar {
    background: #FFF;
    border: 2px solid #FFF;
    height: 10px; }
    .pt-segmentedScoreBar.thin.border .bar .segment {
      height: 6px; }
  .pt-segmentedScoreBar.gap .bar {
    gap: 4px; }
    .pt-segmentedScoreBar.gap .bar .segment .fill {
      border-radius: 4px; }
  .pt-segmentedScoreBar.gap.thin .bar {
    gap: 3px; }
  .pt-segmentedScoreBar .bar {
    height: 14px;
    border-radius: 10px;
    font-size: 0;
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between; }
    .pt-segmentedScoreBar .bar.showScore {
      width: calc(100% - 40px); }
    .pt-segmentedScoreBar .bar .segment {
      flex: auto;
      height: 14px; }
      .pt-segmentedScoreBar .bar .segment .fill {
        width: 100%;
        height: 100%; }
      .pt-segmentedScoreBar .bar .segment:first-child .fill {
        border-top-left-radius: 10px !important;
        border-bottom-left-radius: 10px !important; }
      .pt-segmentedScoreBar .bar .segment:last-child .fill {
        border-top-right-radius: 10px !important;
        border-bottom-right-radius: 10px !important; }
      .pt-segmentedScoreBar .bar .segment.blueFlat .fill {
        background: #00c3f4; }
      .pt-segmentedScoreBar .bar .segment.stripeBlue .fill {
        background: linear-gradient(135deg, #00c3f4 25%, #e0e0e0 25%, #e0e0e0 50%, #00c3f4 50%, #00c3f4 75%, #e0e0e0 75%, #e0e0e0 100%); }
      .pt-segmentedScoreBar .bar .segment.green .fill {
        background: #91da00;
        background: -moz-linear-gradient(top, #91da00 0%, #91da00 49%, #81c619 51%, #81c619 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, #91da00), color-stop(49%, #91da00), color-stop(51%, #81c619), color-stop(100%, #81c619));
        background: -webkit-linear-gradient(top, #91da00 0%, #91da00 49%, #81c619 51%, #81c619 100%);
        background: -o-linear-gradient(top, #91da00 0%, #91da00 49%, #81c619 51%, #81c619 100%);
        background: -ms-linear-gradient(top, #91da00 0%, #91da00 49%, #81c619 51%, #81c619 100%);
        background: linear-gradient(to bottom, #91da00 0%, #91da00 49%, #81c619 51%, #81c619 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#91da00', endColorstr='#81c619', GradientType=0 ); }
      .pt-segmentedScoreBar .bar .segment.greenLight .fill {
        background: #E4F2AF;
        /* Old browsers */
        background: -moz-linear-gradient(top, #E4F2AF 50%, #E4F2AF 50%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #E4F2AF 50%, #E4F2AF 50%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #E4F2AF 50%, #E4F2AF 50%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='\''$topColor'\'', endColorstr='\''$bottomColor'\'',GradientType=0 );
        /* IE6-9 */ }
      .pt-segmentedScoreBar .bar .segment.semi .fill, .pt-segmentedScoreBar .bar .segment.orange .fill {
        background: #ffbd46;
        background: -moz-linear-gradient(top, #ffbd46 50%, #efaa2a 50%);
        background: -webkit-linear-gradient(top, #ffbd46 50%, #efaa2a 50%);
        background: linear-gradient(to bottom, #ffbd46 50%, #efaa2a 50%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffbd46', endColorstr='#efaa2a',GradientType=0 ); }
      .pt-segmentedScoreBar .bar .segment.lightOrange .fill {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffd300+50,ffd300+50,e8c000+50 */
        background: #ffd300;
        /* Old browsers */
        background: -moz-linear-gradient(top, #ffd300 50%, #ffd300 50%, #e8c000 50%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #ffd300 50%, #ffd300 50%, #e8c000 50%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #ffd300 50%, #ffd300 50%, #e8c000 50%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd300', endColorstr='#e8c000',GradientType=0 );
        /* IE6-9 */ }
      .pt-segmentedScoreBar .bar .segment.darkOrange .fill {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffa300+50,ffd300+50,e09001+50 */
        background: #ffa300;
        /* Old browsers */
        background: -moz-linear-gradient(top, #ffa300 50%, #ffd300 50%, #e09001 50%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #ffa300 50%, #ffd300 50%, #e09001 50%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #ffa300 50%, #ffd300 50%, #e09001 50%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa300', endColorstr='#e09001',GradientType=0 );
        /* IE6-9 */ }
      .pt-segmentedScoreBar .bar .segment.red .fill {
        background: #ee6954;
        background: -moz-linear-gradient(top, #ee6954 0%, #ee6954 49%, #de4324 51%, #de4324 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, #ee6954), color-stop(49%, #ee6954), color-stop(51%, #de4324), color-stop(100%, #de4324));
        background: -webkit-linear-gradient(top, #ee6954 0%, #ee6954 49%, #de4324 51%, #de4324 100%);
        background: -o-linear-gradient(top, #ee6954 0%, #ee6954 49%, #de4324 51%, #de4324 100%);
        background: -ms-linear-gradient(top, #ee6954 0%, #ee6954 49%, #de4324 51%, #de4324 100%);
        background: linear-gradient(to bottom, #ee6954 0%, #ee6954 49%, #de4324 51%, #de4324 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee6954', endColorstr='#de4324', GradientType=0 ); }
      .pt-segmentedScoreBar .bar .segment.purple .fill {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00c3f4+50,19a0c6+50 */
        background: #A7C9FC;
        /* Old browsers */
        background: -moz-linear-gradient(top, #A7C9FC 50%, #7FA9E8 50%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #A7C9FC 50%, #7FA9E8 50%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #A7C9FC 50%, #7FA9E8 50%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#A7C9FC', endColorstr='#7FA9E8',GradientType=0 );
        /* IE6-9 */ }
      .pt-segmentedScoreBar .bar .segment.purple-dark .fill {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00c3f4+50,19a0c6+50 */
        background: #7FA9E8;
        /* Old browsers */
        background: -moz-linear-gradient(top, #7FA9E8 50%, #769CD4 50%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #7FA9E8 50%, #769CD4 50%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #7FA9E8 50%, #769CD4 50%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7FA9E8', endColorstr='#769CD4',GradientType=0 );
        /* IE6-9 */ }
      .pt-segmentedScoreBar .bar .segment.purple-light .fill {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00c3f4+50,19a0c6+50 */
        background: #D3E4FE;
        /* Old browsers */
        background: -moz-linear-gradient(top, #D3E4FE 50%, #A7C9FC 50%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #D3E4FE 50%, #A7C9FC 50%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #D3E4FE 50%, #A7C9FC 50%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D3E4FE', endColorstr='#A7C9FC',GradientType=0 );
        /* IE6-9 */ }
      .pt-segmentedScoreBar .bar .segment.blue .fill {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00c3f4+50,19a0c6+50 */
        background: #00c3f4;
        /* Old browsers */
        background: -moz-linear-gradient(top, #00c3f4 50%, #19a0c6 50%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #00c3f4 50%, #19a0c6 50%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #00c3f4 50%, #19a0c6 50%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c3f4', endColorstr='#19a0c6',GradientType=0 );
        /* IE6-9 */ }
      .pt-segmentedScoreBar .bar .segment.blue-light .fill {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00c3f4+50,19a0c6+50 */
        background: #00c3f4;
        /* Old browsers */
        background: -moz-linear-gradient(top, #00c3f4 50%, #19a0c6 50%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #00c3f4 50%, #19a0c6 50%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #00c3f4 50%, #19a0c6 50%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c3f4', endColorstr='#19a0c6',GradientType=0 );
        /* IE6-9 */ }
      .pt-segmentedScoreBar .bar .segment.transparent .fill {
        background: #e0e0e0; }
  .pt-segmentedScoreBar .score {
    display: inline-block;
    width: 30px;
    margin-left: 6px;
    vertical-align: middle;
    font-size: 12px;
    font-weight: 600; }

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

select.pt-slimleren-selectBox {
  border-radius: 6px;
  border: 2px solid #dfe4eb;
  padding: 5px 4px;
  font-size: 14px;
  color: #999;
  cursor: pointer;
  max-width: 100%; }
  select.pt-slimleren-selectBox.small {
    font-size: 13px;
    padding: 8px 14px; }
  select.pt-slimleren-selectBox.disabled {
    color: #555;
    pointer-events: none;
    appearance: none;
    -webkit-appearance: none;
    /* Chrome, Safari */
    -moz-appearance: none;
    /* Firefox */
    background-image: none;
    border: none; }

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

menu#sideMenu {
  background: #fff none repeat scroll 0 0;
  bottom: 0;
  box-shadow: 2px 0 4px 0 #c4c4c4;
  display: none;
  left: 0;
  margin: 0 0 0 -50px;
  padding-left: 50px;
  padding-top: 62px;
  position: fixed;
  top: 0;
  width: 380px;
  z-index: 98; }
  menu#sideMenu .closeIconHolder {
    position: absolute;
    right: -30px;
    top: 49px;
    cursor: pointer;
    background: #FFF;
    padding: 20px;
    border-radius: 100%;
    text-align: center;
    box-shadow: 2px 2px 4px 0 #c4c4c4; }
    menu#sideMenu .closeIconHolder .shadowEraser {
      position: absolute;
      background: #FFF;
      left: -5px;
      height: 70px;
      width: 29px;
      top: 0; }
    menu#sideMenu .closeIconHolder .closeIcon {
      display: block;
      width: 14px;
      height: 14px; }
  menu#sideMenu .groupTitle {
    display: block;
    font-size: 18px;
    padding-left: 20px;
    text-transform: uppercase;
    text-decoration: underline;
    margin-bottom: 6px;
    margin-top: 20px; }
    menu#sideMenu .groupTitle .extra {
      text-transform: none;
      font-weight: 300;
      margin-left: 5px; }
  menu#sideMenu .seperator {
    background: #eaeaea none repeat scroll 0 0;
    display: block;
    height: 1px;
    margin: 8px auto;
    width: calc(100% - 60px); }
  menu#sideMenu .pt-itemGroup {
    margin: -4px 0;
    position: relative;
    z-index: 2; }
    menu#sideMenu .pt-itemGroup[data-nrOfItems="1"] ul > li {
      width: auto; }
    menu#sideMenu .pt-itemGroup ul {
      list-style: none;
      padding-left: 15px;
      padding-right: 15px;
      margin: 0;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: space-between; }
      menu#sideMenu .pt-itemGroup ul > li {
        cursor: pointer;
        display: inline-block;
        width: calc(50% - 10px);
        padding: 2px 20px 2px 0;
        border-radius: 400px; }
        menu#sideMenu .pt-itemGroup ul > li:hover {
          background: #f4f4f4; }
      menu#sideMenu .pt-itemGroup ul .pt-sideMenu-item {
        margin: 4px 0; }
        menu#sideMenu .pt-itemGroup ul .pt-sideMenu-item > a {
          display: flex;
          flex-direction: row;
          align-items: center;
          padding: 2px 4px; }
          menu#sideMenu .pt-itemGroup ul .pt-sideMenu-item > a .iconHolder .svg-icon {
            width: 32px;
            height: 32px; }
          menu#sideMenu .pt-itemGroup ul .pt-sideMenu-item > a .text {
            margin-left: 8px;
            font-weight: 600;
            font-size: 13px; }

.sidemenu-overlay {
  background: rgba(0, 0, 0, 0.4);
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 90;
  display: none; }

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

.simple-textImage {
  display: flex;
  flex-direction: row;
  align-items: center; }
  .simple-textImage > .image-holder svg {
    height: 180px; }
  .simple-textImage > .text-holder {
    max-width: 450px;
    min-width: 300px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
    .simple-textImage > .text-holder .title {
      font-weight: 800;
      text-decoration: underline; }
    .simple-textImage > .text-holder .button-holder {
      margin-top: 10px; }
  .simple-textImage.image-left {
    flex-direction: row-reverse;
    gap: 40px; }
    .simple-textImage.image-left > .text-holder {
      align-items: start;
      text-align: left; }

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

.pt-slimleren-simpleSlider {
  display: flex;
  flex-direction: column;
  align-items: center; }
  .pt-slimleren-simpleSlider .navigation-block {
    display: flex;
    justify-content: center;
    gap: 15px;
    margin-top: 20px;
    margin-bottom: 20px; }
    .pt-slimleren-simpleSlider .navigation-block .left-arrow .svg-icon {
      transform: rotate(180deg); }
    .pt-slimleren-simpleSlider .navigation-block .svg-icon {
      width: 16px;
      height: 16px; }
    .pt-slimleren-simpleSlider .navigation-block .click-arrow {
      width: 40px;
      height: 40px;
      border: 1px solid #E0E0E0;
      border-radius: 4px;
      display: flex;
      justify-content: center;
      align-items: center;
      cursor: pointer;
      background-color: #FFF; }
  .pt-slimleren-simpleSlider .bar-row {
    display: flex;
    padding-top: 20px;
    padding-bottom: 20px;
    width: 800px; }
    @media only screen and (max-width: 768px) {
      .pt-slimleren-simpleSlider .bar-row {
        width: 400px; } }
    .pt-slimleren-simpleSlider .bar-row .click-arrow {
      width: 40px;
      text-align: center;
      cursor: pointer;
      line-height: 58px; }
      .pt-slimleren-simpleSlider .bar-row .click-arrow:hover .svg-icon {
        color: #999696; }
    .pt-slimleren-simpleSlider .bar-row .left-arrow .svg-icon {
      transform: rotate(180deg); }
    .pt-slimleren-simpleSlider .bar-row .slides-box-container {
      display: block;
      overflow: hidden;
      position: relative;
      border-radius: 8px;
      padding: 10px 0; }
      .pt-slimleren-simpleSlider .bar-row .slides-box-container .slides-box-bar {
        width: 100%;
        height: 100%;
        display: flex;
        transition: transform 1s ease;
        gap: 20px; }

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

.pt-slimleren-skillStar,
.pt-slimleren-skillElements {
  display: flex;
  width: 100%; }
  .pt-slimleren-skillStar .skill-holder,
  .pt-slimleren-skillElements .skill-holder {
    display: flex;
    flex-direction: column;
    gap: 2px; }
    .pt-slimleren-skillStar .skill-holder .title,
    .pt-slimleren-skillElements .skill-holder .title {
      color: #16B6F1;
      font-size: 16px;
      text-decoration: underline;
      font-weight: 700; }
    .pt-slimleren-skillStar .skill-holder .elements-holder,
    .pt-slimleren-skillElements .skill-holder .elements-holder {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      gap: 4px; }
    .pt-slimleren-skillStar .skill-holder .selection-presets,
    .pt-slimleren-skillElements .skill-holder .selection-presets {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      gap: 12px;
      margin-top: 6px; }
    .pt-slimleren-skillStar .skill-holder .preset-option,
    .pt-slimleren-skillElements .skill-holder .preset-option {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      color: #C9C9C9;
      cursor: pointer;
      user-select: none; }
    .pt-slimleren-skillStar .skill-holder .preset-option.active,
    .pt-slimleren-skillElements .skill-holder .preset-option.active {
      color: #FFB037; }
    .pt-slimleren-skillStar .skill-holder .preset-icon,
    .pt-slimleren-skillElements .skill-holder .preset-icon {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 18px;
      height: 18px; }
    .pt-slimleren-skillStar .skill-holder .preset-icon svg,
    .pt-slimleren-skillElements .skill-holder .preset-icon svg {
      width: 18px;
      height: 18px;
      fill: currentColor; }
    .pt-slimleren-skillStar .skill-holder .preset-icon svg use,
    .pt-slimleren-skillStar .skill-holder .preset-icon svg path,
    .pt-slimleren-skillStar .skill-holder .preset-icon svg rect,
    .pt-slimleren-skillStar .skill-holder .preset-icon svg circle,
    .pt-slimleren-skillStar .skill-holder .preset-icon svg polygon,
    .pt-slimleren-skillElements .skill-holder .preset-icon svg use,
    .pt-slimleren-skillElements .skill-holder .preset-icon svg path,
    .pt-slimleren-skillElements .skill-holder .preset-icon svg rect,
    .pt-slimleren-skillElements .skill-holder .preset-icon svg circle,
    .pt-slimleren-skillElements .skill-holder .preset-icon svg polygon {
      fill: currentColor; }
    .pt-slimleren-skillStar .skill-holder .preset-count,
    .pt-slimleren-skillElements .skill-holder .preset-count {
      font-size: 12px;
      font-weight: 700;
      line-height: 1; }
    .pt-slimleren-skillStar .skill-holder .selection-summary,
    .pt-slimleren-skillElements .skill-holder .selection-summary {
      display: inline-flex;
      align-items: center;
      color: #C9C9C9; }
    .pt-slimleren-skillStar .skill-holder .pt-slimleren-numericSlider,
    .pt-slimleren-skillElements .skill-holder .pt-slimleren-numericSlider {
      margin-left: auto; }

.pt-slimleren-skillStar {
  display: flex;
  flex-direction: row;
  align-items: start;
  gap: 10px; }
  .pt-slimleren-skillStar .starProgress-holder {
    width: 50px; }
  .pt-slimleren-skillStar .skill-holder {
    width: calc(100% - 50px); }
  .pt-slimleren-skillStar.collapsed .elements-holder {
    max-height: 22px;
    overflow: hidden; }
  .pt-slimleren-skillStar.inactive .skill-holder .title {
    color: #B8B8B8;
    text-decoration: none; }
  .pt-slimleren-skillStar .pt-slimleren-tag.exam-mastered {
    border-color: #8A76FC;
    box-shadow: inset 0 0 0 1px #8A76FC; }
  .pt-slimleren-skillStar.large .starProgress-holder {
    width: 100px; }
  .pt-slimleren-skillStar.large .skill-holder {
    gap: 4px; }
    .pt-slimleren-skillStar.large .skill-holder .title {
      font-size: 22px; }
  .pt-slimleren-skillStar.large .elements-holder {
    font-size: 14px; }
  .pt-slimleren-skillStar.large .selection-presets {
    margin-top: 10px; }

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

.pt-slider .startPilotSlideDots {
  text-align: center; }
.pt-slider .slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto; }
  .pt-slider .slideshow-container img {
    border-radius: 3px; }
.pt-slider .startPilotSlides {
  display: none;
  background: #f1f1f1;
  border-radius: 10px;
  padding: 10px; }
  .pt-slider .startPilotSlides .startPilotSlideImage {
    width: 100%; }
.pt-slider .slideDescription {
  display: inline-block;
  margin-top: 15px;
  margin-bottom: 10px;
  font-weight: 600;
  padding: 0 14px;
  font-size: 13px; }
.pt-slider .prev, .pt-slider .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  color: #FFF;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  margin-top: -60px; }
  @media only screen and (max-width: 767.99px) {
    .pt-slider .prev, .pt-slider .next {
      display: block; } }
  .pt-slider .prev.prev, .pt-slider .next.prev {
    margin-left: 10px; }
  .pt-slider .prev.next, .pt-slider .next.next {
    margin-right: 10px; }
.pt-slider .next {
  right: 0;
  border-radius: 3px 0 0 3px; }
.pt-slider .prev:hover, .pt-slider .next:hover {
  background-color: #26a4cf; }
.pt-slider .text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center; }
.pt-slider .numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 6px 6px;
  position: absolute;
  font-weight: 600; }
.pt-slider .slideDot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease; }
  .pt-slider .slideDot.active {
    background-color: #16B6F1; }
.pt-slider .slideTitle {
  cursor: pointer;
  margin: 0 20px;
  display: inline-block;
  font-weight: 600;
  color: #555; }
  @media only screen and (max-width: 768px) {
    .pt-slider .slideTitle {
      margin: 5px; } }
  .pt-slider .slideTitle.active, .pt-slider .slideTitle:hover {
    color: #16B6F1;
    text-decoration: underline; }
.pt-slider .fadeSlider {
  animation-name: fade;
  animation-duration: 1s; }
@keyframes fade {
  from {
    opacity: .4; }
  to {
    opacity: 1; } }

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

.pt-slimleren-sliderMidBig {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center; }
  .pt-slimleren-sliderMidBig .navigation-block {
    display: flex;
    gap: 335px;
    position: absolute; }
    @media only screen and (max-width: 1199px) {
      .pt-slimleren-sliderMidBig .navigation-block {
        width: 430px;
        max-width: 95%;
        justify-content: space-between;
        gap: unset; } }
    .pt-slimleren-sliderMidBig .navigation-block .left-arrow .svg-icon {
      transform: rotate(180deg); }
    .pt-slimleren-sliderMidBig .navigation-block .svg-icon {
      width: 16px;
      height: 16px; }
    .pt-slimleren-sliderMidBig .navigation-block .click-arrow {
      width: 40px;
      height: 40px;
      border-radius: 4px;
      display: flex;
      justify-content: center;
      align-items: center;
      cursor: pointer;
      background: #84D521;
      color: #FFF;
      box-shadow: -3px 3px 0px 0px #00000040; }
  .pt-slimleren-sliderMidBig .bar-row {
    display: flex;
    padding-top: 50px;
    padding-bottom: 50px;
    width: 1210px; }
    @media only screen and (max-width: 1199px) {
      .pt-slimleren-sliderMidBig .bar-row {
        width: 390px; } }
    .pt-slimleren-sliderMidBig .bar-row .svg-icon {
      width: 14px;
      height: 20px;
      color: #E0E0E0; }
    .pt-slimleren-sliderMidBig .bar-row .click-arrow {
      width: 40px;
      text-align: center;
      cursor: pointer;
      line-height: 58px; }
      .pt-slimleren-sliderMidBig .bar-row .click-arrow:hover .svg-icon {
        color: #999696; }
    .pt-slimleren-sliderMidBig .bar-row .left-arrow .svg-icon {
      transform: rotate(180deg); }
    .pt-slimleren-sliderMidBig .bar-row .middle-slides-container {
      display: block;
      overflow: hidden;
      position: relative;
      border-radius: 8px; }
      .pt-slimleren-sliderMidBig .bar-row .middle-slides-container .slides-box-bar {
        width: 100%;
        height: 100%;
        display: flex;
        transition: transform 1s ease;
        gap: 20px; }
        .pt-slimleren-sliderMidBig .bar-row .middle-slides-container .slides-box-bar .slide-box {
          display: flex;
          flex-direction: column;
          min-width: 390px; }
          .pt-slimleren-sliderMidBig .bar-row .middle-slides-container .slides-box-bar .slide-box .title {
            position: absolute;
            margin-left: 5px;
            z-index: 100;
            background: #84D521;
            padding: 5px; }
          .pt-slimleren-sliderMidBig .bar-row .middle-slides-container .slides-box-bar .slide-box img {
            border-radius: 8px;
            transition: transform 1s; }
          .pt-slimleren-sliderMidBig .bar-row .middle-slides-container .slides-box-bar .slide-box .scale-small {
            transform: scale(0.8); }
            @media only screen and (max-width: 1199px) {
              .pt-slimleren-sliderMidBig .bar-row .middle-slides-container .slides-box-bar .slide-box .scale-small {
                transform: scale(1); } }
          .pt-slimleren-sliderMidBig .bar-row .middle-slides-container .slides-box-bar .slide-box .scale-large {
            transform: scale(1); }

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

@charset "UTF-8";
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block; }

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden],
template {
  display: none; }

a {
  background: transparent; }

a:active,
a:hover {
  outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

mark {
  background: #ff0;
  color: #000; }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 1em 40px; }

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

pre {
  overflow: auto; }

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

button {
  overflow: visible; }

button,
select {
  text-transform: none; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled],
html input[disabled] {
  cursor: default; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input {
  line-height: normal; }

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: bold; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

@media print {
  * {
    text-shadow: none !important;
    color: #000 !important;
    background: transparent !important;
    box-shadow: none !important; }

  a,
  a:visited {
    text-decoration: underline; }

  a[href]:after {
    content: " (" attr(href) ")"; }

  abbr[title]:after {
    content: " (" attr(title) ")"; }

  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ""; }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }

  thead {
    display: table-header-group; }

  tr,
  img {
    page-break-inside: avoid; }

  img {
    max-width: 100% !important; }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }

  h2,
  h3 {
    page-break-after: avoid; }

  select {
    background: #fff !important; }

  .navbar {
    display: none; }

  .table td,
  .table th {
    background-color: #fff !important; }

  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important; }

  .label {
    border: 1px solid #000; }

  .table {
    border-collapse: collapse !important; }

  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important; } }
.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }
  .container:before, .container:after {
    content: " ";
    display: table; }
  .container:after {
    clear: both; }
  @media (min-width: 768px) {
    .container {
      width: 740px; } }
  @media (min-width: 992px) {
    .container {
      width: 960px; } }
  @media (min-width: 1200px) {
    .container {
      width: 1160px; } }

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }
  .container-fluid:before, .container-fluid:after {
    content: " ";
    display: table; }
  .container-fluid:after {
    clear: both; }

.row {
  margin-left: -10px;
  margin-right: -10px; }
  .row:before, .row:after {
    content: " ";
    display: table; }
  .row:after {
    clear: both; }

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left; }

.col-xs-1 {
  width: 8.3333333333%; }

.col-xs-2 {
  width: 16.6666666667%; }

.col-xs-3 {
  width: 25%; }

.col-xs-4 {
  width: 33.3333333333%; }

.col-xs-5 {
  width: 41.6666666667%; }

.col-xs-6 {
  width: 50%; }

.col-xs-7 {
  width: 58.3333333333%; }

.col-xs-8 {
  width: 66.6666666667%; }

.col-xs-9 {
  width: 75%; }

.col-xs-10 {
  width: 83.3333333333%; }

.col-xs-11 {
  width: 91.6666666667%; }

.col-xs-12 {
  width: 100%; }

.col-xs-pull-0 {
  right: auto; }

.col-xs-pull-1 {
  right: 8.3333333333%; }

.col-xs-pull-2 {
  right: 16.6666666667%; }

.col-xs-pull-3 {
  right: 25%; }

.col-xs-pull-4 {
  right: 33.3333333333%; }

.col-xs-pull-5 {
  right: 41.6666666667%; }

.col-xs-pull-6 {
  right: 50%; }

.col-xs-pull-7 {
  right: 58.3333333333%; }

.col-xs-pull-8 {
  right: 66.6666666667%; }

.col-xs-pull-9 {
  right: 75%; }

.col-xs-pull-10 {
  right: 83.3333333333%; }

.col-xs-pull-11 {
  right: 91.6666666667%; }

.col-xs-pull-12 {
  right: 100%; }

.col-xs-push-0 {
  left: auto; }

.col-xs-push-1 {
  left: 8.3333333333%; }

.col-xs-push-2 {
  left: 16.6666666667%; }

.col-xs-push-3 {
  left: 25%; }

.col-xs-push-4 {
  left: 33.3333333333%; }

.col-xs-push-5 {
  left: 41.6666666667%; }

.col-xs-push-6 {
  left: 50%; }

.col-xs-push-7 {
  left: 58.3333333333%; }

.col-xs-push-8 {
  left: 66.6666666667%; }

.col-xs-push-9 {
  left: 75%; }

.col-xs-push-10 {
  left: 83.3333333333%; }

.col-xs-push-11 {
  left: 91.6666666667%; }

.col-xs-push-12 {
  left: 100%; }

.col-xs-offset-0 {
  margin-left: 0%; }

.col-xs-offset-1 {
  margin-left: 8.3333333333%; }

.col-xs-offset-2 {
  margin-left: 16.6666666667%; }

.col-xs-offset-3 {
  margin-left: 25%; }

.col-xs-offset-4 {
  margin-left: 33.3333333333%; }

.col-xs-offset-5 {
  margin-left: 41.6666666667%; }

.col-xs-offset-6 {
  margin-left: 50%; }

.col-xs-offset-7 {
  margin-left: 58.3333333333%; }

.col-xs-offset-8 {
  margin-left: 66.6666666667%; }

.col-xs-offset-9 {
  margin-left: 75%; }

.col-xs-offset-10 {
  margin-left: 83.3333333333%; }

.col-xs-offset-11 {
  margin-left: 91.6666666667%; }

.col-xs-offset-12 {
  margin-left: 100%; }

@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left; }

  .col-sm-1 {
    width: 8.3333333333%; }

  .col-sm-2 {
    width: 16.6666666667%; }

  .col-sm-3 {
    width: 25%; }

  .col-sm-4 {
    width: 33.3333333333%; }

  .col-sm-5 {
    width: 41.6666666667%; }

  .col-sm-6 {
    width: 50%; }

  .col-sm-7 {
    width: 58.3333333333%; }

  .col-sm-8 {
    width: 66.6666666667%; }

  .col-sm-9 {
    width: 75%; }

  .col-sm-10 {
    width: 83.3333333333%; }

  .col-sm-11 {
    width: 91.6666666667%; }

  .col-sm-12 {
    width: 100%; }

  .col-sm-pull-0 {
    right: auto; }

  .col-sm-pull-1 {
    right: 8.3333333333%; }

  .col-sm-pull-2 {
    right: 16.6666666667%; }

  .col-sm-pull-3 {
    right: 25%; }

  .col-sm-pull-4 {
    right: 33.3333333333%; }

  .col-sm-pull-5 {
    right: 41.6666666667%; }

  .col-sm-pull-6 {
    right: 50%; }

  .col-sm-pull-7 {
    right: 58.3333333333%; }

  .col-sm-pull-8 {
    right: 66.6666666667%; }

  .col-sm-pull-9 {
    right: 75%; }

  .col-sm-pull-10 {
    right: 83.3333333333%; }

  .col-sm-pull-11 {
    right: 91.6666666667%; }

  .col-sm-pull-12 {
    right: 100%; }

  .col-sm-push-0 {
    left: auto; }

  .col-sm-push-1 {
    left: 8.3333333333%; }

  .col-sm-push-2 {
    left: 16.6666666667%; }

  .col-sm-push-3 {
    left: 25%; }

  .col-sm-push-4 {
    left: 33.3333333333%; }

  .col-sm-push-5 {
    left: 41.6666666667%; }

  .col-sm-push-6 {
    left: 50%; }

  .col-sm-push-7 {
    left: 58.3333333333%; }

  .col-sm-push-8 {
    left: 66.6666666667%; }

  .col-sm-push-9 {
    left: 75%; }

  .col-sm-push-10 {
    left: 83.3333333333%; }

  .col-sm-push-11 {
    left: 91.6666666667%; }

  .col-sm-push-12 {
    left: 100%; }

  .col-sm-offset-0 {
    margin-left: 0%; }

  .col-sm-offset-1 {
    margin-left: 8.3333333333%; }

  .col-sm-offset-2 {
    margin-left: 16.6666666667%; }

  .col-sm-offset-3 {
    margin-left: 25%; }

  .col-sm-offset-4 {
    margin-left: 33.3333333333%; }

  .col-sm-offset-5 {
    margin-left: 41.6666666667%; }

  .col-sm-offset-6 {
    margin-left: 50%; }

  .col-sm-offset-7 {
    margin-left: 58.3333333333%; }

  .col-sm-offset-8 {
    margin-left: 66.6666666667%; }

  .col-sm-offset-9 {
    margin-left: 75%; }

  .col-sm-offset-10 {
    margin-left: 83.3333333333%; }

  .col-sm-offset-11 {
    margin-left: 91.6666666667%; }

  .col-sm-offset-12 {
    margin-left: 100%; } }
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left; }

  .col-md-1 {
    width: 8.3333333333%; }

  .col-md-2 {
    width: 16.6666666667%; }

  .col-md-3 {
    width: 25%; }

  .col-md-4 {
    width: 33.3333333333%; }

  .col-md-5 {
    width: 41.6666666667%; }

  .col-md-6 {
    width: 50%; }

  .col-md-7 {
    width: 58.3333333333%; }

  .col-md-8 {
    width: 66.6666666667%; }

  .col-md-9 {
    width: 75%; }

  .col-md-10 {
    width: 83.3333333333%; }

  .col-md-11 {
    width: 91.6666666667%; }

  .col-md-12 {
    width: 100%; }

  .col-md-pull-0 {
    right: auto; }

  .col-md-pull-1 {
    right: 8.3333333333%; }

  .col-md-pull-2 {
    right: 16.6666666667%; }

  .col-md-pull-3 {
    right: 25%; }

  .col-md-pull-4 {
    right: 33.3333333333%; }

  .col-md-pull-5 {
    right: 41.6666666667%; }

  .col-md-pull-6 {
    right: 50%; }

  .col-md-pull-7 {
    right: 58.3333333333%; }

  .col-md-pull-8 {
    right: 66.6666666667%; }

  .col-md-pull-9 {
    right: 75%; }

  .col-md-pull-10 {
    right: 83.3333333333%; }

  .col-md-pull-11 {
    right: 91.6666666667%; }

  .col-md-pull-12 {
    right: 100%; }

  .col-md-push-0 {
    left: auto; }

  .col-md-push-1 {
    left: 8.3333333333%; }

  .col-md-push-2 {
    left: 16.6666666667%; }

  .col-md-push-3 {
    left: 25%; }

  .col-md-push-4 {
    left: 33.3333333333%; }

  .col-md-push-5 {
    left: 41.6666666667%; }

  .col-md-push-6 {
    left: 50%; }

  .col-md-push-7 {
    left: 58.3333333333%; }

  .col-md-push-8 {
    left: 66.6666666667%; }

  .col-md-push-9 {
    left: 75%; }

  .col-md-push-10 {
    left: 83.3333333333%; }

  .col-md-push-11 {
    left: 91.6666666667%; }

  .col-md-push-12 {
    left: 100%; }

  .col-md-offset-0 {
    margin-left: 0%; }

  .col-md-offset-1 {
    margin-left: 8.3333333333%; }

  .col-md-offset-2 {
    margin-left: 16.6666666667%; }

  .col-md-offset-3 {
    margin-left: 25%; }

  .col-md-offset-4 {
    margin-left: 33.3333333333%; }

  .col-md-offset-5 {
    margin-left: 41.6666666667%; }

  .col-md-offset-6 {
    margin-left: 50%; }

  .col-md-offset-7 {
    margin-left: 58.3333333333%; }

  .col-md-offset-8 {
    margin-left: 66.6666666667%; }

  .col-md-offset-9 {
    margin-left: 75%; }

  .col-md-offset-10 {
    margin-left: 83.3333333333%; }

  .col-md-offset-11 {
    margin-left: 91.6666666667%; }

  .col-md-offset-12 {
    margin-left: 100%; } }
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left; }

  .col-lg-1 {
    width: 8.3333333333%; }

  .col-lg-2 {
    width: 16.6666666667%; }

  .col-lg-3 {
    width: 25%; }

  .col-lg-4 {
    width: 33.3333333333%; }

  .col-lg-5 {
    width: 41.6666666667%; }

  .col-lg-6 {
    width: 50%; }

  .col-lg-7 {
    width: 58.3333333333%; }

  .col-lg-8 {
    width: 66.6666666667%; }

  .col-lg-9 {
    width: 75%; }

  .col-lg-10 {
    width: 83.3333333333%; }

  .col-lg-11 {
    width: 91.6666666667%; }

  .col-lg-12 {
    width: 100%; }

  .col-lg-pull-0 {
    right: auto; }

  .col-lg-pull-1 {
    right: 8.3333333333%; }

  .col-lg-pull-2 {
    right: 16.6666666667%; }

  .col-lg-pull-3 {
    right: 25%; }

  .col-lg-pull-4 {
    right: 33.3333333333%; }

  .col-lg-pull-5 {
    right: 41.6666666667%; }

  .col-lg-pull-6 {
    right: 50%; }

  .col-lg-pull-7 {
    right: 58.3333333333%; }

  .col-lg-pull-8 {
    right: 66.6666666667%; }

  .col-lg-pull-9 {
    right: 75%; }

  .col-lg-pull-10 {
    right: 83.3333333333%; }

  .col-lg-pull-11 {
    right: 91.6666666667%; }

  .col-lg-pull-12 {
    right: 100%; }

  .col-lg-push-0 {
    left: auto; }

  .col-lg-push-1 {
    left: 8.3333333333%; }

  .col-lg-push-2 {
    left: 16.6666666667%; }

  .col-lg-push-3 {
    left: 25%; }

  .col-lg-push-4 {
    left: 33.3333333333%; }

  .col-lg-push-5 {
    left: 41.6666666667%; }

  .col-lg-push-6 {
    left: 50%; }

  .col-lg-push-7 {
    left: 58.3333333333%; }

  .col-lg-push-8 {
    left: 66.6666666667%; }

  .col-lg-push-9 {
    left: 75%; }

  .col-lg-push-10 {
    left: 83.3333333333%; }

  .col-lg-push-11 {
    left: 91.6666666667%; }

  .col-lg-push-12 {
    left: 100%; }

  .col-lg-offset-0 {
    margin-left: 0%; }

  .col-lg-offset-1 {
    margin-left: 8.3333333333%; }

  .col-lg-offset-2 {
    margin-left: 16.6666666667%; }

  .col-lg-offset-3 {
    margin-left: 25%; }

  .col-lg-offset-4 {
    margin-left: 33.3333333333%; }

  .col-lg-offset-5 {
    margin-left: 41.6666666667%; }

  .col-lg-offset-6 {
    margin-left: 50%; }

  .col-lg-offset-7 {
    margin-left: 58.3333333333%; }

  .col-lg-offset-8 {
    margin-left: 66.6666666667%; }

  .col-lg-offset-9 {
    margin-left: 75%; }

  .col-lg-offset-10 {
    margin-left: 83.3333333333%; }

  .col-lg-offset-11 {
    margin-left: 91.6666666667%; }

  .col-lg-offset-12 {
    margin-left: 100%; } }
.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  visibility: visible;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  opacity: 0;
  filter: alpha(opacity=0); }
  .tooltip.top {
    margin-top: -3px;
    padding: 5px 0; }
  .tooltip.right {
    margin-left: 3px;
    padding: 0 5px; }
  .tooltip.bottom {
    margin-top: 3px;
    padding: 5px 0; }
  .tooltip.left {
    margin-left: -3px;
    padding: 0 5px; }

.tooltip-inner {
  max-width: 240px;
  padding: 6px 16px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background-color: #444;
  opacity: 0.95;
  border-radius: 4px;
  min-width: 75px; }

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid; }

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #444; }
.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  left: 5px;
  border-width: 5px 5px 0;
  border-top-color: #444; }
.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  right: 5px;
  border-width: 5px 5px 0;
  border-top-color: #444; }
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #444; }
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #444; }
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #444; }
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  left: 5px;
  border-width: 0 5px 5px;
  border-bottom-color: #444; }
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  right: 5px;
  border-width: 0 5px 5px;
  border-bottom-color: #444; }

.clearfix:before, .clearfix:after {
  content: " ";
  display: table; }
.clearfix:after {
  clear: both; }

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.pull-right {
  float: right !important; }

.pull-left {
  float: left !important; }

.hide {
  display: none !important; }

.show {
  display: block !important; }

.invisible {
  visibility: hidden; }

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0; }

.hidden {
  display: none !important;
  visibility: hidden !important; }

.affix {
  position: fixed;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

@-ms-viewport {
  width: device-width; }
.visible-xs, .visible-sm, .visible-md, .visible-lg {
  display: none !important; }

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important; }

@media (max-width: 767px) {
  .visible-xs {
    display: block !important; }

  table.visible-xs {
    display: table; }

  tr.visible-xs {
    display: table-row !important; }

  th.visible-xs,
  td.visible-xs {
    display: table-cell !important; } }
@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important; } }

@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important; } }

@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important; }

  table.visible-sm {
    display: table; }

  tr.visible-sm {
    display: table-row !important; }

  th.visible-sm,
  td.visible-sm {
    display: table-cell !important; } }
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important; }

  table.visible-md {
    display: table; }

  tr.visible-md {
    display: table-row !important; }

  th.visible-md,
  td.visible-md {
    display: table-cell !important; } }
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important; } }

@media (min-width: 1200px) {
  .visible-lg {
    display: block !important; }

  table.visible-lg {
    display: table; }

  tr.visible-lg {
    display: table-row !important; }

  th.visible-lg,
  td.visible-lg {
    display: table-cell !important; } }
@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important; } }

@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important; } }

@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important; } }

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important; } }
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important; } }
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important; } }
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important; } }
.visible-print {
  display: none !important; }

@media print {
  .visible-print {
    display: block !important; }

  table.visible-print {
    display: table; }

  tr.visible-print {
    display: table-row !important; }

  th.visible-print,
  td.visible-print {
    display: table-cell !important; } }
.visible-print-block {
  display: none !important; }
  @media print {
    .visible-print-block {
      display: block !important; } }

.visible-print-inline {
  display: none !important; }
  @media print {
    .visible-print-inline {
      display: inline !important; } }

.visible-print-inline-block {
  display: none !important; }
  @media print {
    .visible-print-inline-block {
      display: inline-block !important; } }

@media print {
  .hidden-print {
    display: none !important; } }
@font-face {
  font-family: 'Museo';
  src: url("/assets/Slimleren/fonts/MuseoSansRounded-1000-webfont.eot");
  src: url("/assets/Slimleren/fonts/MuseoSansRounded-1000-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/Slimleren/fonts/MuseoSansRounded-1000-webfont.woff") format("woff"), url("/assets/Slimleren/fonts/MuseoSansRounded-1000-webfont.woff2") format("woff2"), url("/assets/Slimleren/fonts/MuseoSansRounded-1000-webfont.ttf") format("truetype"), url("/assets/Slimleren/fonts/MuseoSansRounded-1000-webfont.svg#MuseoSansRounded1000Regular") format("svg");
  font-weight: 1000;
  font-style: normal; }
@font-face {
  font-family: 'Museo';
  src: url("/assets/Slimleren/fonts/MuseoSansRounded-900-webfont.eot");
  src: url("/assets/Slimleren/fonts/MuseoSansRounded-900-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/Slimleren/fonts/MuseoSansRounded-900-webfont.woff") format("woff"), url("/assets/Slimleren/fonts/MuseoSansRounded-900-webfont.woff2") format("woff2"), url("/assets/Slimleren/fonts/MuseoSansRounded-900-webfont.ttf") format("truetype"), url("/assets/Slimleren/fonts/MuseoSansRounded-900-webfont.svg#MuseoSansRounded900Regular") format("svg");
  font-weight: 900;
  font-style: normal; }
@font-face {
  font-family: 'Museo';
  src: url("/assets/Slimleren/fonts/MuseoSansRounded-700-webfont.eot");
  src: url("/assets/Slimleren/fonts/MuseoSansRounded-700-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/Slimleren/fonts/MuseoSansRounded-700-webfont.woff") format("woff"), url("/assets/Slimleren/fonts/MuseoSansRounded-700-webfont.woff2") format("woff2"), url("/assets/Slimleren/fonts/MuseoSansRounded-700-webfont.ttf") format("truetype"), url("/assets/Slimleren/fonts/MuseoSansRounded-700-webfont.svg#MuseoSansRounded700Regular") format("svg");
  font-weight: 700;
  font-style: normal; }
@font-face {
  font-family: 'Museo';
  src: url("/assets/Slimleren/fonts/MuseoSansRounded-500-webfont.eot");
  src: url("/assets/Slimleren/fonts/MuseoSansRounded-500-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/Slimleren/fonts/MuseoSansRounded-500-webfont.woff2") format("woff2"), url("/assets/Slimleren/fonts/MuseoSansRounded-500-webfont.woff") format("woff"), url("/assets/Slimleren/fonts/MuseoSansRounded-500-webfont.ttf") format("truetype"), url("/assets/Slimleren/fonts/MuseoSansRounded-500-webfont.svg#MuseoSansRounded500Regular") format("svg");
  font-weight: 400;
  font-style: normal; }
@font-face {
  font-family: 'Museo';
  src: url("/assets/Slimleren/fonts/MuseoSansRounded-500-webfont.eot");
  src: url("/assets/Slimleren/fonts/MuseoSansRounded-500-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/Slimleren/fonts/MuseoSansRounded-500-webfont.woff2") format("woff2"), url("/assets/Slimleren/fonts/MuseoSansRounded-500-webfont.woff") format("woff"), url("/assets/Slimleren/fonts/MuseoSansRounded-500-webfont.ttf") format("truetype"), url("/assets/Slimleren/fonts/MuseoSansRounded-500-webfont.svg#MuseoSansRounded500Regular") format("svg");
  font-weight: 500;
  font-style: normal; }
@font-face {
  font-family: 'Museo';
  src: url("/assets/Slimleren/fonts/MuseoSansRounded-300-webfont.eot");
  src: url("/assets/Slimleren/fonts/MuseoSansRounded-300-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/Slimleren/fonts/MuseoSansRounded-300-webfont.woff") format("woff"), url("/assets/Slimleren/fonts/MuseoSansRounded-300-webfont.woff2") format("woff2"), url("/assets/Slimleren/fonts/MuseoSansRounded-300-webfont.ttf") format("truetype"), url("/assets/Slimleren/fonts/MuseoSansRounded-300-webfont.svg#MuseoSansRounded300Regular") format("svg");
  font-weight: 300;
  font-style: normal; }
@font-face {
  font-family: 'Museo';
  src: url("/assets/Slimleren/fonts/MuseoSansRounded-100-webfont.eot");
  src: url("/assets/Slimleren/fonts/MuseoSansRounded-100-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/Slimleren/fonts/MuseoSansRounded-100-webfont.woff") format("woff"), url("/assets/Slimleren/fonts/MuseoSansRounded-100-webfont.woff2") format("woff2"), url("/assets/Slimleren/fonts/MuseoSansRounded-100-webfont.ttf") format("truetype"), url("/assets/Slimleren/fonts/MuseoSansRounded-100-webfont.svg#MuseoSansRounded100Regular") format("svg");
  font-weight: 100;
  font-style: normal; }
html {
  position: relative;
  height: 100%; }

body {
  position: relative;
  font-family: "Museo", "Helvetica Neue",​Helvetica,​Arial,​sans-serif;
  -webkit-font-smoothing: antialiased;
  height: 100%;
  width: 100%;
  font-weight: 400;
  line-height: 1.375;
  font-size: 14px;
  color: #4a4a4a; }
  body .noScroll {
    height: 100%;
    overflow: hidden; }
  body.tabletFriendly {
    min-width: 767px; }
    body.tabletFriendly main {
      min-width: 767px; }

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  outline: 0 none; }

h1, h2, h3, h5, .h1, .h2, .h3, .h5, .h6 {
  margin: 0; }

a {
  color: inherit;
  outline: 0 none;
  text-decoration: none;
  cursor: pointer;
  display: inline; }
  a:hover, a:focus {
    text-decoration: none;
    outline: 0 none; }

img {
  vertical-align: middle; }

.pull-left {
  float: left; }

.pull-right {
  float: right; }

.text-right {
  text-align: right; }

.img-responsive {
  display: block;
  width: 100% \9;
  max-width: 100%;
  height: auto; }

div.hopscotch-bubble {
  border-radius: 8px; }
  div.hopscotch-bubble .hopscotch-bubble-close {
    top: 5px;
    right: 5px; }
  div.hopscotch-bubble .hopscotch-content {
    padding-top: 18px; }
  div.hopscotch-bubble .hopscotch-bubble-arrow-container.hopscotch-arrow.down {
    height: 0;
    bottom: -5px; }
  div.hopscotch-bubble .hopscotch-bubble-arrow-border {
    opacity: 0; }
  div.hopscotch-bubble .explanatory {
    color: #16B6F1;
    font-weight: 600; }

.hopscotch-overlay {
  position: absolute;
  z-index: 96;
  transition: all .6s; }

.button {
  border: medium none;
  box-shadow: 0 3px #1b8eb9, -5px 7px rgba(0, 0, 0, 0.1);
  text-decoration: none;
  transition: all 0.1s ease-in-out 0s;
  vertical-align: middle;
  white-space: nowrap;
  border-radius: 999px;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  padding: 12px 18px 12px;
  line-height: 1;
  position: relative;
  margin-top: -2px;
  background-color: var(--sl-brand-color, #16B6F1);
  color: #FFF;
  box-shadow: 0 2px var(--sl-brand-shadow-color, #1B8EB9), -3px 5px rgba(0, 0, 0, 0.15); }
  .button:hover {
    box-shadow: 0 5px var(--sl-brand-shadow-color, #1B8EB9), -5px 9px rgba(0, 0, 0, 0.15); }
  .button:active {
    box-shadow: 0 2px var(--sl-brand-shadow-color, #1B8EB9); }
  .button.noShadow {
    box-shadow: 0 4px var(--sl-brand-shadow-color, #1B8EB9); }
    .button.noShadow:hover {
      box-shadow: 0 6px var(--sl-brand-shadow-color, #1B8EB9); }
    .button.noShadow:active {
      box-shadow: 0 2px var(--sl-brand-shadow-color, #1B8EB9); }
  .button:hover {
    margin-bottom: 2px;
    margin-top: -4px;
    transition: all 0.1s ease-in-out 0s; }
  .button:active {
    box-shadow: 0 2px #1b8eb9;
    margin-top: 0;
    margin-bottom: -2px; }
  .button .svgHolder {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    display: none;
    text-align: center; }
  .button .feedbackText {
    left: 0;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    right: 0;
    text-align: center;
    bottom: -40px;
    z-index: 999; }
    .button .feedbackText span {
      background: rgba(255, 255, 255, 0.7) none repeat scroll 0 0;
      border-radius: 4px;
      color: #4a4a4a;
      font-size: 13px;
      padding: 4px 8px; }
  .button .text {
    display: inline-block;
    vertical-align: middle;
    position: relative; }
  .button .icon {
    margin-left: 5px; }
  .button.small {
    font-size: 13px;
    padding: 5px 8px 4px; }
  .button.huge {
    padding: 14px 30px;
    font-size: 18px; }
  .button.white-turquoise {
    background-color: #FFF;
    color: #00cecd;
    box-shadow: 0 2px #e0dfdf, -3px 5px rgba(0, 0, 0, 0.15); }
    .button.white-turquoise:hover {
      box-shadow: 0 5px #e0dfdf, -5px 9px rgba(0, 0, 0, 0.15); }
    .button.white-turquoise:active {
      box-shadow: 0 2px #e0dfdf; }
    .button.white-turquoise.noShadow {
      box-shadow: 0 4px #e0dfdf; }
      .button.white-turquoise.noShadow:hover {
        box-shadow: 0 6px #e0dfdf; }
      .button.white-turquoise.noShadow:active {
        box-shadow: 0 2px #e0dfdf; }
  .button.white-red {
    background-color: #FFF;
    color: #e96076;
    box-shadow: 0 2px #e0dfdf, -3px 5px rgba(0, 0, 0, 0.15); }
    .button.white-red:hover {
      box-shadow: 0 5px #e0dfdf, -5px 9px rgba(0, 0, 0, 0.15); }
    .button.white-red:active {
      box-shadow: 0 2px #e0dfdf; }
    .button.white-red.noShadow {
      box-shadow: 0 4px #e0dfdf; }
      .button.white-red.noShadow:hover {
        box-shadow: 0 6px #e0dfdf; }
      .button.white-red.noShadow:active {
        box-shadow: 0 2px #e0dfdf; }
  .button.white-green {
    background-color: #FFF;
    color: #84d521;
    box-shadow: 0 2px #e0dfdf, -3px 5px rgba(0, 0, 0, 0.15); }
    .button.white-green:hover {
      box-shadow: 0 5px #e0dfdf, -5px 9px rgba(0, 0, 0, 0.15); }
    .button.white-green:active {
      box-shadow: 0 2px #e0dfdf; }
    .button.white-green.noShadow {
      box-shadow: 0 4px #e0dfdf; }
      .button.white-green.noShadow:hover {
        box-shadow: 0 6px #e0dfdf; }
      .button.white-green.noShadow:active {
        box-shadow: 0 2px #e0dfdf; }
  .button.white-blue {
    background-color: #FFF;
    color: var(--sl-brand-color, #16B6F1);
    box-shadow: 0 2px #e0dfdf, -3px 5px rgba(0, 0, 0, 0.15); }
    .button.white-blue:hover {
      box-shadow: 0 5px #e0dfdf, -5px 9px rgba(0, 0, 0, 0.15); }
    .button.white-blue:active {
      box-shadow: 0 2px #e0dfdf; }
    .button.white-blue.noShadow {
      box-shadow: 0 4px #e0dfdf; }
      .button.white-blue.noShadow:hover {
        box-shadow: 0 6px #e0dfdf; }
      .button.white-blue.noShadow:active {
        box-shadow: 0 2px #e0dfdf; }
  .button.white-purple {
    background-color: #FFF;
    color: #7fa9e8;
    box-shadow: 0 2px #e0dfdf, -3px 5px rgba(0, 0, 0, 0.15); }
    .button.white-purple:hover {
      box-shadow: 0 5px #e0dfdf, -5px 9px rgba(0, 0, 0, 0.15); }
    .button.white-purple:active {
      box-shadow: 0 2px #e0dfdf; }
    .button.white-purple.noShadow {
      box-shadow: 0 4px #e0dfdf; }
      .button.white-purple.noShadow:hover {
        box-shadow: 0 6px #e0dfdf; }
      .button.white-purple.noShadow:active {
        box-shadow: 0 2px #e0dfdf; }
  .button.white-orange {
    background-color: #FFF;
    color: #ffb037;
    box-shadow: 0 2px #e0dfdf, -3px 5px rgba(0, 0, 0, 0.15); }
    .button.white-orange:hover {
      box-shadow: 0 5px #e0dfdf, -5px 9px rgba(0, 0, 0, 0.15); }
    .button.white-orange:active {
      box-shadow: 0 2px #e0dfdf; }
    .button.white-orange.noShadow {
      box-shadow: 0 4px #e0dfdf; }
      .button.white-orange.noShadow:hover {
        box-shadow: 0 6px #e0dfdf; }
      .button.white-orange.noShadow:active {
        box-shadow: 0 2px #e0dfdf; }
  .button.white-darkBlue {
    background-color: #FFF;
    color: #1b8eb9;
    box-shadow: 0 2px #e0dfdf, -3px 5px rgba(0, 0, 0, 0.15); }
    .button.white-darkBlue:hover {
      box-shadow: 0 5px #e0dfdf, -5px 9px rgba(0, 0, 0, 0.15); }
    .button.white-darkBlue:active {
      box-shadow: 0 2px #e0dfdf; }
    .button.white-darkBlue.noShadow {
      box-shadow: 0 4px #e0dfdf; }
      .button.white-darkBlue.noShadow:hover {
        box-shadow: 0 6px #e0dfdf; }
      .button.white-darkBlue.noShadow:active {
        box-shadow: 0 2px #e0dfdf; }
  .button.orange {
    background-color: #ffb037;
    color: #FFF;
    box-shadow: 0 2px #cb8a28, -3px 5px rgba(0, 0, 0, 0.15); }
    .button.orange:hover {
      box-shadow: 0 5px #cb8a28, -5px 9px rgba(0, 0, 0, 0.15); }
    .button.orange:active {
      box-shadow: 0 2px #cb8a28; }
    .button.orange.noShadow {
      box-shadow: 0 4px #cb8a28; }
      .button.orange.noShadow:hover {
        box-shadow: 0 6px #cb8a28; }
      .button.orange.noShadow:active {
        box-shadow: 0 2px #cb8a28; }
  .button.white {
    background-color: #FFF;
    color: #4a4a4a;
    box-shadow: 0 2px #e0dfdf, -3px 5px rgba(0, 0, 0, 0.15); }
    .button.white:hover {
      box-shadow: 0 5px #e0dfdf, -5px 9px rgba(0, 0, 0, 0.15); }
    .button.white:active {
      box-shadow: 0 2px #e0dfdf; }
    .button.white.noShadow {
      box-shadow: 0 4px #e0dfdf; }
      .button.white.noShadow:hover {
        box-shadow: 0 6px #e0dfdf; }
      .button.white.noShadow:active {
        box-shadow: 0 2px #e0dfdf; }
  .button.darkBlue {
    background-color: #1b8eb9;
    color: #FFF;
    box-shadow: 0 2px #0f6887, -3px 5px rgba(0, 0, 0, 0.15); }
    .button.darkBlue:hover {
      box-shadow: 0 5px #0f6887, -5px 9px rgba(0, 0, 0, 0.15); }
    .button.darkBlue:active {
      box-shadow: 0 2px #0f6887; }
    .button.darkBlue.noShadow {
      box-shadow: 0 4px #0f6887; }
      .button.darkBlue.noShadow:hover {
        box-shadow: 0 6px #0f6887; }
      .button.darkBlue.noShadow:active {
        box-shadow: 0 2px #0f6887; }
  .button.green {
    background-color: #84d521;
    color: #FFF;
    box-shadow: 0 2px #66a915, -3px 5px rgba(0, 0, 0, 0.15); }
    .button.green:hover {
      box-shadow: 0 5px #66a915, -5px 9px rgba(0, 0, 0, 0.15); }
    .button.green:active {
      box-shadow: 0 2px #66a915; }
    .button.green.noShadow {
      box-shadow: 0 4px #66a915; }
      .button.green.noShadow:hover {
        box-shadow: 0 6px #66a915; }
      .button.green.noShadow:active {
        box-shadow: 0 2px #66a915; }
  .button.red {
    background-color: #e75243;
    color: #FFF;
    box-shadow: 0 2px #bd3427, -3px 5px rgba(0, 0, 0, 0.15); }
    .button.red:hover {
      box-shadow: 0 5px #bd3427, -5px 9px rgba(0, 0, 0, 0.15); }
    .button.red:active {
      box-shadow: 0 2px #bd3427; }
    .button.red.noShadow {
      box-shadow: 0 4px #bd3427; }
      .button.red.noShadow:hover {
        box-shadow: 0 6px #bd3427; }
      .button.red.noShadow:active {
        box-shadow: 0 2px #bd3427; }
  .button.turquoise {
    background-color: #00cecd;
    color: #FFF;
    box-shadow: 0 2px #06a5a5, -3px 5px rgba(0, 0, 0, 0.15); }
    .button.turquoise:hover {
      box-shadow: 0 5px #06a5a5, -5px 9px rgba(0, 0, 0, 0.15); }
    .button.turquoise:active {
      box-shadow: 0 2px #06a5a5; }
    .button.turquoise.noShadow {
      box-shadow: 0 4px #06a5a5; }
      .button.turquoise.noShadow:hover {
        box-shadow: 0 6px #06a5a5; }
      .button.turquoise.noShadow:active {
        box-shadow: 0 2px #06a5a5; }
  .button.purple {
    background-color: #7fa9e8;
    color: #FFF;
    box-shadow: 0 2px #4a6ca0, -3px 5px rgba(0, 0, 0, 0.15); }
    .button.purple:hover {
      box-shadow: 0 5px #4a6ca0, -5px 9px rgba(0, 0, 0, 0.15); }
    .button.purple:active {
      box-shadow: 0 2px #4a6ca0; }
    .button.purple.noShadow {
      box-shadow: 0 4px #4a6ca0; }
      .button.purple.noShadow:hover {
        box-shadow: 0 6px #4a6ca0; }
      .button.purple.noShadow:active {
        box-shadow: 0 2px #4a6ca0; }
  .button.disabled {
    background-color: #9e9e9e;
    color: #FFF;
    box-shadow: 0 2px #6b6a6a, -3px 5px rgba(0, 0, 0, 0.15);
    cursor: default;
    pointer-events: none; }
    .button.disabled:hover {
      box-shadow: 0 5px #6b6a6a, -5px 9px rgba(0, 0, 0, 0.15); }
    .button.disabled:active {
      box-shadow: 0 2px #6b6a6a; }
    .button.disabled.noShadow {
      box-shadow: 0 4px #6b6a6a; }
      .button.disabled.noShadow:hover {
        box-shadow: 0 6px #6b6a6a; }
      .button.disabled.noShadow:active {
        box-shadow: 0 2px #6b6a6a; }

.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 8010; }

.fancybox-overlay {
  background: url("/moduleAssets/Slimleren/assets/vendor/fancybox/fancybox_overlay.png") !important; }

.fancybox-overlay-fixed {
  bottom: 0;
  position: fixed;
  right: 0; }

.icon {
  display: inline-block;
  vertical-align: middle;
  position: relative; }
  .icon .shadow {
    background: transparent radial-gradient(ellipse at center center, rgba(0, 0, 0, 0.25) 0%, transparent 80%) repeat scroll 0 0;
    height: 6px;
    left: 10%;
    opacity: 0;
    position: absolute;
    top: 100%;
    width: 80%;
    pointer-events: none; }

input {
  border-radius: 999px; }
  input.rectangle {
    border-radius: 10px; }

textarea {
  border-radius: 25px; }
  textarea.rectangle {
    border-radius: 10px; }

input, textarea {
  border: 2px solid #dfe4eb;
  color: #555;
  font-size: 14px;
  padding: 10px 14px;
  font-weight: 400; }
  input.hover:not(:disabled), input:hover:not(:disabled), textarea.hover:not(:disabled), textarea:hover:not(:disabled) {
    border: 2px dashed #16b6f1; }
  input:focus, textarea:focus {
    border: 2px solid #16b6f1; }
  input:disabled, textarea:disabled {
    pointer-events: none;
    color: #16b6f1; }
  input::placeholder, textarea::placeholder {
    color: #C9C5C5; }
  input.done, input .selected, textarea.done, textarea .selected {
    background: #bee8fa none repeat scroll 0 0;
    border-color: #16b6f1;
    color: #16b6f1; }
  input.wrong, textarea.wrong {
    background-color: #f8d6d6;
    border-color: #e55e58;
    color: #e55e58;
    pointer-events: none; }
  input.correct, textarea.correct {
    background-color: #e7f7d3;
    border-color: #84D521;
    color: #84D521;
    pointer-events: none; }
  input.required, textarea.required {
    background-color: #ffdfdf;
    border-color: #ff6e75;
    color: #222; }

.notification {
  position: fixed;
  border-radius: 4px;
  border: 2px solid #FFF;
  background: #00c3f4;
  color: #FFF;
  padding: 20px;
  display: none;
  max-width: 270px;
  z-index: 9001; }
  .notification .closeButton {
    position: absolute;
    right: -20px;
    top: -20px;
    border-radius: 20px;
    height: 40px;
    width: 40px;
    background: #FFF;
    text-align: center;
    line-height: 40px;
    cursor: pointer; }
    .notification .closeButton svg {
      width: 16px;
      color: #C9C5C5;
      margin-top: 12px; }
    .notification .closeButton:hover svg {
      color: #999696; }
  .notification img {
    display: inline-block;
    vertical-align: middle; }
  .notification .text {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 60px);
    margin-left: 21px; }
    .notification .text span {
      display: inline-block;
      vertical-align: middle;
      margin: 0 2px; }
    .notification .text .red {
      color: #e85344; }
    .notification .text .bold {
      font-weight: 600; }
    .notification .text a:hover {
      text-decoration: underline; }
  .notification .extra {
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px dashed #FFF; }
  .notification .shopItems {
    list-style: none;
    padding: 0;
    margin-top: 0;
    margin-bottom: -15px; }
    .notification .shopItems li {
      display: inline-block;
      background: #FFF;
      border-radius: 100%;
      width: 45px;
      height: 45px;
      text-align: center;
      line-height: 45px;
      margin-bottom: 15px;
      margin-right: 15px; }
      .notification .shopItems li:nth-child(4) {
        margin-right: 0; }
      .notification .shopItems li img {
        max-width: 25px;
        max-height: 25px; }

span.numericalCalculation {
  display: inline-block; }
  span.numericalCalculation > span.tableRow {
    display: block; }
    span.numericalCalculation > span.tableRow.helpers > span {
      border-radius: 20px;
      font-size: 9px;
      background: orange;
      font-weight: 900;
      color: #FFF;
      vertical-align: bottom;
      line-height: 14px; }
      span.numericalCalculation > span.tableRow.helpers > span.comma {
        opacity: 0; }
    span.numericalCalculation > span.tableRow.answerRow {
      border-top: 1px solid; }
    span.numericalCalculation > span.tableRow > span {
      display: inline-block;
      width: 12px;
      line-height: 22px;
      font-size: 14px;
      text-align: center; }
      span.numericalCalculation > span.tableRow > span.transformation {
        padding-left: 10px; }
      span.numericalCalculation > span.tableRow > span.comma {
        width: 10px; }

.blueText {
  color: #4DBFEB; }

.greenText {
  color: #84D522; }

.redText {
  color: #EA697E; }

.orangeText {
  color: #F4A202; }

.turquoiseText {
  color: #1CDADB; }

.bg-container-wrapper {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 52px; }
  .bg-container-wrapper .container {
    height: 100%;
    position: relative; }
    @media only screen and (min-width: 1570px) {
      .bg-container-wrapper .container .bg-left {
        position: fixed;
        left: 0; } }
    @media only screen and (max-width: 1569px) {
      .bg-container-wrapper .container .bg-left {
        position: absolute;
        left: -200px; } }
    @media only screen and (min-width: 1570px) {
      .bg-container-wrapper .container .bg-right {
        position: fixed;
        right: 0; } }
    @media only screen and (max-width: 1569px) {
      .bg-container-wrapper .container .bg-right {
        position: absolute;
        right: -200px; } }

.buddyHelper {
  background: none repeat scroll 0 0 white;
  border-radius: 10px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
  min-width: 300px;
  max-width: 400px;
  padding: 40px 20px 20px 20px;
  position: absolute;
  transition: all 0.4s cubic-bezier(0.77, 0, 0.175, 1) 0s;
  opacity: 0;
  margin-top: 50px;
  z-index: 9999; }
  .buddyHelper.white-shadow {
    box-shadow: 0 0 5px rgba(255, 255, 255, 0.4); }
  .buddyHelper.slide-in {
    opacity: 1;
    margin-top: 0; }
  .buddyHelper.hide {
    display: none; }
  .buddyHelper p {
    max-width: 300px;
    color: #444; }
  .buddyHelper .helperImg {
    position: absolute;
    right: 30px;
    top: -80px; }
  .buddyHelper .close {
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer; }

.MathJax_Display {
  background: none repeat scroll 0 0 #fff;
  border-radius: 5px;
  display: inline-block !important;
  margin: 3px 5px !important;
  padding: 5px;
  width: auto !important;
  color: #4a4a4a; }

.wrongContentContainer {
  margin-top: 20px; }
  .wrongContentContainer .trigger {
    text-align: right;
    cursor: pointer; }
    .wrongContentContainer .trigger .text {
      color: #16b6f1; }
    .wrongContentContainer .trigger .icon {
      margin-left: 10px; }
  .wrongContentContainer .balloon {
    background: #e9f9ff none repeat scroll 0 0;
    border: 2px solid #d1f2ff;
    border-radius: 4px;
    margin-top: 20px;
    padding: 15px;
    position: absolute;
    right: 10px;
    width: 80%;
    display: none; }
    .wrongContentContainer .balloon .triangle {
      position: absolute;
      right: 6px;
      top: -14px; }
    .wrongContentContainer .balloon .title {
      color: #16b6f1;
      display: block; }
    .wrongContentContainer .balloon textarea {
      border: 2px dashed #cef2ff;
      display: block;
      margin-top: 10px;
      width: 100%;
      font-size: 13px; }
    .wrongContentContainer .balloon .buttonHolder {
      text-align: right;
      margin-top: 10px; }
      .wrongContentContainer .balloon .buttonHolder .button {
        margin-left: 10px; }

.wrongContentHelper .title {
  font-size: 13px;
  color: #16b6f1; }
.wrongContentHelper textarea {
  margin-bottom: 10px;
  margin-top: 10px;
  width: 100%; }
.wrongContentHelper .buttonHolder {
  text-align: right; }
  .wrongContentHelper .buttonHolder .button {
    margin-left: 10px; }

.selectOptions {
  display: inline-block; }
  .selectOptions .option {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #dddddd;
    border-radius: 100px;
    color: #6c6b74;
    cursor: pointer;
    display: inline-block;
    padding: 7px 20px;
    text-align: center;
    margin: 4px 2px; }
    .selectOptions .option .icon {
      margin-right: 10px;
      margin-bottom: 2px; }
    .selectOptions .option .text {
      vertical-align: middle;
      margin-bottom: 2px;
      display: inline-block; }
    .selectOptions .option:last-child {
      margin-right: 0; }
  .selectOptions.disabled .option, .selectOptions .option.disabled {
    cursor: default;
    pointer-events: none;
    background: #dddddd; }
  .selectOptions.orange .option:hover, .selectOptions.orange .option:focus {
    border-color: #fbdfaf;
    border-style: solid; }
  .selectOptions.orange .option.selected {
    border-color: #fbdfaf;
    background: #fff0d6;
    color: #ffb037; }
  .selectOptions.blue .option:hover, .selectOptions.blue .option:focus {
    border-color: #16b6f1;
    border-style: solid; }
  .selectOptions.blue .option.selected {
    border-width: 0 0 3px;
    background: #16b6f1 none repeat scroll 0 0;
    border-color: #1b8eb9;
    color: #fff;
    border-style: none none solid;
    padding-bottom: 5px;
    padding-top: 9px; }
  .selectOptions.yellow .option:hover, .selectOptions.yellow .option:focus {
    border-color: #feca00;
    border-style: solid; }
  .selectOptions.yellow .option.selected {
    border-width: 0 0 3px;
    background: #feca00 none repeat scroll 0 0;
    border-color: #d5aa02;
    color: #fff;
    border-style: none none solid;
    padding-bottom: 5px;
    padding-top: 9px; }
  .selectOptions.green .option:hover, .selectOptions.green .option:focus {
    border-color: #94d92b;
    border-style: solid; }
  .selectOptions.green .option.selected {
    border-width: 0 0 3px;
    background: #94d92b none repeat scroll 0 0;
    border-color: #77b41a;
    color: #fff;
    border-style: none none solid;
    padding-bottom: 5px;
    padding-top: 9px; }

.radio:not(label) {
  border: 2px solid #dfe4eb;
  border-radius: 100%;
  display: inline-block;
  padding: 2px;
  position: relative;
  vertical-align: middle;
  line-height: 0; }
  .radio:not(label):not(.disabled) {
    cursor: pointer; }
    .radio:not(label):not(.disabled):hover {
      border-color: #16b6f1; }
  .radio:not(label).selected {
    border-color: #16b6f1; }
    .radio:not(label).selected .bullet {
      opacity: 1; }
  .radio:not(label) .bullet {
    opacity: 0;
    background: #16b6f1 none repeat scroll 0 0;
    border-radius: 8px;
    height: 8px;
    width: 8px;
    display: inline-block; }

.toggleHolder {
  display: inline-block; }
  .toggleHolder .option {
    display: inline-block; }
  .toggleHolder .toggle {
    background: #d1f1fd none repeat scroll 0 0;
    border-radius: 13px;
    cursor: pointer;
    display: inline-block;
    height: 23px;
    margin: 0 5px;
    padding: 3px;
    position: relative;
    vertical-align: middle;
    width: 52px; }
    .toggleHolder .toggle .ball {
      background: #16b6f1 none repeat scroll 0 0;
      border-radius: 10px;
      height: 17px;
      width: 17px; }

.ajaxButton {
  display: inline-block;
  text-align: center;
  position: relative;
  vertical-align: middle;
  white-space: nowrap; }
  .ajaxButton .svgHolder {
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    text-align: center;
    vertical-align: middle; }
    .ajaxButton .svgHolder svg {
      vertical-align: middle; }
  .ajaxButton .feedbackText {
    display: none;
    bottom: -30px;
    color: #16b6f1;
    font-weight: 300;
    left: 0;
    position: absolute;
    padding: 3px 5px;
    border-radius: 4px;
    background: #FFF; }

.select {
  display: inline-block;
  color: #ffb037;
  position: relative;
  font-size: 13px;
  font-weight: 600; }
  .select .selectBox {
    background: #fff0d6 none repeat scroll 0 0;
    border: 2px solid #fbdfaf;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    line-height: 24px;
    padding: 0 10px;
    position: relative;
    z-index: 10; }
    .select .selectBox.open {
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
      border-bottom: none !important; }
    .select .selectBox .currentValue {
      padding-right: 40px;
      display: inline-block; }
    .select .selectBox .caret {
      margin-top: -2px;
      position: absolute;
      right: 10px;
      top: 50%; }
  .select ul.options {
    background: #fff0d6 none repeat scroll 0 0;
    border: 2px solid #fbdfaf;
    border-radius: 0 4px 4px;
    left: 0;
    list-style: outside none none;
    margin: 0;
    padding: 10px 0 0;
    position: absolute;
    display: none;
    z-index: 9; }
    .select ul.options li {
      font-weight: 500;
      margin-bottom: 2px;
      padding: 3px 10px;
      cursor: pointer; }
      .select ul.options li:hover {
        background: #fff8eb; }
  .select.orange {
    color: #ffb037; }
    .select.orange .selectBox {
      background: #fff0d6 none repeat scroll 0 0;
      border: 2px solid #fbdfaf; }
    .select.orange ul.options {
      background: #fff0d6 none repeat scroll 0 0;
      border: 2px solid #fbdfaf; }
      .select.orange ul.options li:hover {
        background: #fff8eb; }
  .select.white {
    color: #5a6b74; }
    .select.white .selectBox {
      background: #FFF none repeat scroll 0 0;
      border: 2px solid #dddddd; }
    .select.white ul.options {
      background: #FFF none repeat scroll 0 0;
      border: 2px solid #dddddd; }
      .select.white ul.options li:hover {
        background: #eee; }

.caret {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid;
  display: inline-block;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  width: 0; }

.tableList {
  display: block; }
  .tableList .header {
    display: block;
    line-height: 40px;
    border-radius: 4px;
    border-bottom: 3px solid;
    padding: 0 20px; }
    .tableList .header .iconHolder {
      display: table-cell; }
      .tableList .header .iconHolder .icon {
        margin-right: 10px;
        margin-top: -2px; }
    .tableList .header .text {
      display: table-cell;
      font-weight: 600;
      width: 100%;
      line-height: 1.2;
      padding: 10px 0;
      color: #FFF; }
    .tableList .header .buttonHolder {
      display: table-cell; }
      .tableList .header .buttonHolder .button {
        border-color: #fff;
        margin-top: -1px;
        vertical-align: middle; }
        .tableList .header .buttonHolder .button:hover {
          border-color: #7bb721; }
  .tableList ul {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    margin-left: 20px;
    list-style: none;
    border-left: 2px solid;
    padding-top: 10px; }
    @media only screen and (max-width: 991px) {
      .tableList ul {
        margin-left: 10px; } }
    .tableList ul li {
      display: block;
      position: relative;
      margin: 10px 0; }
      .tableList ul li:last-child .verticalLineEraser {
        opacity: 1; }
      .tableList ul li .hLine {
        display: inline-block;
        height: 2px;
        margin-right: 10px;
        vertical-align: middle;
        width: 20px; }
        @media only screen and (max-width: 991px) {
          .tableList ul li .hLine {
            width: 10px;
            margin-right: 5px; } }
      .tableList ul li .name {
        display: inline-block;
        line-height: 1.25;
        vertical-align: middle;
        width: calc(100% - 59px); }
      .tableList ul li .verticalLineEraser {
        background: #fff none repeat scroll 0 0;
        height: calc(50% - 1px);
        left: -2px;
        position: absolute;
        width: 2px;
        opacity: 0; }
        .tableList ul li .verticalLineEraser.bottom {
          bottom: 0; }
    .tableList ul.practiceList li .name {
      width: calc(100% - 240px); }
      @media only screen and (max-width: 991px) {
        .tableList ul.practiceList li .name {
          width: calc(100% - 225px); } }
    .tableList ul.practiceList li .extras {
      bottom: 0;
      display: inline-block;
      top: 0;
      width: 200px; }
      .tableList ul.practiceList li .extras .theoryIcon {
        margin: 0 10px;
        cursor: pointer; }
      .tableList ul.practiceList li .extras .levelSwitcherIcon {
        cursor: pointer; }
      .tableList ul.practiceList li .extras .starIcon {
        margin-left: 10px; }
  .tableList.turquoise .header {
    background: #00cecd;
    border-color: #06a5a5; }
  .tableList.turquoise ul {
    border-left-color: #06a5a5; }
    .tableList.turquoise ul li .hLine {
      background: #06a5a5; }
  .tableList.green .header {
    background: #84d521;
    border-color: #66a915; }
  .tableList.green ul {
    border-left-color: #66a915; }
    .tableList.green ul li .hLine {
      background: #66a915; }
  .tableList.blue .header {
    background: #16b6f1;
    border-color: #147ba2; }
  .tableList.blue ul {
    border-left-color: #147ba2; }
    .tableList.blue ul li .hLine {
      background: #147ba2; }
  .tableList.light-orange .header {
    background: #ffb037;
    border-color: #fbdfaf; }
  .tableList.light-orange ul {
    border-left-color: #fbdfaf; }
    .tableList.light-orange ul li .hLine {
      background: #fbdfaf; }
  .tableList.orange .header {
    background: #ffb037;
    border-color: #cb8a28; }
  .tableList.orange ul {
    border-left-color: #cb8a28; }
    .tableList.orange ul li .hLine {
      background: #cb8a28; }
  .tableList.red .header {
    background: #e96076;
    border-color: #b0384b; }
  .tableList.red ul {
    border-left-color: #b0384b; }
    .tableList.red ul li .hLine {
      background: #b0384b; }
  .tableList.purple .header {
    background: #7fa9e8;
    border-color: #4a6ca0; }
  .tableList.purple ul {
    border-left-color: #4a6ca0; }
    .tableList.purple ul li .hLine {
      background: #4a6ca0; }
  .tableList.grey .header {
    background: #FFF;
    border-color: #e0e0e0; }
  .tableList.grey ul {
    border-left-color: #e0e0e0; }
    .tableList.grey ul li .hLine {
      background: #e0e0e0; }

.sideCard {
  background: #fff none repeat scroll 0 0; }
  .sideCard > .header {
    background: #0A92C0;
    border-bottom: 2px solid #0e78a0;
    border-radius: 8px 8px 0 0;
    display: block;
    line-height: 50px;
    margin: -16px -16px 10px;
    padding: 0 20px;
    position: relative;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d; }
    .sideCard > .header .text {
      color: #FFF;
      font-size: 16px;
      font-weight: 600;
      display: inline-block;
      line-height: 1.375;
      padding-top: 10px; }
    .sideCard > .header img {
      position: absolute;
      right: 20px;
      top: 50%;
      transform: translateY(-50%); }
      .sideCard > .header img.bottom {
        bottom: 0;
        top: auto;
        transform: translateY(0px); }
  .sideCard > .content {
    margin: 30px 0px 15px; }

.levelIndicator {
  display: inline-block;
  height: 10px;
  position: relative;
  width: 40px; }
  .levelIndicator .greyBar {
    background: #d8d8d8 none repeat scroll 0 0;
    border-radius: 2px;
    height: 100%;
    position: absolute;
    width: 100%; }
  .levelIndicator .coloredBar {
    border-radius: 2px 0 0 2px;
    height: 100%;
    position: absolute; }
    .levelIndicator .coloredBar .verticalLine {
      background: #979797 none repeat scroll 0 0;
      border-radius: 2px;
      bottom: 0;
      height: 140%;
      position: absolute;
      right: 0;
      top: -20%;
      width: 2px; }

.balloonContainer .overlay {
  position: fixed;
  background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;
  height: 100%;
  width: 100%;
  display: none;
  z-index: 98;
  left: 0;
  top: 0; }
.balloonContainer .balloonHolder {
  display: none;
  padding-bottom: 50px;
  position: absolute;
  z-index: 98; }
  .balloonContainer .balloonHolder .balloon {
    background: #fff none repeat scroll 0 0;
    border-radius: 8px;
    box-shadow: 0 0 6px 2px #888; }
    .balloonContainer .balloonHolder .balloon .balloonArrow {
      position: absolute;
      top: -20px; }
      .balloonContainer .balloonHolder .balloon .balloonArrow.center {
        text-align: center;
        width: 100%; }
    .balloonContainer .balloonHolder .balloon .viewport {
      min-height: 200px;
      min-width: 800px;
      overflow: hidden; }
      @media only screen and (max-width: 860px) {
        .balloonContainer .balloonHolder .balloon .viewport {
          min-width: 710px; } }
      .balloonContainer .balloonHolder .balloon .viewport > .content {
        margin: 10px 0;
        overflow-y: scroll;
        padding: 20px;
        max-height: 500px;
        max-width: 800px; }
        @media only screen and (max-width: 860px) {
          .balloonContainer .balloonHolder .balloon .viewport > .content {
            max-width: 710px; } }
        .balloonContainer .balloonHolder .balloon .viewport > .content > .svgHolder {
          overflow: hidden;
          height: 200px;
          display: block;
          text-align: center; }
          .balloonContainer .balloonHolder .balloon .viewport > .content > .svgHolder svg {
            position: relative;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%); }

.subjectSection {
  line-height: 24px; }
  .subjectSection.hasImage {
    min-height: 240px; }
  .subjectSection h3 {
    color: #49cecd;
    margin-bottom: -10px;
    margin-top: 40px;
    font-weight: 600;
    text-decoration: underline; }
  .subjectSection .videoHolder {
    border: 2px solid #16b6f1;
    border-radius: 5px;
    height: 285px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    overflow: hidden;
    width: 504px;
    margin-bottom: 40px;
    max-width: 100%; }
  .subjectSection .MathJax_Display {
    background: none repeat scroll 0 0 #ebeff6; }

.buddyContainer .overlay {
  position: fixed;
  background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;
  height: 100%;
  width: 100%;
  display: none;
  z-index: 298;
  left: 0;
  top: 0; }
.buddyContainer .buddy {
  background: #fff none repeat scroll 0 0;
  border-radius: 8px;
  box-shadow: 0 0 6px 2px #888;
  display: none;
  padding: 40px 20px 20px;
  position: absolute;
  z-index: 300; }
  .buddyContainer .buddy .buddyCloud {
    position: absolute;
    right: 30px;
    top: -90px; }
    .buddyContainer .buddy .buddyCloud.left {
      display: none; }
    .buddyContainer .buddy .buddyCloud.right {
      display: block; }
  .buddyContainer .buddy.left .buddyCloud {
    right: unset;
    left: 30px; }
    .buddyContainer .buddy.left .buddyCloud.left {
      display: block; }
    .buddyContainer .buddy.left .buddyCloud.right {
      display: none; }
  .buddyContainer .buddy .close {
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer; }
  .buddyContainer .buddy .contentContainer {
    display: block;
    min-width: 300px;
    max-width: 400px; }
    .buddyContainer .buddy .contentContainer p:first-of-type {
      margin-top: 0; }
    .buddyContainer .buddy .contentContainer p.center {
      text-align: center; }
    .buddyContainer .buddy .contentContainer .buttonHolder {
      padding-top: 20px; }
    .buddyContainer .buddy .contentContainer .blue {
      color: #16b6f1; }

.tabsDisplay {
  display: block; }
  .tabsDisplay .tabButtons {
    display: block; }
    .tabsDisplay .tabButtons .tabButton {
      background: #fff none repeat scroll 0 0;
      border-color: #16b6f1;
      border-radius: 4px 4px 0 0;
      border-style: solid;
      border-width: 2px 2px 0;
      color: #16b6f1;
      cursor: pointer;
      display: inline-block;
      font-size: 13px;
      font-weight: 600;
      margin-right: 10px;
      padding: 6px 15px;
      position: relative;
      vertical-align: top;
      z-index: 2; }
      .tabsDisplay .tabButtons .tabButton.active {
        background-color: #16b6f1;
        border-color: #16b6f1;
        color: #fff; }
  .tabsDisplay .tabContents {
    background: #16b6f1 none repeat scroll 0 0;
    border-bottom: 3px solid #1b8eb9;
    border-radius: 0 4px 4px;
    color: #fff;
    display: block;
    padding: 20px;
    position: relative;
    z-index: 1; }
    .tabsDisplay .tabContents .image-thumbnail .title {
      color: #FFF; }
    .tabsDisplay .tabContents .tabContent.hide {
      display: none; }

.subjectTile {
  display: block;
  margin: 0 5px;
  height: 175px;
  margin-top: 24px; }
  .subjectTile .tile {
    border-bottom: 6px solid;
    border-radius: 4px;
    padding: 20px;
    position: relative; }
    @media only screen and (max-width: 991px) {
      .subjectTile .tile {
        padding: 10px; } }
    .subjectTile .tile.turquoise {
      background: #00cecd;
      border-color: #06a5a5; }
    .subjectTile .tile.green {
      background: #84d521;
      border-color: #6cb217; }
    .subjectTile .tile.red {
      background: #e96076;
      border-color: #b0384b; }
    .subjectTile .tile.blue {
      background: #16b6f1;
      border-color: #147ba2; }
    .subjectTile .tile.purple {
      background: #7fa9e8;
      border-color: #4a6ca0; }
    .subjectTile .tile.orange {
      background: #ffb037;
      border-color: #cb8a28; }
    .subjectTile .tile .star {
      position: absolute;
      right: -22px;
      top: -28px; }
    .subjectTile .tile .nameHolder {
      line-height: 80px; }
      .subjectTile .tile .nameHolder .name {
        color: #fff;
        display: inline-block;
        font-size: 13px;
        line-height: 1.25em;
        text-align: center;
        vertical-align: middle;
        width: 100%; }
  .subjectTile .buttonHolder {
    position: relative;
    width: 100%;
    text-align: center;
    margin-top: -18px; }
  .subjectTile .shadow {
    background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0;
    border-radius: 40%;
    height: 6px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    width: 90px; }

.paragraphTile {
  display: block;
  margin: 0 5px;
  height: 240px;
  padding-top: 38px; }
  .paragraphTile .star {
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 0; }
  .paragraphTile .tile {
    border-bottom: 6px solid;
    border-radius: 4px;
    padding: 20px;
    position: relative; }
    @media only screen and (max-width: 991px) {
      .paragraphTile .tile {
        padding: 10px; } }
    .paragraphTile .tile .nrOfSubjects {
      background: #fff none repeat scroll 0 0;
      border-radius: 4px;
      font-size: 13px;
      font-weight: 600;
      line-height: 21px;
      padding: 0 15px;
      position: absolute;
      right: 7px;
      top: 7px; }
    .paragraphTile .tile.turquoise {
      background: #00cecd;
      border-color: #06a5a5; }
      .paragraphTile .tile.turquoise .nrOfSubjects {
        color: #00cecd; }
    .paragraphTile .tile.green {
      background: #84d521;
      border-color: #6cb217; }
      .paragraphTile .tile.green .nrOfSubjects {
        color: #84d521; }
    .paragraphTile .tile.red {
      background: #e96076;
      border-color: #b0384b; }
      .paragraphTile .tile.red .nrOfSubjects {
        color: #e96076; }
    .paragraphTile .tile.blue {
      background: #16b6f1;
      border-color: #147ba2; }
      .paragraphTile .tile.blue .nrOfSubjects {
        color: #16b6f1; }
    .paragraphTile .tile.purple {
      background: #7fa9e8;
      border-color: #4a6ca0; }
      .paragraphTile .tile.purple .nrOfSubjects {
        color: #7fa9e8; }
    .paragraphTile .tile.orange {
      background: #ffb037;
      border-color: #cb8a28; }
      .paragraphTile .tile.orange .nrOfSubjects {
        color: #ffb037; }
    .paragraphTile .tile .nameHolder {
      line-height: 80px; }
      .paragraphTile .tile .nameHolder .name {
        color: #fff;
        display: inline-block;
        font-size: 13px;
        line-height: 1.25em;
        text-align: center;
        vertical-align: middle;
        width: 100%; }
  .paragraphTile .buttonHolder {
    position: relative;
    width: 100%;
    text-align: center;
    margin-top: -18px; }
  .paragraphTile .shadow {
    background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0;
    border-radius: 40%;
    height: 6px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    width: 90px; }

.wizardContainer {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 200; }
  .wizardContainer .overlay {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.5);
    display: none; }
  .wizardContainer .modal {
    background: #fff none repeat scroll 0 0;
    border-radius: 8px;
    height: 650px;
    left: 50%;
    margin-left: -350px;
    margin-top: -325px;
    position: absolute;
    top: 50%;
    width: 700px;
    display: none;
    overflow: hidden; }
    .wizardContainer .modal .slide, .wizardContainer .modal .title {
      display: none; }
    .wizardContainer .modal .slide0, .wizardContainer .modal .slide2, .wizardContainer .modal .slide_basisSchool {
      padding: 50px; }
      .wizardContainer .modal .slide0 .text, .wizardContainer .modal .slide2 .text, .wizardContainer .modal .slide_basisSchool .text {
        display: inline-block;
        width: calc( 100% - 310px );
        vertical-align: middle; }
        .wizardContainer .modal .slide0 .text p, .wizardContainer .modal .slide2 .text p, .wizardContainer .modal .slide_basisSchool .text p {
          margin-top: 0; }
      .wizardContainer .modal .slide0 .image, .wizardContainer .modal .slide2 .image, .wizardContainer .modal .slide_basisSchool .image {
        display: inline-block;
        vertical-align: middle; }
      .wizardContainer .modal .slide0 .buttonsHolder, .wizardContainer .modal .slide2 .buttonsHolder, .wizardContainer .modal .slide_basisSchool .buttonsHolder {
        display: block;
        text-align: center;
        margin-top: 40px; }
        .wizardContainer .modal .slide0 .buttonsHolder .button, .wizardContainer .modal .slide2 .buttonsHolder .button, .wizardContainer .modal .slide_basisSchool .buttonsHolder .button {
          margin-left: 10px;
          margin-right: 10px; }
    .wizardContainer .modal .slide0 {
      padding-top: 10px; }
      .wizardContainer .modal .slide0 .buddyDesk {
        width: 80%;
        float: right; }
      .wizardContainer .modal .slide0 .entrySurvey .text {
        width: calc(100% - 50px);
        cursor: pointer; }
      .wizardContainer .modal .slide0 .entrySurvey .entryOptions {
        list-style: none; }
        .wizardContainer .modal .slide0 .entrySurvey .entryOptions li {
          display: inline-block;
          margin: 10px 20px 0;
          width: 200px; }
          .wizardContainer .modal .slide0 .entrySurvey .entryOptions li.extraBig {
            width: 443px; }
            .wizardContainer .modal .slide0 .entrySurvey .entryOptions li.extraBig input {
              width: 255px; }
            .wizardContainer .modal .slide0 .entrySurvey .entryOptions li.extraBig .text {
              width: calc(100% - 290px); }
          .wizardContainer .modal .slide0 .entrySurvey .entryOptions li .checkbox {
            margin-right: 10px; }
      .wizardContainer .modal .slide0 .entrySurvey .buttonHolder {
        margin-top: 20px; }
        .wizardContainer .modal .slide0 .entrySurvey .buttonHolder .button {
          float: right; }

.profileModalContainer {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 200; }
  .profileModalContainer .overlay {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.5);
    display: none; }
  .profileModalContainer .modal {
    background: #fff none repeat scroll 0 0;
    border-radius: 8px;
    height: 735px;
    left: 50%;
    margin-left: -350px;
    margin-top: -325px;
    position: absolute;
    top: 50%;
    width: 700px;
    display: none;
    overflow: hidden; }
    .profileModalContainer .modal .profileForm {
      padding: 0 20px; }
      .profileModalContainer .modal .profileForm .buttonHolder {
        text-align: center; }
        .profileModalContainer .modal .profileForm .buttonHolder .button {
          margin-left: 20px;
          margin-right: 20px; }

.sideCard.inviteFriends .content {
  text-align: center; }
  .sideCard.inviteFriends .content .imageHolder {
    margin: 20px 0; }
  .sideCard.inviteFriends .content .buttonHolder {
    margin-bottom: 20px; }

iframe[name='google_conversion_frame'] {
  height: 0 !important;
  width: 0 !important;
  line-height: 0 !important;
  font-size: 0 !important;
  margin-top: -13px;
  float: left; }

.limitedModal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 200; }
  .limitedModal .overlay {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.5);
    display: none; }
  .limitedModal .modal {
    background: #fff none repeat scroll 0 0;
    border-radius: 8px;
    height: 620px;
    left: 50%;
    margin-left: -350px;
    margin-top: -325px;
    position: absolute;
    top: 50%;
    width: 700px;
    display: none;
    overflow: hidden; }
    .limitedModal .modal .content .topText {
      padding: 30px;
      text-align: center; }
      .limitedModal .modal .content .topText .green {
        color: #81d700; }
    .limitedModal .modal .content .testimonials {
      display: block;
      text-align: center; }
      .limitedModal .modal .content .testimonials .testimonial {
        display: inline-block;
        margin: 0 4%;
        vertical-align: top;
        width: 40%; }
        .limitedModal .modal .content .testimonials .testimonial .imgHolder {
          display: block;
          height: 180px;
          padding-top: 20px;
          vertical-align: middle; }
    .limitedModal .modal .content .buttonHolder {
      text-align: center;
      margin-top: 20px; }

.pageTextBlocks .textBlock {
  display: block;
  margin-bottom: 150px; }
  .pageTextBlocks .textBlock.left .imageHolder {
    margin-left: 40px; }
    .pageTextBlocks .textBlock.left .imageHolder.top {
      display: none; }
  .pageTextBlocks .textBlock.right .imageHolder {
    margin-right: 40px; }
  .pageTextBlocks .textBlock .imageHolder {
    display: inline-block;
    width: 500px;
    text-align: center;
    vertical-align: middle; }
    .pageTextBlocks .textBlock .imageHolder img {
      max-width: 100%; }
    .pageTextBlocks .textBlock .imageHolder iframe {
      margin-left: auto;
      margin-right: auto; }
  .pageTextBlocks .textBlock .textHolder {
    display: inline-block;
    width: calc(100% - 545px);
    vertical-align: middle; }
    .pageTextBlocks .textBlock .textHolder h2 {
      display: block;
      font-size: 28px;
      line-height: 36px;
      font-weight: 100; }
    .pageTextBlocks .textBlock .textHolder .date {
      color: #16b6f1;
      display: inline-block;
      font-size: 16px;
      font-weight: 300;
      margin-top: 5px; }
    .pageTextBlocks .textBlock .textHolder p {
      font-weight: 100;
      font-size: 18px;
      line-height: 28px; }
    .pageTextBlocks .textBlock .textHolder .readMore {
      color: #16b6f1;
      display: inline-block;
      font-size: 16px;
      font-weight: 300;
      vertical-align: middle; }
      .pageTextBlocks .textBlock .textHolder .readMore:hover .text {
        text-decoration: underline; }
      .pageTextBlocks .textBlock .textHolder .readMore .text {
        display: inline-block;
        vertical-align: middle; }
      .pageTextBlocks .textBlock .textHolder .readMore .icon {
        margin-left: 10px; }
@media only screen and (max-width: 1200px) {
  .pageTextBlocks .textBlock .imageHolder {
    width: 400px; }
  .pageTextBlocks .textBlock .textHolder {
    width: calc(100% - 445px); } }
@media only screen and (max-width: 991px) {
  .pageTextBlocks .textBlock {
    margin-left: 30px;
    margin-right: 30px; }
    .pageTextBlocks .textBlock .imageHolder {
      width: 275px; }
    .pageTextBlocks .textBlock .textHolder {
      width: calc(100% - 320px);
      text-align: center; } }
@media only screen and (max-width: 767px) {
  .pageTextBlocks .textBlock.left .imageHolder {
    margin-left: 0; }
    .pageTextBlocks .textBlock.left .imageHolder.top {
      display: block; }
    .pageTextBlocks .textBlock.left .imageHolder.right {
      display: none; }
  .pageTextBlocks .textBlock .imageHolder, .pageTextBlocks .textBlock .textHolder {
    display: block;
    width: 100%;
    margin: 0;
    text-align: center; }
  .pageTextBlocks .textBlock .imageHolder {
    margin-bottom: 25px; }
    .pageTextBlocks .textBlock .imageHolder img {
      margin-left: auto;
      margin-right: auto; } }

main.textualPage {
  background: #FFF;
  padding-top: 110px; }
  main.textualPage .container {
    padding-bottom: 0; }
  main.textualPage .backContainer {
    display: block;
    margin-bottom: 40px; }
    main.textualPage .backContainer .back {
      display: inline-block; }
      main.textualPage .backContainer .back:hover .text {
        text-decoration: underline; }
      main.textualPage .backContainer .back .text {
        vertical-align: middle;
        margin-left: 5px; }
  main.textualPage h1, main.textualPage h2 {
    font-weight: 300;
    display: inline-block; }
    main.textualPage h1 .text, main.textualPage h2 .text {
      vertical-align: middle; }
    main.textualPage h1 .icon, main.textualPage h2 .icon {
      margin-right: 10px; }
  main.textualPage .date {
    display: block;
    color: #16b6f1;
    font-size: 16px;
    font-weight: 300;
    margin-top: 5px; }
  main.textualPage h1 {
    font-size: 26px; }
    @media only screen and (max-width: 450px) {
      main.textualPage h1 {
        font-size: 22px; } }
  main.textualPage h2 {
    margin-top: 40px; }
  main.textualPage .blog-content {
    margin-top: 10px;
    font-size: 16px;
    font-weight: 300; }
    main.textualPage .blog-content a.goTo {
      color: #16b6f1;
      margin-top: 10px;
      display: block;
      font-size: 14px; }
      main.textualPage .blog-content a.goTo:hover {
        text-decoration: underline; }
  main.textualPage .content {
    margin-top: 40px;
    font-size: 16px;
    font-weight: 300; }
  main.textualPage .callToAction {
    margin-top: 50px;
    margin-bottom: 50px;
    text-align: center; }
    main.textualPage .callToAction .buttonText {
      margin-top: 30px; }
      main.textualPage .callToAction .buttonText .text {
        display: block;
        font-size: 14px;
        margin: 20px auto 0; }
        main.textualPage .callToAction .buttonText .text:hover {
          text-decoration: underline; }
  main.textualPage .image {
    display: block;
    text-align: center; }
    main.textualPage .image img {
      margin-left: auto;
      margin-right: auto; }
  main.textualPage .differentCourses {
    text-align: right;
    margin-top: 8px; }
    @media only screen and (max-width: 991px) {
      main.textualPage .differentCourses {
        text-align: left;
        margin-top: 20px; } }
    main.textualPage .differentCourses > .text {
      display: inline-block;
      font-weight: 100;
      margin-top: 2px;
      vertical-align: middle; }
    main.textualPage .differentCourses .button {
      font-size: 12px;
      font-weight: 300;
      margin-left: 10px;
      padding-bottom: 5px;
      padding-top: 5px; }
      @media only screen and (max-width: 991px) {
        main.textualPage .differentCourses .button {
          margin-left: 0;
          margin-right: 10px; } }
    main.textualPage .differentCourses .links {
      display: block; }
      main.textualPage .differentCourses .links .link {
        display: inline-block;
        margin-right: 10px; }
        main.textualPage .differentCourses .links .link.green {
          color: #81d700; }
        main.textualPage .differentCourses .links .link.orange {
          color: #ffb037; }
        main.textualPage .differentCourses .links .link.red {
          color: #da2e29; }
        main.textualPage .differentCourses .links .link.blue {
          color: #1b8eb9; }
        main.textualPage .differentCourses .links .link:hover .text {
          text-decoration: underline; }

.dropDownMenu {
  position: relative;
  display: inline-block; }
  .dropDownMenu .trigger {
    cursor: pointer; }

.dropMenu {
  position: absolute;
  background: #FFF;
  color: #4a4a4a;
  line-height: 1.375;
  width: 270px;
  margin-left: -108px;
  border-radius: 4px;
  top: 43px;
  left: 50%;
  box-shadow: rgba(0, 0, 0, 0.5) 2px 6px 9px;
  display: none;
  font-size: 14px;
  z-index: 150; }
  .dropMenu.bodyContainer {
    margin-left: unset;
    left: unset;
    top: unset; }
  .dropMenu .arrowUp {
    position: absolute;
    top: -9px;
    left: 50%;
    margin-left: -9px; }
  .dropMenu .top {
    text-align: center;
    display: block;
    background: #16b6f1;
    padding: 15px 0;
    text-transform: uppercase;
    margin-bottom: 10px;
    border-radius: 4px 4px 0 0;
    color: #FFF;
    font-weight: 300;
    font-size: 16px; }
  .dropMenu .menuHolder {
    position: relative;
    max-height: 70vh;
    overflow-y: scroll; }
    .dropMenu .menuHolder .ghost {
      background: #f1f1f1;
      border-radius: 400px;
      position: absolute;
      z-index: 100;
      width: 0;
      height: 0;
      padding-left: 10px; }
    .dropMenu .menuHolder ul {
      position: relative;
      display: block;
      list-style: none;
      padding-left: 0;
      margin: 20px 0;
      z-index: 150; }
      .dropMenu .menuHolder ul li {
        display: block;
        opacity: 0;
        margin: 5px 5px;
        padding: 4px 15px; }
        .dropMenu .menuHolder ul li.clickItem {
          cursor: pointer; }
        .dropMenu .menuHolder ul li.title {
          opacity: 1;
          background: #FAFAFA;
          text-transform: uppercase;
          margin: 20px 0 0 0;
          border-bottom: 1px solid #EEE;
          border-top: 1px solid #EEE;
          padding: 8px 0;
          font-weight: 400;
          text-align: center;
          line-height: 1; }
          .dropMenu .menuHolder ul li.title:first-child {
            margin-top: -20px; }
        .dropMenu .menuHolder ul li .imageText {
          display: block; }
          .dropMenu .menuHolder ul li .imageText .img {
            display: inline-block;
            vertical-align: middle; }
            .dropMenu .menuHolder ul li .imageText .img img {
              max-width: 26px;
              border-radius: 100%;
              border: 2px solid #ccc; }
          .dropMenu .menuHolder ul li .imageText .text {
            vertical-align: middle;
            display: inline-block;
            width: calc(100% - 34px);
            padding-left: 15px; }
        .dropMenu .menuHolder ul li .indicatorText .indicator {
          display: inline-block;
          font-weight: 600;
          margin-right: 10px;
          width: 15px; }
        .dropMenu .menuHolder ul li .indicatorText .text {
          display: inline-block;
          width: calc(100% - 40px);
          vertical-align: middle;
          font-weight: 300; }
        .dropMenu .menuHolder ul li .iconText {
          display: block; }
          .dropMenu .menuHolder ul li .iconText .icon {
            display: inline-block;
            margin-right: 10px; }
          .dropMenu .menuHolder ul li .iconText .text {
            display: inline-block; }

.starBar {
  display: block;
  position: relative;
  height: 46px;
  z-index: 10;
  vertical-align: middle; }
  .starBar.medium .barHolder .bar .starHolder {
    height: 32px;
    width: 32px;
    top: -8px; }
    .starBar.medium .barHolder .bar .starHolder .borderEraser {
      top: 6px; }
    .starBar.medium .barHolder .bar .starHolder .starIconHolder {
      margin-top: 2px;
      margin-left: 0; }
  .starBar.mediumLarge .barHolder .bar {
    height: 20px; }
    .starBar.mediumLarge .barHolder .bar .starHolder {
      height: 40px;
      width: 40px;
      top: -12px; }
      .starBar.mediumLarge .barHolder .bar .starHolder .borderEraser {
        top: 10px;
        height: 16px;
        width: 45px; }
      .starBar.mediumLarge .barHolder .bar .starHolder .starIconHolder {
        margin-top: 4px; }
      .starBar.mediumLarge .barHolder .bar .starHolder.gold .borderEraser {
        width: 15px; }
  .starBar.small .barHolder .bar {
    height: 14px; }
    .starBar.small .barHolder .bar .starHolder {
      height: 26px;
      width: 26px;
      top: -7px; }
      .starBar.small .barHolder .bar .starHolder .borderEraser {
        top: 5px;
        height: 10px;
        width: 28px; }
      .starBar.small .barHolder .bar .starHolder .starIconHolder {
        margin-top: 0; }
      .starBar.small .barHolder .bar .starHolder.gold .borderEraser {
        width: 15px; }
  .starBar .viewportHolder {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0; }
    .starBar .viewportHolder .viewport {
      overflow: hidden;
      width: 0;
      max-width: 100% !important; }
  .starBar .barHolder {
    position: relative;
    width: 100%;
    height: 46px; }
    .starBar .barHolder.full .bar, .starBar .barHolder.full .bar .starHolder, .starBar .barHolder.full .bar .starHolder .borderEraser {
      background: #61d5f8;
      background: -moz-linear-gradient(top, #61d5f8 0%, #61d5f8 49%, #00c3f4 50%, #00c3f4 100%);
      background: -webkit-gradient(left top, left bottom, color-stop(0%, #61d5f8), color-stop(49%, #61d5f8), color-stop(50%, #00c3f4), color-stop(100%, #00c3f4));
      background: -webkit-linear-gradient(top, #61d5f8 0%, #61d5f8 49%, #00c3f4 50%, #00c3f4 100%);
      background: -o-linear-gradient(top, #61d5f8 0%, #61d5f8 49%, #00c3f4 50%, #00c3f4 100%);
      background: -ms-linear-gradient(top, #61d5f8 0%, #61d5f8 49%, #00c3f4 50%, #00c3f4 100%);
      background: linear-gradient(to bottom, #61d5f8 0%, #61d5f8 49%, #00c3f4 50%, #00c3f4 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#61d5f8', endColorstr='#00c3f4', GradientType=0 ); }
    .starBar .barHolder .bar {
      display: block;
      width: 100%;
      height: 20px;
      background: #f6f6f6;
      border: 2px solid #ebeef3;
      border-radius: 10px;
      position: absolute;
      top: 13px;
      z-index: 15; }
      .starBar .barHolder .bar .starHolder {
        position: absolute;
        border-radius: 100%;
        background: #f6f6f6;
        border: 2px solid #ebeef3;
        height: 46px;
        width: 46px;
        top: -14px; }
        .starBar .barHolder .bar .starHolder.bronze {
          right: 40%; }
        .starBar .barHolder .bar .starHolder.silver {
          right: 20%; }
        .starBar .barHolder .bar .starHolder.gold {
          right: -2px; }
          .starBar .barHolder .bar .starHolder.gold .borderEraser {
            width: 25px; }
        .starBar .barHolder .bar .starHolder .borderEraser {
          width: 50px;
          height: 16px;
          background: #f6f6f6;
          position: absolute;
          top: 12px;
          bottom: 0;
          display: inline-block;
          left: -2px; }
        .starBar .barHolder .bar .starHolder .starIconHolder {
          text-align: center;
          margin-top: 5px; }

.cardTabs {
  display: block;
  margin-bottom: -16px;
  position: relative;
  padding-left: 20px; }
  .cardTabs .tabContainer {
    display: inline-block;
    position: relative; }
    .cardTabs .tabContainer:not(.active) {
      cursor: pointer; }
      .cardTabs .tabContainer:not(.active):hover .tab .text {
        text-decoration: underline; }
    .cardTabs .tabContainer.active {
      z-index: 11; }
    .cardTabs .tabContainer::before {
      content: url("/assets/Slimleren/img/cardTabLeft.png");
      vertical-align: bottom; }
    .cardTabs .tabContainer::after {
      content: url("/assets/Slimleren/img/cardTabRight.png");
      vertical-align: bottom; }
    .cardTabs .tabContainer .tab {
      background: #FFF;
      display: inline-block;
      vertical-align: bottom;
      padding: 5px 20px;
      height: 39px;
      margin-left: -4px;
      margin-right: -4px;
      box-shadow: 0 0 4px 1px #c4c4c4;
      z-index: -1;
      position: relative; }
      .cardTabs .tabContainer .tab::after {
        position: absolute;
        content: " ";
        background: #FFF;
        left: -4px;
        right: -4px;
        bottom: -5px;
        height: 10px; }
      .cardTabs .tabContainer .tab .text {
        vertical-align: middle;
        display: inline-block;
        margin-top: 3px;
        margin-left: 7px;
        font-size: 13px; }
        .cardTabs .tabContainer .tab .text.turquoise {
          color: #00cecd; }
        .cardTabs .tabContainer .tab .text.red {
          color: #f45b4f; }
        .cardTabs .tabContainer .tab .text.green {
          color: #94cb2d; }
        .cardTabs .tabContainer .tab .text.orange {
          color: #ff9f1f; }
        .cardTabs .tabContainer .tab .text.blue {
          color: #16b6f1; }
  .cardTabs + .card {
    margin-top: 9px !important; }

.titleRibbon {
  position: relative;
  padding: 6px 20px;
  font-weight: 300;
  font-size: 20px;
  border-bottom: 3px solid;
  border-bottom-color: currentcolor;
  color: #FFF;
  text-align: left;
  display: inline-block;
  min-width: 170px;
  height: 43px;
  padding-left: 30px; }
  .titleRibbon .text {
    display: inline-block;
    vertical-align: middle; }
  .titleRibbon::before {
    position: absolute;
    left: -10px;
    top: 0; }
  .titleRibbon::after {
    position: absolute;
    right: -23px;
    top: 0; }
  .titleRibbon.green {
    background: #84d521;
    border-color: #66a915; }
    .titleRibbon.green::before {
      content: url("/assets/Subjects/img/ribbonParts/greenEdge.png"); }
    .titleRibbon.green::after {
      content: url("/assets/Subjects/img/ribbonParts/greenEnd.png"); }
  .titleRibbon.blue {
    background: #16b6f1;
    border-color: #147ba2; }
    .titleRibbon.blue::before {
      content: url("/assets/Subjects/img/ribbonParts/blueEdge.png"); }
    .titleRibbon.blue::after {
      content: url("/assets/Subjects/img/ribbonParts/blueEnd.png"); }
  .titleRibbon.orange {
    background: #ffb037;
    border-color: #cb8a28; }
    .titleRibbon.orange::before {
      content: url("/assets/Subjects/img/ribbonParts/orangeEdge.png"); }
    .titleRibbon.orange::after {
      content: url("/assets/Subjects/img/ribbonParts/orangeEnd.png"); }
  .titleRibbon.red {
    background: #e96076;
    border-color: #b0384b; }
    .titleRibbon.red::before {
      content: url("/assets/Subjects/img/ribbonParts/pinkEdge.png"); }
    .titleRibbon.red::after {
      content: url("/assets/Subjects/img/ribbonParts/pinkEnd.png"); }
  .titleRibbon.purple {
    background: #7fa9e8;
    border-color: #4a6ca0; }
    .titleRibbon.purple::before {
      content: url("/assets/Subjects/img/ribbonParts/purpleEdge.png"); }
    .titleRibbon.purple::after {
      content: url("/assets/Subjects/img/ribbonParts/purpleEnd.png"); }
  .titleRibbon.turquoise {
    background: #00cecd;
    border-color: #06a5a5; }
    .titleRibbon.turquoise::before {
      content: url("/assets/Subjects/img/ribbonParts/turqoiseEdge.png"); }
    .titleRibbon.turquoise::after {
      content: url("/assets/Subjects/img/ribbonParts/turqoiseEnd.png"); }

.smallProfileForm .buttonRow {
  padding: 10px 0; }
.smallProfileForm .button {
  margin-left: 5px;
  margin-right: 5px; }
.smallProfileForm.howDidYouFindSlimleren .button {
  width: 140px; }
.smallProfileForm.whatYearAreYouIn .button {
  width: 95px;
  text-align: center; }
  .smallProfileForm.whatYearAreYouIn .button .text .small {
    display: block;
    font-size: 13px;
    text-align: center; }
  .smallProfileForm.whatYearAreYouIn .button .text .large {
    display: block;
    font-size: 26px;
    text-align: center;
    font-weight: 600;
    margin-top: 5px; }
  .smallProfileForm.whatYearAreYouIn .button svg {
    transform: scale(0.7);
    width: 110px; }

.popover {
  font-family: "Museo"; }
  .popover .popover-title {
    margin: 0;
    padding: 14px 14px;
    font-size: 18px;
    background: #16b6f1;
    color: #FFF;
    border-bottom: 2px solid #1b8eb9;
    border-radius: 5px 5px 0 0;
    font-weight: 400;
    text-align: center; }
  .popover .popover-content {
    font-size: 16px;
    font-weight: 300; }
  .popover .btn {
    font-weight: 300; }
  .popover.small {
    max-width: 300px; }
    .popover.small .popover-content {
      padding: 16px 20px; }
  .popover.large {
    max-width: 400px; }
    .popover.large .popover-content {
      padding: 19px 24px; }

.floatStat {
  position: fixed;
  top: 0;
  color: #FFF;
  font-weight: 600;
  text-align: center;
  z-index: 20; }
  .floatStat.diamond, .floatStat.xp {
    width: 28px;
    height: 28px;
    border-radius: 28px;
    background: #FFF;
    line-height: 25px;
    font-size: 10px;
    border: 2px solid #FFF; }
    .floatStat.diamond.diamond, .floatStat.xp.diamond {
      background: #e85344; }
    .floatStat.diamond.xp, .floatStat.xp.xp {
      background: #84d521; }
  .floatStat.level {
    line-height: 46px; }

.selectBox {
  border: 2px solid #dfe4eb;
  border-radius: 50px;
  padding: 5px 10px 5px 15px;
  cursor: pointer;
  position: relative; }
  .selectBox.small {
    padding: 3px; }
    .selectBox.small .window {
      margin-right: 3px; }
      .selectBox.small .window .icon {
        margin-right: 3px; }
  .selectBox:after {
    content: url("/assets/Slimleren/img/selectBoxDropdown.png");
    display: inline-block; }
  .selectBox .window {
    min-width: 20px;
    display: inline-block;
    margin-right: 10px; }
    .selectBox .window .text {
      display: inline-block;
      vertical-align: middle; }
    .selectBox .window .icon {
      margin-right: 5px; }
  .selectBox .selectOptions {
    display: none; }

.selectBoxSelectOptions {
  position: absolute;
  background: #FFF;
  border: 2px solid #dfe4eb;
  border-radius: 15px;
  left: 0;
  top: 40px;
  z-index: 10;
  padding: 15px 0;
  display: none; }
  .selectBoxSelectOptions .selectOption {
    padding: 5px 20px;
    margin: 0;
    cursor: pointer; }
    .selectBoxSelectOptions .selectOption:first-child {
      border-top: none; }
    .selectBoxSelectOptions .selectOption:not(.slider):hover {
      background: #dfe4eb; }
    .selectBoxSelectOptions .selectOption .slider-track {
      height: 8px !important;
      margin-top: -4px !important; }
    .selectBoxSelectOptions .selectOption .slider-selection {
      background: #91da00;
      background: -moz-linear-gradient(top, #91da00 0%, #91da00 49%, #81c619 51%, #81c619 100%);
      background: -webkit-gradient(left top, left bottom, color-stop(0%, #91da00), color-stop(49%, #91da00), color-stop(51%, #81c619), color-stop(100%, #81c619));
      background: -webkit-linear-gradient(top, #91da00 0%, #91da00 49%, #81c619 51%, #81c619 100%);
      background: -o-linear-gradient(top, #91da00 0%, #91da00 49%, #81c619 51%, #81c619 100%);
      background: -ms-linear-gradient(top, #91da00 0%, #91da00 49%, #81c619 51%, #81c619 100%);
      background: linear-gradient(to bottom, #91da00 0%, #91da00 49%, #81c619 51%, #81c619 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#91da00', endColorstr='#81c619', GradientType=0 );
      border-radius: 8px; }
    .selectBoxSelectOptions .selectOption .slider-track-high {
      background: #ee6954;
      background: -moz-linear-gradient(top, #ee6954 0%, #ee6954 49%, #de4324 51%, #de4324 100%);
      background: -webkit-gradient(left top, left bottom, color-stop(0%, #ee6954), color-stop(49%, #ee6954), color-stop(51%, #de4324), color-stop(100%, #de4324));
      background: -webkit-linear-gradient(top, #ee6954 0%, #ee6954 49%, #de4324 51%, #de4324 100%);
      background: -o-linear-gradient(top, #ee6954 0%, #ee6954 49%, #de4324 51%, #de4324 100%);
      background: -ms-linear-gradient(top, #ee6954 0%, #ee6954 49%, #de4324 51%, #de4324 100%);
      background: linear-gradient(to bottom, #ee6954 0%, #ee6954 49%, #de4324 51%, #de4324 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee6954', endColorstr='#de4324', GradientType=0 );
      border-radius: 8px; }
    .selectBoxSelectOptions .selectOption .slider-handle {
      background: #FFF;
      border: 2px solid #16b6f1; }
    .selectBoxSelectOptions .selectOption .text {
      display: inline-block;
      vertical-align: middle;
      margin-left: 5px; }

.goalAchievedIcon .achieved {
  display: inline-block;
  position: relative; }
  .goalAchievedIcon .achieved .result {
    position: absolute;
    right: -5px;
    bottom: -2px; }
  .goalAchievedIcon .achieved .percentCorrectGoal {
    font-size: 11px;
    position: absolute;
    right: -10px;
    bottom: -5px;
    font-weight: 600;
    text-shadow: -1px 0px #FFF, 0 1px #FFF, 1px 0 #FFF, 0 -1px #FFF; }

.confirmBoxContainer {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }
  .confirmBoxContainer .overlay {
    background: rgba(0, 0, 0, 0.3);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0; }
  .confirmBoxContainer .confirmBox {
    position: fixed;
    left: 50%;
    background: #FFF;
    margin-left: -100px;
    top: 50%;
    border: 1px solid #CCC;
    border-radius: 14px;
    box-shadow: 2px 2px 4px 0px #CCC;
    padding: 15px;
    max-width: 400px;
    display: none; }
    .confirmBoxContainer .confirmBox .cardTitle {
      padding: 5px 20px; }
      .confirmBoxContainer .confirmBox .cardTitle > .text {
        vertical-align: middle;
        font-size: 26px; }
      .confirmBoxContainer .confirmBox .cardTitle > img, .confirmBoxContainer .confirmBox .cardTitle > a > img, .confirmBoxContainer .confirmBox .cardTitle > .icon, .confirmBoxContainer .confirmBox .cardTitle > a > .icon {
        margin-right: 20px; }
    .confirmBoxContainer .confirmBox .cardBreak {
      background: #e2e2e4 none repeat scroll 0 0;
      height: 2px;
      margin: 15px -15px; }
    .confirmBoxContainer .confirmBox .thinCardBreak {
      background: #eaeaea none repeat scroll 0 0;
      height: 1px;
      margin: 20px 0; }
    .confirmBoxContainer .confirmBox .question {
      padding: 5px 20px; }
    .confirmBoxContainer .confirmBox .buttonsHolder {
      margin-top: 0;
      padding: 0 0 10px 0;
      text-align: center; }
      .confirmBoxContainer .confirmBox .buttonsHolder .button {
        margin-left: 20px;
        margin-right: 20px;
        min-width: 90px; }

.tooltip-inner.autoWidth {
  max-width: unset !important; }

label__:not(.input):not(.checkbox) {
  cursor: pointer; }
  label__:not(.input):not(.checkbox):hover {
    text-decoration: underline; }
    label__:not(.input):not(.checkbox):hover input[type="checkbox"]:not([disabled]) + .label-text:before {
      border: 2px solid #16b6f1; }
  label__:not(.input):not(.checkbox) input[type="checkbox"] {
    display: none; }
    label__:not(.input):not(.checkbox) input[type="checkbox"] + .label-text {
      font-size: 13px; }
    label__:not(.input):not(.checkbox) input[type="checkbox"] + .label-text:before {
      content: " ";
      margin-right: 10px;
      border: 2px solid #dfe4eb;
      text-align: center;
      border-radius: 4px;
      display: inline-block;
      height: 14px;
      vertical-align: top;
      width: 14px; }
    label__:not(.input):not(.checkbox) input[type="checkbox"]:checked + .label-text:before {
      content: url("/assets/Slimleren/img/checkbox_selected.png");
      border: 2px solid #16b6f1;
      animation-name: tick;
      animation-duration: 160ms; }
    label__:not(.input):not(.checkbox) input[type="checkbox"]:disabled + .label-text {
      cursor: default; }
      label__:not(.input):not(.checkbox) input[type="checkbox"]:disabled + .label-text:before {
        content: " ";
        background: #dfe4eb; }

@keyframes tick {
  0% {
    transform: scale(0); }
  90% {
    transform: scale(1.2); }
  100% {
    transform: scale(1); } }
label.input {
  cursor: pointer; }
  label.input:hover:not(.noUnderline) {
    text-decoration: underline; }
  label.input:hover input[type="checkbox"]:not([disabled]) + .label-text:before {
    border: 2px solid #16b6f1; }
  label.input:hover input[type="radio"]:not([disabled]) + .label-text:before {
    border: 2px solid #16b6f1; }
  label.input input[type="checkbox"] {
    display: none; }
    label.input input[type="checkbox"] + .label-text {
      font-size: 13px;
      font-weight: 300; }
    label.input input[type="checkbox"] + .label-text:before {
      content: " ";
      margin-right: 10px;
      border: 2px solid #dfe4eb;
      background: #FFF;
      text-align: center;
      border-radius: 4px;
      display: inline-block;
      height: 14px;
      vertical-align: top;
      width: 14px; }
    label.input input[type="checkbox"]:checked + .label-text:before {
      content: url("/assets/Slimleren/img/checkbox_selected.png");
      border: 2px solid #16b6f1;
      animation-name: tick;
      animation-duration: 160ms; }
    label.input input[type="checkbox"]:disabled + .label-text {
      cursor: default; }
      label.input input[type="checkbox"]:disabled + .label-text:before {
        content: " ";
        background: #dfe4eb; }
  label.input input[type="radio"] {
    display: none; }
    label.input input[type="radio"] + .label-text:before {
      content: " ";
      margin-right: 10px;
      border: 2px solid #dfe4eb;
      text-align: center;
      border-radius: 40px;
      display: inline-block;
      height: 13px;
      vertical-align: middle;
      width: 13px;
      margin-top: -2px;
      line-height: 15px; }
    label.input input[type="radio"]:checked + .label-text:before {
      content: url("/assets/Slimleren/img/radio_selected.png");
      border: 2px solid #16b6f1;
      animation-name: tick;
      animation-duration: 160ms; }
    label.input input[type="radio"]:disabled + .label-text {
      cursor: default; }
      label.input input[type="radio"]:disabled + .label-text:before {
        content: " ";
        background: #dfe4eb; }

@keyframes tick {
  0% {
    transform: scale(0); }
  90% {
    transform: scale(1.2); }
  100% {
    transform: scale(1); } }
div.hopscotch-bubble {
  border-radius: 8px; }
  div.hopscotch-bubble .hopscotch-bubble-close {
    top: 5px;
    right: 5px; }
  div.hopscotch-bubble .hopscotch-content {
    padding-top: 18px; }
  div.hopscotch-bubble .hopscotch-bubble-arrow-container.hopscotch-arrow.down {
    height: 0;
    bottom: -5px; }
  div.hopscotch-bubble .hopscotch-bubble-arrow-border {
    opacity: 0; }
  div.hopscotch-bubble .explanatory {
    color: #16B6F1;
    font-weight: 600; }

.hopscotch-overlay {
  position: absolute;
  z-index: 96;
  transition: all .6s; }

.svg-icon {
  height: auto;
  width: auto;
  overflow: hidden;
  position: relative;
  display: inline-block;
  vertical-align: middle; }
  .svg-icon.blue {
    color: #16B6F1; }
  .svg-icon.hover-blue:hover {
    color: #16B6F1; }
  .svg-icon.blue-light {
    color: #6DD1F7; }
  .svg-icon.hover-blue-light:hover {
    color: #6DD1F7; }
  .svg-icon.blue-lighter {
    color: #D1F1FD; }
  .svg-icon.hover-blue-lighter:hover {
    color: #D1F1FD; }
  .svg-icon.blue-dark {
    color: #4093C1; }
  .svg-icon.hover-blue-dark:hover {
    color: #4093C1; }
  .svg-icon.green {
    color: #84D521; }
  .svg-icon.hover-green:hover {
    color: #84D521; }
  .svg-icon.green-light {
    color: #AFF34E; }
  .svg-icon.hover-green-light:hover {
    color: #AFF34E; }
  .svg-icon.green-lighter {
    color: #E4F2AF; }
  .svg-icon.hover-green-lighter:hover {
    color: #E4F2AF; }
  .svg-icon.green-dark {
    color: #77b41a; }
  .svg-icon.hover-green-dark:hover {
    color: #77b41a; }
  .svg-icon.orange {
    color: #FFB037; }
  .svg-icon.hover-orange:hover {
    color: #FFB037; }
  .svg-icon.orange-light {
    color: #FED491; }
  .svg-icon.hover-orange-light:hover {
    color: #FED491; }
  .svg-icon.orange-lighter {
    color: #FFEDCE; }
  .svg-icon.hover-orange-lighter:hover {
    color: #FFEDCE; }
  .svg-icon.orange-dark {
    color: #FF9A00; }
  .svg-icon.hover-orange-dark:hover {
    color: #FF9A00; }
  .svg-icon.red {
    color: #E75243; }
  .svg-icon.hover-red:hover {
    color: #E75243; }
  .svg-icon.red-light {
    color: #FF9794; }
  .svg-icon.hover-red-light:hover {
    color: #FF9794; }
  .svg-icon.red-lighter {
    color: #F8DCD5; }
  .svg-icon.hover-red-lighter:hover {
    color: #F8DCD5; }
  .svg-icon.red-dark {
    color: #f52401; }
  .svg-icon.hover-red-dark:hover {
    color: #f52401; }
  .svg-icon.turquoise {
    color: #00CECD; }
  .svg-icon.hover-turquoise:hover {
    color: #00CECD; }
  .svg-icon.turquoise-light {
    color: #7FF5F4; }
  .svg-icon.hover-turquoise-light:hover {
    color: #7FF5F4; }
  .svg-icon.turquoise-lighter {
    color: #CDF6F5; }
  .svg-icon.hover-turquoise-lighter:hover {
    color: #CDF6F5; }
  .svg-icon.purple {
    color: #7Fa9E8; }
  .svg-icon.hover-purple:hover {
    color: #7Fa9E8; }
  .svg-icon.purple-light {
    color: #A7C9FC; }
  .svg-icon.hover-purple-light:hover {
    color: #A7C9FC; }
  .svg-icon.purple-lighter {
    color: #E6EEFB; }
  .svg-icon.hover-purple-lighter:hover {
    color: #E6EEFB; }
  .svg-icon.pink {
    color: #E96076; }
  .svg-icon.hover-pink:hover {
    color: #E96076; }
  .svg-icon.pink-light {
    color: #FD98A9; }
  .svg-icon.hover-pink-light:hover {
    color: #FD98A9; }
  .svg-icon.pink-lighter {
    color: #FBDBE0; }
  .svg-icon.hover-pink-lighter:hover {
    color: #FBDBE0; }
  .svg-icon.grey {
    color: #999696; }
  .svg-icon.hover-grey:hover {
    color: #999696; }
  .svg-icon.grey-light {
    color: #C9C5C5; }
  .svg-icon.hover-grey-light:hover {
    color: #C9C5C5; }
  .svg-icon.grey-lighter {
    color: #E0E0E0; }
  .svg-icon.hover-grey-lighter:hover {
    color: #E0E0E0; }
  .svg-icon.white {
    color: #FFF; }
  .svg-icon.hover-white:hover {
    color: #FFF; }
  .svg-icon.black {
    color: #555; }
  .svg-icon.hover-black:hover {
    color: #555; }
  .svg-icon.rotate-15 {
    transform: rotate(15deg); }
  .svg-icon.rotate-45 {
    transform: rotate(45deg); }
  .svg-icon.rotate-90 {
    transform: rotate(90deg); }
  .svg-icon.rotate-180 {
    transform: rotate(180deg); }
  .svg-icon.rotate-270 {
    transform: rotate(270deg); }
  .svg-icon.svg-bg {
    background: #FFB037;
    border-radius: 50%;
    text-align: center;
    transition: 0.25s all ease;
    display: inline-flex;
    align-items: center;
    justify-content: center; }
    .svg-icon.svg-bg.rounded-rectangle {
      border-radius: 33%; }
    .svg-icon.svg-bg.rectangle {
      border-radius: 0; }
    .svg-icon.svg-bg > svg {
      padding: 22%;
      max-width: 100%;
      max-height: 100%;
      width: 100%;
      transition: 0.25s all ease; }
    .svg-icon.svg-bg.background-blue {
      background-color: #16B6F1; }
    .svg-icon.svg-bg.background-hover-blue:hover {
      background-color: #16B6F1; }
    .svg-icon.svg-bg.background-blue-light {
      background-color: #6DD1F7; }
    .svg-icon.svg-bg.background-hover-blue-light:hover {
      background-color: #6DD1F7; }
    .svg-icon.svg-bg.background-blue-lighter {
      background-color: #D1F1FD; }
    .svg-icon.svg-bg.background-hover-blue-lighter:hover {
      background-color: #D1F1FD; }
    .svg-icon.svg-bg.background-blue-dark {
      background-color: #4093C1; }
    .svg-icon.svg-bg.background-hover-blue-dark:hover {
      background-color: #4093C1; }
    .svg-icon.svg-bg.background-green {
      background-color: #84D521; }
    .svg-icon.svg-bg.background-hover-green:hover {
      background-color: #84D521; }
    .svg-icon.svg-bg.background-green-light {
      background-color: #AFF34E; }
    .svg-icon.svg-bg.background-hover-green-light:hover {
      background-color: #AFF34E; }
    .svg-icon.svg-bg.background-green-lighter {
      background-color: #E4F2AF; }
    .svg-icon.svg-bg.background-hover-green-lighter:hover {
      background-color: #E4F2AF; }
    .svg-icon.svg-bg.background-green-dark {
      background-color: #77b41a; }
    .svg-icon.svg-bg.background-hover-green-dark:hover {
      background-color: #77b41a; }
    .svg-icon.svg-bg.background-orange {
      background-color: #FFB037; }
    .svg-icon.svg-bg.background-hover-orange:hover {
      background-color: #FFB037; }
    .svg-icon.svg-bg.background-orange-light {
      background-color: #FED491; }
    .svg-icon.svg-bg.background-hover-orange-light:hover {
      background-color: #FED491; }
    .svg-icon.svg-bg.background-orange-lighter {
      background-color: #FFEDCE; }
    .svg-icon.svg-bg.background-hover-orange-lighter:hover {
      background-color: #FFEDCE; }
    .svg-icon.svg-bg.background-orange-dark {
      background-color: #FF9A00; }
    .svg-icon.svg-bg.background-hover-orange-dark:hover {
      background-color: #FF9A00; }
    .svg-icon.svg-bg.background-red {
      background-color: #E75243; }
    .svg-icon.svg-bg.background-hover-red:hover {
      background-color: #E75243; }
    .svg-icon.svg-bg.background-red-light {
      background-color: #FF9794; }
    .svg-icon.svg-bg.background-hover-red-light:hover {
      background-color: #FF9794; }
    .svg-icon.svg-bg.background-red-lighter {
      background-color: #F8DCD5; }
    .svg-icon.svg-bg.background-hover-red-lighter:hover {
      background-color: #F8DCD5; }
    .svg-icon.svg-bg.background-red-dark {
      background-color: #f52401; }
    .svg-icon.svg-bg.background-hover-red-dark:hover {
      background-color: #f52401; }
    .svg-icon.svg-bg.background-turquoise {
      background-color: #00CECD; }
    .svg-icon.svg-bg.background-hover-turquoise:hover {
      background-color: #00CECD; }
    .svg-icon.svg-bg.background-turquoise-light {
      background-color: #7FF5F4; }
    .svg-icon.svg-bg.background-hover-turquoise-light:hover {
      background-color: #7FF5F4; }
    .svg-icon.svg-bg.background-turquoise-lighter {
      background-color: #CDF6F5; }
    .svg-icon.svg-bg.background-hover-turquoise-lighter:hover {
      background-color: #CDF6F5; }
    .svg-icon.svg-bg.background-purple {
      background-color: #7Fa9E8; }
    .svg-icon.svg-bg.background-hover-purple:hover {
      background-color: #7Fa9E8; }
    .svg-icon.svg-bg.background-purple-light {
      background-color: #A7C9FC; }
    .svg-icon.svg-bg.background-hover-purple-light:hover {
      background-color: #A7C9FC; }
    .svg-icon.svg-bg.background-purple-lighter {
      background-color: #E6EEFB; }
    .svg-icon.svg-bg.background-hover-purple-lighter:hover {
      background-color: #E6EEFB; }
    .svg-icon.svg-bg.background-pink {
      background-color: #E96076; }
    .svg-icon.svg-bg.background-hover-pink:hover {
      background-color: #E96076; }
    .svg-icon.svg-bg.background-pink-light {
      background-color: #FD98A9; }
    .svg-icon.svg-bg.background-hover-pink-light:hover {
      background-color: #FD98A9; }
    .svg-icon.svg-bg.background-pink-lighter {
      background-color: #FBDBE0; }
    .svg-icon.svg-bg.background-hover-pink-lighter:hover {
      background-color: #FBDBE0; }
    .svg-icon.svg-bg.background-grey {
      background-color: #999696; }
    .svg-icon.svg-bg.background-hover-grey:hover {
      background-color: #999696; }
    .svg-icon.svg-bg.background-grey-light {
      background-color: #C9C5C5; }
    .svg-icon.svg-bg.background-hover-grey-light:hover {
      background-color: #C9C5C5; }
    .svg-icon.svg-bg.background-grey-lighter {
      background-color: #E0E0E0; }
    .svg-icon.svg-bg.background-hover-grey-lighter:hover {
      background-color: #E0E0E0; }
    .svg-icon.svg-bg.background-white {
      background-color: #FFF; }
    .svg-icon.svg-bg.background-hover-white:hover {
      background-color: #FFF; }
    .svg-icon.svg-bg.background-black {
      background-color: #555; }
    .svg-icon.svg-bg.background-hover-black:hover {
      background-color: #555; }

main#err404, main#errOops {
  background: #16B6F1 url("/assets/Consumer/svg/highSchoolElements.svg");
  min-height: calc(100vh - 580px);
  padding: 100px 0; }
  main#err404 .textHolder, main#errOops .textHolder {
    display: inline-block;
    width: calc(100% - 200px);
    color: #FFF;
    vertical-align: top;
    padding-right: 60px; }
    main#err404 .textHolder h1, main#errOops .textHolder h1 {
      display: block;
      font-size: 52px;
      font-weight: 600; }
    main#err404 .textHolder p, main#errOops .textHolder p {
      color: #FFF;
      line-height: 26px;
      font-weight: 400;
      font-size: 18px;
      margin-top: 0; }
      main#err404 .textHolder p a, main#errOops .textHolder p a {
        color: #FFB037;
        display: inline-block;
        background: #FFF;
        border-radius: 6px;
        padding: 0px 7px;
        font-size: 14px;
        font-weight: 600;
        margin: 0 2px; }
        main#err404 .textHolder p a:hover, main#errOops .textHolder p a:hover {
          text-decoration: underline; }
    main#err404 .textHolder .buttonHolder, main#errOops .textHolder .buttonHolder {
      text-align: left;
      margin-top: 40px; }
  main#err404 .errHolder, main#errOops .errHolder {
    background: #FFF;
    display: inline-block;
    border-radius: 6px;
    color: #6a6a6a;
    font-family: monospace;
    font-size: 14px;
    font-weight: 600;
    padding: 1px 8px; }
  main#err404 .svgHolder, main#errOops .svgHolder {
    display: inline-block;
    text-align: right;
    width: 200px;
    vertical-align: top; }
    main#err404 .svgHolder svg, main#errOops .svgHolder svg {
      height: 260px; }

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

.pt-slimleren-sortable {
  display: flex;
  color: #C9C5C5; }
  .pt-slimleren-sortable svg {
    height: 0.7em;
    cursor: pointer; }
    .pt-slimleren-sortable svg:hover {
      color: #999696; }

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

.spacer {
  display: flex;
  height: 20px; }

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

.pt-squareRoot {
  display: inline-flex;
  vertical-align: middle;
  line-height: 1.2;
  position: relative;
  margin: 0 0.2em; }
  .pt-squareRoot .index-holder {
    padding: 0 0.2em;
    height: 60%;
    vertical-align: top;
    display: flex; }
    .pt-squareRoot .index-holder .index {
      font-size: 0.7em;
      font-weight: 600;
      margin-bottom: -0.11em;
      margin-right: -0.3em; }
  .pt-squareRoot .root {
    display: inline-block;
    vertical-align: middle;
    border-left: 0.1em solid;
    transform: skew(-15deg);
    transform-origin: top right;
    margin: 0 -0.05em 0 0.5em;
    position: relative; }
  .pt-squareRoot .root:before {
    content: "";
    position: absolute;
    bottom: 0;
    height: 40%;
    width: 0.1em;
    left: -0.19em;
    border-right: 0.1em solid;
    transform: skew(30deg);
    transform-origin: bottom right; }
  .pt-squareRoot .radicand-container {
    border-top: 0.1em solid;
    padding-left: 0.2em;
    display: inline-block; }
    .pt-squareRoot .radicand-container > span {
      display: inline-block;
      font-size: 0.8em;
      padding-top: .2em; }

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

.star {
  display: inline-block; }
  .star.small {
    max-width: 16px; }

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

.pt-slimleren-starProgress {
  width: 100%;
  aspect-ratio: 1 / 1; }
  .pt-slimleren-starProgress .ring-wrap {
    --thickness: 0.5em;
    --track: #EEEEEE;
    --bar: #84D521;
    --core-bg: #fff;
    position: relative;
    display: grid;
    place-items: center;
    width: 100%;
    height: 100%; }
  .pt-slimleren-starProgress .ring {
    width: 100%;
    height: 100%;
    transform: rotate(-90deg); }
  .pt-slimleren-starProgress .track,
  .pt-slimleren-starProgress .bar {
    fill: none;
    stroke-width: var(--thickness);
    r: 42;
    cx: 50;
    cy: 50; }
  .pt-slimleren-starProgress .track {
    stroke: var(--track);
    paint-order: stroke; }
  .pt-slimleren-starProgress .ring-wrap .bar {
    stroke-linecap: round;
    stroke-dasharray: 100;
    stroke-dashoffset: calc(100 - var(--p));
    transition: stroke-dashoffset 500ms ease-in-out; }
    .pt-slimleren-starProgress .ring-wrap .bar.green {
      stroke: #84D521; }
    .pt-slimleren-starProgress .ring-wrap .bar.blue {
      stroke: #16B6F1; }
    .pt-slimleren-starProgress .ring-wrap .bar.orange {
      stroke: #FFB037; }
    .pt-slimleren-starProgress .ring-wrap .bar.purple {
      stroke: #7Fa9E8; }
  .pt-slimleren-starProgress .core {
    position: absolute;
    padding: 16%; }
    .pt-slimleren-starProgress .core .star-bg {
      border-radius: 50%;
      padding: 12%; }
      .pt-slimleren-starProgress .core .star-bg.orange {
        background: #FFEDCE; }
      .pt-slimleren-starProgress .core .star-bg.purple {
        background: #F1EEFF; }
      .pt-slimleren-starProgress .core .star-bg.grey {
        background: #EEE; }
  @media (prefers-reduced-motion: reduce) {
    .pt-slimleren-starProgress .ring-wrap .bar {
      transition: none; } }

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

.starsTooltip {
  display: flex;
  flex-direction: column;
  padding: 4px 0; }
  .starsTooltip .starRow {
    display: flex;
    flex-direction: row;
    width: max-content;
    align-items: center; }
    .starsTooltip .starRow:not(:last-child) {
      margin-bottom: 6px; }
    .starsTooltip .starRow .starHolder {
      width: 30px; }
      .starsTooltip .starRow .starHolder .svg-icon {
        height: 20px;
        vertical-align: text-top; }
    .starsTooltip .starRow .value {
      font-weight: 600;
      margin-left: 10px;
      font-size: 13px; }

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

.pt-slimleren-starSvg {
  max-width: 100%; }
  .pt-slimleren-starSvg svg {
    width: 100%;
    height: 100%; }

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

.switchBall {
  display: inline-block; }
  .switchBall.disabled {
    pointer-events: none;
    opacity: .4; }
  .switchBall.right .label.left:hover, .switchBall.left .label.right:hover {
    text-decoration: underline;
    cursor: pointer; }
  .switchBall.left .label.left, .switchBall.right .label.right {
    text-decoration: underline;
    font-weight: 600; }
  .switchBall .label {
    margin: 0 10px;
    display: inline-block;
    vertical-align: middle;
    font-size: 13px; }
    .switchBall .label.left {
      margin-left: 0; }
    .switchBall .label.right {
      margin-right: 0; }
  .switchBall .track {
    background: #16B6F1;
    border-radius: 200px;
    height: 24px;
    width: 50px;
    padding: 4px;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    -webkit-transition: background-color 200ms linear;
    -ms-transition: background-color 200ms linear;
    transition: background-color 200ms linear; }
    .switchBall .track .ball {
      background: #FFF;
      position: absolute;
      border-radius: 100px;
      width: 16px;
      height: 16px; }
      .switchBall .track .ball.left {
        left: 4px; }
      .switchBall .track .ball.right {
        right: 4px; }
  .switchBall.small .track {
    height: 16px;
    width: 30px; }
    .switchBall.small .track .ball {
      width: 8px;
      height: 8px; }
  .switchBall.orange .track {
    background: #FFB037; }
  .switchBall.orange-light .track {
    background: #FED491; }
  .switchBall.orange-lighter .track {
    background: #FFEDCE; }
  .switchBall.green .track {
    background: #84D521; }
  .switchBall.red .track {
    background: #E75243; }
  .switchBall.red-lighter .track {
    background: #F8DCD5; }
  .switchBall.red-light .track {
    background: #FF9794; }
  .switchBall.blue .track {
    background: #16B6F1; }
  .switchBall.blue-lighter .track {
    background: #D1F1FD; }
  .switchBall.blue-light .track {
    background: #6DD1F7; }
  .switchBall.grey .track {
    background: #E0E0E0; }
  .switchBall.purple .track {
    background: #7Fa9E8; }
  .switchBall.turquoise .track {
    background: #00CECD; }

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

.SL-table {
  border-radius: 6px;
  border-collapse: unset; }
  .SL-table.fullWidth {
    width: 100%; }
  .SL-table.navbar-sticky .SL-row.SL-headerRow .SL-cell {
    top: 52px; }
  .SL-table > tbody > .SL-row.pagination td {
    background: #FFF0D7;
    border: 1px solid #FFE0AF; }
    .SL-table > tbody > .SL-row.pagination td .pagination-container {
      font-size: .8em;
      font-weight: 600;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between; }
      .SL-table > tbody > .SL-row.pagination td .pagination-container .pagination-controls {
        display: flex;
        flex-direction: row; }
        .SL-table > tbody > .SL-row.pagination td .pagination-container .pagination-controls > div {
          padding: 6px 10px; }
        .SL-table > tbody > .SL-row.pagination td .pagination-container .pagination-controls .back svg {
          transform: rotate(180deg); }
        .SL-table > tbody > .SL-row.pagination td .pagination-container .pagination-controls svg {
          height: 9px; }
        .SL-table > tbody > .SL-row.pagination td .pagination-container .pagination-controls .back, .SL-table > tbody > .SL-row.pagination td .pagination-container .pagination-controls .forward {
          cursor: pointer; }
          .SL-table > tbody > .SL-row.pagination td .pagination-container .pagination-controls .back:hover, .SL-table > tbody > .SL-row.pagination td .pagination-container .pagination-controls .forward:hover {
            color: #FFB037; }
          .SL-table > tbody > .SL-row.pagination td .pagination-container .pagination-controls .back.disabled, .SL-table > tbody > .SL-row.pagination td .pagination-container .pagination-controls .forward.disabled {
            pointer-events: none;
            opacity: .3; }
        .SL-table > tbody > .SL-row.pagination td .pagination-container .pagination-controls .navigator {
          border-left: 2px solid #FFE0AF;
          border-right: 2px solid #FFE0AF; }
      .SL-table > tbody > .SL-row.pagination td .pagination-container .pagination-summary {
        padding: 6px 12px;
        border-left: 2px solid #FFE0AF; }
  .SL-table > tbody > .SL-row > .SL-cell {
    border-right: 1px solid #FFF0D7; }
    .SL-table > tbody > .SL-row > .SL-cell .SL-cell-content {
      padding: 6px 12px; }
    .SL-table > tbody > .SL-row > .SL-cell.max-content > div {
      display: flex;
      width: max-content; }
    .SL-table > tbody > .SL-row > .SL-cell.width-10 {
      width: 10%; }
    .SL-table > tbody > .SL-row > .SL-cell.width-20 {
      width: 20%; }
    .SL-table > tbody > .SL-row > .SL-cell.width-30 {
      width: 30%; }
    .SL-table > tbody > .SL-row > .SL-cell.width-40 {
      width: 40%; }
    .SL-table > tbody > .SL-row > .SL-cell.width-50 {
      width: 50%; }
    .SL-table > tbody > .SL-row > .SL-cell.width-60 {
      width: 60%; }
    .SL-table > tbody > .SL-row > .SL-cell.width-70 {
      width: 70%; }
    .SL-table > tbody > .SL-row > .SL-cell.width-80 {
      width: 80%; }
    .SL-table > tbody > .SL-row > .SL-cell.width-90 {
      width: 90%; }
    .SL-table > tbody > .SL-row > .SL-cell.width-100 {
      width: 100%; }
    .SL-table > tbody > .SL-row > .SL-cell:last-child {
      border-right: 1px solid #FFE0AF; }
    .SL-table > tbody > .SL-row > .SL-cell:first-child {
      border-left: 1px solid #FFE0AF; }
  .SL-table > tbody > .SL-row.SL-headerRow > .SL-cell {
    background: #FFF0D7;
    position: sticky;
    top: 0;
    text-decoration: underline;
    z-index: 10;
    border-top: 1px solid #FFE0AF;
    border-bottom: 2px solid #FFE0AF;
    font-weight: 600;
    vertical-align: bottom; }
    .SL-table > tbody > .SL-row.SL-headerRow > .SL-cell:first-child {
      border-top-left-radius: 6px; }
    .SL-table > tbody > .SL-row.SL-headerRow > .SL-cell:last-child {
      border-top-right-radius: 6px; }
    .SL-table > tbody > .SL-row.SL-headerRow > .SL-cell.selectBox-holder {
      vertical-align: middle; }
      .SL-table > tbody > .SL-row.SL-headerRow > .SL-cell.selectBox-holder .SL-cell-content {
        padding: 0 6px;
        vertical-align: middle; }
        .SL-table > tbody > .SL-row.SL-headerRow > .SL-cell.selectBox-holder .SL-cell-content select {
          font-weight: 600;
          font-size: 11px;
          padding: 2px 7px;
          background: #FFF;
          border-width: 2px;
          border-color: #FFE0AF;
          color: #FFB037; }
          .SL-table > tbody > .SL-row.SL-headerRow > .SL-cell.selectBox-holder .SL-cell-content select option {
            color: #555;
            font-size: 13px;
            font-weight: 600; }
    .SL-table > tbody > .SL-row.SL-headerRow > .SL-cell:nth-child(1) {
      z-index: 20; }
    .SL-table > tbody > .SL-row.SL-headerRow > .SL-cell:nth-child(2) {
      z-index: 19; }
    .SL-table > tbody > .SL-row.SL-headerRow > .SL-cell:nth-child(3) {
      z-index: 18; }
    .SL-table > tbody > .SL-row.SL-headerRow > .SL-cell:nth-child(4) {
      z-index: 17; }
    .SL-table > tbody > .SL-row.SL-headerRow > .SL-cell:nth-child(5) {
      z-index: 16; }
    .SL-table > tbody > .SL-row.SL-headerRow > .SL-cell:nth-child(6) {
      z-index: 15; }
    .SL-table > tbody > .SL-row.SL-headerRow > .SL-cell:nth-child(7) {
      z-index: 14; }
    .SL-table > tbody > .SL-row.SL-headerRow > .SL-cell:nth-child(8) {
      z-index: 13; }
    .SL-table > tbody > .SL-row.SL-headerRow > .SL-cell:nth-child(9) {
      z-index: 12; }
    .SL-table > tbody > .SL-row.SL-headerRow > .SL-cell:nth-child(10) {
      z-index: 11; }
    .SL-table > tbody > .SL-row.SL-headerRow > .SL-cell:nth-child(11) {
      z-index: 10; }
    .SL-table > tbody > .SL-row.SL-headerRow > .SL-cell:nth-child(12) {
      z-index: 9; }
  .SL-table > tbody > .SL-row:not(.SL-headerRow) > .SL-cell {
    border-bottom: 1px solid #FFF0D7;
    background: #FFFAF2; }
  .SL-table > tbody > .SL-row:not(.SL-headerRow).odd > .SL-cell {
    background: #FFF; }
  .SL-table > tbody > .SL-row:last-child .SL-cell {
    border-bottom: 1px solid #FFE0AF; }
  .SL-table.show-footer > tbody > .SL-row:last-child .SL-cell {
    border-top: 1px solid #FFE0AF;
    background: #FFF0D7; }

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

.tableList {
  display: block;
  font-size: 13px;
  text-align: left; }
  .tableList.showRuler ul li .hLine {
    width: calc(100% - 30px); }
  .tableList .header {
    display: block;
    line-height: 30px;
    border-radius: 30px;
    border: 2px solid;
    padding: 0 20px;
    text-transform: uppercase; }
    .tableList .header .text {
      display: table-cell;
      font-weight: 600;
      width: 100%;
      line-height: 1.2;
      padding: 10px 0;
      color: #FFF; }
  .tableList ul {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    margin-left: 20px;
    list-style: none;
    border-left: 2px solid;
    padding-top: 10px; }
    .tableList ul li {
      display: block;
      position: relative;
      margin: 15px 0;
      padding-left: 20px;
      font-weight: 300;
      text-align: left; }
      .tableList ul li:last-child .verticalLineEraser {
        opacity: 1; }
      .tableList ul li .hLine {
        height: 2px;
        position: absolute;
        width: 20px;
        top: calc(50% - 1px);
        left: 0; }
      .tableList ul li .verticalLineEraser {
        background: #fff none repeat scroll 0 0;
        height: calc(50% - 1px);
        left: -2px;
        position: absolute;
        width: 2px;
        bottom: 0;
        opacity: 0; }
      .tableList ul li .spacing {
        display: inline-block;
        vertical-align: middle; }
        .tableList ul li .spacing > .content, .tableList ul li .spacing > a > .content {
          position: relative;
          background: #FFF;
          padding: 0 10px;
          display: inline-block; }
  .tableList .header {
    background: #fff3df;
    border-color: #fce1b2; }
  .tableList ul {
    border-left-color: #fce1b2; }
    .tableList ul li .hLine {
      background: #fce1b2; }

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

.pt-slimleren-tag {
  display: inline-flex;
  position: relative;
  overflow: visible;
  background: #D1F1FD;
  color: #16B6F1;
  font-weight: 900;
  background: #D1F1FD;
  border-radius: 6px;
  padding: 0.3em 0.6em;
  font-size: 70%;
  height: min-content;
  align-items: center;
  gap: .5em;
  border: 1px solid transparent; }
  .pt-slimleren-tag.purple {
    background: #E6EEFB;
    color: #7Fa9E8; }
  .pt-slimleren-tag.orange {
    background: #FFEDCE;
    color: #FFB037; }
  .pt-slimleren-tag.green {
    background: #E4F2AF;
    color: #84D521; }
  .pt-slimleren-tag.red {
    background: #F8DCD5;
    color: #E75243; }
  .pt-slimleren-tag.yellow {
    background: #FFF29C;
    color: #FDBE0F; }
  .pt-slimleren-tag.red-inverse {
    background: #E75243;
    color: #FFF; }
  .pt-slimleren-tag.grey {
    background: #EEEEEE;
    color: #B8B8B8; }
  .pt-slimleren-tag.white-blue {
    background: #FFF;
    color: #16B6F1;
    border-color: #FFF; }
  .pt-slimleren-tag.selectable {
    cursor: pointer;
    user-select: none;
    margin-bottom: 8px;
    opacity: .55;
    transition: opacity 120ms ease; }
  .pt-slimleren-tag.selectable:hover {
    opacity: .8; }
  .pt-slimleren-tag.selectable.selected {
    opacity: 1; }
  .pt-slimleren-tag.has-tooltip {
    cursor: help; }
    .pt-slimleren-tag.has-tooltip .tag-tooltip-indicator {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 12px;
      height: 12px;
      border-radius: 50%;
      background: rgba(22, 182, 241, 0.18);
      color: currentColor;
      font-size: 9px;
      font-weight: 900;
      line-height: 1;
      text-transform: lowercase; }
    .pt-slimleren-tag.has-tooltip .tag-tooltip {
      position: absolute;
      left: 50%;
      bottom: calc(100% + 8px);
      transform: translateX(-50%) translateY(4px);
      padding: 4px 8px;
      border-radius: 6px;
      background: #16B6F1;
      color: #FFF;
      font-size: 11px;
      font-weight: 700;
      line-height: 1.2;
      white-space: normal;
      width: max-content;
      max-width: 220px;
      text-align: center;
      opacity: 0;
      pointer-events: none;
      transition: opacity 120ms ease, transform 120ms ease;
      z-index: 5; }
    .pt-slimleren-tag.has-tooltip .tag-tooltip:after {
      content: '';
      position: absolute;
      left: 50%;
      top: 100%;
      transform: translateX(-50%);
      border-left: 4px solid transparent;
      border-right: 4px solid transparent;
      border-top: 4px solid #16B6F1; }
  .pt-slimleren-tag.has-tooltip:hover .tag-tooltip, .pt-slimleren-tag.has-tooltip:focus-within .tag-tooltip {
    opacity: 1;
    transform: translateX(-50%) translateY(0); }
  .pt-slimleren-tag svg {
    height: 8px;
    cursor: pointer; }

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

.textareaToolContent textarea {
  width: 100%; }
.textareaToolContent .buttonHolder {
  margin-top: 20px;
  padding-top: 20px;
  text-align: center;
  margin-bottom: 10px;
  border-top: 2px solid #EEE; }

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

.pt-slimleren-textEdit {
  display: inline; }
  .pt-slimleren-textEdit.show-textField .value {
    display: none; }
  .pt-slimleren-textEdit.show-textField > .form-holder {
    display: flex; }
  .pt-slimleren-textEdit .value {
    cursor: pointer;
    position: relative;
    border-bottom: 1px dashed rgba(0, 0, 0, 0.2); }
    .pt-slimleren-textEdit .value:hover {
      border-bottom: 1px dashed #FFB037;
      color: #FFB037; }
  .pt-slimleren-textEdit > .form-holder {
    display: none;
    align-items: center;
    column-gap: 10px;
    width: fit-content; }
  .pt-slimleren-textEdit .translation-source-shell {
    display: inline-block;
    margin-left: 6px;
    vertical-align: middle; }
  .pt-slimleren-textEdit .translation-source-trigger {
    background: #fff4df;
    border: 1px solid #f0c66f;
    border-radius: 4px;
    color: #946200;
    cursor: pointer;
    font-size: 11px;
    font-weight: 700;
    line-height: 18px;
    padding: 0 5px; }
    .pt-slimleren-textEdit .translation-source-trigger:hover, .pt-slimleren-textEdit .translation-source-trigger:focus {
      background: #ffe8b7;
      outline: none; }
  .pt-slimleren-textEdit .translation-source-modal {
    display: none; }
  .pt-slimleren-textEdit .translation-source-shell.is-open .translation-source-modal {
    display: block; }
  .pt-slimleren-textEdit .translation-source-backdrop {
    background: rgba(16, 24, 40, 0.36);
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1100; }
  .pt-slimleren-textEdit .translation-source-panel {
    background: #fff;
    border: 1px solid #d9e2ef;
    border-radius: 8px;
    box-shadow: 0 18px 48px rgba(16, 24, 40, 0.24);
    color: #344054;
    display: block;
    left: 50%;
    max-height: 70vh;
    max-width: 680px;
    overflow: auto;
    padding: 14px 16px 16px;
    position: fixed;
    top: 50%;
    transform: translate(-50%, -50%);
    width: calc(100vw - 48px);
    z-index: 1101; }
  .pt-slimleren-textEdit .translation-source-header {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px; }
  .pt-slimleren-textEdit .translation-source-title {
    font-size: 15px;
    font-weight: 700; }
  .pt-slimleren-textEdit .translation-source-close {
    background: none;
    border: 0;
    color: #667085;
    cursor: pointer;
    font-size: 22px;
    line-height: 22px;
    padding: 0; }
  .pt-slimleren-textEdit .translation-source-meta {
    color: #667085;
    display: block;
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 8px; }
  .pt-slimleren-textEdit .translation-source-value {
    background: #f8fafc;
    border: 1px solid #e3e8ef;
    border-radius: 6px;
    display: block;
    font-size: 13px;
    line-height: 1.45;
    padding: 10px;
    white-space: pre-wrap; }
  .pt-slimleren-textEdit.missing-translation .value {
    color: #98a2b3;
    font-style: italic; }
  .pt-slimleren-textEdit.show-textField .value {
    display: none; }
  .pt-slimleren-textEdit.show-textField > .form-holder {
    display: flex; }

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

.pt-textTable {
  display: inline-flex;
  flex-direction: column;
  vertical-align: middle; }
  .pt-textTable > .table {
    display: table; }
    .pt-textTable > .table > .row {
      display: table-row; }
      .pt-textTable > .table > .row:not(:last-child) > .item {
        border-bottom: 0.08em solid currentColor; }
      .pt-textTable > .table > .row > .item {
        display: table-cell;
        padding: 0.1em 0.4em;
        text-align: center;
        vertical-align: middle; }
        .pt-textTable > .table > .row > .item:not(:last-child) {
          border-right: 0.08em solid currentColor; }
        .pt-textTable > .table > .row > .item .pt-textField {
          margin: 3px 0; }
  .pt-textTable.numericalCalculation > .table > .row > .item {
    padding: 0.1em 0.1em; }
  .pt-textTable.numericalCalculation > .table > .row:not(:last-child) > .item {
    border: none; }
  .pt-textTable.numericalCalculation > .table > .row > .item:not(:last-child) {
    border-right: none; }
  .pt-textTable.numericalCalculation > .table > .row.indicators > .item > .indicator {
    border-radius: 20px;
    font-size: 9px;
    background: orange;
    font-weight: 900;
    color: #fff;
    vertical-align: bottom;
    line-height: 14px;
    display: inline-block;
    width: 12px;
    text-align: center; }
  .pt-textTable.numericalCalculation > .table > .row.has-mutation > .item {
    border-bottom: 0.08em solid currentColor; }
    .pt-textTable.numericalCalculation > .table > .row.has-mutation > .item:last-child {
      padding-left: 0.7em; }

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

.thumbnail {
  display: inline-block;
  margin: 10px 0 10px 0; }
  .thumbnail.pull-right {
    margin-left: 20px; }
  .thumbnail .title {
    color: #16b6f1;
    display: block;
    font-size: 13px;
    margin-top: 5px;
    text-align: center; }
  .thumbnail .image {
    border: 2px solid #dfe4eb;
    border-radius: 5px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
    padding: 5px;
    position: relative; }
    .thumbnail .image img {
      border-radius: 2px;
      width: 100%; }
    .thumbnail .image .icon-magnifierCorner {
      position: absolute;
      top: 5px;
      right: 5px; }

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

.titleRibbon {
  position: relative;
  padding: 6px 20px;
  font-weight: 400;
  font-size: 19px;
  border-bottom: 3px solid;
  border-bottom-color: currentcolor;
  color: #FFF;
  text-align: left;
  display: inline-block;
  min-width: 170px;
  height: 43px;
  padding-left: 30px; }
  .titleRibbon .text {
    display: inline-block;
    vertical-align: middle;
    font-weight: 600; }
  .titleRibbon::before {
    position: absolute;
    left: -10px;
    top: 0; }
  .titleRibbon::after {
    position: absolute;
    right: -23px;
    top: 0; }
  .titleRibbon.green {
    background: #84d521;
    border-color: #66a915; }
    .titleRibbon.green::before {
      content: url("/assets/Search/img/ribbonParts/greenEdge.png"); }
    .titleRibbon.green::after {
      content: url("/assets/Search/img/ribbonParts/greenEnd.png"); }
  .titleRibbon.blue {
    background: #16b6f1;
    border-color: #147ba2; }
    .titleRibbon.blue::before {
      content: url("/assets/Search/img/ribbonParts/blueEdge.png"); }
    .titleRibbon.blue::after {
      content: url("/assets/Search/img/ribbonParts/blueEnd.png"); }
  .titleRibbon.orange {
    background: #ffb037;
    border-color: #cb8a28; }
    .titleRibbon.orange::before {
      content: url("/assets/Search/img/ribbonParts/orangeEdge.png"); }
    .titleRibbon.orange::after {
      content: url("/assets/Search/img/ribbonParts/orangeEnd.png"); }
  .titleRibbon.red {
    background: #e96076;
    border-color: #b0384b; }
    .titleRibbon.red::before {
      content: url("/assets/Search/img/ribbonParts/pinkEdge.png"); }
    .titleRibbon.red::after {
      content: url("/assets/Search/img/ribbonParts/pinkEnd.png"); }
  .titleRibbon.purple {
    background: #7fa9e8;
    border-color: #4a6ca0; }
    .titleRibbon.purple::before {
      content: url("/assets/Search/img/ribbonParts/purpleEdge.png"); }
    .titleRibbon.purple::after {
      content: url("/assets/Search/img/ribbonParts/purpleEnd.png"); }
  .titleRibbon.turquoise {
    background: #00cecd;
    border-color: #06a5a5; }
    .titleRibbon.turquoise::before {
      content: url("/assets/Search/img/ribbonParts/turqoiseEdge.png"); }
    .titleRibbon.turquoise::after {
      content: url("/assets/Search/img/ribbonParts/turqoiseEnd.png"); }

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

.toolModal {
  position: absolute;
  background: #FFF;
  border-radius: 4px;
  color: #4a4a4a;
  display: none;
  z-index: 15;
  width: 240px; }
  .toolModal.wide {
    width: 400px; }
  .toolModal .toolModalHeader {
    padding: 10px 15px;
    border-bottom: 2px solid #e2e2e4; }
    .toolModal .toolModalHeader .headerTitle {
      margin-left: 15px;
      display: inline-block;
      vertical-align: middle;
      font-weight: 600; }
  .toolModal .toolModalContent {
    padding: 15px 15px;
    font-weight: 300;
    font-size: 13px; }
    .toolModal .toolModalContent input, .toolModal .toolModalContent .button {
      border-radius: 8px;
      font-weight: 400; }
    .toolModal .toolModalContent .button {
      padding: 8px 16px; }
    .toolModal .toolModalContent input {
      padding: 8px 12px; }
  .toolModal .toolModalArrow {
    position: absolute;
    bottom: -9px;
    left: calc(50% - 10px); }
  .toolModal.topArrow .toolModalArrow {
    top: -9px;
    transform: rotate(180deg); }

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

.toolModalContainer .overlay {
  display: none;
  position: absolute;
  background: rgba(0, 0, 0, 0.5);
  left: 0;
  top: 0;
  z-index: 99; }

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

nav.topNav {
  background-color: #0A92C0;
  border-bottom: 2px solid #0e78a0;
  display: block;
  height: 50px;
  line-height: 48px;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 99;
  box-sizing: unset; }
  @media only screen and (max-width: 767px) {
    nav.topNav {
      position: absolute; } }
  nav.topNav.blue {
    background: #16B6F1;
    border-bottom-color: #1B8EB9; }
  nav.topNav.darkBlue {
    background-color: #0A92C0;
    border-bottom-color: #0e78a0; }
  nav.topNav.orange {
    background-color: #ffb037;
    border-bottom-color: #cb8a28; }
  nav.topNav.green {
    background-color: #84d521;
    border-bottom-color: #66a915; }
  nav.topNav.red {
    background-color: #e75243;
    border-bottom-color: #bd3427; }
  nav.topNav.turquoise {
    background-color: #00cecd;
    border-bottom-color: #06a5a5; }
  nav.topNav.purple {
    background-color: #7FA9E8;
    border-bottom-color: #5785CB; }
  nav.topNav:not(.site) {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15); }
  nav.topNav .navContent .left, nav.topNav .navContent .right {
    display: inline-block; }
    nav.topNav .navContent .left.right, nav.topNav .navContent .right.right {
      float: right;
      line-height: 48px; }
    nav.topNav .navContent .left .icon-logoBorder, nav.topNav .navContent .right .icon-logoBorder {
      width: 43px;
      height: 43px; }
    nav.topNav .navContent .left .pt-button.menu, nav.topNav .navContent .right .pt-button.menu {
      margin-left: 20px;
      margin-top: 7px; }
      nav.topNav .navContent .left .pt-button.menu svg, nav.topNav .navContent .right .pt-button.menu svg {
        height: 12px; }

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

.wizard {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  text-align: center;
  display: none; }
  .wizard .overlay {
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0; }

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

.wizardCard {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto !important;
  display: none;
  box-shadow: none;
  border: none;
  border-radius: 8px;
  padding: 0;
  max-width: 90%; }
  .wizardCard .accent {
    font-weight: 900; }
  .wizardCard.medium {
    width: 600px; }
  .wizardCard.large {
    width: 700px; }
  .wizardCard.xLarge {
    width: 800px; }
  .wizardCard.textLeft p, .wizardCard.textLeft .title {
    text-align: left; }
  .wizardCard .titleImage {
    max-width: 70%;
    margin-bottom: 40px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px; }
  .wizardCard > .header {
    background: #F2F6FF;
    padding: 25px 0;
    display: block;
    border-radius: 8px 8px 0 0; }
    .wizardCard > .header .title {
      font-size: 18px;
      text-align: center; }
  .wizardCard p {
    text-align: left;
    font-size: 14px; }
    .wizardCard p.blue {
      color: #16b6f1; }
  .wizardCard .icon.back {
    position: absolute;
    left: 20px;
    top: 32px;
    cursor: pointer; }
  .wizardCard > .content {
    margin-top: 40px;
    padding: 0 60px;
    padding-bottom: 30px;
    line-height: 1.6; }
    .wizardCard > .content b {
      font-weight: 900; }
      .wizardCard > .content b.blue {
        color: #16B6F1; }
    .wizardCard > .content .textImage .text, .wizardCard > .content .textImage > p {
      display: inline-block;
      width: calc(100% - 160px);
      vertical-align: middle;
      text-align: left; }
    .wizardCard > .content .textImage .imageHolder {
      width: 160px;
      text-align: center;
      display: inline-block;
      vertical-align: middle; }
    .wizardCard > .content .pilot_personalForm {
      margin-top: 30px; }
    .wizardCard > .content .formRow {
      text-align: left;
      margin-bottom: 10px; }
      .wizardCard > .content .formRow .message {
        font-size: 12px;
        color: #45BEEA;
        line-height: 17px;
        font-weight: 500;
        display: none; }
      .wizardCard > .content .formRow label {
        width: 140px;
        display: inline-block;
        vertical-align: middle;
        padding-right: 6px;
        font-weight: 400; }
      .wizardCard > .content .formRow input {
        display: inline-block;
        vertical-align: middle;
        width: 230px; }
  .wizardCard .buttonHolder {
    margin-top: 30px;
    display: block; }
  .wizardCard .button {
    border-radius: 6px; }
  .wizardCard input {
    border-radius: 6px;
    padding: 10px; }
  .wizardCard textarea {
    width: 80%;
    height: 100px;
    margin: 20px 10% 0; }

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

.pt-slimleren-wordChainScore-tooltip {
  padding: 5px; }
  .pt-slimleren-wordChainScore-tooltip .setting {
    margin: 5px 0;
    display: block;
    width: 100%;
    text-align: left; }
    .pt-slimleren-wordChainScore-tooltip .setting .iconHolder {
      border-radius: 100px;
      border: 0px solid #FFF;
      display: inline-block; }
    .pt-slimleren-wordChainScore-tooltip .setting .text {
      margin-left: 10px;
      display: inline-block; }

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

.pt-slimleren-wordChainScore {
  display: inline-block;
  text-align: center;
  font-weight: 600;
  font-size: 12px; }
  .pt-slimleren-wordChainScore.red {
    color: #da2e29; }
  .pt-slimleren-wordChainScore.darkOrange {
    color: #ffae1d; }
  .pt-slimleren-wordChainScore.lightOrange {
    color: #ffd509; }
  .pt-slimleren-wordChainScore.green {
    color: #90dd01; }
  .pt-slimleren-wordChainScore.blue {
    color: #14b6f2; }

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