@charset "UTF-8";
@import "thema.css";
@import url('/css/klant.css');

* {
  box-sizing: border-box;
}

@font-face {
  font-family: "Flaticons Stroke";
  src: url("fonts/flaticons-stroke.eot");
  src: url("fonts/flaticons-stroke.eot?#iefix") format("embedded-opentype"), url("fonts/flaticons-stroke.woff") format("woff"), url("fonts/flaticons-stroke.ttf") format("truetype"), url("fonts/flaticons-stroke.svg#flaticons-stroke") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face
{
	font-family: "IcoFont";
	font-weight: normal;
	font-style: "Regular";
	src:url('fonts/icofont.eot');
	src:url('fonts/icofont.eot?') format('embedded-opentype'),
		url('fonts/icofontwoff2') format('woff2'),
		url('fonts/icofont.woff') format('woff'),
		url('fonts/icofont.ttf') format('truetype'),
		url('fonts/icofont.svg#IcoFont') format('svg');
}

@font-face{
	font-family:"icons";
	src:url("fonts/icons.eot?8978208");src:
		url("fonts/icons.eot?8978208#iefix") format("embedded-opentype"),
		url("fonts/icons.woff?8978208") format("woff"),
		url("fonts/icons.ttf?8978208") format("truetype"),
		url("fonts/icons.svg?8978208#cioPlatform") format("svg");
	font-weight:normal;
	font-style:normal;
}

@font-face {
  font-family: 'Font Awesome 6 Brands';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("fonts/fa-brands-400.woff2") format("woff2"), url("fonts/fa-brands-400.ttf") format("truetype"); 
}

@font-face {
	font-family: 'Linearicons-Free';
	src:url('fonts/Linearicons-Free.eot?w118d');
	src:url('fonts/Linearicons-Free.eot?#iefixw118d') format('embedded-opentype'),
		url('fonts/Linearicons-Free.woff2?w118d') format('woff2'),
		url('fonts/Linearicons-Free.woff?w118d') format('woff'),
		url('fonts/Linearicons-Free.ttf?w118d') format('truetype'),
		url('fonts/Linearicons-Free.svg?w118d#Linearicons-Free') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
  font-family: 'tcc-icons';
  src:
    url('fonts/tcc-icons.ttf?r20dgp') format('truetype'),
    url('fonts/tcc-icons.woff?r20dgp') format('woff'),
    url('fonts/tcc-icons.svg?r20dgp#tcc-icons') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

h1 {
  color: #000000;
  font-weight: 200;
}

h2 {
  color: #000000;
  font-weight: 400;
}

h3 {
  color: #000000;
  font-weight: 200;
}

/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
body .yui-navset .yui-nav li,
body .yui-navset .yui-navset-bottom .yui-nav li,
body .yui-navset .yui-navset-top .yui-nav li {
  margin: 0 0.5em 0 0;
}

body .yui-navset-left .yui-nav li,
body .yui-navset-right .yui-nav li {
  margin: 0 0 0.5em;
}

body .yui-navset .yui-content .yui-hidden {
  position: absolute;
  left: -999999px;
  visibility: hidden;
}

body .yui-navset .yui-navset-left .yui-nav,
body .yui-navset .yui-navset-right .yui-nav {
  width: 6em;
}

body .yui-navset-left .yui-nav,
body .yui-navset-right .yui-nav {
  width: 6em;
}

body .yui-navset-bottom .yui-nav,
body .yui-navset-top .yui-nav {
  width: auto;
}

body .yui-navset .yui-navset-left,
body .yui-navset-left {
  padding: 0 0 0 6em;
}

body .yui-navset-right {
  padding: 0 6em 0 0;
}

body .yui-navset-bottom,
body .yui-navset-top {
  padding: auto;
}

body .yui-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}

body .yui-nav li {
  margin: 0;
  padding: 0;
  list-style: none;
}

body .yui-navset {
  position: relative;
  zoom: 1;
}

body .yui-navset li em {
  font-style: normal;
}

body .yui-navset .yui-content {
  zoom: 1;
}

body .yui-navset .yui-content div {
  zoom: 1;
}

body .yui-navset .yui-content:after {
  content: "";
  display: block;
  clear: both;
}

body .yui-navset .yui-nav li,
body .yui-navset .yui-navset-bottom .yui-nav li,
body .yui-navset .yui-navset-top .yui-nav li {
  display: inline-block;
  display: -moz-inline-stack;
  *display: inline;
  vertical-align: bottom;
  cursor: pointer;
  zoom: 1;
}

body .yui-navset-left .yui-nav li,
body .yui-navset-right .yui-nav li {
  display: block;
}

body .yui-navset .yui-nav a {
  position: relative;
}

body .yui-navset .yui-nav li a {
  display: block;
  display: inline-block;
  vertical-align: bottom;
  zoom: 1;
}

body .yui-navset-bottom .yui-nav li a,
body .yui-navset-top .yui-nav li a {
  display: block;
  display: inline-block;
  vertical-align: bottom;
  zoom: 1;
}

body .yui-navset-left .yui-nav li a,
body .yui-navset-right .yui-nav li a {
  display: block;
}

body .yui-navset-bottom .yui-nav li a {
  vertical-align: text-top;
}

body .yui-navset .yui-nav li a em,
body .yui-navset-bottom .yui-nav li a em,
body .yui-navset-top .yui-nav li a em {
  display: block;
}

body .yui-navset .yui-navset-left .yui-nav,
body .yui-navset .yui-navset-right .yui-nav {
  position: absolute;
  z-index: 1;
}

body .yui-navset-left .yui-nav,
body .yui-navset-right .yui-nav {
  position: absolute;
  z-index: 1;
}

body .yui-navset-bottom .yui-nav,
body .yui-navset-top .yui-nav {
  position: static;
}

body .yui-navset .yui-navset-left .yui-nav,
body .yui-navset-left .yui-nav {
  left: 0;
  right: auto;
}

body .yui-navset .yui-navset-right .yui-nav,
body .yui-navset-right .yui-nav {
  right: 0;
  left: auto;
}

body .yui-skin-sam .yui-navset .yui-nav,
body .yui-skin-sam .yui-navset .yui-navset-top .yui-nav {
  margin: 0;
  padding: 0;
  height: auto;
  display: block;
  border-bottom: 1px solid var(--secondary);
  height: 55px;
}

body .yui-skin-sam .yui-navset .yui-nav li,
body .yui-skin-sam .yui-navset .yui-navset-top .yui-nav li {
  display: block;
  float: left;
  margin: 5px 3px 0 0;
  padding: 0;
  border: none;
  background: none;
}

body .yui-skin-sam .yui-navset .yui-nav .selected,
body .yui-skin-sam .yui-navset .yui-navset-top .yui-nav .selected {
  margin: 5px 3px 0 0;
}

body .yui-skin-sam .yui-navset .yui-nav a,
body .yui-skin-sam .yui-navset .yui-navset-top .yui-nav a {
  padding: 16px 18px;
  background: var(--lightgrey);
  border: 1px solid var(--lightgrey);
  border-width: 1px 1px 0;
  margin-right: -1px;
  border-radius: 4px 4px 0 0;
  font-family: var(--font);
  font-size: var(--font-size);
  font-weight: 400;
  color: var(--textcolor);
  line-height: 1.2;
  text-transform: none;
  text-decoration: none;
  box-sizing: border-box;
  display: block;
  float: none;
  white-space: nowrap;
  margin: 0;
  height: 50px;
}

body .yui-skin-sam .yui-navset .yui-nav a em,
body .yui-skin-sam .yui-navset .yui-navset-top .yui-nav a em {
  display: block;
  float: none;
  padding: 0;
  margin: 0;
  background: transparent;
  border: none;
}

body .yui-skin-sam .yui-navset .yui-nav a {
  height: 50px;
}

body .yui-skin-sam .yui-navset .yui-nav a:focus, body .yui-skin-sam .yui-navset .yui-nav a:hover {
  background: var(--lightgrey);
  border-color: var(--lightgrey);
  color: var(--secondary) !important;
  margin-right: -1px;
  font-weight: 400;
  text-decoration: none;
}

body .yui-skin-sam .yui-navset .yui-nav .selected a {
  background: var(--secondary);
  border: 1px solid var(--secondary);
  border-bottom: transparent;
  margin-right: -1px;
  color: #fff !important;
  font-weight: 400;
  height: 50px;
  height: 51px;
}

body .yui-skin-sam .yui-navset .yui-nav .selected a:focus, body .yui-skin-sam .yui-navset .yui-nav .selected a:hover {
  background: var(--secondary);
  border: 1px solid var(--secondary);
  border-bottom: transparent;
  margin-right: -1px;
  color: #fff !important;
  font-weight: 400;
  height: 50px;
}

body .yui-skin-sam .yui-navset .yui-nav .selected a em {
  float: none;
  padding: 0;
  margin: 0;
  background: transparent;
  border: none;
}

body .yui-skin-sam .yui-navset .yui-content {
  display: block;
  float: none;
  padding: 0;
  margin: 30px 0 0;
  background: transparent;
  border: none;
}

body .yui-skin-sam .yui-navset .yui-navset-top .yui-content {
  display: block;
  float: none;
  padding: 0;
  margin: 30px 0 0;
  background: transparent;
  border: none;
}

body .yui-skin-sam .yui-navset .yui-navset-left .yui-nav,
body .yui-skin-sam .yui-navset .yui-navset-right .yui-nav {
  border-width: 0;
  position: absolute;
  top: 0;
  bottom: 0;
}

body .yui-skin-sam .yui-navset-left .yui-nav,
body .yui-skin-sam .yui-navset-right .yui-nav {
  border-width: 0;
  position: absolute;
  top: 0;
  bottom: 0;
}

body .yui-skin-sam .yui-navset .yui-navset-right .yui-nav,
body .yui-skin-sam .yui-navset-right .yui-nav {
  border-width: 0;
}

body .yui-skin-sam .yui-navset .yui-navset-left .yui-nav li,
body .yui-skin-sam .yui-navset-left .yui-nav li {
  margin: 0 0 0.16em;
  padding: 0 0 0 1px;
}

body .yui-skin-sam .yui-navset-right .yui-nav li {
  margin: 0 0 0.16em;
  padding: 0 0 0 1px;
  padding: 0 1px 0 0;
}

body .yui-skin-sam .yui-navset .yui-navset-left .yui-nav .selected,
body .yui-skin-sam .yui-navset-left .yui-nav .selected {
  margin: 0 -1px 0.16em 0;
}

body .yui-skin-sam .yui-navset-right .yui-nav .selected {
  margin: 0 0 0.16em -1px;
}

body .yui-skin-sam .yui-navset-left .yui-nav a,
body .yui-skin-sam .yui-navset-right .yui-nav a {
  border-width: 0;
}

body .yui-skin-sam .yui-navset .yui-navset-left .yui-nav a em,
body .yui-skin-sam .yui-navset-left .yui-nav a em {
  border-width: 0;
  padding: 0;
  top: auto;
  left: -1px;
}

body .yui-skin-sam .yui-navset-right .yui-nav a em {
  border-width: 0;
  padding: 0;
  top: auto;
  left: -1px;
  border-width: 0;
  left: auto;
  right: -1px;
}

body .yui-skin-sam .yui-navset-bottom .yui-nav .selected a,
body .yui-skin-sam .yui-navset-left .yui-nav .selected a,
body .yui-skin-sam .yui-navset-right .yui-nav .selected a {
  background-image: none;
}

body .yui-skin-sam .yui-navset-bottom .yui-nav a,
body .yui-skin-sam .yui-navset-left .yui-nav a,
body .yui-skin-sam .yui-navset-right .yui-nav a {
  background-image: none;
}

body .yui-skin-sam .yui-navset-bottom .yui-nav a:hover,
body .yui-skin-sam .yui-navset-left .yui-nav a:hover,
body .yui-skin-sam .yui-navset-right .yui-nav a:hover {
  background-image: none;
}

body .yui-skin-sam .yui-navset-left .yui-content {
  background: transparent;
  border: none;
}

body .yui-skin-sam .yui-navset .yui-navset-bottom .yui-nav,
body .yui-skin-sam .yui-navset-bottom .yui-nav {
  border-width: 0;
}

body .yui-skin-sam .yui-navset .yui-navset-bottom .yui-nav .selected,
body .yui-skin-sam .yui-navset-bottom .yui-nav .selected {
  margin: -1px 0.16em 0 0;
}

body .yui-skin-sam .yui-navset .yui-navset-bottom .yui-nav li,
body .yui-skin-sam .yui-navset-bottom .yui-nav li {
  padding: 0 0 1px;
  vertical-align: top;
}

body .yui-skin-sam .yui-navset .yui-navset-bottom .yui-nav a em,
body .yui-skin-sam .yui-navset-bottom .yui-nav a em {
  border-width: 0 0 1px;
  top: auto;
  bottom: -1px;
}

body .yui-skin-sam .yui-navset .yui-navset-bottom .yui-content,
body .yui-skin-sam .yui-navset-bottom .yui-content {
  border: 1px solid var(--primary);
  border-bottom-color: #243356;
}

/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
.yui-overlay, .yui-panel-container {
  visibility: hidden;
  position: absolute;
  z-index: 2;
}

.yui-panel {
  position: relative;
}

.yui-panel-container form {
  margin: 0;
}

.mask {
  z-index: 1;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.mask.block-scrollbars {
  overflow: auto;
}

.masked select, .drag select, .hide-select select {
  _visibility: hidden;
}

.yui-panel-container select {
  _visibility: inherit;
}

.hide-scrollbars, .hide-scrollbars * {
  overflow: hidden;
}

.hide-scrollbars select {
  display: none;
}

.show-scrollbars {
  overflow: auto;
}

.yui-panel-container.show-scrollbars, .yui-tt.show-scrollbars {
  overflow: visible;
}

.yui-panel-container.show-scrollbars .underlay, .yui-tt.show-scrollbars .yui-tt-shadow {
  overflow: auto;
}

.yui-panel-container.shadow .underlay.yui-force-redraw {
  padding-bottom: 1px;
}

.yui-effect-fade .underlay, .yui-effect-fade .yui-tt-shadow {
  display: none;
}

.yui-tt-shadow {
  position: absolute;
}

.yui-override-padding {
  padding: 0 !important;
}

.yui-panel-container .container-close {
  overflow: hidden;
  text-indent: -10000em;
  text-decoration: none;
}

.yui-overlay.yui-force-redraw, .yui-panel-container.yui-force-redraw {
  margin-bottom: 1px;
}

.yui-skin-sam .mask {
  background-color: #000;
  opacity: .25;
  filter: alpha(opacity=25);
}

.yui-skin-sam .yui-panel-container {
  padding: 0 1px;
  *padding: 2px;
}

.yui-skin-sam .yui-panel {
  position: relative;
  left: 0;
  top: 0;
  border-style: solid;
  border-width: 1px 0;
  border-color: var(--textcolor);
  z-index: 1;
  *border-width: 1px;
  *zoom: 1;
  _zoom: normal;
}

.yui-skin-sam .yui-panel .hd, .yui-skin-sam .yui-panel .bd, .yui-skin-sam .yui-panel .ft {
  border-style: solid;
  border-width: 0 1px;
  border-color: var(--textcolor);
  margin: 0 -1px;
  *margin: 0;
  *border: 0;
}

.yui-skin-sam .yui-panel .hd {
  border-bottom: solid 1px #ccc;
}

.yui-skin-sam .yui-panel .bd, .yui-skin-sam .yui-panel .ft {
  background-color: #F2F2F2;
}

.yui-skin-sam .yui-panel .hd {
  padding: 0 10px;
  font-size: 93%;
  line-height: 2;
  *line-height: 1.9;
  font-weight: bold;
  color: #000;
  background: url(../../../../assets/skins/sam/sprite.png) repeat-x 0 -200px;
}

.yui-skin-sam .yui-panel .bd {
  padding: 10px;
}

.yui-skin-sam .yui-panel .ft {
  border-top: solid 1px var(--primary);
  padding: 5px 10px;
  font-size: 77%;
}

.yui-skin-sam .container-close {
  position: absolute;
  top: 5px;
  right: 6px;
  width: 25px;
  height: 16px;
  background: url(../../../../assets/skins/sam/sprite.png) no-repeat 0 -300px;
  cursor: pointer;
}

.yui-skin-sam .yui-panel-container .underlay {
  right: -1px;
  left: -1px;
}

.yui-skin-sam .yui-panel-container.matte {
  padding: 9px 10px;
  background-color: #fff;
}

.yui-skin-sam .yui-panel-container.shadow {
  _padding: 2px 4px 0 2px;
}

.yui-skin-sam .yui-panel-container.shadow .underlay {
  position: absolute;
  top: 2px;
  left: -3px;
  right: -3px;
  bottom: -3px;
  *top: 4px;
  *left: -1px;
  *right: -1px;
  *bottom: -1px;
  _top: 0;
  _left: 0;
  _right: 0;
  _bottom: 0;
  _margin-top: 3px;
  _margin-left: -1px;
  background-color: #000;
  opacity: .12;
  filter: alpha(opacity=12);
}

.yui-skin-sam .yui-dialog .ft {
  border-top: none;
  padding: 0 10px 10px 10px;
  font-size: 100%;
}

.yui-skin-sam .yui-dialog .ft .button-group {
  display: block;
  text-align: right;
}

.yui-skin-sam .yui-dialog .ft button.default, .yui-skin-sam .yui-dialog .ft input.default[type="submit"], .yui-skin-sam .yui-dialog .ft input.default[type="reset"], .yui-skin-sam .yui-dialog .ft input.default[type="button"] {
  font-weight: bold;
}

.yui-skin-sam .yui-dialog .ft span.default {
  border-color: #304369;
  background-position: 0 -1400px;
}

.yui-skin-sam .yui-dialog .ft span.default .first-child {
  border-color: #304369;
}

.yui-skin-sam .yui-dialog .ft span.default button, .yui-skin-sam .yui-dialog .ft span.default input[type="submit"], .yui-skin-sam .yui-dialog .ft span.default input[type="reset"], .yui-skin-sam .yui-dialog .ft span.default input[type="button"] {
  color: #fff;
}

.yui-skin-sam .yui-dialog .ft span.yui-button-disabled {
  background-position: 0 -1500px;
  border-color: #ccc;
}

.yui-skin-sam .yui-dialog .ft span.yui-button-disabled .first-child {
  border-color: #ccc;
}

.yui-skin-sam .yui-dialog .ft span.yui-button-disabled button, .yui-skin-sam .yui-dialog .ft span.yui-button-disabled input[type="submit"], .yui-skin-sam .yui-dialog .ft span.yui-button-disabled input[type="reset"], .yui-skin-sam .yui-dialog .ft span.yui-button-disabled input[type="button"] {
  color: #a6a6a6;
}

.yui-skin-sam .yui-simple-dialog .bd .yui-icon {
  background: url(../../../../assets/skins/sam/sprite.png) no-repeat 0 0;
  width: 16px;
  height: 16px;
  margin-right: 10px;
  float: left;
}

.yui-skin-sam .yui-simple-dialog .bd span.blckicon {
  background-position: 0 -1100px;
}

.yui-skin-sam .yui-simple-dialog .bd span.alrticon {
  background-position: 0 -1050px;
}

.yui-skin-sam .yui-simple-dialog .bd span.hlpicon {
  background-position: 0 -1150px;
}

.yui-skin-sam .yui-simple-dialog .bd span.infoicon {
  background-position: 0 -1200px;
}

.yui-skin-sam .yui-simple-dialog .bd span.warnicon {
  background-position: 0 -1900px;
}

.yui-skin-sam .yui-simple-dialog .bd span.tipicon {
  background-position: 0 -1250px;
}

.yui-skin-sam .yui-tt .bd {
  position: relative;
  top: 0;
  left: 0;
  z-index: 1;
  color: #000;
  padding: 2px 5px;
  border-color: #D4C237 #A6982B #A6982B #A6982B;
  border-width: 1px;
  border-style: solid;
  background-color: #FFEE69;
}

.yui-skin-sam .yui-tt.show-scrollbars .bd {
  overflow: auto;
}

.yui-skin-sam .yui-tt-shadow {
  top: 2px;
  right: -3px;
  left: -3px;
  bottom: -3px;
  background-color: #000;
}

.yui-skin-sam .yui-tt-shadow-visible {
  opacity: .12;
  filter: alpha(opacity=12);
}

/*
	960 Grid System ~ Core CSS.
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
*/
/* =Containers
--------------------------------------------------------------------------------*/
.container_12, .container_16 {
  width: 100%;
}

/* =Grid >> Global
--------------------------------------------------------------------------------*/
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15 {
  display: inline;
  float: left;
  margin-left: 0.95%;
  margin-right: 0.95%;
}

.grid_16 {
  display: inline;
  float: left;
  margin-left: 0.95%;
  margin-right: 0.95%;
  margin-left: 0;
  margin-right: 0;
}

.container_12 .grid_3, .container_16 .grid_4 {
  width: 23%;
}

.container_12 .grid_6, .container_16 .grid_8 {
  width: 48%;
}

.container_12 .grid_9, .container_16 .grid_12 {
  width: 73%;
}

.container_12 .grid_12 {
  width: 98%;
}

.container_16 .grid_16 {
  width: 100%;
}

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

.omega {
  margin-right: 0;
}

/* =Grid >> 12 Columns
--------------------------------------------------------------------------------*/
.container_12 .grid_1 {
  width: 6.333%;
}

.container_12 .grid_2 {
  width: 14.666%;
}

.container_12 .grid_4 {
  width: 31.333%;
}

.container_12 .grid_5 {
  width: 39.666%;
}

.container_12 .grid_7 {
  width: 56.333%;
}

.container_12 .grid_8 {
  width: 64.666%;
}

.container_12 .grid_10 {
  width: 81.333%;
}

.container_12 .grid_11 {
  width: 89.666%;
}

/* =Grid >> 16 Columns
--------------------------------------------------------------------------------*/
.container_16 .grid_1 {
  width: 4.25%;
}

.container_16 .grid_2 {
  width: 10.5%;
}

.container_16 .grid_3 {
  width: 16.75%;
}

.container_16 .grid_5 {
  width: 29.25%;
}

.container_16 .grid_6 {
  width: 35.5%;
}

.container_16 .grid_7 {
  width: 41.75%;
}

.container_16 .grid_9 {
  width: 54.25%;
}

.container_16 .grid_10 {
  width: 60.5%;
}

.container_16 .grid_11 {
  width: 66.75%;
}

.container_16 .grid_13 {
  width: 79.25%;
}

.container_16 .grid_14 {
  width: 85.5%;
}

.container_16 .grid_15 {
  width: 91.75%;
}

/* =Prefix Extra Space >> Global
--------------------------------------------------------------------------------*/
.container_12 .prefix_3, .container_16 .prefix_4 {
  padding-left: 25%;
}

.container_12 .prefix_6, .container_16 .prefix_8 {
  padding-left: 50%;
}

.container_12 .prefix_9, .container_16 .prefix_12 {
  padding-left: 75%;
}

/* =Prefix Extra Space >> 12 Columns
--------------------------------------------------------------------------------*/
.container_12 .prefix_1 {
  padding-left: 8.333%;
}

.container_12 .prefix_2 {
  padding-left: 16.666%;
}

.container_12 .prefix_4 {
  padding-left: 33.333%;
}

.container_12 .prefix_5 {
  padding-left: 41.666%;
}

.container_12 .prefix_7 {
  padding-left: 58.333%;
}

.container_12 .prefix_8 {
  padding-left: 66.666%;
}

.container_12 .prefix_10 {
  padding-left: 83.333%;
}

.container_12 .prefix_11 {
  padding-left: 91.666%;
}

/* =Prefix Extra Space >> 16 Columns
--------------------------------------------------------------------------------*/
.container_16 .prefix_1 {
  padding-left: 6.25%;
}

.container_16 .prefix_2 {
  padding-left: 12.5%;
}

.container_16 .prefix_3 {
  padding-left: 18.75%;
}

.container_16 .prefix_5 {
  padding-left: 31.25%;
}

.container_16 .prefix_6 {
  padding-left: 37.5%;
}

.container_16 .prefix_7 {
  padding-left: 43.75%;
}

.container_16 .prefix_9 {
  padding-left: 56.25%;
}

.container_16 .prefix_10 {
  padding-left: 62.5%;
}

.container_16 .prefix_11 {
  padding-left: 68.75%;
}

.container_16 .prefix_13 {
  padding-left: 81.25%;
}

.container_16 .prefix_14 {
  padding-left: 87.5%;
}

.container_16 .prefix_15 {
  padding-left: 93.75%;
}

/* =Suffix Extra Space >> Global
--------------------------------------------------------------------------------*/
.container_12 .suffix_3, .container_16 .suffix_4 {
  padding-right: 25%;
}

.container_12 .suffix_6, .container_16 .suffix_8 {
  padding-right: 50%;
}

.container_12 .suffix_9, .container_16 .suffix_12 {
  padding-right: 75%;
}

/* =Suffix Extra Space >> 12 Columns
--------------------------------------------------------------------------------*/
.container_12 .suffix_1 {
  padding-right: 8.333%;
}

.container_12 .suffix_2 {
  padding-right: 16.666%;
}

.container_12 .suffix_4 {
  padding-right: 33.333%;
}

.container_12 .suffix_5 {
  padding-right: 41.666%;
}

.container_12 .suffix_7 {
  padding-right: 58.333%;
}

.container_12 .suffix_8 {
  padding-right: 66.666%;
}

.container_12 .suffix_10 {
  padding-right: 83.333%;
}

.container_12 .suffix_11 {
  padding-right: 91.666%;
}

/* =Suffix Extra Space >> 16 Columns
--------------------------------------------------------------------------------*/
.container_16 .suffix_1 {
  padding-right: 6.25%;
}

.container_16 .suffix_2 {
  padding-right: 16.5%;
}

.container_16 .suffix_3 {
  padding-right: 18.75%;
}

.container_16 .suffix_5 {
  padding-right: 31.25%;
}

.container_16 .suffix_6 {
  padding-right: 37.5%;
}

.container_16 .suffix_7 {
  padding-right: 43.75%;
}

.container_16 .suffix_9 {
  padding-right: 56.25%;
}

.container_16 .suffix_10 {
  padding-right: 62.5%;
}

.container_16 .suffix_11 {
  padding-right: 68.75%;
}

.container_16 .suffix_13 {
  padding-right: 81.25%;
}

.container_16 .suffix_14 {
  padding-right: 87.5%;
}

.container_16 .suffix_15 {
  padding-right: 93.75%;
}

/* =Clear Floated Elements
--------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
html body * span.clear, html body * div.clear, html body * li.clear, html body * dd.clear {
  background: none;
  border: 0;
  clear: both;
  display: block;
  float: none;
  font-size: 0;
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* http://www.positioniseverything.net/easyclearing.html */
.clearfix, .netd-perm-criteria-box, .supervisor-assessment-container, .catalog-browser-container .catalog-folder-container {
  display: inline-block;
}

.clearfix:after, .netd-perm-criteria-box:after, .supervisor-assessment-container:after, .catalog-browser-container .catalog-folder-container:after {
  clear: both;
  content: '.';
  display: block;
  visibility: hidden;
  height: 0;
}

* html .clearfix, * html .netd-perm-criteria-box, * html .supervisor-assessment-container, * html .catalog-browser-container .catalog-folder-container, .catalog-browser-container * html .catalog-folder-container {
  height: 1%;
}

.clearfix, .netd-perm-criteria-box, .supervisor-assessment-container, .catalog-browser-container .catalog-folder-container {
  display: block;
}

/***************************************************************************
 * Generic Text Alignment
 ***************************************************************************/
.text-right {
  text-align: right;
}

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

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

.text-strike {
  text-decoration: line-through;
}

.text-middle {
  vertical-align: middle;
}

.vertical-middle {
  vertical-align: middle;
}

/***************************************************************************
 * Word Break
 ***************************************************************************/
.word-break-all {
  word-break: break-all;
}

/***************************************************************************
 * Generic Text VAlignment
 ***************************************************************************/
.vtext-center {
  line-height: 200%;
}

/***************************************************************************
 * Generic Position
 ***************************************************************************/
.float-right {
  float: right;
}

.float-left {
  float: left;
}

.ie7-float-left {
  *float: left;
}

.relative-position {
  position: relative;
}

.absolute-position {
  position: absolute;
}

.fixed-position {
  position: fixed;
}

.clear-both {
  clear: both;
}

.clearfix, .netd-perm-criteria-box, .supervisor-assessment-container, .catalog-browser-container .catalog-folder-container {
  *zoom: 1;
}

.clearfix:before, .netd-perm-criteria-box:before, .supervisor-assessment-container:before, .catalog-browser-container .catalog-folder-container:before, .clearfix:after, .netd-perm-criteria-box:after, .supervisor-assessment-container:after, .catalog-browser-container .catalog-folder-container:after {
  content: " ";
  display: table;
}

.clearfix:after, .netd-perm-criteria-box:after, .supervisor-assessment-container:after, .catalog-browser-container .catalog-folder-container:after {
  clear: both;
}

html[xmlns] .clearfix, html[xmlns] .netd-perm-criteria-box, html[xmlns] .supervisor-assessment-container, html[xmlns] .catalog-browser-container .catalog-folder-container, .catalog-browser-container html[xmlns] .catalog-folder-container {
  display: block;
}

* html .clearfix, * html .netd-perm-criteria-box, * html .supervisor-assessment-container, * html .catalog-browser-container .catalog-folder-container, .catalog-browser-container * html .catalog-folder-container {
  height: 1%;
}

/***************************************************************************
 * Generic Width & Height
 ***************************************************************************/
.full-width, .user-search {
  clear: both;
  width: 100%;
}

/*Give margin to views such as "Catalog Editor > Auto-enroll" that is without "mainframe" class*/
body > table.full-width, body > table.user-search {
  width: 98%;
  margin: 0 1%;
}

.width-95 {
  width: 95%;
}

.width-90 {
  width: 90%;
}

.width-85 {
  width: 85%;
}

.width-75 {
  width: 75%;
}

.width-60 {
  width: 60%;
}

.width-40, #checklist-table tr .task-title, #checklist-table tr .module-title {
  width: 40%;
}

.width-35 {
  width: 35%;
}

.width-30 {
  width: 30%;
}

.width-25, .frameless #checklist-table tr .task-title, .frameless #checklist-table tr .module-title {
  width: 25%;
}

.width-20, .frameless #checklist-table tr .session-title {
  width: 20%;
}

.width-15 {
  width: 15%;
}

.width-10 {
  width: 10%;
}

.width-8 {
  width: 8%;
}

.full-height {
  height: 100%;
}

.width-100px {
  width: 100px;
}

/***************************************************************************
 * Generic Padding
 ***************************************************************************/
.no-padding {
  padding: 0px;
}

.padding-top-5 {
  padding-top: 5px;
}

.padding-top-10 {
  padding-top: 10px;
}

.padding-top-20 {
  padding-top: 20px;
}

.padding-top-30 {
  padding-top: 30px;
}

.padding-bottom-5 {
  padding-bottom: 5px;
}

.padding-bottom-10 {
  padding-bottom: 10px;
}

.padding-bottom-20 {
  padding-bottom: 20px;
}

.padding-bottom-30 {
  padding-bottom: 30px;
}

.padding-left-5 {
  padding-left: 5px;
}

.padding-left-10 {
  padding-left: 10px;
}

.padding-left-25 {
  padding-left: 25px;
}

.padding-left-30 {
  padding-left: 30px;
}

.padding-right-5 {
  padding-right: 5px;
}

.padding-right-10 {
  padding-right: 10px;
}

.padding-right-50 {
  padding-right: 50px;
}

/************************************
 * margin
 *************************************/
.no-margin {
  margin: 0;
}

.margin-top-10 {
  margin-top: 10px;
}

.margin-top-20 {
  margin-top: 20px;
}

.margin-top-30 {
  margin-top: 30px;
}

.margin-top-40 {
  margin-top: 40px;
}

.margin-bottom-5 {
  margin-bottom: 5px;
}

.margin-bottom-10 {
  margin-bottom: 10px;
}

.ie7-margin-bottom-35 {
  *margin-bottom: 35px;
}

.margin-right-5, #checklist-table tr .task-title .netd-icon, #checklist-table tr .module-title .netd-icon {
  margin-right: 5px;
}

.margin-right-10 {
  margin-right: 10px;
}

.margin-left-5 {
  margin-left: 5px;
}

.margin-left-10 {
  margin-left: 10px;
}

.margin-left-30 {
  margin-left: 30px;
}

/************************************
 * display
 *************************************/
.display-none, .universal-result-container br,
.show-via-js,
.sort-via-js span,
.invisible {
  display: none;
}

.display-block {
  display: block;
}

.display-inline-block {
  display: inline-block;
  *display: inline;
}

/********************************
 * check box column
 *********************************/
.select_column-30 {
  width: 30px;
  text-align: center;
}

.sort-via-js {
  cursor: default;
}

.cursor-pointer {
  cursor: pointer;
}

.cursor-move {
  cursor: move;
}

.visible-block {
  visibility: visible;
  display: block;
}

.visibility-visible {
  visibility: visible;
}

.visibility-hidden {
  visibility: hidden;
}

.click-to-edit {
  font-style: italic;
}

/**************************
* Form element size *
**************************/
.x-small {
  max-width: none !important;
  width: 70px !important;
}

.small {
  max-width: none !important;
  width: 120px !important;
}

.medium {
  max-width: none !important;
  width: 206px !important;
}

.large {
  max-width: none !important;
  width: 320px !important;
}

.x-large {
  max-width: none !important;
  width: 500px !important;
}

/**************************
* overflow
***************************/
.overflow-hidden {
  overflow: hidden;
}

.overflow-x-hidden {
  overflow-x: hidden;
}

.result-perpage-margin {
  *margin-top: -20px;
}

.z-index-3000 {
  z-index: 3000;
}

.z-index-100 {
  z-index: 100;
}

.screen-reader-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  border: 0;
  display: inline-block;
  overflow: hidden;
}

/*!
 *  Font Awesome 3.2.1
 *  the iconic font designed for Bootstrap
 *  ------------------------------------------------------------------------------
 *  The full suite of pictographic icons, examples, and documentation can be
 *  found at http://fontawesome.io.  Stay up to date on Twitter at
 *  http://twitter.com/fontawesome.
 *
 *  License
 *  ------------------------------------------------------------------------------
 *  - The Font Awesome font is licensed under SIL OFL 1.1 -
 *    http://scripts.sil.org/OFL
 *  - Font Awesome CSS, LESS, and SASS files are licensed under MIT License -
 *    http://opensource.org/licenses/mit-license.html
 *  - Font Awesome documentation licensed under CC BY 3.0 -
 *    http://creativecommons.org/licenses/by/3.0/
 *  - Attribution is no longer required in Font Awesome 3.0, but much appreciated:
 *    "Font Awesome by Dave Gandy - http://fontawesome.io"
 *
 *  Author - Dave Gandy
 *  ------------------------------------------------------------------------------
 *  Email: dave@fontawesome.io
 *  Twitter: http://twitter.com/byscuits
 *  Work: Lead Product Designer @ Kyruus - http://kyruus.com
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: "FontAwesome";
  src: url("font/fontawesome-webfont.eot?v=3.2.1");
  src: url("font/fontawesome-webfont.eot?#iefix&v=3.2.1") format("embedded-opentype"), url("font/fontawesome-webfont.woff?v=3.2.1") format("woff"), url("font/fontawesome-webfont.ttf?v=3.2.1") format("truetype"), url("font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1") format("svg");
  font-weight: normal;
  font-style: normal;
}

/* FONT AWESOME CORE
 * -------------------------- */
[class^="icon-"], [class*=" icon-"] {
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  *margin-right: .3em;
}

[class^="icon-"]:before, [class*=" icon-"]:before {
  text-decoration: inherit;
  display: inline-block;
  speak: none;
}

/* makes the font 33% larger relative to the icon container */
.icon-large:before {
  vertical-align: -10%;
  font-size: 1.0832580832583333em;
}

/* makes sure icons active on rollover in links */
a [class^="icon-"], a [class*=" icon-"] {
  display: inline;
}

/* increased font size for icon-large */
[class^="icon-"].icon-fixed-width, [class*=" icon-"].icon-fixed-width {
  display: inline-block;
  width: 1.1428571428571428em;
  text-align: right;
  padding-right: 0.2857142857142857em;
}

[class^="icon-"].icon-fixed-width.icon-large, [class*=" icon-"].icon-fixed-width.icon-large {
  width: 1.4285714285714286em;
}

.icons-ul {
  margin-left: 2.142857142857143em;
  list-style-type: none;
}

.icons-ul > li {
  position: relative;
}

.icons-ul .icon-li {
  position: absolute;
  left: -2.142857142857143em;
  width: 2.142857142857143em;
  text-align: center;
  line-height: inherit;
}

[class^="icon-"].hide, [class*=" icon-"].hide {
  display: none;
}

.icon-muted {
  color: #eeeeee;
}

.icon-light {
  color: #ffffff;
}

.icon-dark {
  color: var(--textcolor);
}

.icon-border {
  border: solid 1px #eeeeee;
  padding: .2em .25em .15em;
  border-radius: 3px;
}

.icon-2x {
  font-size: 2em;
}

.icon-2x.icon-border {
  border-width: 2px;
  border-radius: var(--borderradius);
}

.icon-3x {
  font-size: 3em;
}

.icon-3x.icon-border {
  border-width: 3px;
  border-radius: 5px;
}

.icon-4x {
  font-size: 4em;
}

.icon-4x.icon-border {
  border-width: 4px;
  border-radius: 6px;
}

.icon-5x {
  font-size: 5em;
}

.icon-5x.icon-border {
  border-width: 5px;
  border-radius: 7px;
}

.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

[class^="icon-"].pull-left, [class*=" icon-"].pull-left {
  margin-right: .3em;
}

[class^="icon-"].pull-right, [class*=" icon-"].pull-right {
  margin-left: .3em;
}

/* BOOTSTRAP SPECIFIC CLASSES
 * -------------------------- */
/* Bootstrap 2.0 sprites.less reset */
[class^="icon-"], [class*=" icon-"] {
  display: inline;
  width: auto;
  height: auto;
  line-height: normal;
  vertical-align: baseline;
  background-image: none;
  background-position: 0% 0%;
  background-repeat: repeat;
  margin-top: 0;
}

/* more sprites.less reset */
.icon-white {
  background-image: none;
}

.nav-pills > .active > a > [class^="icon-"], .nav-pills > .active > a > [class*=" icon-"] {
  background-image: none;
}

.nav-list > .active > a > [class^="icon-"], .nav-list > .active > a > [class*=" icon-"] {
  background-image: none;
}

.navbar-inverse .nav > .active > a > [class^="icon-"], .navbar-inverse .nav > .active > a > [class*=" icon-"] {
  background-image: none;
}

.dropdown-menu > li > a:hover > [class^="icon-"], .dropdown-menu > li > a:hover > [class*=" icon-"] {
  background-image: none;
}

.dropdown-menu > .active > a > [class^="icon-"], .dropdown-menu > .active > a > [class*=" icon-"] {
  background-image: none;
}

.dropdown-submenu:hover > a > [class^="icon-"], .dropdown-submenu:hover > a > [class*=" icon-"] {
  background-image: none;
}

/* keeps Bootstrap styles with and without icons the same */
.btn [class^="icon-"].icon-large, .nav [class^="icon-"].icon-large, .btn [class*=" icon-"].icon-large, .nav [class*=" icon-"].icon-large {
  line-height: .9em;
}

.btn [class^="icon-"].icon-spin, .nav [class^="icon-"].icon-spin, .btn [class*=" icon-"].icon-spin, .nav [class*=" icon-"].icon-spin {
  display: inline-block;
}

.nav-tabs [class^="icon-"], .nav-pills [class^="icon-"], .nav-tabs [class*=" icon-"], .nav-pills [class*=" icon-"], .nav-tabs [class^="icon-"].icon-large, .nav-pills [class^="icon-"].icon-large, .nav-tabs [class*=" icon-"].icon-large, .nav-pills [class*=" icon-"].icon-large {
  line-height: .9em;
}

.btn [class^="icon-"].pull-left.icon-2x, .btn [class*=" icon-"].pull-left.icon-2x, .btn [class^="icon-"].pull-right.icon-2x, .btn [class*=" icon-"].pull-right.icon-2x {
  margin-top: .18em;
}

.btn [class^="icon-"].icon-spin.icon-large, .btn [class*=" icon-"].icon-spin.icon-large {
  line-height: .8em;
}

.btn.btn-small [class^="icon-"].pull-left.icon-2x, .btn.btn-small [class*=" icon-"].pull-left.icon-2x, .btn.btn-small [class^="icon-"].pull-right.icon-2x, .btn.btn-small [class*=" icon-"].pull-right.icon-2x {
  margin-top: .25em;
}

.btn.btn-large [class^="icon-"], .btn.btn-large [class*=" icon-"] {
  margin-top: 0;
}

.btn.btn-large [class^="icon-"].pull-left.icon-2x, .btn.btn-large [class*=" icon-"].pull-left.icon-2x, .btn.btn-large [class^="icon-"].pull-right.icon-2x, .btn.btn-large [class*=" icon-"].pull-right.icon-2x {
  margin-top: .05em;
}

.btn.btn-large [class^="icon-"].pull-left.icon-2x, .btn.btn-large [class*=" icon-"].pull-left.icon-2x {
  margin-right: .2em;
}

.btn.btn-large [class^="icon-"].pull-right.icon-2x, .btn.btn-large [class*=" icon-"].pull-right.icon-2x {
  margin-left: .2em;
}

/* Fixes alignment in nav lists */
.nav-list [class^="icon-"], .nav-list [class*=" icon-"] {
  line-height: inherit;
}

/* EXTRAS
 * -------------------------- */
/* Stacked and layered icon */
.icon-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: -35%;
}

.icon-stack [class^="icon-"], .icon-stack [class*=" icon-"] {
  display: block;
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  font-size: 1em;
  line-height: inherit;
  *line-height: 2em;
}

.icon-stack .icon-stack-base {
  font-size: 2em;
  *line-height: 1em;
}

/* Animated rotating icon */
.icon-spin {
  display: inline-block;
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
}

/* Prevent stack and spinners from being taken inline when inside a link */
a .icon-stack, a .icon-spin {
  display: inline-block;
  text-decoration: none;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
  }
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}

/* Icon rotations and mirroring */
.icon-rotate-90:before {
  transform: rotate(90deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}

.icon-rotate-180:before {
  transform: rotate(180deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.icon-rotate-270:before {
  transform: rotate(270deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.icon-flip-horizontal:before {
  transform: scale(-1, 1);
}

.icon-flip-vertical:before {
  transform: scale(1, -1);
}

/* ensure rotation occurs inside anchor tags */
a .icon-rotate-90:before, a .icon-rotate-180:before, a .icon-rotate-270:before, a .icon-flip-horizontal:before, a .icon-flip-vertical:before {
  display: inline-block;
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.icon-glass:before {
  content: "\f000";
}

.icon-music:before {
  content: "\f001";
}

.icon-search:before {
  content: "\f002";
}

.icon-envelope-alt:before {
  content: "\f003";
}

.icon-heart:before {
  content: "\f004";
}

.icon-star:before {
  content: "\f005";
}

.icon-star-empty:before {
  content: "\f006";
}

.icon-user:before {
  content: "\f007";
}

.icon-film:before {
  content: "\f008";
}

.icon-th-large:before {
  content: "\f009";
}

.icon-th:before {
  content: "\f00a";
}

.icon-th-list:before {
  content: "\f00b";
}

.icon-ok:before {
  content: "\f00c";
}

.icon-remove:before {
  content: "\f00d";
}

.icon-zoom-in:before {
  content: "\f00e";
}

.icon-zoom-out:before {
  content: "\f010";
}

.icon-power-off:before, .icon-off:before {
  content: "\f011";
}

.icon-signal:before {
  content: "\f012";
}

.icon-gear:before, .icon-cog:before {
  content: "\f013";
}

.icon-trash:before {
  content: "\f014";
}

.icon-home:before {
  content: "\f015";
}

.icon-file-alt:before {
  content: "\f016";
}

.icon-time:before {
  content: "\f017";
}

.icon-road:before {
  content: "\f018";
}

.icon-download-alt:before {
  content: "\f019";
}

.icon-download:before {
  content: "\f01a";
}

.icon-upload:before {
  content: "\f01b";
}

.icon-inbox:before {
  content: "\f01c";
}

.icon-play-circle:before {
  content: "\f01d";
}

.icon-rotate-right:before, .icon-repeat:before {
  content: "\f01e";
}

.icon-refresh:before {
  content: "\f021";
}

.icon-list-alt:before {
  content: "\f022";
}

.icon-lock:before {
  content: "\f023";
}

.icon-flag:before {
  content: "\f024";
}

.icon-headphones:before {
  content: "\f025";
}

.icon-volume-off:before {
  content: "\f026";
}

.icon-volume-down:before {
  content: "\f027";
}

.icon-volume-up:before {
  content: "\f028";
}

.icon-qrcode:before {
  content: "\f029";
}

.icon-barcode:before {
  content: "\f02a";
}

.icon-tag:before {
  content: "\f02b";
}

.icon-tags:before {
  content: "\f02c";
}

.icon-book:before {
  content: "\f02d";
}

.icon-bookmark:before {
  content: "\f02e";
}

.icon-print:before {
  content: "\f02f";
}

.icon-camera:before {
  content: "\f030";
}

.icon-font:before {
  content: "\f031";
}

.icon-bold:before {
  content: "\f032";
}

.icon-italic:before {
  content: "\f033";
}

.icon-text-height:before {
  content: "\f034";
}

.icon-text-width:before {
  content: "\f035";
}

.icon-align-left:before {
  content: "\f036";
}

.icon-align-center:before {
  content: "\f037";
}

.icon-align-right:before {
  content: "\f038";
}

.icon-align-justify:before {
  content: "\f039";
}

.icon-list:before {
  content: "\f03a";
}

.icon-indent-left:before {
  content: "\f03b";
}

.icon-indent-right:before {
  content: "\f03c";
}

.icon-facetime-video:before {
  content: "\f03d";
}

.icon-picture:before {
  content: "\f03e";
}

.icon-pencil:before {
  content: "\f040";
}

.icon-map-marker:before {
  content: "\f041";
}

.icon-adjust:before {
  content: "\f042";
}

.icon-tint:before {
  content: "\f043";
}

.icon-edit:before {
  content: "\f044";
}

.icon-share:before {
  content: "\f045";
}

.icon-check:before {
  content: "\f046";
}

.icon-move:before {
  content: "\f047";
}

.icon-step-backward:before {
  content: "\f048";
}

.icon-fast-backward:before {
  content: "\f049";
}

.icon-backward:before {
  content: "\f04a";
}

.icon-play:before {
  content: "\f04b";
}

.icon-pause:before {
  content: "\f04c";
}

.icon-stop:before {
  content: "\f04d";
}

.icon-forward:before {
  content: "\f04e";
}

.icon-fast-forward:before {
  content: "\f050";
}

.icon-step-forward:before {
  content: "\f051";
}

.icon-eject:before {
  content: "\f052";
}

.icon-chevron-left:before {
  content: "\f053";
}

.icon-chevron-right:before {
  content: "\f054";
}

.icon-plus-sign:before {
  content: "\f055";
}

.icon-minus-sign:before {
  content: "\f056";
}

.icon-remove-sign:before {
  content: "\f057";
}

.icon-ok-sign:before {
  content: "\f058";
}

.icon-question-sign:before {
  content: "\f059";
}

.icon-info-sign:before {
  content: "\f05a";
}

.icon-screenshot:before {
  content: "\f05b";
}

.icon-remove-circle:before {
  content: "\f05c";
}

.icon-ok-circle:before {
  content: "\f05d";
}

.icon-ban-circle:before {
  content: "\f05e";
}

.icon-arrow-left:before {
  content: "\f060";
}

.icon-arrow-right:before {
  content: "\f061";
}

.icon-arrow-up:before {
  content: "\f062";
}

.icon-arrow-down:before {
  content: "\f063";
}

.icon-mail-forward:before, .icon-share-alt:before {
  content: "\f064";
}

.icon-resize-full:before {
  content: "\f065";
}

.icon-resize-small:before {
  content: "\f066";
}

.icon-plus:before {
  content: "\f067";
}

.icon-minus:before {
  content: "\f068";
}

.icon-asterisk:before {
  content: "\f069";
}

.icon-exclamation-sign:before {
  content: "\f06a";
}

.icon-gift:before {
  content: "\f06b";
}

.icon-leaf:before {
  content: "\f06c";
}

.icon-fire:before {
  content: "\f06d";
}

.icon-eye-open:before {
  content: "\f06e";
}

.icon-eye-close:before {
  content: "\f070";
}

.icon-warning-sign:before {
  content: "\f071";
}

.icon-plane:before {
  content: "\f072";
}

.icon-calendar:before {
  content: "\f073";
}

.icon-random:before {
  content: "\f074";
}

.icon-comment:before {
  content: "\f075";
}

.icon-magnet:before {
  content: "\f076";
}

.icon-chevron-up:before {
  content: "\f077";
}

.icon-chevron-down:before {
  content: "\f078";
}

.icon-retweet:before {
  content: "\f079";
}

.icon-shopping-cart:before {
  content: "\f07a";
}

.icon-folder-close:before {
  content: "\f07b";
}

.icon-folder-open:before {
  content: "\f07c";
}

.icon-resize-vertical:before {
  content: "\f07d";
}

.icon-resize-horizontal:before {
  content: "\f07e";
}

.icon-bar-chart:before {
  content: "\f080";
}

.icon-twitter-sign:before {
  content: "\f081";
}

.icon-facebook-sign:before {
  content: "\f082";
}

.icon-camera-retro:before {
  content: "\f083";
}

.icon-key:before {
  content: "\f084";
}

.icon-gears:before, .icon-cogs:before {
  content: "\f085";
}

.icon-comments:before {
  content: "\f086";
}

.icon-thumbs-up-alt:before {
  content: "\f087";
}

.icon-thumbs-down-alt:before {
  content: "\f088";
}

.icon-star-half:before {
  content: "\f089";
}

.icon-heart-empty:before {
  content: "\f08a";
}

.icon-signout:before {
  content: "\f08b";
}

.icon-linkedin-sign:before {
  content: "\f08c";
}

.icon-pushpin:before {
  content: "\f08d";
}

.icon-external-link:before {
  content: "\f08e";
}

.icon-signin:before {
  content: "\f090";
}

.icon-trophy:before {
  content: "\f091";
}

.icon-github-sign:before {
  content: "\f092";
}

.icon-upload-alt:before {
  content: "\f093";
}

.icon-lemon:before {
  content: "\f094";
}

.icon-phone:before {
  content: "\f095";
}

.icon-unchecked:before, .icon-check-empty:before {
  content: "\f096";
}

.icon-bookmark-empty:before {
  content: "\f097";
}

.icon-phone-sign:before {
  content: "\f098";
}

.icon-twitter:before {
  content: "\f099";
}

.icon-facebook:before {
  content: "\f09a";
}

.icon-github:before {
  content: "\f09b";
}

.icon-unlock:before {
  content: "\f09c";
}

.icon-credit-card:before {
  content: "\f09d";
}

.icon-rss:before {
  content: "\f09e";
}

.icon-hdd:before {
  content: "\f0a0";
}

.icon-bullhorn:before {
  content: "\f0a1";
}

.icon-bell:before {
  content: "\f0a2";
}

.icon-certificate:before {
  content: "\f0a3";
}

.icon-hand-right:before {
  content: "\f0a4";
}

.icon-hand-left:before {
  content: "\f0a5";
}

.icon-hand-up:before {
  content: "\f0a6";
}

.icon-hand-down:before {
  content: "\f0a7";
}

.icon-circle-arrow-left:before {
  content: "\f0a8";
}

.icon-circle-arrow-right:before {
  content: "\f0a9";
}

.icon-circle-arrow-up:before {
  content: "\f0aa";
}

.icon-circle-arrow-down:before {
  content: "\f0ab";
}

.icon-globe:before {
  content: "\f0ac";
}

.icon-wrench:before {
  content: "\f0ad";
}

.icon-tasks:before {
  content: "\f0ae";
}

.icon-filter:before {
  content: "\f0b0";
}

.icon-briefcase:before {
  content: "\f0b1";
}

.icon-fullscreen:before {
  content: "\f0b2";
}

.icon-group:before {
  content: "\f0c0";
}

.icon-link:before {
  content: "\f0c1";
}

.icon-cloud:before {
  content: "\f0c2";
}

.icon-beaker:before {
  content: "\f0c3";
}

.icon-cut:before {
  content: "\f0c4";
}

.icon-copy:before {
  content: "\f0c5";
}

.icon-paperclip:before, .icon-paper-clip:before {
  content: "\f0c6";
}

.icon-save:before {
  content: "\f0c7";
}

.icon-sign-blank:before {
  content: "\f0c8";
}

.icon-reorder:before {
  content: "\f0c9";
}

.icon-list-ul:before {
  content: "\f0ca";
}

.icon-list-ol:before {
  content: "\f0cb";
}

.icon-strikethrough:before {
  content: "\f0cc";
}

.icon-underline:before {
  content: "\f0cd";
}

.icon-table:before {
  content: "\f0ce";
}

.icon-magic:before {
  content: "\f0d0";
}

.icon-truck:before {
  content: "\f0d1";
}

.icon-pinterest:before {
  content: "\f0d2";
}

.icon-pinterest-sign:before {
  content: "\f0d3";
}

.icon-google-plus-sign:before {
  content: "\f0d4";
}

.icon-google-plus:before {
  content: "\f0d5";
}

.icon-money:before {
  content: "\f0d6";
}

.icon-caret-down:before {
  content: "\f0d7";
}

.icon-caret-up:before {
  content: "\f0d8";
}

.icon-caret-left:before {
  content: "\f0d9";
}

.icon-caret-right:before {
  content: "\f0da";
}

.icon-columns:before {
  content: "\f0db";
}

.icon-sort:before {
  content: "\f0dc";
}

.icon-sort-down:before {
  content: "\f0dd";
}

.icon-sort-up:before {
  content: "\f0de";
}

.icon-envelope:before {
  content: "\f0e0";
}

.icon-linkedin:before {
  content: "\f0e1";
}

.icon-rotate-left:before, .icon-undo:before {
  content: "\f0e2";
}

.icon-legal:before {
  content: "\f0e3";
}

.icon-dashboard:before {
  content: "\f0e4";
}

.icon-comment-alt:before {
  content: "\f0e5";
}

.icon-comments-alt:before {
  content: "\f0e6";
}

.icon-bolt:before {
  content: "\f0e7";
}

.icon-sitemap:before {
  content: "\f0e8";
}

.icon-umbrella:before {
  content: "\f0e9";
}

.icon-paste:before {
  content: "\f0ea";
}

.icon-lightbulb:before {
  content: "\f0eb";
}

.icon-exchange:before {
  content: "\f0ec";
}

.icon-cloud-download:before {
  content: "\f0ed";
}

.icon-cloud-upload:before {
  content: "\f0ee";
}

.icon-user-md:before {
  content: "\f0f0";
}

.icon-stethoscope:before {
  content: "\f0f1";
}

.icon-suitcase:before {
  content: "\f0f2";
}

.icon-bell-alt:before {
  content: "\f0f3";
}

.icon-coffee:before {
  content: "\f0f4";
}

.icon-food:before {
  content: "\f0f5";
}

.icon-file-text-alt:before {
  content: "\f0f6";
}

.icon-building:before {
  content: "\f0f7";
}

.icon-hospital:before {
  content: "\f0f8";
}

.icon-ambulance:before {
  content: "\f0f9";
}

.icon-medkit:before {
  content: "\f0fa";
}

.icon-fighter-jet:before {
  content: "\f0fb";
}

.icon-beer:before {
  content: "\f0fc";
}

.icon-h-sign:before {
  content: "\f0fd";
}

.icon-plus-sign-alt:before {
  content: "\f0fe";
}

.icon-double-angle-left:before {
  content: "\f100";
}

.icon-double-angle-right:before {
  content: "\f101";
}

.icon-double-angle-up:before {
  content: "\f102";
}

.icon-double-angle-down:before {
  content: "\f103";
}

.icon-angle-left:before {
  content: "\f104";
}

.icon-angle-right:before {
  content: "\f105";
}

.icon-angle-up:before {
  content: "\f106";
}

.icon-angle-down:before {
  content: "\f107";
}

.icon-desktop:before {
  content: "\f108";
}

.icon-laptop:before {
  content: "\f109";
}

.icon-tablet:before {
  content: "\f10a";
}

.icon-mobile-phone:before {
  content: "\f10b";
}

.icon-circle-blank:before {
  content: "\f10c";
}

.icon-quote-left:before {
  content: "\f10d";
}

.icon-quote-right:before {
  content: "\f10e";
}

.icon-spinner:before {
  content: "\f110";
}

.icon-circle:before {
  content: "\f111";
}

.icon-mail-reply:before, .icon-reply:before {
  content: "\f112";
}

.icon-github-alt:before {
  content: "\f113";
}

.icon-folder-close-alt:before {
  content: "\f114";
}

.icon-folder-open-alt:before {
  content: "\f115";
}

.icon-expand-alt:before {
  content: "\f116";
}

.icon-collapse-alt:before {
  content: "\f117";
}

.icon-smile:before {
  content: "\f118";
}

.icon-frown:before {
  content: "\f119";
}

.icon-meh:before {
  content: "\f11a";
}

.icon-gamepad:before {
  content: "\f11b";
}

.icon-keyboard:before {
  content: "\f11c";
}

.icon-flag-alt:before {
  content: "\f11d";
}

.icon-flag-checkered:before {
  content: "\f11e";
}

.icon-terminal:before {
  content: "\f120";
}

.icon-code:before {
  content: "\f121";
}

.icon-reply-all:before, .icon-mail-reply-all:before {
  content: "\f122";
}

.icon-star-half-full:before, .icon-star-half-empty:before {
  content: "\f123";
}

.icon-location-arrow:before {
  content: "\f124";
}

.icon-crop:before {
  content: "\f125";
}

.icon-code-fork:before {
  content: "\f126";
}

.icon-unlink:before {
  content: "\f127";
}

.icon-question:before {
  content: "\f128";
}

.icon-info:before {
  content: "\f129";
}

.icon-exclamation:before {
  content: "\f12a";
}

.icon-superscript:before {
  content: "\f12b";
}

.icon-subscript:before {
  content: "\f12c";
}

.icon-eraser:before {
  content: "\f12d";
}

.icon-puzzle-piece:before {
  content: "\f12e";
}

.icon-microphone:before {
  content: "\f130";
}

.icon-microphone-off:before {
  content: "\f131";
}

.icon-shield:before {
  content: "\f132";
}

.icon-calendar-empty:before {
  content: "\f133";
}

.icon-fire-extinguisher:before {
  content: "\f134";
}

.icon-rocket:before {
  content: "\f135";
}

.icon-maxcdn:before {
  content: "\f136";
}

.icon-chevron-sign-left:before {
  content: "\f137";
}

.icon-chevron-sign-right:before {
  content: "\f138";
}

.icon-chevron-sign-up:before {
  content: "\f139";
}

.icon-chevron-sign-down:before {
  content: "\f13a";
}

.icon-html5:before {
  content: "\f13b";
}

.icon-css3:before {
  content: "\f13c";
}

.icon-anchor:before {
  content: "\f13d";
}

.icon-unlock-alt:before {
  content: "\f13e";
}

.icon-bullseye:before {
  content: "\f140";
}

.icon-ellipsis-horizontal:before {
  content: "\f141";
}

.icon-ellipsis-vertical:before {
  content: "\f142";
}

.icon-rss-sign:before {
  content: "\f143";
}

.icon-play-sign:before {
  content: "\f144";
}

.icon-ticket:before {
  content: "\f145";
}

.icon-minus-sign-alt:before {
  content: "\f146";
}

.icon-check-minus:before {
  content: "\f147";
}

.icon-level-up:before {
  content: "\f148";
}

.icon-level-down:before {
  content: "\f149";
}

.icon-check-sign:before {
  content: "\f14a";
}

.icon-edit-sign:before {
  content: "\f14b";
}

.icon-external-link-sign:before {
  content: "\f14c";
}

.icon-share-sign:before {
  content: "\f14d";
}

.icon-compass:before {
  content: "\f14e";
}

.icon-collapse:before {
  content: "\f150";
}

.icon-collapse-top:before {
  content: "\f151";
}

.icon-expand:before {
  content: "\f152";
}

.icon-euro:before, .icon-eur:before {
  content: "\f153";
}

.icon-gbp:before {
  content: "\f154";
}

.icon-dollar:before, .icon-usd:before {
  content: "\f155";
}

.icon-rupee:before, .icon-inr:before {
  content: "\f156";
}

.icon-yen:before, .icon-jpy:before {
  content: "\f157";
}

.icon-renminbi:before, .icon-cny:before {
  content: "\f158";
}

.icon-won:before, .icon-krw:before {
  content: "\f159";
}

.icon-bitcoin:before, .icon-btc:before {
  content: "\f15a";
}

.icon-file:before {
  content: "\f15b";
}

.icon-file-text:before {
  content: "\f15c";
}

.icon-sort-by-alphabet:before {
  content: "\f15d";
}

.icon-sort-by-alphabet-alt:before {
  content: "\f15e";
}

.icon-sort-by-attributes:before {
  content: "\f160";
}

.icon-sort-by-attributes-alt:before {
  content: "\f161";
}

.icon-sort-by-order:before {
  content: "\f162";
}

.icon-sort-by-order-alt:before {
  content: "\f163";
}

.icon-thumbs-up:before {
  content: "\f164";
}

.icon-thumbs-down:before {
  content: "\f165";
}

.icon-youtube-sign:before {
  content: "\f166";
}

.icon-youtube:before {
  content: "\f167";
}

.icon-xing:before {
  content: "\f168";
}

.icon-xing-sign:before {
  content: "\f169";
}

.icon-youtube-play:before {
  content: "\f16a";
}

.icon-dropbox:before {
  content: "\f16b";
}

.icon-stackexchange:before {
  content: "\f16c";
}

.icon-instagram:before {
  content: "\f16d";
}

.icon-flickr:before {
  content: "\f16e";
}

.icon-adn:before {
  content: "\f170";
}

.icon-bitbucket:before {
  content: "\f171";
}

.icon-bitbucket-sign:before {
  content: "\f172";
}

.icon-tumblr:before {
  content: "\f173";
}

.icon-tumblr-sign:before {
  content: "\f174";
}

.icon-long-arrow-down:before {
  content: "\f175";
}

.icon-long-arrow-up:before {
  content: "\f176";
}

.icon-long-arrow-left:before {
  content: "\f177";
}

.icon-long-arrow-right:before {
  content: "\f178";
}

.icon-apple:before {
  content: "\f179";
}

.icon-windows:before {
  content: "\f17a";
}

.icon-android:before {
  content: "\f17b";
}

.icon-linux:before {
  content: "\f17c";
}

.icon-dribbble:before {
  content: "\f17d";
}

.icon-skype:before {
  content: "\f17e";
}

.icon-foursquare:before {
  content: "\f180";
}

.icon-trello:before {
  content: "\f181";
}

.icon-female:before {
  content: "\f182";
}

.icon-male:before {
  content: "\f183";
}

.icon-gittip:before {
  content: "\f184";
}

.icon-sun:before {
  content: "\f185";
}

.icon-moon:before {
  content: "\f186";
}

.icon-archive:before {
  content: "\f187";
}

.icon-bug:before {
  content: "\f188";
}

.icon-vk:before {
  content: "\f189";
}

.icon-weibo:before {
  content: "\f18a";
}

.icon-renren:before {
  content: "\f18b";
}

.jMessage span.ui-button-text {
  padding: 0;
}

html,
body {
  margin: 0;
  padding: 0;
  line-height: 24px;
  font-size: var(--font-size);
  font-family: var(--font);
  color: var(--textcolor);
  -webkit-font-smoothing: antialiased;
}

html.frameless,
body.frameless {
  position: relative;
  background: var(--lightgrey);
}

html.frameless #main-document-div,
body.frameless #main-document-div {
  width: 100%;
}

html.frameless #main-document-div #main-content,
body.frameless #main-document-div #main-content {
  width: 100%;
  display: inline-block;
}

p,
td {
  line-height: 1.25;
  font-size: 1em;
}

p {
  margin-bottom: 1.2rem;
}

h1,
h2,
.message-view-messagekey,
.attempt-title {
  font-family: var(--fontheaders);
  font-weight: 600;
  line-height: 32px;
  color: var(--headers);
  text-align: left;
  text-transform: initial;
  text-shadow: none;
  letter-spacing: 0;
  word-wrap: break-word;
}

h1,
h2 {
  font-size: 24px;
  margin: 12px 0;
  /* Need to keep this centered to avoid disturbing older skins */
}

.message-view-messagekey {
  font-size: 1.231em;
  margin: 1em 0;
}

h3,
h4,
h5,
h6 {
  font-family: var(--fontheaders);
  font-weight: 600;
  line-height: -0.2;
  color: var(--headers);
  text-align: left;
  text-transform: none;
  text-shadow: none;
  letter-spacing: 0;
}

h3 {
  text-transform: uppercase;
}

body.mainframe h1,
body.mainframe h2 {
  margin: 16px 0 0 0;
}

body.mainframe h3 {
  margin: 8px 0;
}

h4,
.editorheader {
  font-size: 1.077em;
  margin: 0.2em 0 0.5em 0;
}

h4.type-title,
.editorheader.type-title {
  clear: both;
  margin: 0.5em 0;
}

h4.type-title span,
.editorheader.type-title span {
  color: #999999;
  float: right;
  font-weight: normal;
  font-size: 0.9em;
  margin: 0.5em 0;
}

h4 {
  margin: 4px 0;
}

h5,
h6 {
  font-size: 1em;
  margin: 8px 0;
}

strong {
  font-weight: bold;
}

a {
  color: var(--link);
  font-size: 1em;
  cursor: pointer;
  outline: none;
}

a:hover {
  text-decoration: none;
  color: var(--linkhover);
}

a:active, a:visited {
  color: var(--linkhover);
  text-decoration: none;
  font-size: 1em;
  cursor: pointer;
  outline: none;
}

a:visited:hover {
  color: var(--linkhover);
}

a:focus {
  outline: none;
}

a.disabled:hover {
  cursor: default;
}

a.disabled img:hover {
  opacity: 1;
}

a big {
  /* manager menu link */
  font-size: 1.154em;
}

a big b {
  font-weight: bold;
  font-family: var(--font);
}

.tab_color,
.treeframe td.tab_color {
  vertical-align: text-bottom !important;
  background: var(--lightgrey) !important;
  color: var(--textcolor) !important;
  width: 100%;
  height: 32px;
  line-height: 32px;
  border-bottom: 1px solid #fff;
}

@-moz-document url-prefix() {
  .tab_color,
  .treeframe td.tab_color {
    height: 16px;
    line-height: 0;
  }
}

.tab_color .tab_name,
.treeframe td.tab_color .tab_name {
  left: 16px;
  position: absolute;
  width: 90%;
  font-size: 14px;
}

.tab_color .tab_name a,
.treeframe td.tab_color .tab_name a {
  width: 100%;
  display: block;
}

.tab_color img,
.treeframe td.tab_color img {
  display: none;
}

.treeframe td {
  background: transparent !important;
}

/*list*/
ol,
ul {
  list-style: none;
  padding: 0;
  margin-bottom: 12px;
}

ol.show-list-indicator, .html-widget ol,
.internal-mail-content ol,
.catalog-description ol,
.with-catalog-text ol,
.session-content-title ol,
.module-description ol,
.exam-landing-page .description ol,
.appraisal-section-description ol,
#forum-container .textdata ol,
.moduleAttributes ol,
.ekptext ol,
.module-info-misc ol,
.catalog-attribute ol,
.article ol,
.exam-landing-page ol,
ul.show-list-indicator,
.html-widget ul,
.html-widget ul.show-list-indicator,
.internal-mail-content ul,
.internal-mail-content ul.show-list-indicator,
.catalog-description ul,
.catalog-description ul.show-list-indicator,
.with-catalog-text ul,
.with-catalog-text ul.show-list-indicator,
.session-content-title ul,
.session-content-title ul.show-list-indicator,
.module-description ul,
.module-description ul.show-list-indicator,
.exam-landing-page .description ul,
.exam-landing-page .description ul.show-list-indicator,
.appraisal-section-description ul,
.appraisal-section-description ul.show-list-indicator,
#forum-container .textdata ul,
#forum-container .textdata ul.show-list-indicator,
.moduleAttributes ul,
.moduleAttributes ul.show-list-indicator,
.ekptext ul,
.ekptext ul.show-list-indicator,
.module-info-misc ul,
.module-info-misc ul.show-list-indicator,
.catalog-attribute ul,
.catalog-attribute ul.show-list-indicator,
.launch-history-row ul,
.launch-history-row ul.show-list-indicator,
.article ul,
.article ul.show-list-indicator,
.exam-landing-page ul,
.exam-landing-page ul.show-list-indicator {
  list-style: disc;
  padding: 0;
  margin: 0 0 0 20px;
}

ol.question-pool-reminder-list,
ul.question-pool-reminder-list {
  max-height: 400px;
  overflow: auto;
  margin-left: 20px;
  padding-left: 0;
}

ol.show-list-indicator, .html-widget ol,
.internal-mail-content ol,
.catalog-description ol,
.with-catalog-text ol,
.session-content-title ol,
.module-description ol,
.exam-landing-page .description ol,
.appraisal-section-description ol,
#forum-container .textdata ol,
.moduleAttributes ol,
.ekptext ol,
.module-info-misc ol,
.catalog-attribute ol,
.article ol,
.exam-landing-page ol {
  list-style: decimal;
}

.html-widget ol,
.internal-mail-content ol,
.catalog-description ol,
.with-catalog-text ol,
.session-content-title ol,
.module-description ol,
.exam-landing-page .description ol,
.appraisal-section-description ol,
#forum-container .textdata ol,
.moduleAttributes ol,
.ekptext ol,
.module-info-misc ol,
.catalog-attribute ol,
.article ol,
.exam-landing-page ol {
  list-style: decimal;
}

.netd-table td ul.show-list-indicator, .netd-table td .html-widget ul, .html-widget .netd-table td ul,
.netd-table td .internal-mail-content ul, .internal-mail-content .netd-table td ul,
.netd-table td .catalog-description ul, .catalog-description .netd-table td ul,
.netd-table td .with-catalog-text ul, .with-catalog-text .netd-table td ul,
.netd-table td .session-content-title ul, .session-content-title .netd-table td ul,
.netd-table td .module-description ul, .module-description .netd-table td ul,
.netd-table td .appraisal-section-description ul, .appraisal-section-description .netd-table td ul,
.netd-table td #forum-container .textdata ul, #forum-container .textdata .netd-table td ul,
.netd-table td .moduleAttributes ul, .moduleAttributes .netd-table td ul,
.netd-table td .ekptext ul, .ekptext .netd-table td ul,
.netd-table td .module-info-misc ul, .module-info-misc .netd-table td ul,
.netd-table td .catalog-attribute ul, .catalog-attribute .netd-table td ul,
.netd-table td .launch-history-row ul, .launch-history-row .netd-table td ul,
.netd-table td .article ul, .article .netd-table td ul,
.netd-table td .exam-landing-page ul, .exam-landing-page .netd-table td ul {
  max-height: 200px;
  overflow: auto;
  list-style-position: inside;
  margin: 0 0 0 8px;
}

.netd-table td ul.show-list-indicator::-webkit-scrollbar, .netd-table td .html-widget ul::-webkit-scrollbar, .html-widget .netd-table td ul::-webkit-scrollbar,
.netd-table td .internal-mail-content ul::-webkit-scrollbar, .internal-mail-content .netd-table td ul::-webkit-scrollbar,
.netd-table td .catalog-description ul::-webkit-scrollbar, .catalog-description .netd-table td ul::-webkit-scrollbar,
.netd-table td .with-catalog-text ul::-webkit-scrollbar, .with-catalog-text .netd-table td ul::-webkit-scrollbar,
.netd-table td .session-content-title ul::-webkit-scrollbar, .session-content-title .netd-table td ul::-webkit-scrollbar,
.netd-table td .module-description ul::-webkit-scrollbar, .module-description .netd-table td ul::-webkit-scrollbar,
.netd-table td .appraisal-section-description ul::-webkit-scrollbar, .appraisal-section-description .netd-table td ul::-webkit-scrollbar,
.netd-table td #forum-container .textdata ul::-webkit-scrollbar, #forum-container .textdata .netd-table td ul::-webkit-scrollbar,
.netd-table td .moduleAttributes ul::-webkit-scrollbar, .moduleAttributes .netd-table td ul::-webkit-scrollbar,
.netd-table td .ekptext ul::-webkit-scrollbar, .ekptext .netd-table td ul::-webkit-scrollbar,
.netd-table td .module-info-misc ul::-webkit-scrollbar, .module-info-misc .netd-table td ul::-webkit-scrollbar,
.netd-table td .catalog-attribute ul::-webkit-scrollbar, .catalog-attribute .netd-table td ul::-webkit-scrollbar,
.netd-table td .launch-history-row ul::-webkit-scrollbar, .launch-history-row .netd-table td ul::-webkit-scrollbar,
.netd-table td .article ul::-webkit-scrollbar, .article .netd-table td ul::-webkit-scrollbar,
.netd-table td .exam-landing-page ul::-webkit-scrollbar, .exam-landing-page .netd-table td ul::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 8px;
  height: 8px;
}

.netd-table td ul.show-list-indicator::-webkit-scrollbar-track, .netd-table td .html-widget ul::-webkit-scrollbar-track, .html-widget .netd-table td ul::-webkit-scrollbar-track,
.netd-table td .internal-mail-content ul::-webkit-scrollbar-track, .internal-mail-content .netd-table td ul::-webkit-scrollbar-track,
.netd-table td .catalog-description ul::-webkit-scrollbar-track, .catalog-description .netd-table td ul::-webkit-scrollbar-track,
.netd-table td .with-catalog-text ul::-webkit-scrollbar-track, .with-catalog-text .netd-table td ul::-webkit-scrollbar-track,
.netd-table td .session-content-title ul::-webkit-scrollbar-track, .session-content-title .netd-table td ul::-webkit-scrollbar-track,
.netd-table td .module-description ul::-webkit-scrollbar-track, .module-description .netd-table td ul::-webkit-scrollbar-track,
.netd-table td .appraisal-section-description ul::-webkit-scrollbar-track, .appraisal-section-description .netd-table td ul::-webkit-scrollbar-track,
.netd-table td #forum-container .textdata ul::-webkit-scrollbar-track, #forum-container .textdata .netd-table td ul::-webkit-scrollbar-track,
.netd-table td .moduleAttributes ul::-webkit-scrollbar-track, .moduleAttributes .netd-table td ul::-webkit-scrollbar-track,
.netd-table td .ekptext ul::-webkit-scrollbar-track, .ekptext .netd-table td ul::-webkit-scrollbar-track,
.netd-table td .module-info-misc ul::-webkit-scrollbar-track, .module-info-misc .netd-table td ul::-webkit-scrollbar-track,
.netd-table td .catalog-attribute ul::-webkit-scrollbar-track, .catalog-attribute .netd-table td ul::-webkit-scrollbar-track,
.netd-table td .launch-history-row ul::-webkit-scrollbar-track, .launch-history-row .netd-table td ul::-webkit-scrollbar-track,
.netd-table td .article ul::-webkit-scrollbar-track, .article .netd-table td ul::-webkit-scrollbar-track,
.netd-table td .exam-landing-page ul::-webkit-scrollbar-track, .exam-landing-page .netd-table td ul::-webkit-scrollbar-track {
  background-color: rgba(57, 57, 57, 0.05);
}

.netd-table td ul.show-list-indicator::-webkit-scrollbar-thumb, .netd-table td .html-widget ul::-webkit-scrollbar-thumb, .html-widget .netd-table td ul::-webkit-scrollbar-thumb,
.netd-table td .internal-mail-content ul::-webkit-scrollbar-thumb, .internal-mail-content .netd-table td ul::-webkit-scrollbar-thumb,
.netd-table td .catalog-description ul::-webkit-scrollbar-thumb, .catalog-description .netd-table td ul::-webkit-scrollbar-thumb,
.netd-table td .with-catalog-text ul::-webkit-scrollbar-thumb, .with-catalog-text .netd-table td ul::-webkit-scrollbar-thumb,
.netd-table td .session-content-title ul::-webkit-scrollbar-thumb, .session-content-title .netd-table td ul::-webkit-scrollbar-thumb,
.netd-table td .module-description ul::-webkit-scrollbar-thumb, .module-description .netd-table td ul::-webkit-scrollbar-thumb,
.netd-table td .appraisal-section-description ul::-webkit-scrollbar-thumb, .appraisal-section-description .netd-table td ul::-webkit-scrollbar-thumb,
.netd-table td #forum-container .textdata ul::-webkit-scrollbar-thumb, #forum-container .textdata .netd-table td ul::-webkit-scrollbar-thumb,
.netd-table td .moduleAttributes ul::-webkit-scrollbar-thumb, .moduleAttributes .netd-table td ul::-webkit-scrollbar-thumb,
.netd-table td .ekptext ul::-webkit-scrollbar-thumb, .ekptext .netd-table td ul::-webkit-scrollbar-thumb,
.netd-table td .module-info-misc ul::-webkit-scrollbar-thumb, .module-info-misc .netd-table td ul::-webkit-scrollbar-thumb,
.netd-table td .catalog-attribute ul::-webkit-scrollbar-thumb, .catalog-attribute .netd-table td ul::-webkit-scrollbar-thumb,
.netd-table td .launch-history-row ul::-webkit-scrollbar-thumb, .launch-history-row .netd-table td ul::-webkit-scrollbar-thumb,
.netd-table td .article ul::-webkit-scrollbar-thumb, .article .netd-table td ul::-webkit-scrollbar-thumb,
.netd-table td .exam-landing-page ul::-webkit-scrollbar-thumb, .exam-landing-page .netd-table td ul::-webkit-scrollbar-thumb {
  background-color: rgba(156, 156, 156, 0.8);
  border-radius: 8px;
}

.show-list ul,
.show-list ol,
table.show-list ul,
table.show-list ol {
  margin: 5px 0;
  padding: 0 20px;
  list-style: disc;
}

.show-list ol,
table.show-list ol {
  list-style: decimal;
}

/*DL, DT, DD TAGS Definitaion LIST DATA*/
dl {
  clear: both;
  display: inline-block;
  margin: 4px 0;
  line-height: 1.5;
  padding: 0;
  width: 100%;
}

dl dt {
  clear: left;
  float: left;
  margin: 0;
  padding: 2px 5px 2px 0;
  color: #333;
  width: 27%;
}

dl dd {
  float: left;
  width: 68%;
  min-height: 20px;
  margin: 0;
  padding: 3px 5px;
}

dl dd.overflow-wrap {
  overflow-wrap: break-word;
}

dl.vertical dt {
  font-weight: bold;
  padding: 0;
  margin: 0 0 0 0;
  color: #333;
  float: none;
}

dl.vertical dd {
  margin: 0 0 8px 0;
  padding: 0;
  width: 80%;
  line-height: 1.25;
}

/*User profile on Class Resources Editor > Instructors Instructor Info*/
.mainframe dl {
  width: 500px;
  margin: 4px 0;
}

.mainframe dl dt {
  width: 40%;
  font-weight: normal;
}

.mainframe dl dd {
  border: 0;
  width: 55%;
}

caption {
  font-size: 1em;
  font-weight: bold;
  color: var(--textcolor);
  background: #ffffff;
  text-align: left;
  margin: 4px 0;
}

i,
cite,
em,
var,
address {
  font-style: normal;
}

dfn {
  font-style: normal;
  font-size: 0.846em;
  font-weight: bold;
  cursor: help;
}

.preview-link {
  padding: 0 10px;
  font-size: 0.813rem;
  color: var(--textcolor);
  font-weight: normal;
}

.preview-link a {
  margin: 0 4px;
}

p.description,
ul.description,
td em {
  color: var(--textcolor);
  margin: 0 0 8px 0;
  line-height: 1.5;
}

h1 p.description,
h2 p.description {
  font-size: 0.65em;
}

label + p.description {
  margin: 2px 0 3px 0;
}

.meta,
.news-meta-data {
  display: block;
  color: var(--textcolor);
  font-size: 1em;
  font-style: normal;
  padding: 0 0 2px 0;
}

td * + .meta {
  clear: both;
}

/*NO SCRIPT MSG WHEN JAVASCRIPT IS Disabled*/
noscript .no-javascript {
  font-size: 1.3em;
  background: #cadeae;
  color: #000000;
  text-align: center;
  height: 30px;
  width: 100%;
  padding: 10px 0;
  margin: 0 auto;
}

.netd-table tbody tr:hover,
table#system_configuration_table tbody tr:hover,
b table tr:hover,
#home-widgets .goals-container ul li a:hover,
.netd-form li.align-horizontal:hover,
.course-instance .submodule-list tr:hover,
.assignment-selector ul li:hover,
#home-widgets .home-catalog-courses li:hover,
ul.sortable li:hover,
#checklist-table tr:hover td,
.events-list li:hover {
  background: var(--lightgrey);
  transition: background 0.3s;
}

.text-divider {
  margin: 0 4px;
}

.not-marked-for-review {
  color: #0055ab;
}

.marked-for-review {
  color: #ee3333;
}

/* please consider removing this generally
	em {
		font-style: normal;
	}
*/
.html-widget em,
.internal-mail-content em,
.catalog-description em,
.with-catalog-text em,
.session-content-title em,
.module-description em,
.exam-landing-page .description em,
.appraisal-section-description em,
#forum-container .textdata em,
.moduleAttributes em,
.ekptext em,
.module-info-misc em,
.catalog-attribute em,
.article em,
.exam-landing-page em {
  font-style: italic;
}

.news {
  /*News date mark on the home widget*/
  font-size: 0.8em;
}

.news-article-content {
  padding: 0;
  margin: 12px 0;
  line-height: 1.5;
  font-size: 1.077em;
}

.news-article-content div,
.news-article-content p,
.news-article-content li {
  max-width: 800px;
}

.donthyphenate {
  word-break: break-all;
}

/*Catalog Browser and .no-items is for netd-form the component generated no-items message display */
.title-container h4,
.cimage,
.no-items td {
  text-align: center;
}

#calFrame {
  border: 0;
}

input::-ms-clear {
  display: none;
}

/*Warning error incomplete Red*/
.error, .warning, #checklist-table tr .task-title .netd-icon, #checklist-table tr .module-title .netd-icon, .incomplete, .failedStatus, .exceptionStatus, .ui-widget-content a.delete-task-link, .not-completed, .pending {
  font-size: 1.0em;
  color: #be4741;
}

.error [class^="icon-"], .error [class*=" icon-"], .error .netd-tooltip[class*=" icon-"], .warning [class^="icon-"], #checklist-table tr .task-title .netd-icon [class^="icon-"], #checklist-table tr .module-title .netd-icon [class^="icon-"], .warning [class*=" icon-"], #checklist-table tr .task-title .netd-icon [class*=" icon-"], #checklist-table tr .module-title .netd-icon [class*=" icon-"], .warning .netd-tooltip[class*=" icon-"], #checklist-table tr .task-title .netd-icon .netd-tooltip[class*=" icon-"], #checklist-table tr .module-title .netd-icon .netd-tooltip[class*=" icon-"], .incomplete [class^="icon-"], .incomplete [class*=" icon-"], .incomplete .netd-tooltip[class*=" icon-"], .failedStatus [class^="icon-"], .failedStatus [class*=" icon-"], .failedStatus .netd-tooltip[class*=" icon-"], .exceptionStatus [class^="icon-"], .exceptionStatus [class*=" icon-"], .exceptionStatus .netd-tooltip[class*=" icon-"], .ui-widget-content a.delete-task-link [class^="icon-"], .ui-widget-content a.delete-task-link [class*=" icon-"], .ui-widget-content a.delete-task-link .netd-tooltip[class*=" icon-"], .not-completed [class^="icon-"], .not-completed [class*=" icon-"], .not-completed .netd-tooltip[class*=" icon-"], .pending [class^="icon-"], .pending [class*=" icon-"], .pending .netd-tooltip[class*=" icon-"] {
  font-size: 1.0em;
  color: #be4741;
}

.date-time-container .error {
  clear: both;
}

.seats-less-than-min .icon-exclamation-sign, .seats-full .icon-exclamation-sign {
  color: #ee3333;
}

.seats-available .icon-circle {
  color: #009933;
}

.highlight-required, input.mandatory-warning {
  border: 1px solid #ee3333;
}

input.error, textarea.error {
  color: #999999;
}

ul.warning, #checklist-table tr .task-title ul.netd-icon, #checklist-table tr .module-title ul.netd-icon, ol.warning, #checklist-table tr .task-title ol.netd-icon, #checklist-table tr .module-title ol.netd-icon, ul.success, .catalog-container + hr + .warning, #checklist-table tr .task-title .catalog-container + hr + .netd-icon, #checklist-table tr .module-title .catalog-container + hr + .netd-icon {
  background: #FAE2E2;
  border: 1px solid #EEB7BA;
  padding: 8px 10px;
  margin: 10px auto 5px auto;
  font-weight: bold;
  text-shadow: 0 1px 1px #FFFFFF;
  list-style: none;
}

tr.incomplete {
  background: #fae2e2;
}

ul.warning, #checklist-table tr .task-title ul.netd-icon, #checklist-table tr .module-title ul.netd-icon {
  list-style: disc;
}

ol.warning, #checklist-table tr .task-title ol.netd-icon, #checklist-table tr .module-title ol.netd-icon {
  list-style: decimal;
  padding: 10px 10px 10px 30px;
}

.warning li, #checklist-table tr .task-title .netd-icon li, #checklist-table tr .module-title .netd-icon li {
  margin: 0 20px;
}

/*Notice Orange*/
/*Problem is for competency that about to expire or within grace, program on target status indicator*/
.notice, .problem, .icon-screenshot.completed {
  color: #cc6600;
}

.notice-wrapper {
  /*Problem is for competency that about to expire or within grace*/
  color: #cc6600;
  background: #ffecd0;
  border: 1px solid #ffddaa;
  padding: 5px 10px;
  margin: 5px 0 10px 0;
  clear: both;
}

/*Success Green Sign*/
.completed, .success, span.successStatus, .completed .icon-sign-blank {
  color: #009933;
}

ul.success {
  background-color: #E6EFC2;
  border: 1px solid #C6D880;
  text-shadow: 0 1px 1px #FFFFFF;
}

/*In-Process Sign*/
.in-process {
  color: #ff9900;
}

.in-process .icon-sign-blank {
  color: #ff9900;
}

/*Not-Started Sign*/
.not-started {
  color: #00aadd;
}

.not-started .icon-sign-blank {
  color: #00aadd;
}

.highlighted, .universal-search-suggestion-list .more.highlighted, .universal-search-suggestion-list .objects-list li .object-type + ul li:hover, .universal-search-suggestion-list .objects-list li .object-type + ul li.highlighted, #manage-center-container #bottom-container .nav > li.highlighted {
  color: #ffddaa;
  background: var(--lightgrey);
}

.status-icon {
  color: var(--textcolor);
}

.icon-trophy {
  color: var(--textcolor);
}

.correct-answer {
  color: #0055ab;
}

.wrong-answer {
  color: #ee3333;
}

.required-indicator {
  margin: 0 0 0 2px;
  color: var(--textcolor);
  font-size: .813em;
  vertical-align: top;
}

.activeSession, .pendingSession, .invitationSession, .promptSession {
  color: #009933;
}

.completedSession, .closedSession {
  color: #ee3333;
}

.endedSession {
  color: #ff9900;
}

.cancelledSession, .retiredSession {
  color: #000000;
}

/*Hide the floating logo by default */
.logo-container {
  display: none;
}

.rss {
  display: block;
  background: transparent url("images/rss.gif") no-repeat 0 0;
  padding: 0 0 5px 20px;
}

.catalog-image, .course-image {
  width: 150px;
  height: 150px;
}

td .course-image {
  margin: 0 8px 0 0;
  border: 1px solid transparent; border-color: var(--bordercolor);
  overflow: hidden;
}

td .course-image img {
  width: inherit;
  height: auto;
}

.spinner-div.icon-spin {
  font-size: 4em;
  margin: 1em 0 1.5em 0;
}

td .spinner-div.icon-spin, span .spinner-div.icon-spin {
  font-size: 1em;
  margin: 0;
}

.loading {
  background: transparent url("../javascript/dynatree/skin/loading.gif") no-repeat;
}

.loading > div {
  background: transparent url("../javascript/dynatree/skin/loading.gif") no-repeat 0 0;
  text-indent: 20px;
  line-height: 1.25;
}

.fullscreen-loader-container {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: 0.9;
}

.fullscreen-loader-container #highlightDiv {
  display: none !important;
}

.fullscreen-loader-container .icon-spin {
  position: fixed;
  top: 45%;
  left: 45%;
  margin: 0 auto;
  font-size: 5em;
  color: #FFFFFF;
  opacity: 1;
}

.profile-small, .profile, .user-avatar, .member-avatar {
  float: left;
  margin: 0 10px 0 0;
  width: 48px;
  height: 48px;
  border: 1px solid transparent; 
  border-color: var(--bordercolor);
}

.mainframe .user-avatar img {
  margin: 10px 10px 0 0;
}

.with-file-type a, .with-file-type + span > a, .with-file-type + a, .file-type a, .file-type + span > a, .file-type + a {
  line-height: 24px;
}

.file-type {
  clear: both;
  float: left;
  width: 24px;
  height: auto;
  padding-right: 5px;
}

li .file-type {
  float: none;
  margin: 6px 0 -8px 0;
}

.print-icon {
  width: 24px;
  height: 24px;
}

#report-permissions td.report-title a {
  padding-left: 20px;
}

.netd-table tr .netd-icon.icon-edit {
  opacity: 0;
  transition: opacity 0.3s;
}

.netd-table tr:hover .netd-icon.icon-edit {
  opacity: 1;
}

/*Form Elements*/
form, .netd-form {
  clear: both;
  text-align: left;
  word-break: normal;
  margin: 0;
  padding: 0;
  *width: 100%;
  overflow-wrap: normal;
}

form ul input[type="text"], .netd-form ul input[type="text"] {
  margin: 0 4px 0 0;
}

label {
  line-height: 24px;
  width: auto;
  text-align: left;
}

label.radio input[type="radio"] {
  padding: 0;
  margin: 2px 2px 2px 0;
  line-height: 1;
  vertical-align: middle;
  position: relative;
  top: -2px;
  display: inline;
  clear: both;
  float: none;
  *overflow: hidden;
}

input[type="text"], input[type="password"], input[type="email"], textarea, select:not([multiple]), .netd-text-input, .ffb-input {
  overflow: auto;
  box-sizing: border-box;
  height: 48px;
  font-family: var(--font);
  font-size: var(--font-size);
  font-weight: normal;
  line-height: 48px;
  color: var(--textcolor);
  background: #fff;
  border: 1px solid transparent; 
  border-color: var(--bordercolor);
  border-radius: var(--borderradius);
  box-shadow: none;
  padding: 0px 12px;
  margin: 0 1px 3px 0;
}

input[type="text"]:disabled, input[type="password"]:disabled, input[type="email"]:disabled, textarea:disabled, select:not([multiple]):disabled, .netd-text-input:disabled, .ffb-input:disabled {
  color: var(--textcolor);
  background: #fff;
  border: 1px solid transparent; 
  border-color: var(--bordercolor);
  cursor: default;
  box-shadow: none;
  opacity: .5;
}

input[type="text"]#MSGBOX, input[type="password"]#MSGBOX, input[type="email"]#MSGBOX, textarea#MSGBOX, select:not([multiple])#MSGBOX, .netd-text-input#MSGBOX, .ffb-input#MSGBOX {
  border: 0;
  margin: 0;
  padding: 0;
  height: auto;
  box-sizing: content-box;
  border-radius: 0;
  overflow: visible;
}

textarea {
  line-height: 1.5;
}

input[type="text"]#LANGUAGE_SELECTOR, input[type="password"]#LANGUAGE_SELECTOR, input[type="email"]#LANGUAGE_SELECTOR, textarea#LANGUAGE_SELECTOR, select:not([multiple])#LANGUAGE_SELECTOR, .netd-text-input#LANGUAGE_SELECTOR, .ffb-input#LANGUAGE_SELECTOR {
  margin-left: 4px;
}

input[type="text"], input[type="password"], input[type="email"] {
  overflow: hidden;
}

input[type="text"], input[type="password"], input[type="email"], textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

textarea {
  box-sizing: border-box;
  min-width: 280px;
  min-height: 100px;
}

textarea#TAREA1, textarea#QTEXT1 {
  height: 500px;
  padding: 12px 1%;
  width: 98%;
}

textarea.sys-config {
  width: 650px;
}

select[multiple] {
  box-sizing: border-box;
  font-family: var(--font);
  font-size: var(--font-size);
  font-weight: normal;
  line-height: 1.2;
  color: var(--textcolor);
  background: #fff;
  border: 1px solid transparent; 
  border-color: var(--bordercolor);
  border-radius: 0px;
  padding: 10px 20px;
}

.ui-dialog textarea#TAREA1 {
  height: 200px;
  width: 98%;
}

.maintable TEXTAREA#QTEXT1 {
  height: 180px;
}

input:focus, textarea:focus, .uneditable-input:focus, select:focus, .ffb-input:focus {
  background: #fff;
  color: var(--textcolor);
  border: 1px solid var(--inputfocus);
  box-shadow: none;
  outline: none;
}

.ui-dialog select:not([multiple]), td select:not([multiple]), .course-instance select:not([multiple]) {
  max-width: 320px;
}

fieldset {
  padding: 8px 16px 12px 16px;
  margin: 4px 0 24px 0;
  background: #FFFFFF;
  border: 1px solid transparent; 
  border-color: var(--bordercolor);
  border-radius: 0px;
}

legend {
  padding: 8px 20px;
  margin: 0 0 4px 0;
  font-size: 1em;
  font-weight: bold;
  text-transform: none;
  color: var(--textcolor);
  background: #fff;
  border-radius: 0px;
  width: auto;
  font-family: var(--font);
}

/**************************
* .netd-Form
***************************/
.netd-form {
  margin: 0 0 8px 0;
}

.netd-form label {
  line-height: 24px;
  margin: 2px 0 3px 0;
  display: block;
}

.netd-form label .select-with-button input {
  clear: both;
  float: left;
}

.netd-form label label + span, .netd-form label .criteria-accordion-container label a {
  /*for netd form when read only and clickable label on criteria-accordion-container*/
  font-size: 0.923em;
  font-weight: bold;
  padding: 0 1px 0 0;
}

.netd-form label.has-tips {
  display: inline;
}

.netd-form label.has-tips + span.tips-link::after {
  content: " ";
  display: block;
}

.netd-form label.radio input[type="radio"], .netd-form label.radio input[type="checkbox"], .netd-form label.checkbox input[type="radio"], .netd-form label.checkbox input[type="checkbox"] {
  padding: 0;
  margin: 2px 2px 2px 0;
  line-height: 1;
  vertical-align: middle;
  position: relative;
  top: -2px;
  display: inline;
  clear: both;
  float: none;
  *overflow: hidden;
}

.netd-form label.radio .netd-box-input-hide, .netd-form label.checkbox .netd-box-input-hide {
  display: none;
}

.netd-form label.radio i, .netd-form label.radio .netd-icon, .netd-form label.checkbox i, .netd-form label.checkbox .netd-icon {
  font-size: 1.077em;
  color: #aaaaaa;
}

.netd-form label.radio input.inline-input, .netd-form label.checkbox input.inline-input {
  float: none;
  margin-left: 4px;
}

.netd-form label.netd-user-selector-title {
  display: block;
  font-size: 1em;
  text-align: left;
  min-height: 0;
  width: auto;
  *clear: both;
}

.netd-form select {
  padding: 0 4px;
}

.netd-form-group, .mainframe .netd-form-group {
  clear: both;
  display: inline-block;
  width: 100%;
  margin: 8px 0;
  *margin-top: 0;
}

.netd-form-group.removable, .mainframe .netd-form-group.removable {
  position: relative;
}

.netd-form-group.removable .remove, .mainframe .netd-form-group.removable .remove {
  position: absolute;
  left: 0;
  top: 0;
  margin: 0 0 0 308px;
  border-bottom: 0;
}

.netd-form-group.removable .remove .netd-icon, .mainframe .netd-form-group.removable .remove .netd-icon {
  font-size: 1.077em;
}

.netd-form-group label, .mainframe .netd-form-group label {
  display: block;
  width: 100%;
  padding: 0;
  margin: 0 2px 2px 0;
  max-width: 800px;
  line-height: 24px;
}

.netd-form-group label.netd-form-group-heading, .mainframe .netd-form-group label.netd-form-group-heading {
  margin: 4px 0 8px 0;
}

.netd-form-group label.radio, .netd-form-group label.checkbox, .mainframe .netd-form-group label.radio, .mainframe .netd-form-group label.checkbox {
  clear: both;
  display: block;
  max-width: 800px;
  min-height: 0;
  width: auto;
  padding: 0;
  margin: 0 2px 2px 0;
  line-height: 24px;
}

.netd-form-group label.radio input[type="radio"], .netd-form-group label.radio input[type="checkbox"], .netd-form-group label.checkbox input[type="radio"], .netd-form-group label.checkbox input[type="checkbox"], .mainframe .netd-form-group label.radio input[type="radio"], .mainframe .netd-form-group label.radio input[type="checkbox"], .mainframe .netd-form-group label.checkbox input[type="radio"], .mainframe .netd-form-group label.checkbox input[type="checkbox"] {
  margin: 2px 2px 0 0;
}

.netd-form-group label.radio input[type="text"] + label.error, .netd-form-group label.checkbox input[type="text"] + label.error, .mainframe .netd-form-group label.radio input[type="text"] + label.error, .mainframe .netd-form-group label.checkbox input[type="text"] + label.error {
  font-size: 0.9em;
  vertical-align: super;
}

.netd-form-group label a, .mainframe .netd-form-group label a {
  color: var(--link);
  margin: 0 0 2px 0;
  line-height: 24px;
  *line-height: 0.99;
  *display: block;
  *margin: 4px 0;
}

.netd-form-group label a.netd-button, .netd-form-group label a .ui-button-text, .mainframe .netd-form-group label a.netd-button, .mainframe .netd-form-group label a .ui-button-text {
  margin: 0;
  padding: 0;
}

.netd-form-group label.netd-user-selector-title, .mainframe .netd-form-group label.netd-user-selector-title {
  display: block;
  width: auto;
  margin: 0 0 5px 0;
}

.netd-form-group input[type="text"], .netd-form-group input[type="password"], .netd-form-group input[type="email"], .mainframe .netd-form-group input[type="text"], .mainframe .netd-form-group input[type="password"], .mainframe .netd-form-group input[type="email"] {
  margin: 0;
  max-width: 800px;
}

.netd-form-group select, .mainframe .netd-form-group select {
  margin: 0 2px 0 0;
  max-width: 800px;
}

.netd-form .netd-box-container {
  margin: 3px 0;
}

.netd-form .netd-box-container label, .netd-form .netd-box-container label.radio, .netd-form .netd-box-container label.checkbox {
  display: inline;
  padding: 0 5px 0 0;
}

.netd-form .netd-box-container label .date-container, .netd-form .netd-box-container label.radio .date-container, .netd-form .netd-box-container label.checkbox .date-container {
  margin: -8px 0 -2px 5px;
}

.netd-form .netd-box-container label.error, .netd-form .netd-box-container label.radio.error, .netd-form .netd-box-container label.checkbox.error {
  display: block;
  float: left;
}

.netd-form .netd-box-container input[type="text"], .netd-form .netd-box-container select:not([multiple]), .netd-form .netd-box-container label input[type="text"], .netd-form .netd-box-container label select:not([multiple]) {
  float: none;
  margin: 0 0 0 2px;
}

.netd-form .netd-box-container input[type="text"]:first-child, .netd-form .netd-box-container select:not([multiple]):first-child, .netd-form .netd-box-container label input[type="text"]:first-child, .netd-form .netd-box-container label select:not([multiple]):first-child {
  margin: 0;
}

.netd-form .netd-box-container input[type="text"]:last-child, .netd-form .netd-box-container select:not([multiple]):last-child, .netd-form .netd-box-container label input[type="text"]:last-child, .netd-form .netd-box-container label select:not([multiple]):last-child {
  margin: 0 2px;
}

.netd-form .netd-form-group .netd-box-container label.checkbox {
  display: inline;
}

.netd-form input#displayedOwner {
  width: 600px;
}

.netd-form img#SELECT_BUTTON {
  padding: 0 0 5px 0;
}

.netd-form img#SELECT_BUTTON + img {
  padding: 0 0 5px 0;
}

.netd-form ol {
  list-style: decimal outside;
  padding: 0 0 0 20px;
  margin: 0 0 10px 0;
}

.netd-form #permissionDiv label {
  display: inline;
  padding: 0 5px 0 0;
}

.netd-form select:not([multiple]) {
  max-width: 220px;
  margin: 0 2px 5px 0;
}

.netd-form input + select {
  *margin: 0;
}

.netd-form li.align-horizontal {
  clear: both;
  display: inline-block;
  margin: 0;
  padding: 0;
  line-height: 1;
}

.netd-form li.align-horizontal label {
  display: inline-block;
  width: 500px;
  margin: 0 10px 8px 10px;
}

.netd-form li.align-horizontal select {
  width: auto;
  margin: 5px;
  max-width: inherit;
  min-height: 0;
}

.netd-form .result-panel {
  float: left;
}

.netd-form .selected-panel, .netd-form .result-panel {
  *float: left;
}

.netd-form .selected-panel select, .netd-form .result-panel select {
  *height: 170px;
  width: 288px \9;
}

.netd-form .selected-panel.full-width .selector-list, .netd-form .selected-panel.user-search .selector-list, .netd-form .selected-panel.full-width select.selector-list:not([multiple]), .netd-form .selected-panel.user-search select.selector-list:not([multiple]), .netd-form .result-panel.full-width .selector-list, .netd-form .result-panel.user-search .selector-list, .netd-form .result-panel.full-width select.selector-list:not([multiple]), .netd-form .result-panel.user-search select.selector-list:not([multiple]) {
  height: 120px;
}

.netd-form .selected-panel.full-width select, .netd-form .selected-panel.user-search select, .netd-form .result-panel.full-width select, .netd-form .result-panel.user-search select {
  width: 100%;
}

.netd-form .selector-list, .netd-form select.selector-list:not([multiple]) {
  max-width: none !important;
  height: 190px;
}

.netd-form #NDIGITS {
  float: none;
}

.mainframe .netd-table td select.session {
  width: auto;
  max-width: 180px;
  text-overflow: ellipsis;
}

.netd-indent-group, .netd-form.netd-indent-group {
  margin: 2px 0 8px 0;
}

.netd-indent-group .netd-indent-group-child, .netd-indent-group.netd-indent-group-child, .netd-form.netd-indent-group .netd-indent-group-child, .netd-form.netd-indent-group.netd-indent-group-child {
  padding-left: 20px;
  box-sizing: border-box;
}

.fieldset-section-heading, .widget-heading {
  font-weight: bold;
  display: block;
  margin: 0 0 3px 0;
}

#esig-switcher label {
  float: left;
  display: block;
  width: 28%;
  margin: 5px 1% 5px 10px;
  line-height: 1.5;
}

#esig-switcher select {
  float: left;
  display: block;
  width: 30%;
  margin: 5px 1%;
  max-width: inherit;
  min-height: 0;
}

#esig-switcher textarea.esig {
  width: 28%;
  height: 30px;
  overflow: auto;
  margin: 5px 10px 5px 1%;
}

textarea#meaning {
  min-height: 0;
  min-width: 0;
  width: 180px;
  height: 80px;
  overflow: auto;
}

.selector-list, select.selector-list:not([multiple]) {
  width: 100%;
  height: 180px;
  overflow: auto;
  max-width: none;
  border: 1px solid transparent; 
  border-color: var(--bordercolor);
}

.selector-list {
  width: 100% \9;
}

.selector-button {
  width: 50px;
}

.selector-cell-vertical {
  width: 38%;
}

/*Repeat selector*/
.monthly-repeat-container {
  margin: 0 0 0 3px;
}

/*Customize the netd-form on user editor pop-up .mainframe*/
form[name="userForm"] .netd-form {
  padding: 0;
  width: 100%;
}

form[name="userForm"] .netd-form p.error {
  clear: both;
}

form[name="userForm"] .netd-form fieldset {
  background: transparent;
  border: none;
  margin: 0 0 5px 0;
  padding: 5px 0 10px 0;
  *width: 500px;
  *clear: both;
  *float: left;
}

form[name="userForm"] .netd-form legend {
  background: transparent;
  border: none;
  font-weight: bold;
  padding: 10px 0 5px 0;
  margin: 0;
  box-shadow: none;
  *margin: 0 0 10px -8px;
}

form[name="userForm"] .netd-form label, form[name="userForm"] .netd-form .netd-form-group label .netd-user-selector-top-left {
  margin: 0 0 4px 0;
  padding: 0;
  clear: both;
  float: left;
  width: 28%;
  line-height: 50px;
  text-align: left;
  word-break: normal;
  *width: 140px;
}

form[name="userForm"] .netd-form label.group-title, form[name="userForm"] .netd-form .netd-form-group label .netd-user-selector-top-left.group-title {
  width: auto;
}

form[name="userForm"] .netd-form .netd-user-selector .netd-user-selector-top-left {
  width: 100%;
}

form[name="userForm"] .netd-form .netd-user-selector .netd-user-selector-top-left label {
  width: 28%;
  display: block;
}

form[name="userForm"] .netd-form .netd-filter-form .netd-filter-group {
  height: 47px;
  float: left;
  display: inline-block;
  margin: 0 16px 16px 0;
}

form[name="userForm"] .netd-form .netd-filter-form .netd-filter-group label {
  min-height: 0;
  overflow: hidden;
}

form[name="userForm"] .netd-form .netd-filter-form .netd-filter-group label a {
  line-height: 1.25;
}

form[name="userForm"] .netd-form .netd-filter-form .netd-filter-group label .checkbox {
  padding: 0;
  margin: 0;
}

form[name="userForm"] .netd-form .netd-filter-form .netd-filter-group label + .netd-filter-group label.checkbox {
  margin: 22px 0 0 5px;
  line-height: 50px;
}

form[name="userForm"] .netd-form .netd-filter-form .netd-filter-group label.netd-user-selector-title {
  float: left;
}

form[name="userForm"] .netd-form .netd-filter-form .netd-filter-group input[type="text"] {
  width: 183px;
  padding: 10px 20px;
  height: 50px;
  margin: 0 0 2px 0;
}

form[name="userForm"] .netd-form td.question-choice label {
  width: 100%;
  margin: 2px 0 0 0;
}

form[name="userForm"] .netd-form input[type="text"], form[name="userForm"] .netd-form textarea, form[name="userForm"] .netd-form input[type="password"], form[name="userForm"] .netd-form select, form[name="userForm"] .netd-form label + div, form[name="userForm"] .netd-form label + span {
  margin: 0;
  padding: 0 4px;
  border-radius: 0;
  float: left;
  *width: 320px;
  *padding: 5px 3px 0 3px;
  *margin: 3px 0 5px 0;
}

form[name="userForm"] .netd-form label.checkbox, form[name="userForm"] .netd-form label.radio {
  width: 100%;
  min-height: 0;
}

form[name="userForm"] .netd-form label + div, form[name="userForm"] .netd-form label + span {
  padding: 0;
  line-height: 28px;
}

form[name="userForm"] .netd-form textarea {
  margin: 0 0 10px 0;
}

form[name="userForm"] .netd-form input[type="text"].float-left + label.checkbox {
  /*User Search - Exact Match*/
  clear: none;
  width: auto;
  margin: 8px 10px 0 10px;
}

form[name="userForm"] .netd-form select {
  *height: 30px;
  *width: 260px;
}

form[name="userForm"] .netd-form .netd-box-container input[type="text"], form[name="userForm"] .netd-form .netd-box-container select:not([multiple]) {
  display: block;
  clear: left;
  float: none;
  margin-bottom: 0;
}

form[name="userForm"] .netd-form .additional-role, form[name="userForm"] .netd-form #addAdditionalRole {
  float: left;
  margin: 0 0 4px 0;
  line-height: 50px;
}

form[name="userForm"] .netd-form .additional-role + a, form[name="userForm"] .netd-form #addAdditionalRole + a {
  float: left;
  margin: 4px;
}

form[name="userForm"] .netd-form div + div .additional-role, form[name="userForm"] .netd-form div + div #addAdditionalRole {
  clear: both;
  margin-left: 28%;
  width: auto;
  *float: left;
  *margin: 0 0 0 140px;
  *display: block;
}

form[name="userForm"] .netd-form div + div #addAdditionalRole {
  margin-bottom: 20px;
  *margin: 0 0 0 140px;
}

form[name="userForm"] .netd-form .netd-user-selector-btm-left, form[name="userForm"] .netd-form ul.token-input-list-facebook {
  float: left;
  display: inline;
  padding: 0;
  margin: 0;
  min-height: 0;
  width: 300px;
  *padding-bottom: 2px;
}

form[name="userForm"] .netd-form #UA1DESC, form[name="userForm"] .netd-form #UA2DESC, form[name="userForm"] .netd-form #UA3DESC, form[name="userForm"] .netd-form #UA4DESC, form[name="userForm"] .netd-form #UA5DESC, form[name="userForm"] .netd-form #UA6DESC, form[name="userForm"] .netd-form #UA7DESC, form[name="userForm"] .netd-form #UA8DESC {
  width: 260px;
  float: left;
}

form[name="userForm"] .netd-form #UA1DESC + a, form[name="userForm"] .netd-form #UA2DESC + a, form[name="userForm"] .netd-form #UA3DESC + a, form[name="userForm"] .netd-form #UA4DESC + a, form[name="userForm"] .netd-form #UA5DESC + a, form[name="userForm"] .netd-form #UA6DESC + a, form[name="userForm"] .netd-form #UA7DESC + a, form[name="userForm"] .netd-form #UA8DESC + a, form[name="userForm"] .netd-form #UA1DESC + a b, form[name="userForm"] .netd-form #UA2DESC + a b, form[name="userForm"] .netd-form #UA3DESC + a b, form[name="userForm"] .netd-form #UA4DESC + a b, form[name="userForm"] .netd-form #UA5DESC + a b, form[name="userForm"] .netd-form #UA6DESC + a b, form[name="userForm"] .netd-form #UA7DESC + a b, form[name="userForm"] .netd-form #UA8DESC + a b {
  float: left;
  margin: 3px;
  *margin: 0 0 0 3px;
  *line-height: 0.9;
}

form[name="userForm"] .netd-user-selector-small-size {
  width: 100%;
}

form[name="userForm"] .netd-user-selector-small-size .netd-user-selector-btm-left-inner-div {
  width: 300px;
  border-radius: 0;
}

form[name="userForm"] .token-input-box[type="text"] {
  *margin: -16px 0 0 0;
}

/*Clean up the netd-filter-form style in form[name="userForm"]*/
/*--End of the customize area for user detail form--*/
/*netd-filter-form*/
.netd-filter-form {
  background: var(--lightgrey);
  color: var(--textcolor);
  border: 1px solid transparent; 
  border-color: var(--bordercolor);
  border-radius: 0px;
  padding: 16px;
  margin: 0;
}

.netd-filter-form input.button, .netd-filter-form input[type="submit"] {
  display: block;
  clear: both;
  padding: 0 20px;
  margin: 4px 8px 0 0;
}

.netd-filter-group {
  display: inline-block;
  float: left;
  margin: 0 16px 16px 0;
  *margin: 0 4px 4px 0;
}

.netd-filter-group label {
  display: block;
  float: none;
  overflow: hidden;
  width: 183px;
  color: var(--textcolor);
  font-size: 1em;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.netd-filter-group label.checkbox {
  padding: 0;
  margin: 25px 0 4px 0;
}

.netd-filter-group label.checkbox[for$="MATCH"] {
  margin-top: 5px;
}

.netd-filter-group label.checkbox input[type="checkbox"] {
  margin: 2px;
}

.netd-filter-group label.checkboxUserGroup {
  padding: 0;
  margin: 25px 0 4px 0;
  overflow: visible;
}

.netd-filter-group label.checkboxUserGroup[for$="MATCH"] {
  margin-top: 5px;
}

.universal-search-advanced-filter .netd-form {
    margin-bottom: 0 !important;
}

.netd-filter-group label.checkboxUserGroup input[type="checkbox"] {
  margin: 2px;
}

.netd-filter-group label.netd-user-selector-title {
  float: left;
}

.netd-filter-group.full-width, .netd-filter-group.user-search {
  height: auto;
}

.netd-filter-group.full-width label.checkbox, .netd-filter-group.user-search label.checkbox {
  margin: 0;
}

.netd-filter-group .user-selector-roles, .netd-filter-group .appraisal-user-selector-roles, .netd-filter-group .appraisal-user-selector-category {
  width: 195px;
  *margin-right: 5px;
  *margin-top: 5px;
}

.netd-filter-group input[type="text"] + input.button {
  display: inline;
  margin: 2px 0 0 0;
}

.netd-filter-group label, .netd-filter-group select, .netd-filter-group input[type="text"] {
  margin: 0 0 2px 0;
  width: 195px;
}

.netd-filter-group select {
  width: 195px;
  padding-right: 4px;
  white-space: nowrap;
  *font-size: 1.25em;
  *margin: 0 5px 8px 0;
}

.netd-filter-group select:not([multiple]) {
  margin: 0 0 2px 0;
}

.netd-filter-group .token-input-box[type="text"] {
  width: 100%;
  height: 48px;
  margin: 0;
  padding: 10px 20px;
  background: transparent;
  border: none;
  border-radius: 0px;
}

.netd-filter-group .token-input-box[type="text"]:focus {
  border: none;
}

.netd-filter-form.keyword-searchbox-container {
  border-bottom: 1px dashed transparent; 
  border-color: var(--bordercolor);
}

.netd-filter-form.keyword-searchbox-container input[type="text"] {
  margin-right: 8px;
}

.netd-filter-form.keyword-searchbox-container.advanced-filter-not-hidden button.button, .netd-filter-form.keyword-searchbox-container.advanced-filter-not-hidden input.button[type="submit"], .netd-filter-form.keyword-searchbox-container.advanced-filter-not-hidden input.button[type="reset"], .netd-filter-form.keyword-searchbox-container.advanced-filter-not-hidden input.button[type="button"] {
  display: none;
}

.netd-filter-form.keyword-searchbox-container + #searchform-toggle {
  margin: 0;
  text-align: left;
  text-indent: 8px;
}

#searchform-toggle, .netd-filter-toggle {
  position: relative;
  display: block;
  margin: 0;
  padding: 8px 0;
  width: 100%;
  text-align: center;
  color: var(--buttontext);
  font-family: var(--font);
  font-weight: 400;
  font-size: var(--font-size);
  text-transform: inherit;
  letter-spacing: 0;
  background: var(--button);
  border: 0 !important;
  box-sizing: border-box;
  text-decoration: none;
}

#searchform-toggle:hover, .netd-filter-toggle:hover {
  color: var(--buttontexthover);
  background: var(--buttonhover);
  border-color: var(--buttonhover);
}

#searchform-toggle .netd-icon, .netd-filter-toggle .netd-icon {
  margin: 0 3px 0 0;
  font-size: 1em;
}

#searchform-toggle[aria-expanded="true"], .netd-filter-toggle[aria-expanded="true"] {
  border-radius: 0px 0px 0 0;
}

#searchform-toggle + .netd-form, .netd-filter-toggle + .netd-form {
  margin: 0;
}

#searchform-toggle + .netd-form .netd-filter-form, .netd-filter-toggle + .netd-form .netd-filter-form {
  border-radius: 0 0 0px 0px;
  border-top: none;
}

#resultsPerPageDiv {
  display: inline-block;
  width: 100%;
}

/*netd-user-selector inline selector*/
.netd-user-selector {
  display: inline-block;
  float: left;
  width: 100%;
  margin: 0 0 5px 0;
  *height: 35px;
}

.netd-user-selector-small-size {
  width: 265px;
}

.netd-user-selector-small-size .netd-user-selector-top-left, .netd-user-selector-small-size .netd-user-selector-btm-left-inner-div {
  width: calc(100% - 58px);
}

.netd-user-selector-small-size .netd-user-selector-top-left .token-input-list-facebook, .netd-user-selector-small-size .netd-user-selector-btm-left-inner-div .token-input-list-facebook {
  width: inherit;
}

.netd-user-selector-medium-size {
  width: 420px;
}

.netd-user-selector-medium-size .netd-user-selector-top-left, .netd-user-selector-medium-size .netd-user-selector-btm-left-inner-div {
  width: 320px;
}

.netd-user-selector-medium-size .netd-user-selector-top-left .token-input-list-facebook, .netd-user-selector-medium-size .netd-user-selector-btm-left-inner-div .token-input-list-facebook {
  width: inherit;
}

.netd-filter-toggle {
  text-align: left;
  padding-left: 16px;
  font-size: var(--font-size);
}

.netd-filter-toggle span {
  color: #ffffff;
}

.netd-user-selector-large-size {
  width: 100%;
}

.netd-user-selector-large-size .netd-user-selector-top-left, .netd-user-selector-large-size .netd-user-selector-btm-left-inner-div {
  width: 92%;
}

.netd-user-selector-large-size .netd-user-selector-top-left .token-input-list-facebook, .netd-user-selector-large-size .netd-user-selector-btm-left-inner-div .token-input-list-facebook {
  width: inherit;
}

.netd-accordion .netd-user-selector-small-size .netd-user-selector-btm-left-inner-div {
  width: 195px;
}

.netd-accordion .netd-user-selector-small-size .netd-user-selector-btm-left-inner-div .token-input-list-facebook {
  width: inherit;
}

.netd-user-selector-top-left {
  *line-height: 1.5;
}

label.netd-user-selector-title {
  display: block;
  float: left;
  margin: 0 0 2px 0;
  padding: 0;
  width: auto;
}

.netd-num-selected {
  float: right;
  display: inline;
  margin: 0;
  color: #aaa;
}

.netd-user-selector-btm-left-inner-div {
  clear: left;
  float: left;
  background: #fff;
  border: 1px solid transparent; border-color: var(--bordercolor);
  border-radius: 0px;
  min-height: 48px;
}

.netd-user-selector-btm-left-inner-div ul.token-input-list-facebook {
  float: left;
  padding: 0;
  margin: 0 0 -1px;
  cursor: default;
  box-shadow: none;
  border-radius: var(--borderradius);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.netd-user-selector-btm-left ul.token-input-list-facebook li.token-input-token-facebook {
  padding: 3px 10px 3px 3px;
  margin: 1px;
  font-size: 12px;
  border: 1px solid transparent; border-color: var(--bordercolor);
  border-radius: var(--borderradius);
  background: var(--lightgrey);
}

.netd-user-selector-btm-left ul.token-input-list-facebook li.token-input-highlighted-token-facebook {
  background: var(--bordercolor);
  cursor: pointer;
}

.netd-user-selector-btm-left ul.token-input-list-facebook li.token-input-selected-token-facebook {
  background: #fff;
  border: 1px solid var(--secondary);
  color: var(--textcolor);
}

.netd-user-selector-btm-left ul.token-input-list-facebook li.token-input-selected-token-facebook p {
  color: var(--textcolor);
}

.token-input-box[type="text"] {
  box-sizing: border-box;
  width: 100%;
  height: 48px;
  margin: 0;
  padding: var(--primary);
  color: var(--textcolor);
  border: 0;
  outline: none;
  box-shadow: none;
}

.token-input-box[type="text"]:focus {
  background: #fff;
  color: var(--textcolor);
  border: 1px solid var(--secondary);
  box-shadow: none;
  outline: none;
}

.token-input-dropdown-facebook {
  *margin: 16px 0 0 0;
}

li.token-input-token-readonly-facebook p {
  color: var(--textcolor);
}

.netd-user-selector-span {
  display: none;
}

.disabled-netd-user-selector .netd-user-selector-btm-left ul.token-input-list-facebook li.token-input-token-facebook, .disabled-netd-user-selector .token-input-box {
  color: var(--textcolor);
  border: none;
  background: none;
  cursor: default;
}

.disabled-netd-user-selector .netd-user-selector-btm-left ul.token-input-list-facebook, .disabled-netd-user-selector .netd-token-input, .disabled-netd-user-selector .netd-user-selector-btm-left-inner-div {
  background: #fff;
  cursor: default;
}

.disabled-netd-user-selector li.token-input-token-facebook span, .disabled-netd-user-selector .netd-user-selector-btm-right {
  display: none;
}

/* Multi select drop-down, Module Status Filter on Current Learning Modules and Catalog Editor > Participants */
.netd-multi-select-dropdown-container {
  position: relative;
  *z-index: 2;
}

.netd-multi-select-dropdown-container .netd-multi-select-list {
  top: 50px;
  left: 0;
  position: absolute;
  overflow-y: scroll;
  overflow-x: auto;
  margin: 0;
  padding: 10px;
  height: 180px;
  width: 200px;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
  background: #fff;
  border: 1px solid transparent; border-color: var(--bordercolor);
  z-index: 201;
  word-wrap: normal;
  *padding: 10px 5px;
}

.netd-multi-select-dropdown-container .netd-multi-select-list li {
  margin: 0;
  padding: 0;
}

.netd-multi-select-dropdown-container .netd-multi-select-list li a {
  *padding: 0 5px;
}

.netd-multi-select-dropdown-container .netd-multi-select-list li label.checkbox {
  /*esignature ul on organization editing view*/
  margin: 5px 0 0 0;
  padding: 0;
}

.netd-multi-select-dropdown-container .netd-multi-select-list li label.checkbox.restricted-status {
  width: 225px;
}

.netd-multi-select-dropdown-container .netd-multi-select-list.restricted-status {
  width: 225px;
}

.netd-multi-select-dropdown-container .netd-multi-select-buttons-container {
  left: 0;
  position: absolute;
  padding: 10px;
  width: 200px;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
  background: #fff;
  border: 1px solid transparent; border-color: var(--bordercolor);
  z-index: 201;
  word-wrap: normal;
  height: 24px;
  top: 225px;
  overflow: hidden;
  *padding: 10px 5px;
}

.netd-multi-select-dropdown-container .netd-multi-select-buttons-container.restricted-status {
  width: 225px;
}

/*Inline Permission Selector*/
.netd-perm-criteria-box {
  margin: 4px 0 8px 0;
}

.netd-perm-criteria-box .netd-perm-criteria-title-box {
  font-weight: bold;
}

#uae-options li {
  margin: 4px 0;
}

#uae-options li input[type="text"] {
  margin: 0 4px 0 0;
}

body.frameless table td select, select.list-select-items {
  max-width: 240px;
}

.result-per-page, .netd-form label.result-per-page {
  margin: 4px;
  color: var(--textcolor);
  width: auto;
  display: inline;
}

#resultsPerPage {
  *width: 54px;
  /*Fix select width for IE7 On Catalog Search*/
}

.tips-link {
  font-size: 11px;
  vertical-align: inherit;
  margin-left: 3px;
}

.tips-link a, .tips-link a:active, .tips-link a:visited {
  border-bottom: 1px dashed transparent; 
  border-color: var(--bordercolor);
  color: var(--link);
}

.tips-link a:hover, .tips-link a:active:hover, .tips-link a:visited:hover {
  color: var(--linkhover);
  border-bottom: 1px dashed #c4c4c4;
}

.tips-box {
  margin-top: 12px;
  color: #333;
}

.tips-box ul {
  list-style: disc;
  margin-bottom: 4px;
  margin-left: 16px;
}

.tips-box ul li {
  width: 50%;
  float: left;
  margin: 4px 0;
}

.tips-box ul li p {
  color: var(--textcolor);
}

.logical-group > span.meta {
  border-top: 1px dashed transparent; border-color: var(--bordercolor);
  margin: 16px 0;
  position: relative;
}

.logical-group > span.meta > .label {
  position: absolute;
  top: -10px;
  display: block;
  width: auto;
  background: #fff;
  padding: 0 4px 0 0;
}

/* For Teach Review page attendance sheet uploader*/
input[type=file].transparent-file-input {
  width: 100%;
  background: #fff;
  box-sizing: border-box;
  border: 1px solid transparent; border-color: var(--bordercolor);
  line-height: 50px;
  background: #fff;
  padding: 10px 20px;
  font-family: var(--font);
  font-size: var(--font-size);
  color: var(--textcolor);
}

/*Fixed the error msg overflow width for permission selector, organization area*/
table#ORG .orgDisjointRequired + label.error {
  width: 350px;
}

/*Mass Email Sender*/
.massemail-send-button-div, .massemail-user-attr-div {
  clear: both;
  padding: 12px 0;
}

.massemail-sender-user-radioinput {
  float: left;
}

label.error {
  clear: both;
  display: block;
  margin: 0 4px 4px 0;
}

.ffb-input {
  border-radius: var(--borderradius);
}

#UPLOADFORM {
  padding: 20px 0;
}

/*action-navigation*/
.action-nav {
  position: relative;
  clear: both;
  float: left;
  padding: 16px 10px;
  margin: 0;
  width: 100%;
  background: var(--lightgrey);
  border: 1px solid transparent; border-color: var(--bordercolor);
  border-radius: 0px;
  color: var(--textcolor);
  box-sizing: border-box;
}

.action-nav .sort h3,
.action-nav select.sort {
  line-height: 50px;
}

.action-nav .result-per-page {
  margin: 0;
}

.action-nav .result-per-page select,
.action-nav .result-per-page span {
  float: none;
}

.action-nav .button,
.action-nav button,
.action-nav input[type="submit"],
.action-nav input[type="reset"],
.action-nav input[type="button"] {
  margin: 0 8px 0 0;
  padding: 0 20px;
  border: 0;
  overflow: hidden;
  float: left !important;
  margin-left: 5px !important;
  margin-right: 0 !important;
}

.action-nav .button.ui-button-icon-only, .action-nav .button.ui-button-icons-only,
.action-nav button.ui-button-icon-only,
.action-nav input.ui-button-icon-only[type="submit"],
.action-nav input.ui-button-icon-only[type="reset"],
.action-nav input.ui-button-icon-only[type="button"],
.action-nav button.ui-button-icons-only,
.action-nav input.ui-button-icons-only[type="submit"],
.action-nav input.ui-button-icons-only[type="reset"],
.action-nav input.ui-button-icons-only[type="button"] {
  padding: 8px;
  border: 0px;
}

.action-nav button.button, .action-nav input.button[type="submit"], .action-nav input.button[type="reset"], .action-nav input.button[type="button"] {
  *padding: 1px 0;
}

.action-nav input[type="text"], .action-nav input[type="password"] {
  margin: 0 4px 0 0;
  padding: 4px 0;
  float: left;
}

.action-nav h3,
.action-nav .head-text {
  float: left;
  padding: 0 4px;
  margin: 0;
  font-size: 1em;
  font-weight: bold;
  line-height: 52px;
}

.action-nav .select-all-none {
  margin: 8px;
  display: inline-block;
  width: auto;
}

.action-nav .select-all-none .divider {
  color: #aaaaaa;
  background: transparent;
}

.action-nav .netd-form-group {
  margin: 0;
}

.action-nav .netd-form-group label {
  float: left;
  display: inline-block;
  width: auto;
  padding: 0;
  margin: 0;
  line-height: 50px;
}

.float-right + .full-width .action-nav, .float-right + .user-search .action-nav {
  margin-top: 5px;
  /*add spacing to action-nav that belows Results per page*/
}

.action-nav select,
.netd-form .action-nav select:not([multiple]),
.mainframe table td .action-nav select {
  float: left;
  padding: 0px 12px;
  margin: 0 4px;
  max-width: 400px;
  border: 1px solid transparent; border-color: var(--bordercolor);
  border-radius: var(--borderradius);
}

.netd-table tr .action_column {
  padding: 0 3px;
}

/*********************************************
 * Basic table and netd-table component style.
 *********************************************/
/* Basic Table*/
th,
td {
  text-align: initial;
  vertical-align: middle;
  border-collapse: collapse;
  border: 0;
  line-height: 1.2rem;
}

th [align="right"],
th [align="RIGHT"],
th [valign="right"],
th [valign="RIGHT"],
td [align="right"],
td [align="RIGHT"],
td [valign="right"],
td [valign="RIGHT"] {
  text-align: right;
}

th [align="top"],
th [align="TOP"],
th [valign="top"],
th [valign="TOP"],
td [align="top"],
td [align="TOP"],
td [valign="top"],
td [valign="TOP"] {
  vertical-align: top !important;
}

th b,
td b {
  display: inline-block;
}

th.submenu a,
td.submenu a {
  font-size: 1em;
  color: var(--tableheadertext);
  background: var(--tableheaders);
  padding: 2px 6px 4px 6px;
}

th.submenu a:hover,
td.submenu a:hover {
  color: #ffffff;
  background: #13284d;
}

th.submenuselect a,
td.submenuselect a {
  font-size: 1em;
  padding: 2px 6px 4px 6px;
  color: #ffffff;
  background: #13284d;
}

th.comp-center-intro,
td.comp-center-intro {
  background: white;
  color: var(--tableheadertext);
}

th [class^="icon-"],
th [class*=" icon-"],
td [class^="icon-"],
td [class*=" icon-"] {
  margin-right: 5px;
}

th,
.viewHeader {
  color: var(--tableheadertext);
  background: var(--tableheaders);
  font-family: var(--font);
}

th [class^="icon-"],
th [class*=" icon-"],
.viewHeader [class^="icon-"],
.viewHeader [class*=" icon-"] {
  color: inherit;
}

th a,
th a:active,
th a:hover,
th a:visited,
.viewHeader a,
.viewHeader a:active,
.viewHeader a:hover,
.viewHeader a:visited {
  color: var(--tableheadertext);
}

table {
  text-align: inherit;
  vertical-align: top;
  border-collapse: collapse;
  border: 0;
  /*FULL WIDTH TABLE*/
}

table th:first-child {
  border-radius: 4px 0 0 4px;
  padding-left: 8px !important;
}

table tr .ordering_column,
table .select_column,
table tr .action_column {
  width: 24px;
  margin: 0;
  padding: 0;
  text-align: right;
}

table tr .ordering_column,
table.netd-table tr .ordering_column .moveable {
  padding: 0 3px;
  width: 1px;
}

table .select_column {
  text-align: center;
  padding: 4px 0;
}

table#exams_evaluations td {
  vertical-align: middle;
}

table.netd-table tbody tr td,
table#system_configuration_table tbody tr td {
  padding: 8px 4px;
  line-height: 1.5;
  vertical-align: middle !important;
  border: 0;
  border-bottom: 1px solid transparent; border-color: var(--bordercolor);
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
}

table.netd-table tbody tr td.nest-table,
table#system_configuration_table tbody tr td.nest-table {
  padding: 0;
}

table.netd-table tbody tr td.nest-table table,
table.netd-table tbody tr td.nest-table .netd-table,
table#system_configuration_table tbody tr td.nest-table table,
table#system_configuration_table tbody tr td.nest-table .netd-table {
  margin: 0;
}

table.netd-table tbody tr td.nest-table table .row1,
table.netd-table tbody tr td.nest-table table .row2,
table.netd-table tbody tr td.nest-table .netd-table .row1,
table.netd-table tbody tr td.nest-table .netd-table .row2,
table#system_configuration_table tbody tr td.nest-table table .row1,
table#system_configuration_table tbody tr td.nest-table table .row2,
table#system_configuration_table tbody tr td.nest-table .netd-table .row1,
table#system_configuration_table tbody tr td.nest-table .netd-table .row2 {
  background: transparent;
}

table.full-width th, table.user-search th,
table.full-width td.viewHeader,
table.user-search td.viewHeader {
  padding: 8px 4px;
}

table.full-width th.no-padding, table.user-search th.no-padding,
table.full-width td.no-padding,
table.user-search td.no-padding {
  padding: 0;
}

table.netd-table {
  clear: both;
  width: 100%;
  background: transparent;
  border: none;
  margin: 0 0 24px 0;
}

table.netd-table + .netd-table {
  /*Give margin to table that is after another table such as Accounts view*/
  margin: 20px 0;
}

table.netd-table thead tr th {
  padding: 8px 10px 8px 3px;
  line-height: 1.5;
  text-transform: uppercase;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
  vertical-align: middle;
  border: 0;
  border-bottom: none;
  font-family: var(--font);
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
  text-transform: uppercase;
  text-shadow: none;
  letter-spacing: 1px;
}

table.netd-table td span.module-title {
  display: block;
}

table.netd-table .netd-hover-link a {
  line-height: 1.25em;
}

table.netd-table .netd-hover-link div.netd-hover-actions a {
  font-weight: normal;
}

table.netd-table tfoot tr td {
  padding: 8px 4px;
  font-weight: bold;
  background: #dedede;
  border-top: 2px solid transparent; border-color: var(--bordercolor);
}

table.sortable {
  clear: both;
  width: 100%;
  margin: 0 0 24px 0;
}

table.sortable th div {
  position: relative;
  padding-right: 16px;
}

table.sortable th a {
  display: block;
  width: auto;
  border-bottom: 0;
  margin: 0;
  font-size: 13px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 1px;
  padding: 0 12px 0 0;
  text-decoration: none;
}

table.sortable th a:hover {
  color: var(--secondary);
}

table.sortable th a:visited:hover {
  color: var(--secondary);
}

table.sortable th a.sort_arrow {
  position: absolute;
  top: 0;
  right: 0;
  background: #ffffff;
}

table.sortable td img {
  float: left;
  *float: none;
}

table.nested {
  margin: 0;
}

table.nested th {
  font-weight: bold;
  background: transparent;
  color: #1a1a1a;
}

table.nested tr:last-child td {
  border-bottom: 0;
}

table.nested .row1,
table.nested .row2 {
  background: transparent;
}

table.chart {
  padding: 5px;
  background: #ffffff;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
}

table.chart th {
  padding: 8px 4px;
  color: #ffffff;
  background: #3f4c6b;
}

b table {
  width: 100%;
  margin: 0 0 24px 0;
  clear: both;
  border-collapse: collapse;
  border: 0;
}

b table tr th,
b table tr td {
  padding: 8px 4px;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
  line-height: 1.5;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
  vertical-align: middle;
}

/*additional is for the rows such as "Total"*/
tr.additional, tr.row1.additional, tr.row2.additional {
  border-top: 2px solid transparent; border-color: var(--bordercolor);
  font-weight: bold;
  background: #f5f5f5;
}

tr.question-type, tr.row1.question-type, tr.row2.question-type {
  border-top: 2px solid transparent; border-color: var(--bordercolor);
  background: #fff;
}

table.full-width td, table.user-search td,
#alist1 tbody tr td,
.dataTables_wrapper table td {
  vertical-align: middle;
}

/* Sortable tables */
.sortarrow {
  color: black;
  float: left;
}

.sortarrow img {
  float: left;
}

/* PAIR-TABLE On Report R218 - HTML format Run in Browser*/
.pair-table {
  border: 1px solid transparent; border-color: var(--bordercolor);
}

/** Competency Manager > Library > Expandable Competency Description */
#skill_data {
  table-layout: fixed;
}

#skill_data a.level_expander {
  float: left;
}

#skill_data .name_column {
  width: 100%;
  text-align: left;
  cursor: pointer;
}

#skill_data .level_info {
  width: auto;
  padding: 8px 16px 10px 45px;
  background: var(--bordercolor);
}

/*Catalog Revisions List Table*/
#revision-history-table .revision-inactive {
  color: var(--textcolor);
}

.revision-cell-suffix {
  margin: 0 5px;
}

.overflow-table-wrapper {
  clear: both;
  width: 100%;
  overflow: auto;
}

body.manage-centre .overflow-table-wrapper {
  overflow: visible;
}

table.calcolor1,
div.side-widget table {
  width: 100%;
}

/*Fixed the Repository Manager Table vertical alignment*/
form[name="FILEINFO"] table tr td {
  vertical-align: middle;
  line-height: 20px;
  padding: 0;
  *line-height: 1;
}

form[name="FILEINFO"] table tr td a {
  vertical-align: middle;
  line-height: 20px;
  padding: 0;
  *line-height: 1;
}

form[name="FILEINFO"] table tr td input[type="checkbox"] {
  float: left;
  line-height: 22px;
  *line-height: 1;
  *float: none;
}

form[name="FILEINFO"] table tr td a img {
  float: left;
  line-height: 22px;
  *line-height: 1;
  *float: none;
  width: 20px;
  height: auto;
  margin: 0 0 2px 5px;
}

form[name="FILEINFO"] table tr td input[type="checkbox"] {
  margin: 5px;
}

.maintable {
  font-size: 1em;
  padding: 10px 5px;
  width: 100%;
}

.rebuild-summary-table {
  width: 600px;
  margin: 16px 0;
}

/* For iFrame course players*/
table.course-player {
  height: 100%;
  width: 100%;
  padding: 0;
  border-spacing: 0;
  border-collapse: collapse;
}

table.eval-table .eval-competency {
  width: 25%;
}

table.eval-table .eval-level {
  width: 10%;
}

table.eval-table .eval-evidence {
  width: 65%;
}

#proficiency_levels .orderCol {
  width: 10px;
}

#proficiency_levels .codeCol {
  width: 80px;
}

#proficiency_levels .code input {
  width: 70px;
}

#proficiency_levels .titleCol {
  width: 120px;
}

#proficiency_levels .title input {
  width: 110px;
}

#proficiency_levels .descCol {
  width: auto;
}

#proficiency_levels .desc textarea {
  width: 97%;
}

/* APPRAISAL MANAGER > Template > Structure > Create/Edit Section */
#appraisal-template-form .checkboxTable tr:hover {
  background-color: var(--lightgrey);
}

#appraisal-template-form .checkboxTable tr.disabled * {
  color: var(--textcolor);
}

#appraisal-template-form .checkboxTable tr.disabled td:last-child span[class^="icon-"],
#appraisal-template-form .checkboxTable tr.disabled td:last-child input[type="checkbox"]:disabled {
  visibility: hidden;
}

#appraisal-template-form .checkboxTable tr.enabled span[class^="icon-"],
#appraisal-template-form .checkboxTable tr.enabled input[type="checkbox"]:disabled {
  visibility: visible;
}

#appraisal-template-form .checkboxTable tr td.visibility-column,
#appraisal-template-form .checkboxTable tr td:last-child {
  text-align: center;
}

.netd-table tr .action_column .button-no-bg .ui-button-text .netd-icon {
  color: var(--textcolor);
  transition: color 0.15s ease-in;
}

.netd-table tr .action_column .button-no-bg:disabled .ui-button-text .netd-icon {
  color: var(--textcolor);
}

.netd-table tr:hover .action_column .button-no-bg .ui-button-text .netd-icon {
  color: #1a1a1a;
}

.netd-table tr:hover .action_column .button-no-bg:disabled .ui-button-text .netd-icon {
  color: var(--textcolor);
}

table.netd-table.search-tips-table {
  background: transparent;
}

table.netd-table.search-tips-table *,
table.netd-table.search-tips-table thead tr th,
table.netd-table.search-tips-table tbody tr td,
table.netd-table.search-tips-table tr.row1,
table.netd-table.search-tips-table tr.row2 {
  color: var(--textcolor);
  background: transparent;
  padding-left: 0;
}

table.netd-table.search-tips-table thead tr th {
	color: var(--tableheadertext);
}

table.netd-table.search-tips-table thead th {
  font-weight: bold;
}

table.netd-table.search-tips-table thead th.example {
  width: 200px;
}

th:hover,
.viewHeader:hover {
  box-shadow: none !important;
}

/*Netd Accordion Component*/
/*-Netd Accordion General Style-*/
.netd-accordions-container {
  width: 100%;
  max-width: 930px;
  margin: 10px 0;
  display: inline-block;
}

.netd-accordion > .content {
  width: 100%;
  padding: 16px 2% 16px 2%;
  clear: both;
  display: inline-block;
  border: 1px solid transparent; border-color: var(--bordercolor);
  border-top: 0;
  margin: 0;
  background: #ffffff;
  box-sizing: border-box;
}

.accordion {
  margin-top: 16px;
}

.status-header {
  cursor: pointer;
}

.status-header:hover {
  background: var(--bordercolor);
}

.status-header .netd-accordion-draggable {
  position: relative;
  top: 8px;
}

.status-header .netd-accordion-icon {
  margin: 9px 0 0 16px;
}

.status-header .netd-accordion-icon + .netd-accordion-icon {
  margin: 9px 0 0 16px;
}

.status-header .netd-accordion-draggable + .netd-accordion-icon {
  margin: 6px 0 0 0;
  width: 14px;
}

.status-header .netd-accordion-draggable + .netd-accordion-icon + .netd-accordion-icon {
  margin: 6px 0 0 0;
  width: 14px;
}

.status-header .netd-drop-down-btn-container {
  margin: -4px 0;
}

/*-Netd Accordion Customized Style-*/
.criteria-accordion-container .logical-group {
  border-left: 1px dashed transparent; border-color: var(--bordercolor);
  padding-left: 20px;
}

.search-criteria-container, .netd-accordion .content.appraisal-status-body-wrapper {
  padding: 0;
  width: 100%;
  margin: 0;
}

.user-selector-accordion-container {
  margin: 10px 0;
}

.user-selector-content {
  /*For the overlay modal*/
  max-height: 550px;
  overflow-y: auto;
}

button, input[type="submit"], input[type="reset"], input[type="button"],
.button,
.btn,
.netd-button,
input.button,
input[type="submit"],
input[type="reset"],
input[type="button"],
input.button {
  background: var(--button);
  border: 0 !important;
  border-radius: var(--buttonborderradius);
  box-shadow: none;
  color: var(--buttontext);
  text-decoration: none !important;
  font-family: var(--font);
  font-size: var(--font-size);
  font-weight: 400 !important;
  line-height: 48px;
  letter-spacing: 0;
  text-transform: inherit;
  text-shadow: none;
  box-sizing: border-box;
  height: 48px;
  margin: 0 3px 3px 0;
  padding: 0 24px;
  text-align: center;
  line-height: 48px;
  outline: none !important;
  cursor: pointer;
}

button:hover, input:hover[type="submit"], input:hover[type="reset"], input:hover[type="button"],
.button:hover,
.btn:hover,
.netd-button:hover,
input.button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
input.button:hover {
  background: var(--buttonhover);
  border-color: var(--buttonhover);
  box-shadow: none;
  color: var(--buttontexthover);
}

button:active, input:active[type="submit"], input:active[type="reset"], input:active[type="button"],
.button:active,
.btn:active,
.netd-button:active,
input.button:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active,
input.button:active {
  background: var(--buttonhover);
  border-color: transparent;
  box-shadow: none;
  color: var(buttontexthover);
}

button span, input[type="submit"] span, input[type="reset"] span, input[type="button"] span,
.button span,
.btn span,
.netd-button span,
input.button span,
input[type="submit"] span,
input[type="reset"] span,
input[type="button"] span,
input.button span {
  font-weight: 400;
}

button:disabled, input:disabled[type="submit"], input:disabled[type="reset"], input:disabled[type="button"], button:disabled:hover, input:disabled:hover[type="submit"], input:disabled:hover[type="reset"], input:disabled:hover[type="button"],
.button:disabled,
.button:disabled:hover,
.btn:disabled,
.btn:disabled:hover,
.netd-button:disabled,
.netd-button:disabled:hover,
input.button:disabled,
input.button:disabled:hover,
input[type="submit"]:disabled,
input[type="submit"]:disabled:hover,
input[type="reset"]:disabled,
input[type="reset"]:disabled:hover,
input[type="button"]:disabled,
input[type="button"]:disabled:hover,
input.button:disabled,
input.button:disabled:hover {
  color: var(--buttontext);
  background: var(--button);
  border: 0 !important;
  cursor: default;
  box-shadow: none;
  opacity: .5;
}

button:focus, input:focus[type="submit"], input:focus[type="reset"], input:focus[type="button"],
.button:focus,
.btn:focus,
.netd-button:focus,
input.button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus,
input.button:focus {
  outline: none;
}

.btn:not(.pf-button),
.user-selector-button,
.netd-form input[type="text"] + .btn {
  background: var(--button);
  border: 0 !important;
  border-radius: var(--buttonborderradius);
  box-shadow: none;
  color: var(--buttontext);
  text-decoration: none !important;
  font-family: var(--font);
  font-size: var(--font-size);
  font-weight: 400 !important;
  line-height: 50px;
  letter-spacing: 0;
  text-transform: inherit;
  text-shadow: none;
  box-sizing: border-box !important;
  height: 48px !important;
  width: 48px !important;
  text-align: center !important;
  transform: translateY(1px);
  line-height: 50px !important;
}

.btn:not(.pf-button):hover,
.user-selector-button:hover,
.netd-form input[type="text"] + .btn:hover {
  background: var(--buttonhover);
  border-color: var(--buttonhover);
  box-shadow: none;
  color: var(--buttontexthover);
}

.btn:not(.pf-button):active,
.user-selector-button:active,
.netd-form input[type="text"] + .btn:active {
  background: var(--buttonhover);
  border-color: transparent;
  box-shadow: none;
  color: var(--buttontexthover);
}

.netd-drop-down-btn-container button, .netd-drop-down-btn-container input[type="submit"], .netd-drop-down-btn-container input[type="reset"], .netd-drop-down-btn-container input[type="button"],
.netd-drop-down-btn-container .button,
.netd-drop-down-btn-container .btn,
.netd-drop-down-btn-container .netd-button,
.netd-drop-down-btn-container input.button,
.netd-drop-down-btn-container input[type="submit"],
.netd-drop-down-btn-container input[type="reset"],
.netd-drop-down-btn-container input[type="button"] {
  margin: 0 3px 0 0;
  transform: translateY(1px);
}

/*For selector button use, such as catalog default image selector*/
.btn,
.user-selector-button,
.netd-form input[type="text"] + .btn {
  box-sizing: border-box;
  width: 48px;
  height: 48px;
  padding: 4px 10px;
  margin: 0 4px 0 4px;
  color: var(--buttontext);
  background: var(--button);
  border-radius: var(--buttonborderradius);
  box-shadow: none;
}

.btn:disabled [class^="icon-"],
.btn:disabled [class*=" icon-"], .btn:disabled:hover [class^="icon-"],
.btn:disabled:hover [class*=" icon-"],
.user-selector-button:disabled [class^="icon-"],
.user-selector-button:disabled [class*=" icon-"],
.user-selector-button:disabled:hover [class^="icon-"],
.user-selector-button:disabled:hover [class*=" icon-"],
.netd-form input[type="text"] + .btn:disabled [class^="icon-"],
.netd-form input[type="text"] + .btn:disabled [class*=" icon-"],
.netd-form input[type="text"] + .btn:disabled:hover [class^="icon-"],
.netd-form input[type="text"] + .btn:disabled:hover [class*=" icon-"] {
  font-size: 1em;
}

.btn.select-btn,
.user-selector-button.select-btn,
.netd-form input[type="text"] + .btn.select-btn {
  margin-left: 5px;
}

.btn:hover,
.user-selector-button:hover,
.netd-form input[type="text"] + .btn:hover {
  color: var(--buttontexthover);
  background: var(--buttonhover);
  box-shadow: none;
}

.buttons {
  margin-right: auto;
  text-align: center;
}

a.button:active,
.ui-widget-content a.button:active {
  color: #fff;
  border-color: transparent;
}

.info-button {
  float: right;
  margin: -40px 0 0 0;
}

.info-button button.ui-button-icon-only, .info-button input.ui-button-icon-only[type="submit"], .info-button input.ui-button-icon-only[type="reset"], .info-button input.ui-button-icon-only[type="button"] {
  width: 24px;
  height: 24px;
}

.tab-contents .info-button {
  margin: 0;
}

.ui-dialog-content .info-button-dialogue {
  /*Main content in the info button modal*/
  width: 600px;
  height: 500px;
  overflow-y: auto;
  line-height: 1.5;
}

.ui-dialog-content .info-button-dialogue h3 {
  margin: 1em 0 5px 0;
}

.ui-dialog-content .info-button-dialogue h3:first-child {
  margin-top: 0;
}

.ui-dialog-content .info-button-dialogue p {
  margin: 5px 0;
}

.button-set,
.buttons-container {
  text-align: left;
  display: block;
  clear: both;
}

.button-set button, .button-set input[type="submit"], .button-set input[type="reset"], .button-set input[type="button"],
.button-set .button,
.button-set > input[type="button"],
.button-set .search-reset,
.button-set input[type="submit"],
.button-set input[type="reset"],
.buttons-container button,
.buttons-container input[type="submit"],
.buttons-container input[type="reset"],
.buttons-container input[type="button"],
.buttons-container .button,
.buttons-container > input[type="button"],
.buttons-container .search-reset,
.buttons-container input[type="submit"],
.buttons-container input[type="reset"] {
  display: inline-block;
  margin: 8px 20px 8px 0;
}

.button-set.fixed-to-bottom,
.buttons-container.fixed-to-bottom {
  position: fixed;
  bottom: 0;
  left: 0;
  padding: 12px 24px;
  width: 100%;
  max-width: 1280px;
  left: 50%;
  transform: translateX(-50%);
  box-shadow: none;
  background: transparent;
  border-top: 0;
}

.button-set.fixed-to-bottom:after,
.buttons-container.fixed-to-bottom:after {
  border-top: 1px solid transparent; 
  border-color: var(--bordercolor);
  background: #ffffff;
  display: block;
  content: "";
  width: 100vw;
  left: 50%;
  position: fixed;
  bottom: 0;
  z-index: -1;
  height: 71px;
  transform: translateX(-50%);
}

.button-set.fixed-to-bottom button, .button-set.fixed-to-bottom input[type="submit"], .button-set.fixed-to-bottom input[type="reset"], .button-set.fixed-to-bottom input[type="button"],
.button-set.fixed-to-bottom .button,
.button-set.fixed-to-bottom > input[type="button"],
.button-set.fixed-to-bottom .search-reset,
.buttons-container.fixed-to-bottom button,
.buttons-container.fixed-to-bottom input[type="submit"],
.buttons-container.fixed-to-bottom input[type="reset"],
.buttons-container.fixed-to-bottom input[type="button"],
.buttons-container.fixed-to-bottom .button,
.buttons-container.fixed-to-bottom > input[type="button"],
.buttons-container.fixed-to-bottom .search-reset {
  margin: 0 20px 0 0;
  padding: 0 24px;
}

.fixed-to-bottom .button-set,
.fixed-to-bottom .buttons-container {
  display: initial;
}

.fixed-to-bottom.button-set, .fixed-to-bottom.buttons-container {
  display: initial;
}

/*Set button position in popup-window */
#user-selector-search table td input[type="BUTTON"], #user-selector-search table td input[type="SUBMIT"] {
  margin: 2px 0 0 14px;
  /*Fix the overlapping of the selector in old pop-up User selector*/
}

.mainframe table td input[type="BUTTON"],
.SELECTORFRAME table td input[type="BUTTON"],
.mainframe table td input[type="SUBMIT"],
.SELECTORFRAME #user-selector-search table td input.search-button {
  margin: 2px 8px 2px 0;
  /*Set the general style for buttons in table. Mainly effect the buttons in user selector*/
}

/*End of setting button position in popup-window */
.netd-filter-form .button-set button, .netd-filter-form .button-set input[type="submit"], .netd-filter-form .button-set input[type="reset"], .netd-filter-form .button-set input[type="button"],
.netd-filter-form .button-set .button,
.netd-filter-form .button-set > input[type="button"],
.netd-filter-form .button-set .search-reset,
.netd-filter-form .button-set input[type="submit"],
.netd-filter-form .button-set input[type="reset"] {
  margin: 8px 8px 0 0;
  display: inline-block;
}

/*Scroll To Top*/
.to-top-btn {
  position: fixed;
  right: 5%;
  bottom: -1px;
  z-index: 3006;
}

.to-top-btn a {
  display: block;
  color: var(--link) !important;
  font-weight: bold;
  background: #ffffff;
  border: 1px solid transparent; 
  border-color: var(--bordercolor);
  border-top-left-radius: 35px;
  border-top-right-radius: 35px;
  padding: 6px 18px 2px 18px;
  box-shadow: none;
  transition: padding-bottom 0.3s;
}

.to-top-btn a .netd-icon {
  font-size: 18px;
}

.to-top-btn a:hover {
  padding: 6px 18px 10px 18px;
  border: 1px solid transparent; border-color: var(--bordercolor);
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
  transition: padding-bottom 0.3s;
  color: var(--linkhover);
  background: transparent;
}

.to-top-btn a:hover .netd-icon {
  color: var(--linkhover);
  background: transparent;
}

a.button-no-bg:hover {
  color: var(--linkhover);
}

.netd-button-with-small-icon .netd-icon {
  font-size: 0.9em;
  padding-right: 5px;
}

.netd-button-with-small-icon .netd-icon::before {
  width: 12px;
}

.button-no-bg {
  background: none;
  border: none;
  box-shadow: none;
  padding: 0;
  color: var(--link);
}

.button-no-bg:hover {
  background: none;
}

.ui-button .ui-button-text {
  direction: ltr;
}

.ui-button-text .netd-icon {
  color: #ffffff;
  font-size: 1rem;
  line-height: 100%;
  margin-top: 2px;
}

#button-container span,
#competency-Level-div span.button {
  margin-right: 5px;
  padding: 4px 2px 5px 2px;
}

/*selector input add/remove arrow icons*/
.vertical-buttons {
  text-align: center;
}

.vertical-buttons .action-buttons {
  margin: 50px 0 0 16px;
  vertical-align: top;
  float: left;
}

input#addall, input#ADDSINGLE, input#REMOVESINGLE, input#removeall {
  text-indent: -9999px;
  width: 26px;
  height: 26px;
  padding: 0;
  *text-indent: 0;
  *font-size: 0;
  border: 0;
  overflow: hidden;
}

input#addall::-moz-focus-inner, input#ADDSINGLE::-moz-focus-inner, input#REMOVESINGLE::-moz-focus-inner, input#removeall::-moz-focus-inner {
  border: 0;
}

.is-horizontal-button input#addall,
.horizontal-buttons input#addall {
  background-color: var(--button);
  background-repeat: no-repeat;
  background-position: 8px 7px;
}

.is-horizontal-button input#addall:hover,
.horizontal-buttons input#addall:hover {
  background-color: var(--buttonhover);
}

.is-horizontal-button input#ADDSINGLE,
.horizontal-buttons input#ADDSINGLE {
  background-color: var(--button);
  background-repeat: no-repeat;
  background-position: -25px 7px;
}

.is-horizontal-button input#ADDSINGLE:hover,
.horizontal-buttons input#ADDSINGLE:hover {
  background-color: var(--buttonhover);
}

.is-horizontal-button input#REMOVESINGLE,
.horizontal-buttons input#REMOVESINGLE {
  background-color: var(--button);
  background-repeat: no-repeat;
  background-position: -58px 7px;
}

.is-horizontal-button input#REMOVESINGLE:hover,
.horizontal-buttons input#REMOVESINGLE:hover {
  background-color: var(--buttonhover);
}

.is-horizontal-button input#removeall,
.horizontal-buttons input#removeall {
  background-color: var(--button);
  background-repeat: no-repeat;
  background-position: -92px 7px;
}

.is-horizontal-button input#removeall:hover,
.horizontal-buttons input#removeall:hover {
  background-color: var(--buttonhover);
}

.is-vertical-button input#addall,
.vertical-buttons input#addall {
  background-color: var(--button);
  background-repeat: no-repeat;
  background-position: 6px 8px;
}

.is-vertical-button input#addall:hover,
.vertical-buttons input#addall:hover {
  background-color: var(--buttonhover);
}

.is-vertical-button input#ADDSINGLE,
.vertical-buttons input#ADDSINGLE {
  background-color: var(--button);
  background-repeat: no-repeat;
  background-position: 6px -25px;
}

.is-vertical-button input#ADDSINGLE:hover,
.vertical-buttons input#ADDSINGLE:hover {
  background-color: var(--buttonhover);
}

.is-vertical-button input#REMOVESINGLE,
.vertical-buttons input#REMOVESINGLE {
  background-color: var(--button);
  background-repeat: no-repeat;
  background-position: 6px -58px;
}

.is-vertical-button input#REMOVESINGLE:hover,
.vertical-buttons input#REMOVESINGLE:hover {
  background-color: var(--buttonhover);
}

.is-vertical-button input#removeall,
.vertical-buttons input#removeall {
  background-color: var(--button);
  background-repeat: no-repeat;
  background-position: 6px -92px;
}

.is-vertical-button input#removeall:hover,
.vertical-buttons input#removeall:hover {
  background-color: var(--buttonhover);
}

.profile-pick-button {
  width: 150px;
}

.button#saveAllButton {
  margin: 10px 0;
}

/* Make button-set in EXAM RESULTS and Exam Review align and same size */
#show-exam-result-button-set form,
#show-exam-summary-button-set form,
#review-browser-buttonset form {
  display: inline-block;
}

#show-exam-result-button-set .ui-button-text-only .ui-button-text,
#show-exam-summary-button-set .ui-button-text-only .ui-button-text,
#review-browser-buttonset .ui-button-text-only .ui-button-text {
  padding: 0;
}

#show-exam-result-button-set .ui-widget,
#show-exam-summary-button-set .ui-widget,
#review-browser-buttonset .ui-widget {
  font-size: 1em;
}

.ui-widget.button-no-bg.mark-as-completed {
  border: 0;
}

.button[name="backButton"] {
  margin-right: 10px;
}

.submodule-exam-container a.course-dropdown-btn,
.submodule-exam-container .module-actions .course-dropdown-btn {
  padding: 4px 8px;
}

.frameless.use-pop-ups .course-instance .submodule-container .module-drilldown-btn {
  padding: 0px 20px;
}

.module-drilldown-btn > i {
  margin-right: 5px;
}

body .ui-dialog-titlebar button.ui-state-default.ui-state-hover, body .ui-dialog-titlebar input.ui-state-default.ui-state-hover[type="submit"], body .ui-dialog-titlebar input.ui-state-default.ui-state-hover[type="reset"], body .ui-dialog-titlebar input.ui-state-default.ui-state-hover[type="button"] {
  background: var(--button);
}

.button[name="submitButtonJS"],
.button[name="buttonInput"] {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

button:not(.pf-button), input:not(.pf-button)[type="submit"], input:not(.pf-button)[type="reset"], input:not(.pf-button)[type="button"],
input[type="submit"]:not(.pf-button),
input[type="reset"]:not(.pf-button),
input[type="button"]:not(.pf-button),
span#file-upload-btn-pop.button:not(.pf-button),
.button,
.btn:not(.pf-button),
.netd-button,
input.button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  border-radius: var(--buttonborderradius);
  box-shadow: none;
  padding-top: 0;
  padding-bottom: 0;
}

.ui-dialog-titlebar button.ui-state-default, .ui-dialog-titlebar input.ui-state-default[type="submit"], .ui-dialog-titlebar input.ui-state-default[type="reset"], .ui-dialog-titlebar input.ui-state-default[type="button"],
.ui-dialog-titlebar button.ui-button,
.ui-dialog-titlebar input.ui-button[type="submit"],
.ui-dialog-titlebar input.ui-button[type="reset"],
.ui-dialog-titlebar input.ui-button[type="button"] {
  background: var(--button);
}

/*netd-drop-down*/
.netd-drop-down-btn-container,
html[dir=rtl] .netd-drop-down-btn-container {
  position: static;
  margin: 0 6px 0 0;
  padding: 0;
  display: inline-block;
  *display: inline;
}

.netd-drop-down-btn-container.right-to-left,
html[dir=rtl] .netd-drop-down-btn-container.right-to-left {
  direction: rtl;
}

.netd-drop-down-btn-container > .netd-button, html[dir=rtl] .netd-drop-down-btn-container > .netd-button {
    box-sizing: border-box;
    width: auto;
    padding: 0px 10px;
    background: var(--button);
    border: 0px;
    border-radius: 0px;
    box-shadow: none;
    color: var(--buttontext);
    text-align: center;
    border: 1px solid transparent !important;
}

.netd-drop-down-btn-container > .netd-button:disabled,
html[dir=rtl] .netd-drop-down-btn-container > .netd-button:disabled {
  background: var(--button);
  border: 0px;
  border-radius: 0px;
  box-shadow: none;
  color: var(--buttontext);
  border-radius: 0px;
  opacity: .5;
}

.netd-drop-down-btn-container .ui-button-text-only .ui-button-text,
html[dir=rtl] .netd-drop-down-btn-container .ui-button-text-only .ui-button-text {
  padding: 0;
  margin: 0;
  width: 100%;
}

.netd-drop-down-btn-container .ui-button-text .icon-cog,
html[dir=rtl] .netd-drop-down-btn-container .ui-button-text .icon-cog {
  padding: 0;
  margin: 0;
  width: auto;
  height: auto;
  font-size: 1rem;
  color: var(--textcolor);
}

.netd-drop-down-btn-container > .netd-drop-down-btn-list,
html[dir=rtl] .netd-drop-down-btn-container > .netd-drop-down-btn-list {
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
  position: absolute;
  z-index: 1001;
  float: left;
  min-width: 180px;
  padding: 5px 0;
  margin: 0;
  list-style: none;
  background: #fff;
  border-radius: 0 4px 4px 4px;
  /* default-left-to-right */
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  background-clip: padding-box;
  border: 1px solid transparent; 
  border-color: var(--bordercolor);
}

.netd-drop-down-btn-container > .netd-drop-down-btn-list.right-to-left,
html[dir=rtl] .netd-drop-down-btn-container > .netd-drop-down-btn-list.right-to-left {
  border-top-right-radius: 0;
  border-top-left-radius: var(--borderradius);
}

.netd-drop-down-btn-container > .netd-drop-down-btn-list > li,
html[dir=rtl] .netd-drop-down-btn-container > .netd-drop-down-btn-list > li {
  font-weight: normal;
  font-size: 1em;
  line-height: 24px;
  text-align: left;
  padding: 4px 12px;
  margin: 0;
  cursor: pointer;
  white-space: nowrap;
  color: var(--textcolor);
  background: #fff;
  transition: none;
}

.netd-drop-down-btn-container#btn-create-exam .netd-drop-down-btn-list,
html[dir=rtl] .netd-drop-down-btn-container#btn-create-exam .netd-drop-down-btn-list {
  left: 16px;
  top: 46px;
}

html[dir=rtl] .netd-drop-down-btn-container.right-to-left {
  direction: ltr;
}

/* override old skins */
html[dir=rtl] .netd-drop-down-btn-container ul.netd-drop-down-btn-list.right-to-left,
html[dir=rtl] .netd-drop-down-btn-container ul.netd-drop-down-btn-list.left-to-right {
  left: auto;
  right: auto;
  top: auto;
}

.drop-down-menu li a {
  font-weight: normal;
  font-size: 1em;
  line-height: 1;
  text-align: left;
  padding: 4px 12px;
  margin: 0;
  cursor: pointer;
  white-space: nowrap;
  color: var(--textcolor);
  background: #fff;
  transition: background 0.2s ease-in-out;
}

.action-nav .netd-drop-down-btn-container {
  width: auto;
  display: block;
  right: 26px;
  left: inherit;
  top: -1px;
  margin-left: 6px;
}

.action-nav .netd-drop-down-btn-container .netd-button {
  width: 100%;
}

.action-nav .netd-drop-down-btn-container .ui-button-text .netd-icon {
  display: inline-block;
  margin: 0 8px 0 0;
  padding: 0;
  height: 14px;
  font-size: 1rem;
  color: #ffffff;
  transition: all 0.3s ease-in;
}

.action-nav .netd-drop-down-btn-container .active-drop-down-button .ui-button-text .netd-icon {
  color: #ffffff;
}

#organization-maintenance-gear .netd-button, #catalog-structure-gear .netd-button {
  padding: 0;
  margin: 0;
}

.action-nav .netd-drop-down-btn-container .ui-button-text .icon-cog {
  padding: 4px 0;
  width: auto;
  height: auto;
  font-size: 1rem;
  color: #1a1a1a;
  margin: 0 6px;
}

.netd-drop-down-btn-container:hover > .netd-button:first-child, .netd-drop-down-btn-container.active > .netd-button:first-child, html[dir=rtl] .netd-drop-down-btn-container:hover > .netd-button:first-child, html[dir=rtl] .netd-drop-down-btn-container.active > .netd-button:first-child {
    background: #fff;
    border: 1px solid transparent; 
	border-color: var(--bordercolor);
    border-radius: 0px;
    box-shadow: none;
    color: var(--button);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: 0;
    z-index: 1002;
    box-sizing: border-box;
    border: var(--bordercolor) !important;
    border-bottom: 0px !important;
}

.netd-drop-down-btn-container:hover > .netd-button:first-child .ui-button-text .netd-icon,
.netd-drop-down-btn-container.active > .netd-button:first-child .ui-button-text .netd-icon,
html[dir=rtl] .netd-drop-down-btn-container:hover > .netd-button:first-child .ui-button-text .netd-icon,
html[dir=rtl] .netd-drop-down-btn-container.active > .netd-button:first-child .ui-button-text .netd-icon {
  color: var(--buttonhover);
}

.netd-drop-down-btn-container:hover > .netd-button:first-child:disabled,
.netd-drop-down-btn-container.active > .netd-button:first-child:disabled,
html[dir=rtl] .netd-drop-down-btn-container:hover > .netd-button:first-child:disabled,
html[dir=rtl] .netd-drop-down-btn-container.active > .netd-button:first-child:disabled {
  color: var(--buttontexthover);
  background: var(--buttonhover);
  border: 0 !important;
  cursor: default;
  box-shadow: none;
  opacity: .5;
  border-radius: var(--buttonborderradius);
}

.netd-drop-down-btn-container:hover > .netd-button:first-child:disabled.button-no-bg,
.netd-drop-down-btn-container.active > .netd-button:first-child:disabled.button-no-bg,
html[dir=rtl] .netd-drop-down-btn-container:hover > .netd-button:first-child:disabled.button-no-bg,
html[dir=rtl] .netd-drop-down-btn-container.active > .netd-button:first-child:disabled.button-no-bg {
  background: transparent;
  border-color: transparent;
  box-shadow: none;
  color: #ffffff;
}

.netd-drop-down-btn-container:hover > .netd-button:first-child:disabled + .netd-drop-down-btn-list,
.netd-drop-down-btn-container.active > .netd-button:first-child:disabled + .netd-drop-down-btn-list,
html[dir=rtl] .netd-drop-down-btn-container:hover > .netd-button:first-child:disabled + .netd-drop-down-btn-list,
html[dir=rtl] .netd-drop-down-btn-container.active > .netd-button:first-child:disabled + .netd-drop-down-btn-list {
  display: none;
}

.netd-drop-down-btn-container:hover > .netd-drop-down-btn-list,
.netd-drop-down-btn-container.active > .netd-drop-down-btn-list,
html[dir=rtl] .netd-drop-down-btn-container:hover > .netd-drop-down-btn-list,
html[dir=rtl] .netd-drop-down-btn-container.active > .netd-drop-down-btn-list {
  /*display: block;*/
  visibility: visible;
  opacity: 1;
}

.netd-table tbody tr:hover .netd-drop-down-btn-container .active-drop-down-button,
.action-nav .netd-drop-down-btn-container .active-drop-down-button,
.appraisal-template-structure .netd-drop-down-btn-container .active-drop-down-button {
  background: #fff;
  color: #333;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border: 1px solid var(--bordercolor);
  border-bottom: 0;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
  z-index: 1002;
  box-sizing: border-box;
  *border: 0;
}

.action-nav .netd-drop-down-btn-container .netd-button-icon-only + ul.netd-drop-down-btn-list, .status-header .netd-drop-down-btn-container .netd-button-icon-only + ul.netd-drop-down-btn-list {
  margin-right: 0;
  padding: 0 23px;
}

.netd-drop-down-btn-list li a, .drop-down-menu li a, .course-instance .module .course-dropdown-list li a {
  font-weight: normal;
  display: block;
  margin: 0;
  line-height: 2;
  background: #fff;
  white-space: nowrap;
  border: 0;
  transition: none;
}

.drop-down-menu li a {
  background: #fff;
}

.netd-drop-down-btn-list li.with-child {
  padding: 0;
}

.netd-drop-down-btn-list li.with-child a,
.course-instance .module .course-dropdown-list li a {
  padding: 4px 12px;
  background: #ffffff;
  transition: background 0.2s;
}

.netd-drop-down-btn-list li:hover,
.netd-drop-down-btn-list li:hover a,
.drop-down-menu li a:hover,
.course-instance .module .course-dropdown-list li a:hover {
  color: var(--linkhover);
  background: #ffffff;
  text-decoration: none;
  text-shadow: none;
}

.netd-drop-down-btn-list .disabled, .netd-drop-down-btn-list .disabled:hover {
  color: var(--bordercolor);
  background: #ffffff;
  cursor: default;
  text-shadow: none;
  opacity: .5;
}

.netd-drop-down-btn-list .disabled .netd-drop-down-btn-item-link, .netd-drop-down-btn-list .disabled:hover .netd-drop-down-btn-item-link {
  color: var(--bordercolor);
  background: #ffffff;
  cursor: default;
  text-shadow: none;
  opacity: .5;
}

.netd-drop-down-btn-list .disabled .netd-drop-down-btn-item-link:hover, .netd-drop-down-btn-list .disabled:hover .netd-drop-down-btn-item-link:hover {
  color: var(--bordercolor);
  background: #ffffff;
  cursor: default;
  text-shadow: none;
  opacity: .5;
}

.netd-drop-down-btn-list .divider, .netd-drop-down-btn-list .divider:hover {
  height: 1px;
  margin: 9px 1px;
  padding: 0 10px;
  overflow: hidden;
  background: #e5e5e5;
  border-bottom: 1px solid #ffffff;
}

/*Old drop-down-menu on competency manager*/
.drop-down-menu {
  position: absolute;
  top: 50px;
  right: 5px;
  margin-top: -1px;
  z-index: 1000;
  min-width: 160px;
  border-radius: 3px;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
}

.drop-down-menu li {
  padding: 0;
  font-size: 1em;
}

.netd-drop-down-btn-container:hover > .netd-button:first-child:disabled {
  border: 0;
}

#breadcrumb-trail {
  margin: 20px auto;
  z-index: 10;
  max-width: 1210px;
  text-align: left;
}

#breadcrumb-trail a {
  color: var(--white);
}

.breadcrumb {
  padding: 12px 0;
  margin: 4px 0;
  color: var(--white);
  background: transparent;
}

.breadcrumb-separator {
  color: var(--bordercolor);
  padding: 0 8px;
}

/*Pagination Container*/
.pagination-container {
  clear: both;
  width: 100%;
  padding: 0;
  margin: 12px 0;
  float: left;
  line-height: 28px;
}

.pagination-container .button {
  padding: 0 10px;
  height: 35px;
  line-height: 35px;
  margin: 0 0 0 1px;
  border-radius: 0px !important;
}

.pagination-container .button .ui-button-text {
  min-width: 5px;
  line-height: 100%;
}

.pagination-container .button#button-first {
  border-top-left-radius: var(--borderradius);
  border-bottom-left-radius: var(--borderradius);
}

.pagination-container .button#button-last {
  border-top-right-radius: var(--borderradius);
  border-bottom-right-radius: var(--borderradius);
}

.pagination-container .button.current-page:disabled {
  color: var(--buttontexthover);
  background: var(--buttonhover);
  border: 0 !important;
  cursor: default;
  box-shadow: none;
  opacity: .5;
  opacity: 1;
  text-decoration: underline;
  font-weight: 800;
  background-color: var(--buttonhover);
}

a.netd-button.button.netd-action-link.current-page.ui-button-disabled.ui-state-disabled.netd-button-text-only.ui-button.ui-corner-all.ui-widget.button-ui-inited {
    background: var(--buttonhover);
    opacity: 1;
}

body.frameless .message-box, body.manage-centre .message-box, .message-box.no-border {
  margin: 0;
  padding: 0;
  border: 0;
  position: relative;
  min-height: 220px;
}

.message-box.success h1:after, .message-box.success h2:after, .message-box.failed h1:after, .message-box.failed h2:after, .message-box.neutral h1:after, .message-box.neutral h2:after, .message-box.no-border.success:after, .message-box.no-border.failed:after, .message-box.no-border.neutral:after {
  position: absolute;
  top: 0;
  right: 30px;
  margin: 0;
  padding: 0 2rem;
  color: #009933;
  font-family: "FontAwesome";
  font-size: 180px;
  content: "\f118";
  opacity: 0.2;
}

.message-box.failed h1:after, .message-box.failed h2:after, .message-box.no-border.failed:after {
  content: "\f119";
  color: #ee3333;
}

.message-box.neutral h1:after, .message-box.neutral h2:after, .message-box.no-border.neutral:after {
  content: "\f11a";
  color: #ff9900;
}

.message-box {
  position: relative;
  width: 96%;
  max-width: 800px;
  margin: 10px auto;
  padding: 10px 2% 20px;
  overflow: hidden;
  color: var(--textcolor);
  border: 1px solid transparent; border-color: var(--bordercolor);
  min-height: 240px;
}

.message-box.success, .message-box.failed, .message-box.neutral {
  color: var(--textcolor);
}

.message-box.success h1:after, .message-box.success h2:after, .message-box.failed h1:after, .message-box.failed h2:after, .message-box.neutral h1:after, .message-box.neutral h2:after {
  line-height: 1.5;
}

.message-box.failed {
  color: var(--textcolor);
}

.message-box.neutral {
  color: var(--textcolor);
}

.ui-dialog-content .message-box h1, .ui-dialog-content .message-box h2 {
  margin-top: 0;
}

/*Optimize the enroll result module list Need to be revamped*/
.enroll-result img, .root-program img {
  margin: 0 3px 0 1px;
  vertical-align: top;
}

.enroll-result .status img {
  margin: 0 5px;
}

.enroll-result .root-program {
  font-weight: bold;
}

.enroll-result .root-program .module, .enroll-result .root-program .program {
  font-weight: bold;
}

.enroll-result .root-program .module, .enroll-result .root-program .program {
  margin: 8px 0 0 40px;
}

img {
  border: 0;
  outline: none;
  max-width: 1024px;
  max-height: 1024px;
}

/*Image Icon Style*/
.link .mail-read-status, .report-icon, .question-icon, .course-instance p img {
  vertical-align: middle;
  width: auto;
  height: auto;
}

.treeframe img, .netd-table td img, .mainframe .maintable td img, .SELECTORFRAME a img {
  vertical-align: text-bottom;
}

.link .mail-read-status, .report-icon, .question-icon, .course-instance p img, .netd-table td img, .SELECTORFRAME a img {
  margin: 0 10px 0 1px;
}

/*Image Preview Wrapper - System Configuration*/
.preview-image-wrapper {
  position: relative;
  display: inline-block;
}

.preview-image-wrapper .preview-image-tooltip {
  position: absolute;
  background: #f5f5f5;
  border: 1px solid transparent; border-color: var(--bordercolor);
  width: 162px;
  margin: 0;
  padding: 5px;
  bottom: 35px;
  left: 0;
  box-sizing: border-box;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
}

.preview-image-wrapper .preview-image-tooltip .arrow-down {
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-color: var(--bordercolor);
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  position: absolute;
  bottom: -10px;
  left: 70px;
}

.image-preview-wrapper {
  float: right;
  box-sizing: border-box;
  width: 162px;
  height: 162px;
  margin: 2px 0 10px 10px;
  padding: 5px;
  background: #f5f5f5;
  border: 1px solid transparent; border-color: var(--bordercolor);
}

.netd-image-preview {
  margin: 0 0 0 10px;
}

.sys-default-image, .mainframe .image-for-preview {
  width: 150px;
  height: 150px;
  border: 1px solid transparent; border-color: var(--bordercolor);
  box-sizing: border-box;
}

.netd-tooltip[class^="icon-"], .netd-tooltip[class*=" icon-"], .tooltip[class^="icon-"], .tooltip[class*=" icon-"], .preview[class^="icon-"], .preview[class*=" icon-"], .screenshot[class^="icon-"], .screenshot[class*=" icon-"] {
  padding: 0;
  margin: 0 4px;
  color: var(--button);
  font-size: 1.077em;
  cursor: pointer;
}

.netd-tooltip[class^="icon-"]:hover, .netd-tooltip[class*=" icon-"]:hover, .tooltip[class^="icon-"]:hover, .tooltip[class*=" icon-"]:hover, .preview[class^="icon-"]:hover, .preview[class*=" icon-"]:hover, .screenshot[class^="icon-"]:hover, .screenshot[class*=" icon-"]:hover {
  color: #1a1a1a;
}

.icon-question-sign {
  color: var(--button);
  cursor: pointer;
}

.icon-question-sign:hover {
  color: var(--buttonhover);
}

#tooltip, #preview {
  color: var(--textcolor);
  background: #222222;
  border: 1px solid var(--bordercolor);
  padding: 4px;
  text-align: left;
  border-radius: var(--borderradius);
  display: none;
  opacity: 0.9;
}

#tooltip {
  background: transparent;
  border: none;
  color: #333;
  width: 300px;
}

#tooltip table td {
  color: #333;
  font-weight: normal;
}

.netd-tooltip-container, .learningPath-tooltip, .goalHierarchy-tooltip {
  display: none;
}

#tooltip .body {
  text-align: left;
  border: 1px solid transparent; 
  border-color: var(--bordercolor);
  border-radius: var(--borderradius);
  padding: 12px;
  color: #202020;
  background: #fff;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
  min-width: 200px;
  width: auto;
  max-width: 380px;
  line-height: 1.25;
  display: inline-block;
}

#tooltip .title-text, #tooltip h3 {
  margin: 0 0 4px 0;
  padding: 0;
  line-height: 1.25;
  color: #000;
  width: inherit;
  font-weight: bold;
}

#tooltip dl {
  width: 100%;
}

#tooltip dl dt {
  float: none;
  width: 100%;
  border: none;
  padding: 0;
  margin: 0;
  color: #202020;
  font-weight: bold;
}

#tooltip dl dd {
  float: none;
  width: 100%;
  border: none;
  padding: 0;
  color: #202020;
  margin: 0 0 4px 0;
  font-weight: normal;
}

#tooltip ul {
  list-style: disc;
  padding: 0 0 0 16px;
  margin: 4px 0;
}

#tooltip ul li {
  margin: 4px 0;
}

#tooltip .profile-image {
  display: inline;
  float: left;
  margin-right: 4px;
  width: 53px;
}

.substitute-expiry-tooltip {
  margin: 0 0 4px 24px;
  color: #999999;
}

.gadget {
  text-align: left;
  margin: 0;
  padding: 0;
}

.gadget * {
  margin: 0;
  padding: 0;
}

.gadget .nav {
  padding: 0 0 5px 0;
  margin: 0 0 5px 0;
  border-bottom: 1px solid transparent; 
  border-color: var(--bordercolor);
  font-size: 1em;
  text-align: right;
}

.gadget .netd-table {
  width: 100%;
  margin: 0;
}

textarea.gadget-code, input[type="text"].gadget-code {
  width: 480px;
  margin: 5px 0;
}

div.side-widget {
  margin-bottom: 30px;
  border: 1px solid transparent; 
  border-color: var(--bordercolor);
}

#home-widgets {
  /*Home Widgets - Current/Organization Goal Widget*/
}

#home-widgets .widget-content {
  width: 96%;
  padding: 5px 2% 10px 2%;
  max-height: inherit;
  overflow: auto;
}

#home-widgets .widget-content table thead th {
  font-weight: bold;
  color: var(--tableheadertext);
  background: transparent;
}

#home-widgets .widget-content .netd-icon.icon-fullscreen {
  margin-right: 4px;
}

#home-widgets .course-status-widget .widget-content,
#home-widgets .my-appraisees-progress-widget .widget-content {
  padding: 0;
  background: #ffffff;
  width: 100%;
}

#home-widgets .goals-container ul {
  margin: 0 0 5px 0;
  padding: 0;
}

#home-widgets .goals-container ul li {
  position: relative;
  border: 0;
  padding: 0;
}

#home-widgets .goals-container ul li .icon-arrow-right {
  position: absolute;
  top: 8px;
  right: 6px;
  color: var(--button);
  opacity: 0;
  transition: all 0.3s ease-out;
}

#home-widgets .goals-container ul li:hover .icon-arrow-right {
  opacity: 1;
}

#home-widgets .goals-container ul li a {
  display: block;
  width: 100%;
  background: transparent;
  border-bottom: 1px dashed #eeeeee;
  padding: 8px 0;
  font-weight: bold;
  transition: all 0.3s ease-out;
}

#home-widgets .goals-container ul li a .icon-flag-checkered {
  color: var(--button);
  font-size: 14px;
  margin: 0 5px 0 0;
}

#home-widgets .goals-container ul li .target-date {
  font-weight: normal;
  display: block;
  color: var(--button);
  margin: 5px 0 0 24px;
}

#home-widgets .goals-container ul li .user-avatar {
  width: 50px;
  height: 50px;
  display: block;
  float: left;
  margin: 0 5px 0 0;
}

#home-widgets .my-team-current-goals ul li a {
  min-height: 52px;
}

#home-widgets .my-team-current-goals ul li .target-date {
  margin: 5px 0 0 56px;
}

#home-widgets .home-catalog-courses li {
  padding: 5px;
}

#home-widgets .home-catalog-courses .module-status {
  float: right;
  width: auto;
}

#home-widgets .catalog-search .widget-content {
  overflow: visible;
}

#home-widgets .overall-training-progress,
#home-widgets [id^="user-review-"] {
  display: inline-block;
  overflow: auto;
}

#home-widgets .overall-training-progress .user-row,
#home-widgets [id^="user-review-"] .user-row {
  border: 0;
}

#home-widgets .overall-training-progress .user-row h4,
#home-widgets .overall-training-progress .node-learning-module,
#home-widgets [id^="user-review-"] .user-row h4,
#home-widgets [id^="user-review-"] .node-learning-module {
  font-weight: normal;
  text-transform: initial;
}

#home-widgets .overall-training-progress .learning-module-list,
#home-widgets [id^="user-review-"] .learning-module-list {
  padding: 0 0 10px 40px;
  background: transparent;
  border: 0;
}

#home-widgets .overall-training-progress .learning-module-list .node-title,
#home-widgets .overall-training-progress .learning-module-list .node-learning-module,
#home-widgets [id^="user-review-"] .learning-module-list .node-title,
#home-widgets [id^="user-review-"] .learning-module-list .node-learning-module {
  padding-left: 0;
}

#home-widgets .overall-training-progress .node-learning-module,
#home-widgets [id^="user-review-"] .node-learning-module {
  padding: 5px 0;
}

#home-widgets .overall-training-progress .node-learning-module:hover,
#home-widgets [id^="user-review-"] .node-learning-module:hover {
  background: transparent;
  cursor: default;
}

#home-widgets .overall-training-progress .node-learning-module .collapse-indicator,
#home-widgets [id^="user-review-"] .node-learning-module .collapse-indicator {
  visibility: hidden;
}

#home-widgets .overall-training-progress .node-learning-module.node-learning-program:hover,
#home-widgets [id^="user-review-"] .node-learning-module.node-learning-program:hover {
  background: #eeeeee;
  cursor: pointer;
}

#home-widgets .overall-training-progress .node-learning-module.node-learning-program .collapse-indicator,
#home-widgets [id^="user-review-"] .node-learning-module.node-learning-program .collapse-indicator {
  visibility: visible;
}

#home-widgets .overall-training-progress .meta,
#home-widgets [id^="user-review-"] .meta {
  display: inline;
  font-weight: normal;
  font-size: 0.9em;
}

#home-widgets .overall-training-progress .meta.module-status,
#home-widgets [id^="user-review-"] .meta.module-status {
  text-transform: capitalize;
}

#home-widgets .overall-training-progress a.module-title,
#home-widgets [id^="user-review-"] a.module-title {
  font-weight: normal;
  color: #1a1a1a;
}

.chart-widget {
  z-index: 1;
  width: 100%;
  text-align: center;
}

/* EnrollmentList widget image */
.recent-enrollment .widget-enrollment-list-image {
  width: 60px;
}

.recent-enrollment .widget-enrollment-list-image img {
  height: 50px;
  width: 50px;
}

.competency-summary {
  float: left;
  width: 200px;
  margin-top: 10px;
}

.competency-summary .competency-name {
  font-weight: bold;
}

.competency-gap {
  float: right;
  margin-bottom: 10px;
}

.competency-gap > div {
  display: inline;
  float: right;
}

.competency-gap .bar-container {
  height: 16px;
  width: 200px;
  float: right;
}

.bar-container {
  height: 16px;
  width: 200px;
}

.competency-gap .bar-container div {
  height: 16px;
}

.competency-gap span {
  float: left;
  height: 16px;
}

.competency-gap .req-level-bar {
  background: transparent;
  border: none;
  width: 200px;
  float: left;
  margin-top: -17px;
  overflow: visible;
}

.competency-gap .req-level-bar .ui-progressbar-value {
  background: transparent;
  border: none;
  width: 200px;
  float: left;
}

.competency-progress .bar-container {
  width: 100%;
  padding-top: 3px;
}

.competency-progress .bar-container + div {
  width: 200px;
}

.competency-progress .bar-container div {
  border-radius: 9px;
}

.competency-progress div span {
  cursor: default;
  font-size: 0;
}

.competency-progress .bar-container .cur-level-bar {
  height: 10px;
  background: #838383;
  border-bottom: 1px solid #fff;
  border-top: 1px solid #757575;
  box-shadow: inset 0 1px 2px #666666;
}

.competency-progress .bar-container .req-level-bar {
  height: 18px;
}

.competency-progress .bar-container .cur-level-bar .met {
  background: transparent url("images/progressbar-green.png") repeat;
  box-shadow: inset 0 1px 2px #666666;
  border: 0;
  border-radius: 0;
}

.competency-progress .bar-container .cur-level-bar .notmet {
  background: transparent url("images/progressbar-red.png") repeat;
  box-shadow: inset 0 1px 2px #666666, 1px 0 0 #666;
  border: 0;
  border-radius: 0;
}

.competency-progress .bar-container .req-level-bar {
  float: left;
  margin-top: -16px;
  background: transparent;
  border: none;
  overflow: visible;
}

.competency-progress .ui-progressbar {
  width: 200px;
}

.competency-progress .min-value {
  background: transparent url("../images/decorate/prohibited.png") no-repeat 0 0;
  margin-top: 3px;
  width: 12px;
  height: 14px;
}

.req-level-bar .ui-progressbar-value {
  height: 18px;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  background: transparent url("images/competency_status_target.png") no-repeat bottom right;
  margin-left: 9px;
  padding-left: 3%;
  border: none;
}

.competency-gap .ProgressTracking .ui-progressbar-value {
  height: 22px;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  background: transparent url("images/competency_status_target.png") no-repeat bottom right;
  margin-left: 9px;
}

.signOff-assessment .competency-gap .req-level-bar .ui-progressbar-value {
  margin: -4px 0 0 0;
}

.compliance .ui-progressbar {
  border-radius: 6px;
  height: 10px;
  max-width: 200px;
  background: #ffffff;
  border: 2px solid #cccccc;
}

.compliance .ui-progressbar .ui-widget-header {
  background: #009933;
  border-right: 2px solid #00802a;
}

.compliance .ui-progressbar + .progressbar-percentage {
  display: block;
  width: 100%;
  max-width: 200px;
  text-align: center;
  font-size: .923em;
  margin: 2px 0 0 0;
}

/*Progress bar text*/
span.progressbar span {
  white-space: nowrap;
}

.with-actions-panel .actions-panel {
  display: none;
}

#actions-panel-container {
  position: absolute;
  z-index: 1000;
}

#actions-panel-container .actions-panel {
  position: relative;
}

#actions-panel-container .actions-panel .arrow-down {
  position: absolute;
  top: 100%;
  left: 45%;
  width: 0;
  height: 0;
  margin-top: -1px;
  border-style: solid;
  border-width: 4px 3px 0 3px;
  border-color: var(--button) transparent transparent transparent;
}

#actions-panel-container .actions-panel.show, #actions-panel-container .actions-panel.hide {
  top: -22px;
  left: 4px;
  width: auto;
  height: auto;
  overflow: visible;
  transition: opacity 0.2s;
  opacity: 1;
}

#actions-panel-container .actions-panel.hide {
  top: 0;
  width: 1px;
  height: 0;
  overflow: hidden;
  opacity: 0;
}

#actions-panel-container .actions-panel ul {
  display: block;
  padding: 0;
  margin: 0;
  background: transparent;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
}

#actions-panel-container .actions-panel ul li {
  display: inline-block;
  width: auto;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  height: 100%;
  border: 0;
  background: transparent;
}

#actions-panel-container .actions-panel ul li a {
  white-space: nowrap;
  display: block;
  padding: 8px 12px;
  height: 100%;
  margin: 0 1px 0 0;
  line-height: 1;
  vertical-align: middle;
  color: var(--buttontext);
  background: var(--button);
  border: 0 !important;
  border-radius: 0;
}

#actions-panel-container .actions-panel ul li a:hover {
  color: var(--buttontexthover);
  background: var(--buttonhover);
  border-color: var(--buttonhover);
}

#actions-panel-container .actions-panel ul li:first-child a {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}

#actions-panel-container .actions-panel ul li:last-child a {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.netd-selector-list {
  clear: both;
}

.netd-selector-list .option {
  width: 100%;
  border-bottom: 1px solid transparent; 
  border-color: var(--bordercolor);
}

.netd-selector-list .option label {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  align-items: stretch;
  -webkit-align-items: stretch;
  align-content: stretch;
  -webkit-align-content: stretch;
  width: 100%;
  padding: 8px 0;
  display: block \9;
  height: 40px \9;
}

.netd-selector-list .option label:hover {
  background: var(--lightgrey);
  cursor: pointer;
}

.netd-selector-list .option label.selected {
  color: #404040;
  background: #e7f1fb;
}

.netd-selector-list .option label input[type="checkbox"] {
  width: 40px;
  text-align: center;
  float: left \9;
  margin: 8px 0 \9;
}

.netd-selector-list .option label .info {
  width: 60%;
  float: left \9;
}

.netd-selector-list .option label .actions {
  width: 30% \9;
  display: inline-block \9;
}

.netd-selector-list .option label .meta {
  font-size: .813em;
}

.netd-selector-list .divider h5 {
  margin: 0 8px;
  padding: 4px 0;
}

body.SELECTORFRAME {
  max-width: 920px;
  margin: 0 auto;
  padding: 0 20px 50px !important;
}

body.SELECTORFRAME .netd-button {
  padding-top: 0 !important;
}

body.SELECTORFRAME hr {
  display: none;
}

body.SELECTORFRAME h1, body.SELECTORFRAME h2 {
  margin: 20px 0 8px 0;
}

body.SELECTORFRAME h3 {
  margin: 0 0 16px 0;
}

body.SELECTORFRAME .divider {
  background: 0;
  padding: 8px 0 4px 0;
}

body.SELECTORFRAME #searchform-toggle {
  margin-bottom: 0;
  background: var(--button);
  border: 0 !important;
  position: relative;
  text-decoration: none;
  z-index: 10;
}

body.SELECTORFRAME #searchform-toggle:hover {
  background: var(--buttonhover);
}

body.SELECTORFRAME .netd-filter-form {
  margin: 12px 0;
  padding: 20px;
  background: var(--lightgrey);
  border-bottom: 1px solid transparent; 
  border-color: var(--bordercolor);
}

body.SELECTORFRAME .toggle-layout {
  float: right;
}

body.SELECTORFRAME .toggle-layout a {
  border-bottom-width: 1px;
  border-bottom-style: solid;
}

body.SELECTORFRAME .button-set:last-child {
  margin-top: 20px;
}

.results-selector-container.vertical .available-results-container, .results-selector-container.vertical .selected-results-container {
  width: 100%;
}

.results-selector-container.horizontal {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: stretch;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 24px;
}

.results-selector-container.horizontal .button-set.is-vertical-button, .results-selector-container.horizontal .available-results-container, .results-selector-container.horizontal .selected-results-container {
  width: 44%;
  display: inline-block;
}

.results-selector-container.horizontal .button-set.is-vertical-button .selector-list, .results-selector-container.horizontal .available-results-container .selector-list, .results-selector-container.horizontal .selected-results-container .selector-list {
  height: 240px;
  border: 0 !important;
}

.results-selector-container.horizontal .button-set.is-vertical-button {
  margin-top: 40px;
  width: 40px;
  clear: none;
  text-align: center;
}

.results-selector-container.horizontal .button-set.is-vertical-button input.select-action-button {
  margin: 8px auto;
  text-align: center;
}

#quick-navigation {
  margin: auto;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 480px;
  height: 140px;
  overflow: visible;
  z-index: 1999;
}

.quick-nav-container {
  box-sizing: border-box;
  position: relative;
  width: 480px;
  height: 140px;
  padding: 12px;
  background: #e8ecf0;
  background: #fff;
  border: 2px solid transparent;
  border-color: var(--bordercolor);
  border-radius: 0px;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
}

.quick-nav-container .close-btn {
  position: absolute;
  color: #a3aeb8;
  top: 12px;
  right: 12px;
}

.quick-nav-container form {
  position: relative;
}

.quick-nav-container label {
  display: block;
  font-size: 1.231em;
  color: #a3aeb8;
}

.quick-nav-container input[type="text"] {
  width: 100%;
  height: 44px;
  margin: 4px 0;
  padding: 0 0 0 44px;
  line-height: 44px;
  font-size: 1.231em;
  border: 1px solid #b9c5d1;
}

.quick-nav-container button.search-btn, .quick-nav-container input.search-btn[type="submit"], .quick-nav-container input.search-btn[type="reset"], .quick-nav-container input.search-btn[type="button"],
.quick-nav-container button.search-btn:hover,
.quick-nav-container input.search-btn:hover[type="submit"],
.quick-nav-container input.search-btn:hover[type="reset"],
.quick-nav-container input.search-btn:hover[type="button"] {
  position: absolute;
  top: 25px;
  left: 0;
  width: 44px;
  height: 44px;
  margin: 0;
  font-size: 1.231em;
  color: #b9c5d1;
  background: transparent;
  border: 0;
}

.quick-nav-container p.hint {
  font-size: 0.846em;
  text-align: right;
  color: #a3aeb8;
}

ul#quick-nav-suggestion-list.ui-autocomplete {
  position: fixed;
  height: 200px;
  overflow-y: scroll;
  overflow-x: hidden;
  list-style: none;
  padding: 0;
  margin: 0;
  border: 1px solid #b9c5d1;
  border-radius: 3px;
  background: #ffffff;
}

ul#quick-nav-suggestion-list.ui-autocomplete::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 8px;
  height: 8px;
}

ul#quick-nav-suggestion-list.ui-autocomplete::-webkit-scrollbar-track {
  background-color: rgba(57, 57, 57, 0.05);
}

ul#quick-nav-suggestion-list.ui-autocomplete::-webkit-scrollbar-thumb {
  background-color: rgba(156, 156, 156, 0.8);
  border-radius: 8px;
}

ul#quick-nav-suggestion-list.ui-autocomplete li.ui-menu-item {
  padding: 0;
  margin: 0;
  font-size: 1.231em;
}

ul#quick-nav-suggestion-list.ui-autocomplete li.ui-menu-item a.ui-corner-all, ul#quick-nav-suggestion-list.ui-autocomplete li.ui-menu-item a.ui-state-focus, ul#quick-nav-suggestion-list.ui-autocomplete li.ui-menu-item a.ui-state-hover {
  display: block;
  width: auto;
  margin: 0;
  padding: 4px 4px 6px 44px;
  color: #666666;
  background: #ffffff;
  font-size: 1em;
  line-height: 1.2;
  text-decoration: none;
  border-radius: 0;
  border: 0;
}

ul#quick-nav-suggestion-list.ui-autocomplete li.ui-menu-item a.ui-corner-all .menu-name,
ul#quick-nav-suggestion-list.ui-autocomplete li.ui-menu-item a.ui-corner-all .menu-path, ul#quick-nav-suggestion-list.ui-autocomplete li.ui-menu-item a.ui-state-focus .menu-name,
ul#quick-nav-suggestion-list.ui-autocomplete li.ui-menu-item a.ui-state-focus .menu-path, ul#quick-nav-suggestion-list.ui-autocomplete li.ui-menu-item a.ui-state-hover .menu-name,
ul#quick-nav-suggestion-list.ui-autocomplete li.ui-menu-item a.ui-state-hover .menu-path {
  display: block;
}

ul#quick-nav-suggestion-list.ui-autocomplete li.ui-menu-item a.ui-state-focus,
ul#quick-nav-suggestion-list.ui-autocomplete li.ui-menu-item a.ui-state-hover {
  color: #202020;
  background: #e9edf1;
  border: 0;
  text-decoration: none;
}

ul#quick-nav-suggestion-list.ui-autocomplete li.ui-menu-item a.ui-state-focus .menu-path,
ul#quick-nav-suggestion-list.ui-autocomplete li.ui-menu-item a.ui-state-hover .menu-path {
  color: #a3aeb8;
}

ul#quick-nav-suggestion-list.ui-autocomplete li.ui-menu-item .menu-path {
  font-size: 0.825em;
  color: #b9c5d1;
}

td.interactions,
div.full {
  white-space: -moz-pre-wrap;
  /* Mozilla, since 1999*/
  word-break: break-all;
  white-space: normal;
}

#FILELABEL {
  display: none;
}

.use-pop-ups > #main-document-div [style="overflow:hidden"] {
  margin: -20px;
}

#repwizd .maintable label {
  vertical-align: text-top;
  line-height: 1.4;
  height: 20px;
}

ul.submenu.tccWEG {
  display: none !important;
}

.menutable #btn {
  margin: 10px 0;
}

#EDITNEWSDIV > p {
  margin: 10px 0 !important;
}

form[name="CacheForm"] .viewHeader,
form[name="CacheForm"] .headers,
.clearfix .viewHeader,
.netd-perm-criteria-box .viewHeader,
.supervisor-assessment-container .viewHeader,
.catalog-browser-container .catalog-folder-container .viewHeader,
.clearfix .headers,
.netd-perm-criteria-box .headers,
.supervisor-assessment-container .headers,
.catalog-browser-container .catalog-folder-container .headers,
.lsshadow2 .viewHeader,
.lsshadow2 .headers {
  color: var(--tableheadertext);
  background: var(--tableheaders);
  padding: 10px 4px;
  font-weight: 600;
  vertical-align: middle;
}

.treeframe form select {
  max-width: 100%;
}

body.frameless #home-page > .clear-both {
  display: none;
}

.date-button-container > button, .date-button-container > input[type="submit"], .date-button-container > input[type="reset"], .date-button-container > input[type="button"] {
  box-shadow: none;
}

.action-nav .customize-config-loader h3 + select.customize-config-loader-dropdown {
  height: 40px;
}

.float-right label + select[name="RESULT_PER_PAGE"] {
  margin-left: 5px;
}

body.manage-centre .top_container.container_16 .search-toolbar input {
  margin: 0 5px 0 5px;
}

body.manage-centre .top_container.container_16 .search-toolbar #searchBtn {
  height: 48px;
  width: 40px;
}

body.manage-centre .top_container.container_16 .action-nav .button {
  float: left;
  margin-left: 16px;
  margin-right: 0;
}

body.manage-centre .top_container.container_16 .action-nav span h3 {
  line-height: 27px;
}

body[onload="document.f1.reset();"] table tr td label {
  line-height: 1.2;
}

tr.param_header + tr td b {
  padding-top: 16px;
}

.manage-centre.use-pop-ups .search-criteria-form .netd-button.button-no-bg {
  background: var(--button);
  border: 0 !important;
  box-shadow: none;
  padding: 0 20px;
}

.manage-centre.use-pop-ups .search-criteria-form .netd-button.button-no-bg span {
  color: #ffffff;
}

.manage-centre.use-pop-ups .search-criteria-form .netd-button.button-no-bg:hover,
.manage-centre.use-pop-ups .search-criteria-form .netd-button.button-no-bg:hover span,
.manage-centre.use-pop-ups .search-criteria-form .netd-button.button-no-bg:hover .ui-button-text span,
.manage-centre.use-pop-ups .search-criteria-form .netd-button.button-no-bg:hover .ui-button-text .netd-icon {
  background: var(--buttonhover);
  border-color: var(--buttonhover);
  color: var(--buttontexthover);
}

button.ui-state-default .ui-icon, input.ui-state-default[type="submit"] .ui-icon, input.ui-state-default[type="reset"] .ui-icon, input.ui-state-default[type="button"] .ui-icon,
button.ui-button-icon-only .ui-icon,
input.ui-button-icon-only[type="submit"] .ui-icon,
input.ui-button-icon-only[type="reset"] .ui-icon,
input.ui-button-icon-only[type="button"] .ui-icon,
.button.ui-state-default .ui-icon,
.button.ui-button-icon-only .ui-icon {
  background-image: url("images/ui-icons_custom_256x240.png") !important;
}

span.ui-state-default .ui-icon, span.ui-state-default:hover .ui-icon, span.ui-state-default:focus .ui-icon, span.ui-button .ui-icon, span.ui-button:hover .ui-icon, span.ui-button:focus .ui-icon, button.ui-state-default .ui-icon, button.ui-state-default:hover .ui-icon, button.ui-state-default:focus .ui-icon, button.ui-button .ui-icon, button.ui-button:hover .ui-icon, button.ui-button:focus .ui-icon, a.ui-state-default .ui-icon, a.ui-state-default:hover .ui-icon, a.ui-state-default:focus .ui-icon, a.ui-button .ui-icon, a.ui-button:hover .ui-icon, a.ui-button:focus .ui-icon {
    background-image: url("images/ui-icons_custom_256x240.png") !important;
}

button.ui-button-icon-only .ui-icon:hover, input.ui-button-icon-only[type="submit"] .ui-icon:hover, input.ui-button-icon-only[type="reset"] .ui-icon:hover, input.ui-button-icon-only[type="button"] .ui-icon:hover,
.button.ui-button-icon-only .ui-icon:hover {
  background-image: url("images/ui-icons_custom_256x240-hover.png") !important;
}

button.ui-state-hover .ui-icon, input.ui-state-hover[type="submit"] .ui-icon, input.ui-state-hover[type="reset"] .ui-icon, input.ui-state-hover[type="button"] .ui-icon,
button.ui-state-focus .ui-icon,
input.ui-state-focus[type="submit"] .ui-icon,
input.ui-state-focus[type="reset"] .ui-icon,
input.ui-state-focus[type="button"] .ui-icon,
button.ui-state-active .ui-icon,
input.ui-state-active[type="submit"] .ui-icon,
input.ui-state-active[type="reset"] .ui-icon,
input.ui-state-active[type="button"] .ui-icon,
.button.ui-state-hover .ui-icon,
.button.ui-state-focus .ui-icon,
.button.ui-state-active .ui-icon {
  background-image: url("images/ui-icons_custom_256x240-hover.png") !important;
}

form[name="PROGRESSFORM"] td[height="30"] input.button {
  padding: 3px;
}

.action-nav .netd-drop-down-btn-container > .netd-button {
  border-color: var(--lightgrey);
}

.manage-centre.use-pop-ups .action-nav .netd-drop-down-btn-container {
  margin-right: 0;
}

.manage-centre.use-pop-ups .action-nav .netd-drop-down-btn-container .netd-button {
  margin-right: 0;
}

.action-nav .netd-drop-down-btn-container {
  position: relative;
}

.netd-drop-down-btn-container:hover > .netd-drop-down-btn-list,
.netd-drop-down-btn-container.active > .netd-drop-down-btn-list {
  border-top-left-radius: 0;
}

.program-progress-tracker-container .progress-tracker-container > .action-nav {
  padding: 16px 11px;
}

.use-pop-ups .review-cdc-content .padding-top-10 form > input[type="SUBMIT"] {
  margin-top: 16px;
}

#schedule-report-form table tr td {
  vertical-align: middle;
}

body.frameless.use-pop-ups #main-content form [name="replyButton"],
body.frameless.use-pop-ups #main-content form [name="newMessageButton"],
body.frameless.use-pop-ups #main-content form .button[style="width:116px"],
body.frameless.use-pop-ups #main-content form [name="deleteButton"],
body.frameless.use-pop-ups #main-content form [name="backButton"] {
  width: auto !important;
}

.module-main-actions .info-details-container.button-dropdown-container a,
.module-main-actions .todo-list-container.button-dropdown-container a {
  padding: 11.5px 20px;
  border: none;
}

#repwizd .action-nav.status-header > .netd-button-text-only {
  line-height: 2.3;
}

.module-actions .course-dropdown-btn [class^="icon-"].margin-left-5 {
  margin-left: 5px;
}

.netd-filter-form.keyword-searchbox-container + #searchform-toggle {
  margin-top: -4px;
}

.course-instance .module .module-actions a {
  height: 48px;
  border: none;
}

.course-instance .module .module-actions a.course-dropdown-btn span {
  line-height: 1.8;
}

a.module-drilldown-btn span.text {
  line-height: 48px;
}

.module-description a.condense_control.condense_control_more {
  margin-left: 5px;
}

.netd-user-selector-btm-right button, .netd-user-selector-btm-right input[type="submit"], .netd-user-selector-btm-right input[type="reset"], .netd-user-selector-btm-right input[type="button"] {
  height: 40px;
}

#universalSearchForm button#universalSearch, #universalSearchForm input#universalSearch[type="submit"], #universalSearchForm input#universalSearch[type="reset"], #universalSearchForm input#universalSearch[type="button"] {
  margin-bottom: 4px;
}

.customize-config-loader .customize-config-loader-content div.customize-config-loader-list {
  height: auto;
}

.customize-config-loader .customize-config-loader-content div.customize-config-loader-list ul li a {
  line-height: 1.2;
}

/*! jQuery UI - v1.10.4 - 2014-05-15
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css, jquery.ui.theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none;
}

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 24px;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}

.ui-helper-clearfix {
  min-height: 0;
  /* support: IE7 */
}

.ui-helper-clearfix:before {
  content: "";
  display: table;
  border-collapse: collapse;
}

.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
  clear: both;
}

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0);
}

.ui-front {
  z-index: 100;
}

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important;
}

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ui-resizable {
  position: relative;
}

.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none;
}

.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}

.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}

.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}

.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}

.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black;
}

.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin-top: 2px;
  padding: 0.5em 0.5em 0.5em 0.7em;
  min-height: 0;
  /* support: IE7 */
}

.ui-accordion .ui-accordion-icons {
  padding-left: 2.2em;
}

.ui-accordion .ui-accordion-noicons {
  padding-left: 0.7em;
}

.ui-accordion .ui-accordion-icons .ui-accordion-icons {
  padding-left: 2.2em;
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
  position: absolute;
  left: 0.5em;
  top: 50%;
  margin-top: -8px;
}

.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto;
}

.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default;
}

.ui-button {
  display: inline-block;
  position: relative;
  line-height: 48px;
  height: 48px;
  margin-right: 0.1em;
  padding: 0 24px;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  overflow: visible;
  background: var(--button);
  border: 0 !important;
  border-radius: var(--buttonborderradius);
  box-shadow: none;
  color: var(--buttontext);
  text-transform: inherit;
  /* removes extra width in IE */
  text-decoration: none;
  font-family: var(--font);
}

.ui-button:hover {
  background: var(--buttonhover);
  border-color: var(--buttonhover);
  box-shadow: none;
  color: var(--buttontexthover);
}

.ui-button:active {
  background: var(--buttonhover);
  border-color: transparent;
  box-shadow: none;
  color: var(--buttontexthover);
}

.ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active {
  text-decoration: none;
}

.ui-button.button-no-bg {
  background: none;
  border-color: transparent;
  box-shadow: none;
  color: var(--button);
}

.ui-button.button-no-bg:hover, .ui-button.button-no-bg:focus {
  background: transparent;
  border-color: transparent;
  box-shadow: none;
  color: var(--buttonhover);
}

.ui-button.button-no-bg:disabled, .ui-button.button-no-bg:disabled:hover {
  background: transparent;
  border-color: transparent;
  box-shadow: none;
}

/* to make room for the icon, a width needs to be set here */
body .ui-button-icon-only,
body .ui-button-icons-only {
  background: var(--button);
  border: 0px;
  border-radius: 0px;
  color: var(--buttontext);
  padding: 2px;
  width: 24px;
  height: 24px;
  box-sizing: border-box;
  font-size: 0;
}

body .ui-button-icon-only:disabled, body .ui-button-icon-only:disabled:hover,
body .ui-button-icons-only:disabled,
body .ui-button-icons-only:disabled:hover {
  background: var(--button);
  border: 0px;
  color: var(--buttontext);
}

body .ui-button-icon-only:hover,
body .ui-button-icons-only:hover {
  background: var(--buttonhover);
  border: 0px solid var(--buttonhover);
  color: var(--buttontexthover);
}

body .ui-button-icon-only.ui-state-default .ui-icon,
body .ui-button-icons-only.ui-state-default .ui-icon {
  background-image: url("images/ui-icons_custom_256x240.png") !important;
}

body .ui-button-icon-only.ui-state-hover .ui-icon,
body .ui-button-icon-only.ui-state-focus .ui-icon,
body .ui-button-icon-only.ui-state-active .ui-icon,
body .ui-button-icons-only.ui-state-hover .ui-icon,
body .ui-button-icons-only.ui-state-focus .ui-icon,
body .ui-button-icons-only.ui-state-active .ui-icon {
  background-image: url("images/ui-icons_custom_256x240-hover.png") !important;
}

body .ui-button-icon-only.ui-state-highlight .ui-icon,
body .ui-button-icons-only.ui-state-highlight .ui-icon {
  background-image: url("images/ui-icons_custom_256x240.png");
}

.ui-button-text-only {
  width: auto;
}

.ui-button-icons-only {
  width: 3.2em;
}

button.ui-button-icons-only, input.ui-button-icons-only[type="submit"], input.ui-button-icons-only[type="reset"], input.ui-button-icons-only[type="button"] {
  width: 3.2em;
}

/* button text element */
.ui-button .ui-button-text {
  display: block;
  line-height: 50px;
  text-transform: inherit;
}

.ui-button-text-only .ui-button-text {
  padding: 0;
}

.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
  padding: 0;
  text-indent: -9999999px;
}

.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
  padding: 0;
  padding-left: 0.5em;
}

.ui-button-text-icon-secondary .ui-button-text {
  padding: 0;
  padding-left: 0.5em;
}

.ui-button-text-icons .ui-button-text {
  padding: 0;
  padding-left: 0.5em;
  padding-right: 0.5em;
}

/* no icon support for input elements, provide padding by default */
input.ui-button {
  padding: 0.4em 1em;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
  top: 50%;
  margin-top: -10px;
  margin-left: 5px;
}

.ui-button-text-icon-primary .ui-button-text {
  padding-left: 12px !important;
}

.ui-button-icon-only .ui-icon {
  left: 50%;
  margin-left: -8px;
  margin-top: -8px;
  position: absolute !important;
}

.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
  left: 0.5em;
}

.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
  right: 0.5em;
}

/* button sets */
.ui-buttonset {
  margin-right: 7px;
}

.ui-buttonset .ui-button {
  margin-left: 0;
  margin-right: -0.3em;
}

/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner,
input.ui-button[type="submit"]::-moz-focus-inner,
input.ui-button[type="reset"]::-moz-focus-inner,
input.ui-button[type="button"]::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.ui-datepicker {
  width: 17em;
  padding: 0.2em 0.2em 0;
  display: none;
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 0.2em 0;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px;
}

.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}

.ui-datepicker .ui-datepicker-next {
  right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
  width: 49%;
}

.ui-datepicker table {
  width: 100%;
  font-size: 0.9em;
  border-collapse: collapse;
  margin: 0 0 0.4em;
}

.ui-datepicker th {
  padding: 0.7em 0.3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}

.ui-datepicker td {
  border: 0;
  padding: 1px;
}

.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: 0.2em;
  text-align: right;
  text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: 0.7em 0 0 0;
  padding: 0 0.2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button, .ui-datepicker .ui-datepicker-buttonpane input[type="submit"], .ui-datepicker .ui-datepicker-buttonpane input[type="reset"], .ui-datepicker .ui-datepicker-buttonpane input[type="button"] {
  float: right;
  margin: 0.5em 0.2em 0.4em;
  cursor: pointer;
  padding: 0.2em 0.6em 0.3em 0.6em;
  width: auto;
  overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker .ui-datepicker-buttonpane input.ui-datepicker-current[type="submit"], .ui-datepicker .ui-datepicker-buttonpane input.ui-datepicker-current[type="reset"], .ui-datepicker .ui-datepicker-buttonpane input.ui-datepicker-current[type="button"] {
  float: left;
}

.ui-datepicker.ui-datepicker-multi {
  width: auto;
}

/* with multiple calendars */
.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto 0.4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
  direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button, .ui-datepicker-rtl .ui-datepicker-buttonpane input[type="submit"], .ui-datepicker-rtl .ui-datepicker-buttonpane input[type="reset"], .ui-datepicker-rtl .ui-datepicker-buttonpane input[type="button"] {
  float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-buttonpane input.ui-datepicker-current[type="submit"], .ui-datepicker-rtl .ui-datepicker-buttonpane input.ui-datepicker-current[type="reset"], .ui-datepicker-rtl .ui-datepicker-buttonpane input.ui-datepicker-current[type="button"] {
  float: right;
}

.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

.ui-dialog {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0.2em;
  outline: 0;
}

.ui-dialog .ui-dialog-titlebar {
  padding: 0.4em 1em;
  position: relative;
}

.ui-dialog .ui-dialog-title {
  float: left;
  margin: 0.1em 0;
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: 0.3em;
  top: 50%;
  width: 21px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 21px;
}

.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: 0.5em 1em;
  background: none;
  overflow: auto;
}

.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin-top: 0.5em;
  padding: 0.3em 1em 0.5em 0.4em;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right;
}

.ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane input[type="submit"], .ui-dialog .ui-dialog-buttonpane input[type="reset"], .ui-dialog .ui-dialog-buttonpane input[type="button"] {
  margin: 0.5em 0.4em 0.5em 0;
  cursor: pointer;
}

.ui-dialog .ui-resizable-se {
  width: 12px;
  height: 12px;
  right: -5px;
  bottom: -5px;
  background-position: 16px 16px;
}

.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}

.ui-menu {
  list-style: none;
  padding: 2px;
  margin: 0;
  display: block;
  outline: none;
}

.ui-menu .ui-menu {
  margin-top: -3px;
  position: absolute;
}

.ui-menu .ui-menu-item {
  margin: 0;
  padding: 0;
  width: 100%;
  /* support: IE10, see #8844 */
  list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}

.ui-menu .ui-menu-divider {
  margin: 5px -2px 5px -2px;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0;
}

.ui-menu .ui-menu-item a {
  text-decoration: none;
  display: block;
  padding: 2px 0.4em;
  line-height: 1.5;
  min-height: 0;
  /* support: IE7 */
  font-weight: normal;
}

.ui-menu .ui-menu-item a.ui-state-focus, .ui-menu .ui-menu-item a.ui-state-active {
  font-weight: normal;
  margin: -1px;
}

.ui-menu .ui-state-disabled {
  font-weight: normal;
  margin: 0.4em 0 0.2em;
  line-height: 1.5;
}

.ui-menu .ui-state-disabled a {
  cursor: default;
}

/* icon support */
.ui-menu-icons {
  position: relative;
}

.ui-menu-icons .ui-menu-item a {
  position: relative;
  padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
  position: absolute;
  top: 0.2em;
  left: 0.2em;
}

.ui-menu .ui-menu-icon {
  position: static;
  float: right;
}

/* right-aligned */
.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden;
}

.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%;
}

.ui-progressbar .ui-progressbar-overlay {
  background: url("../../javascript/jQuery/themes/base/images/animated-overlay.gif");
  height: 100%;
  filter: alpha(opacity=25);
  opacity: 0.25;
}

.ui-progressbar-indeterminate .ui-progressbar-value {
  background-image: none;
}

.ui-slider {
  position: relative;
  text-align: left;
}

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
}

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: 0.7em;
  display: block;
  border: 0;
  background-position: 0 0;
}

.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit;
}

/* For IE8 - See #6727 */
.ui-slider-horizontal {
  height: 0.8em;
}

.ui-slider-horizontal .ui-slider-handle {
  top: -0.3em;
  margin-left: -0.6em;
}

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}

.ui-slider-vertical {
  width: 0.8em;
  height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
  left: -0.3em;
  margin-left: 0;
  margin-bottom: -0.6em;
}

.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}

.ui-spinner {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  vertical-align: middle;
}

.ui-spinner-input {
  border: none;
  background: none;
  color: inherit;
  padding: 0;
  margin: 0.2em 0;
  vertical-align: middle;
  margin-left: 0.4em;
  margin-right: 22px;
}

.ui-spinner-button {
  width: 16px;
  height: 50%;
  font-size: 0.5em;
  padding: 0;
  margin: 0;
  text-align: center;
  position: absolute;
  cursor: default;
  display: block;
  overflow: hidden;
  right: 0;
}

/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
  border-top: none;
  border-bottom: none;
  border-right: none;
}

.ui-spinner .ui-icon {
  position: absolute;
  margin-top: -8px;
  top: 50%;
  left: 0;
}

/* vertically center icon */
.ui-spinner-up {
  top: 0;
}

.ui-spinner-down {
  bottom: 0;
}

/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
  /* need to fix icons sprite */
  background-position: -65px -16px;
}

.ui-tabs {
  position: relative;
  /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
  padding: 0.2em;
}

.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: 0.2em 0.2em 0;
}

.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px 0.2em 0 0;
  border-bottom-width: 0;
  padding: 0;
  white-space: nowrap;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  float: left;
  padding: 0.5em 1em;
  text-decoration: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  cursor: text;
}

.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
  cursor: text;
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  cursor: pointer;
}

.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: none;
}

.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px;
  box-shadow: 0 0 5px #aaa;
}

body .ui-tooltip {
  border-width: 2px;
}

.ui-tooltip-long {
  position: absolute;
  z-index: 9999;
  max-width: 70vw;
  box-shadow: 3px 3px 3px #aaa;
}

/* Component containers
----------------------------------*/
.ui-widget-content {
  border: 1px solid transparent; 
  border-color: var(--bordercolor);
  background: #ffffff;
  color: var(--textcolor);
}

.ui-widget-header {
  border: none;
  background: var(--lightgrey);
  color: var(--headers);
  font-family: var(--font);
  font-weight: 600;
  font-size: 13px;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: 2px;
}

.ui-widget-header a {
  color: var(--link);
  text-decoration: none;
}

/* Interaction states
----------------------------------*/
.ui-state-default a {
  color: #555555;
  text-decoration: none;
}

.ui-state-default a:link, .ui-state-default a:visited {
  color: #555555;
  text-decoration: none;
}

.ui-state-hover a {
  color: #212121;
  text-decoration: none;
}

.ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited {
  color: #212121;
  text-decoration: none;
}

.ui-state-focus a {
  color: #212121;
  text-decoration: none;
}

.ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited {
  color: #212121;
  text-decoration: none;
}

.ui-state-active a {
  color: #212121;
  text-decoration: none;
}

.ui-state-active a:link, .ui-state-active a:visited {
  color: #212121;
  text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #fcefa1;
  background: #fbf9ee url("../../javascript/jQuery/themes/base/images/ui-bg_glass_55_fbf9ee_1x400.png") 50% 50% repeat-x;
  color: #363636;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #363636;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #cd0a0a;
  background: #fef1ec url("../../javascript/jQuery/themes/base/images/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x;
  color: #cd0a0a;
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a,
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #cd0a0a;
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: 0.7;
  filter: Alpha(Opacity=70);
  font-weight: normal;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: 0.35;
  filter: Alpha(Opacity=35);
  background-image: none;
}

.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35);
  /* For IE8 - See #6059 */
}

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  width: 16px;
  height: 16px;
  background-image: url("../../javascript/jQuery/themes/base/images/ui-icons_222222_256x240.png");
}

.ui-widget-content .ui-icon,
.ui-widget-header .ui-icon {
  background-image: url("../../javascript/jQuery/themes/base/images/ui-icons_222222_256x240.png");
}

.ui-state-default .ui-icon {
  background-image: url("../../javascript/jQuery/themes/base/images/ui-icons_222222_256x240.png");
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-state-active .ui-icon {
  background-image: url("../../javascript/jQuery/themes/base/images/ui-icons_454545_256x240.png");
}

.ui-state-highlight .ui-icon {
  background-image: url("../../javascript/jQuery/themes/base/images/ui-icons_2e83ff_256x240.png");
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
  background-image: url("../../javascript/jQuery/themes/base/images/ui-icons_cd0a0a_256x240.png");
}

/* positioning */
.ui-icon-blank {
  background-position: 16px 16px;
}

.ui-icon-carat-1-n {
  background-position: 0 0;
}

.ui-icon-carat-1-ne {
  background-position: -16px 0;
}

.ui-icon-carat-1-e {
  background-position: -32px 0;
}

.ui-icon-carat-1-se {
  background-position: -48px 0;
}

.ui-icon-carat-1-s {
  background-position: -64px 0;
}

.ui-icon-carat-1-sw {
  background-position: -80px 0;
}

.ui-icon-carat-1-w {
  background-position: -96px 0;
}

.ui-icon-carat-1-nw {
  background-position: -112px 0;
}

.ui-icon-carat-2-n-s {
  background-position: -128px 0;
}

.ui-icon-carat-2-e-w {
  background-position: -144px 0;
}

.ui-icon-triangle-1-n {
  background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
  background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
  background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
  background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
  background-position: -64px -16px;
}

.ui-icon-triangle-1-sw {
  background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
  background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
  background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
  background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
  background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
  background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
  background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
  background-position: -64px -32px;
}

.ui-icon-arrow-1-sw {
  background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
  background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
  background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
  background-position: 0 -48px;
}

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px;
}

.ui-icon-arrow-4 {
  background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
  background-position: -16px -80px;
}

.ui-icon-extlink {
  background-position: -32px -80px;
}

.ui-icon-newwin {
  background-position: -48px -80px;
}

.ui-icon-refresh {
  background-position: -64px -80px;
}

.ui-icon-shuffle {
  background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
  background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
  background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
  background-position: 0 -96px;
}

.ui-icon-folder-open {
  background-position: -16px -96px;
}

.ui-icon-document {
  background-position: -32px -96px;
}

.ui-icon-document-b {
  background-position: -48px -96px;
}

.ui-icon-note {
  background-position: -64px -96px;
}

.ui-icon-mail-closed {
  background-position: -80px -96px;
}

.ui-icon-mail-open {
  background-position: -96px -96px;
}

.ui-icon-suitcase {
  background-position: -112px -96px;
}

.ui-icon-comment {
  background-position: -128px -96px;
}

.ui-icon-person {
  background-position: -144px -96px;
}

.ui-icon-print {
  background-position: -160px -96px;
}

.ui-icon-trash {
  background-position: -176px -96px;
}

.ui-icon-locked {
  background-position: -192px -96px;
}

.ui-icon-unlocked {
  background-position: -208px -96px;
}

.ui-icon-bookmark {
  background-position: -224px -96px;
}

.ui-icon-tag {
  background-position: -240px -96px;
}

.ui-icon-home {
  background-position: 0 -112px;
}

.ui-icon-flag {
  background-position: -16px -112px;
}

.ui-icon-calendar {
  background-position: -32px -112px;
}

.ui-icon-cart {
  background-position: -48px -112px;
}

.ui-icon-pencil {
  background-position: -64px -112px;
}

.ui-icon-clock {
  background-position: -80px -112px;
}

.ui-icon-disk {
  background-position: -96px -112px;
}

.ui-icon-calculator {
  background-position: -112px -112px;
}

.ui-icon-zoomin {
  background-position: -128px -112px;
}

.ui-icon-zoomout {
  background-position: -144px -112px;
}

.ui-icon-search {
  background-position: -160px -112px;
}

.ui-icon-wrench {
  background-position: -176px -112px;
}

.ui-icon-gear {
  background-position: -192px -112px;
}

.ui-icon-heart {
  background-position: -208px -112px;
}

.ui-icon-star {
  background-position: -224px -112px;
}

.ui-icon-link {
  background-position: -240px -112px;
}

.ui-icon-cancel {
  background-position: 0 -128px;
}

.ui-icon-plus {
  background-position: -16px -128px;
}

.ui-icon-plusthick {
  background-position: -32px -128px;
}

.ui-icon-minus {
  background-position: -48px -128px;
}

.ui-icon-minusthick {
  background-position: -64px -128px;
}

.ui-icon-close {
  background-position: -80px -128px;
}

.ui-icon-closethick {
  background-position: -96px -128px;
}

.ui-icon-key {
  background-position: -112px -128px;
}

.ui-icon-lightbulb {
  background-position: -128px -128px;
}

.ui-icon-scissors {
  background-position: -144px -128px;
}

.ui-icon-clipboard {
  background-position: -160px -128px;
}

.ui-icon-copy {
  background-position: -176px -128px;
}

.ui-icon-contact {
  background-position: -192px -128px;
}

.ui-icon-image {
  background-position: -208px -128px;
}

.ui-icon-video {
  background-position: -224px -128px;
}

.ui-icon-script {
  background-position: -240px -128px;
}

.ui-icon-alert {
  background-position: 0 -144px;
}

.ui-icon-info {
  background-position: -16px -144px;
}

.ui-icon-notice {
  background-position: -32px -144px;
}

.ui-icon-help {
  background-position: -48px -144px;
}

.ui-icon-check {
  background-position: -64px -144px;
}

.ui-icon-bullet {
  background-position: -80px -144px;
}

.ui-icon-radio-on {
  background-position: -96px -144px;
}

.ui-icon-radio-off {
  background-position: -112px -144px;
}

.ui-icon-pin-w {
  background-position: -128px -144px;
}

.ui-icon-pin-s {
  background-position: -144px -144px;
}

.ui-icon-play {
  background-position: 0 -160px;
}

.ui-icon-pause {
  background-position: -16px -160px;
}

.ui-icon-seek-next {
  background-position: -32px -160px;
}

.ui-icon-seek-prev {
  background-position: -48px -160px;
}

.ui-icon-seek-end {
  background-position: -64px -160px;
}

.ui-icon-seek-start,
.ui-icon-seek-first {
  background-position: -80px -160px;
}

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-stop {
  background-position: -96px -160px;
}

.ui-icon-eject {
  background-position: -112px -160px;
}

.ui-icon-volume-off {
  background-position: -128px -160px;
}

.ui-icon-volume-on {
  background-position: -144px -160px;
}

.ui-icon-power {
  background-position: 0 -176px;
}

.ui-icon-signal-diag {
  background-position: -16px -176px;
}

.ui-icon-signal {
  background-position: -32px -176px;
}

.ui-icon-battery-0 {
  background-position: -48px -176px;
}

.ui-icon-battery-1 {
  background-position: -64px -176px;
}

.ui-icon-battery-2 {
  background-position: -80px -176px;
}

.ui-icon-battery-3 {
  background-position: -96px -176px;
}

.ui-icon-circle-plus {
  background-position: 0 -192px;
}

.ui-icon-circle-minus {
  background-position: -16px -192px;
}

.ui-icon-circle-close {
  background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
  background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
  background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
  background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
  background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
  background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
  background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
  background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
  background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
  background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
  background-position: -192px -192px;
}

.ui-icon-circle-check {
  background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
  background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
  background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
  background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
  background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
  background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
  background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px;
}

/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: var(--borderradius);
}

.ui-corner-all[class*="button"]:not([class*="buttons"]),
.ui-corner-top[class*="button"]:not([class*="buttons"]),
.ui-corner-left[class*="button"]:not([class*="buttons"]),
.ui-corner-tl[class*="button"]:not([class*="buttons"]) {
  border-top-left-radius: var(--buttonborderradius);
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: var(--borderradius);
}

.ui-corner-all[class*="button"]:not([class*="buttons"]),
.ui-corner-top[class*="button"]:not([class*="buttons"]),
.ui-corner-right[class*="button"]:not([class*="buttons"]),
.ui-corner-tr[class*="button"]:not([class*="buttons"]) {
  border-top-right-radius: var(--buttonborderradius);
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: var(--borderradius);
}

.ui-corner-all[class*="button"]:not([class*="buttons"]),
.ui-corner-bottom[class*="button"]:not([class*="buttons"]),
.ui-corner-left[class*="button"]:not([class*="buttons"]),
.ui-corner-bl[class*="button"]:not([class*="buttons"]) {
  border-bottom-left-radius: var(--buttonborderradius);
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: var(--borderradius);
}

.ui-corner-all[class*="button"]:not([class*="buttons"]),
.ui-corner-bottom[class*="button"]:not([class*="buttons"]),
.ui-corner-right[class*="button"]:not([class*="buttons"]),
.ui-corner-br[class*="button"]:not([class*="buttons"]) {
  border-bottom-right-radius: var(--buttonborderradius);
}

/* Overlays */
.ui-widget-overlay {
  background: #aaaaaa url("../../javascript/jQuery/themes/base/images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;
  opacity: 0.3;
  filter: Alpha(Opacity=30);
}

.ui-widget-shadow {
  margin: -8px 0 0 -8px;
  padding: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.user-selector-dialog a .ui-button-text {
  color: var(--button);
}

.user-selector-dialog a .ui-button-text:hover {
  color: var(--buttonhover);
}

input[type="text"]#MSGBOX, input[type="password"]#MSGBOX, input[type="email"]#MSGBOX, textarea#MSGBOX, select:not([multiple])#MSGBOX, .netd-text-input#MSGBOX, .ffb-input#MSGBOX {
  background: transparent !important;
}

.mce-container.mce-panel {
  z-index: 999999999 !important;
}

input[name="NO_DAYS"],
input[name="DISPLAYNAME"],
input[name="REMINDER_SEND_LIMIT"] {
  border: 1px solid transparent; 
  border-color: var(--bordercolor);
  border-radius: 0px;
  margin: 0;
  padding: 10px 20px;
  font-size: var(--font-size);
  line-height: 1.2;
  background: #fff;
  box-shadow: none;
  box-sizing: border-box;
  height: 50px;
  margin-right: 3px;
}

input[name="DISPLAYNAME"] {
  width: 150px;
  margin-left: 5px;
}

.netd-form .date-container {
  margin-bottom: 10px;
}

.date-container {
  position: relative;
  display: inline-block;
  width: 195px;
  height: 50px;
  *display: block;
}

.date-container:hover .date-button-container a {
  color: var(--linkhover);
}

.date-container + label.time {
  display: inline-block;
  width: 0;
  height: 0;
  overflow: hidden;
}

.date-container .date-field-container {
  position: absolute;
  width: 100%;
  cursor: pointer;
  *float: none;
}

.date-container .date-field-container input[type="text"] {
  position: static;
  box-sizing: border-box;
  width: 195px;
  height: 50px;
  padding: 4px 8px;
  margin: 0;
  text-align: left;
}

.date-container .date-field-container input[type="text"]::-ms-clear {
  display: none;
}

.date-container .date-field-container input[type="text"]:disabled {
  color: var(--textcolor);
  background: #fff;
  border: 1px solid transparent; border-color: var(--bordercolor);
  cursor: default;
  box-shadow: none;
  opacity: .5;
}

.date-container .date-button-container {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 1.385em;
  padding: 0 2px;
  margin: 0;
  display: block;
  width: 28px;
  text-align: center;
  *float: right;
  *text-align: right;
  *width: 100%;
}

.date-container .date-button-container button, .date-container .date-button-container input[type="submit"], .date-container .date-button-container input[type="reset"], .date-container .date-button-container input[type="button"] {
  padding: 0;
  margin: 0;
  background: transparent;
  color: var(--secondary);
  border: 0;
  transition: color 0.3s;
}

.date-container .date-button-container button:hover, .date-container .date-button-container input:hover[type="submit"], .date-container .date-button-container input:hover[type="reset"], .date-container .date-button-container input:hover[type="button"] {
  color: var(--linkhover);
}

.date-container .date-button-container button .netd-icon, .date-container .date-button-container input[type="submit"] .netd-icon, .date-container .date-button-container input[type="reset"] .netd-icon, .date-container .date-button-container input[type="button"] .netd-icon {
  padding: 0;
  margin: 0 2px;
  line-height: 1.4;
}

.date-container .error, .date-container label.error, .date-container label.error.forDatepicker {
  box-sizing: border-box;
  position: absolute;
  top: 49px;
  left: 0;
  display: block;
  width: 195px;
  white-space: normal;
  line-height: 24px;
  padding: 4px;
  margin: 0;
  color: #be4741;
  background: #ffffff;
  border: 1px solid transparent; border-color: var(--bordercolor);
  border-radius: var(--borderradius);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
  z-index: 1;
}

.netd-filter-group .date-container, .netd-filter-group .time-container {
  margin: 0 0 3px 0;
  float: left;
  height: 50px;
}

.netd-filter-group .date-container .date-field-container input[type="text"], .netd-filter-group .time-container .date-field-container input[type="text"] {
  box-sizing: border-box;
  width: 195px;
  height: 50px;
  padding: 4px 8px;
  margin-bottom: 2px;
}

.ui-dialog .netd-filter-group .date-container {
  margin: 0 0 5px 0;
  min-height: 0;
}

.time-container {
  display: inline-block;
  margin: 0 0 0 1px;
  height: auto;
  *display: inline;
}

.time-container select:not([multiple]) {
  float: left;
  margin: 0 0 0 3px;
  width: 52px;
  padding: 0;
}

.time-container select:not([multiple]).h-m-time-selector, .time-container select:not([multiple])[name="start_time"], .time-container select:not([multiple])[name="end_time"] {
  width: 65px;
}

/*Personal Calendar Create Event*/
.date-time-container, .mainframe .ui-dialog .netd-form .date-time-container {
  clear: both;
  margin: 3px 0 6px 0;
}

.date-time-container .date-container, .mainframe .ui-dialog .netd-form .date-time-container .date-container {
  float: left;
  margin: 0 8px 10px 0;
}

.date-time-container input[type="text"].time-selector, .mainframe .ui-dialog .netd-form .date-time-container input[type="text"].time-selector {
  width: 85px;
}

.mainframe .time-container {
  margin: 0 1px;
}

.mainframe .ui-dialog .netd-form input[type="text"].time-selector {
  padding: 3px 5px 2px 5px;
  margin: 0 0 5px 0;
}

.mainframe .ui-dialog .netd-form .netd-filter-group .date-container input[type="text"] {
  padding: 0 5px;
  width: 183px;
}

.mainframe .ui-dialog .netd-form td .date-container {
  display: inline-block;
}

.mainframe .ui-dialog .netd-form td .date-container + select[name="start_time"],
.mainframe .ui-dialog .netd-form td .date-container + select[name="end_time"] {
  margin: 5px 1px 5px 2px;
}

.ui-datepicker {
  width: 250px;
  padding: 0;
  border: 1px solid transparent; border-color: var(--bordercolor);
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}

.ui-datepicker .hint {
  display: none;
  padding: 8px 4px;
  box-sizing: border-box;
  color: #999999;
  border-bottom: 1px solid #EEEEEE;
  display: block\9;
}

.ui-datepicker .ui-corner-all {
  border-radius: var(--borderradius);
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
  top: 0\9;
  padding: 2px 0;
  background: #ffffff;
  border: 0;
  border-radius: 0;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 0;
  width: 1.8em;
  height: 1.8em;
  line-height: 36px;
  text-align: center;
  color: var(--link);
  background: transparent;
}

.ui-datepicker .ui-datepicker-prev:before, .ui-datepicker .ui-datepicker-next:before {
  font-family: "FontAwesome";
  display: inline-block;
}

.ui-datepicker .ui-datepicker-prev span.ui-icon, .ui-datepicker .ui-datepicker-next span.ui-icon {
  display: none;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 0;
  color: var(--link);
  background: transparent;
}

.ui-datepicker .ui-datepicker-prev-hover {
  left: 2px;
}

.ui-datepicker .ui-datepicker-next-hover {
  right: 2px;
}

.ui-datepicker .ui-datepicker-prev:before {
  content: "\f053";
}

.ui-datepicker .ui-datepicker-next:before {
  content: "\f054";
}

.ui-datepicker .ui-datepicker-title select {
  margin: 1px;
  border-color: var(--bordercolor);
}

.ui-datepicker .ui-datepicker-title select:hover {
  border-color: var(--bordercolor);
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
  width: 48%;
}

.ui-datepicker table {
  width: 100%;
  font-size: 1em;
  border-collapse: collapse;
  margin: 0;
  top: 65px\9;
}

.ui-datepicker th {
  padding: 8px 2px;
  text-align: center;
  font-weight: normal;
  color: var(--tableheadertext);
  background: var(--tableheaders);
  border: 0;
  border-top: 1px solid var(--bordercolor);
  border-bottom: 1px solid var(--bordercolor);
}

.ui-datepicker td {
  padding: 0;
  background: #ffffff;
  border-top: 1px solid transparent; 
  border-color: var(--bordercolor);
  border-bottom: 1px solid transparent; 
  border-color: var(--bordercolor);
}

.ui-datepicker td:not(:first-child) {
  border-left: 1px solid transparent; border-color: var(--bordercolor);
}

.ui-datepicker td:not(:last-child) {
  border-right: 1px solid transparent; border-color: var(--bordercolor);
}

.ui-datepicker td.ui-datepicker-today span, .ui-datepicker td.ui-datepicker-today a {
  text-decoration: underline;
  background: transparent;
  border: 0;
}

.ui-datepicker td.ui-datepicker-today span.ui-state-default.ui-state-highlight, .ui-datepicker td.ui-datepicker-today a.ui-state-default.ui-state-highlight {
  color: var(--textcolor);
  background: #ffffff;
  border: 0;
}

.ui-datepicker td.ui-datepicker-today span.ui-state-default.ui-state-hover, .ui-datepicker td.ui-datepicker-today a.ui-state-default.ui-state-hover {
  color: #202020;
  background: var(--lightgrey);
  border: 0;
}

.ui-datepicker td.ui-datepicker-today span.ui-state-active, .ui-datepicker td.ui-datepicker-today a.ui-state-active {
  color: #ffffff;
  background: var(--secondary);
  border: 0;
}

.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: 8px;
  line-height: 1.5;
  text-align: center;
  text-decoration: none;
  color: var(--textcolor);
  background: #ffffff;
}

.ui-datepicker td span.ui-state-hover, .ui-datepicker td a.ui-state-hover {
  color: #202020;
  background: var(--lightgrey);
  border: 0;
}

.ui-datepicker td span.ui-state-highlight, .ui-datepicker td span.ui-state-active, .ui-datepicker td a.ui-state-highlight, .ui-datepicker td a.ui-state-active {
  color: #ffffff;
  background: var(--secondary);
  border: 0;
}

.ui-datepicker td.ui-datepicker-unselectable {
  opacity: 1;
  color: #eeeeee;
  background: #f5f5f5;
}

.ui-datepicker-trigger {
  display: none;
}

#keyword-search-container .ffb-input {
    width: 320px;
    height: 48px !important;
    box-sizing: border-box;
    padding: 10px 20px;
    border-radius: var(--borderradius);
    border-top-right-radius: var(--borderradius);
    border-bottom-right-radius: var(--borderradius);
    border: 1px solid transparent;
    border-color: var(--bordercolor);
    margin-right: 4px;
    font-family: var(--font);
    font-size: var(--font-size);
    font-weight: normal;
    line-height: 1.2;
    color: var(--textcolor);
}

#keyword-search-container .ffb-input:focus {
  border-color: var(--inputfocus);
}

#keyword-search-container label[for="CASESENSITIVE"] {
  margin: 10px 0 0 0;
}

#keyword-search-container .button {
  box-sizing: border-box;
  border-top-left-radius: var(--buttonborderradius);
  border-bottom-left-radius: var(--buttonborderradius);
  padding: 0 20px;
  margin: 0;
}

#keyword-search-container .button .ui-button-text {
  line-height: 50px;
}

.netd-faceted-search {
  margin: 10px 0;
}

.netd-faceted-search h3 {
  margin: 1em 0 .2em 0;
  color: var(--headers);
}

.netd-faceted-search .dynatree-structure-container {
  height: auto;
  border: 0;
  padding: 0;
}

.netd-faceted-search .dynatree-structure-container .netd-tree-container {
  padding: 0;
  width: 100%;
}

.netd-faceted-search .dynatree-structure-container .netd-tree-container .dynatree-container {
  border: 0;
  padding: 3px 0;
}

.netd-faceted-search .dynatree-structure-container .netd-tree-container .dynatree-container li a.dynatree-title {
  display: inline-block;
  padding: 2px 5px;
  font-weight: normal;
}

.netd-faceted-search .netd-filter-group {
  display: block;
  width: 100%;
  position: relative;
  margin: 0 0 10px 0;
}

.netd-faceted-search .netd-filter-group input[type=text] {
  width: 90%;
}

.netd-faceted-search .netd-filter-group h4 {
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 1em;
  color: var(--textcolor);
  cursor: pointer;
}

.netd-faceted-search .netd-filter-group h4 .netd-icon:before {
  font-size: 14px;
  width: 18px;
  text-align: center;
  display: none;
}

.netd-faceted-search .netd-filter-group.type ul, .netd-faceted-search .netd-filter-group .dynatree-container {
  max-height: 240px;
}

.netd-faceted-search .netd-filter-group.vendor ul, .netd-faceted-search .netd-filter-group.subject ul, .netd-faceted-search .netd-filter-group.language ul {
  max-height: 160px;
}

.netd-faceted-search .netd-filter-group ul, .netd-faceted-search .netd-filter-group .dynatree-container {
  margin: 0;
  overflow: auto;
}

.netd-faceted-search .netd-filter-group ul li ul, .netd-faceted-search .netd-filter-group .dynatree-container li ul {
  overflow: visible;
}

.netd-faceted-search .netd-filter-group ul li a, .netd-faceted-search .netd-filter-group .dynatree-container li a {
  display: block;
  color: var(--textcolor);
  padding: 6px 8px;
  transition: background 0.3s, color 0.3s;
}

.netd-faceted-search .netd-filter-group ul li a:hover, .netd-faceted-search .netd-filter-group .dynatree-container li a:hover {
  color: #ffffff;
  background: #0055AB;
}

.netd-faceted-search .netd-filter-group ul li a:hover .count, .netd-faceted-search .netd-filter-group .dynatree-container li a:hover .count {
  color: #ffffff;
}

.netd-faceted-search .netd-filter-group ul li a .count, .netd-faceted-search .netd-filter-group .dynatree-container li a .count {
  margin: 0 5px;
  float: right;
  text-align: right;
  color: var(--textcolor);
  font-size: 0.813rem;
}

.netd-faceted-search .netd-filter-group ul li a .selected, .netd-faceted-search .netd-filter-group .dynatree-container li a .selected {
  color: #1a1a1a;
  background: var(--bordercolor);
}

.netd-faceted-search #ajaxCatalogSearchBox_ctr .ffb-sel .row-content .path {
  color: #ffffff;
}

.netd-faceted-search #ajaxCatalogSearchBox_ctr .row-content .path {
  color: var(--textcolor);
  font-size: 0.923em;
}

.netd-faceted-search.and-logic label.checkbox {
  margin: 0 0 5px 0;
  width: 100%;
}

.netd-faceted-search.and-logic label.checkbox .count {
  color: var(--textcolor);
}

#facet-keyword-search .pagination-container {
  margin: 0;
  color: var(--textcolor);
}

#searchByLabel {
  text-transform: none;
}

.universal-search {
  position: relative;
  right: 0;
  top: 0;
  z-index: 1001;
}

.universal-search .netd-form {
  margin-bottom: 0;
}

.universal-search-suggestion-list {
  width: 470px;
  height: auto;
  position: absolute;
  right: 0;
  top: 30px;
  overflow-y: visible;
  overflow-x: hidden;
  background: #ffffff;
  border: 1px solid transparent; border-color: var(--bordercolor);
  border-radius: 3px;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
}

.universal-search-suggestion-list .no-records {
  color: var(--textcolor);
  padding: 6px 0;
  text-align: center;
}

.universal-search-suggestion-list .more {
  clear: both;
  border-top: 1px solid #f7f7f7;
  padding: 6px;
  text-align: center;
}

.universal-search-suggestion-list .more a {
  display: block;
  width: 100%;
  border: 0;
  text-align: center;
}

.universal-search-suggestion-list .objects-list {
  max-height: 400px;
  overflow-y: auto !important;
  overflow-x: hidden;
  width: 100%;
}

.universal-search-suggestion-list .objects-list li {
  clear: both;
  width: 100%;
  height: auto;
  float: left;
  border-top: 1px solid #f7f7f7;
}

.universal-search-suggestion-list .objects-list li:first-child {
  border-top: 0;
}

.universal-search-suggestion-list .objects-list li:last-child .object-type {
  border-bottom: 0;
}

.universal-search-suggestion-list .objects-list li .object-type {
  float: left;
  display: block;
  background: #FFFFFF;
  width: 20%;
  margin: 0;
  padding: 5px 2%;
  text-align: right;
}

.universal-search-suggestion-list .objects-list li .object-type .object-type-name {
  display: block;
  width: 100%;
  font-weight: 600;
}

.universal-search-suggestion-list .objects-list li .object-type + ul {
  float: left;
  display: block;
  width: 75%;
  padding: 0;
  margin: 0;
  background: #FFFFFF;
  border-left: 1px dashed #f7f7f7;
}

.universal-search-suggestion-list .objects-list li .object-type + ul li {
  width: 100%;
  background: #FFFFFF;
  padding: 4px 2% 3px 2%;
  height: auto;
  border: 1px solid #FFFFFF;
  box-sizing: border-box;
}

.universal-search-suggestion-list .objects-list li .object-type + ul li a {
  color: var(--link);
}

.universal-search-suggestion-list .objects-list li .object-type + ul li a .title {
  display: block;
  width: 100%;
  margin: 0 0 5px 0;
}

.universal-search-suggestion-list .objects-list li .object-type + ul li a .meta {
  font-size: .923em;
  margin: 0;
}

.universal-search-suggestion-list .objects-list li .object-type + ul li a .meta .netd-icon {
  color: var(--textcolor);
  margin: 0 3px 0 0;
}

.universal-search-suggestion-list .objects-list li .object-type + ul li a .user-avatar {
  display: block;
  width: 40px;
  float: left;
  height: 40px;
  margin: 0 5px 10px 0;
}

.universal-search-suggestion-list .objects-list li .object-type + ul li a .user-avatar + .title {
  display: block;
  margin: 2px 0;
}

.universal-search-suggestion-list .objects-list li .object-type + ul li a .user-avatar + .title .user-name, .universal-search-suggestion-list .objects-list li .object-type + ul li a .user-avatar + .title .user-id {
  display: inline;
}

.universal-search-suggestion-list .objects-list li .object-type + ul li a .user-avatar + .meta {
  clear: both;
}

.universal-search #search-course-container #universal-search-form {
  display: inline-block;
}

.universal-search #search-course-container #universal-search-form .search-text {
  margin-top: 3px;
}

.universal-search #search-course-container #universal-search-advanced-selector {
  position: relative;
  display: block;
  float: left;
  padding-right: 0;
  overflow: initial;
}

.universal-search #search-course-container #universal-search-advanced-selector.show {
  width: auto;
}

.universal-search #search-course-container #universal-search-advanced-selector.show select {
  width: auto;
  border-right: 1px solid #c4c4c4 \9;
  /*IE8*/
  margin-top: 2px \9;
  /*IE8*/
}

.universal-search #search-course-container #universal-search-advanced-selector.hide {
  width: 0;
}

.universal-search #search-course-container #universal-search-advanced-selector.hide select {
  width: 0;
  margin: 0;
  border-right: 1px solid rgba(200, 200, 200, 0);
}

.universal-search #search-course-container #universal-search-advanced-selector select {
  padding: 4px 0;
  margin: 0 0 0 12px;
  border: 0;
  border-right: 1px solid rgba(200, 200, 200, 0.4);
  border-radius: 0;
  color: var(--textcolor);
  background: transparent;
  transition: width 0.3s, margin 0.3s;
  -webkit-backface-visibility: hidden;
}

.universal-search .universal-search-advanced-filter {
    position: absolute;
    right: 50%;
    transform: translateX(50%);
    top: 86px;
    width: 490px;
    height: auto;
    overflow-y: visible;
    overflow-x: hidden;
    border: 1px solid transparent;
    border-color: var(--bordercolor);
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
}

.universal-search .universal-search-advanced-filter .universal-search-filter-close {
  position: absolute;
  right: 16px;
  top: 12px;
  font-size: 1.231em;
  cursor: pointer;
}

.universal-search .universal-search-advanced-filter #searchNewsForm {
  margin-bottom: 0;
}

.universal-search .universal-search-advanced-filter #searchNewsForm .clear-both {
  clear: none;
}

li em, .universal-result-container em, #search-results em, .search-results em {
  font-weight: bold;
}

/*Universal Search*/
.universal-result-container input[type="button"] {
  margin: 4px 0;
  display: block;
}

.universal-result-container table {
  margin-bottom: 0;
}

.universal-result-container .row1, .universal-result-container .row2, .universal-result-container td {
  padding: 8px;
  border-bottom: 1px solid transparent; border-color: var(--bordercolor);
}

.universal-result-container .row1 a, .universal-result-container .row2 a, .universal-result-container td a {
  line-height: 1.25;
  display: block;
  font-size: 1.154em;
  margin: 0 0 4px 0;
  color: var(--secondary);
  font-weight: 600;
}

.universal-result-container .row1 a:hover, .universal-result-container .row2 a:hover, .universal-result-container td a:hover {
  color: var(--linkhover);
}

.universal-result-container .row1 .refCatalogAndKcLink a, .universal-result-container .row2 .refCatalogAndKcLink a, .universal-result-container td .refCatalogAndKcLink a {
  display: inline;
}

.universal-result-container .refResult div, .universal-result-container .competencyResult div, .universal-result-container .job-profile-result div, .universal-result-container .newsResult div {
  line-height: 1.25;
  width: 650px;
  margin: 0 0 4px 0;
}

.universal-result-container fieldset div:last-child {
  margin: 4px 0;
}

.search-result-section, #olsaTypeSearchForm {
  margin: 0 0 4px 0;
}

.search-result-section .description, .search-result-section .meta, #olsaTypeSearchForm .description, #olsaTypeSearchForm .meta {
  line-height: 24px;
  margin: 0 0 4px 0;
  padding: 0;
}

.user-search .search-result-name-wrapper .link {
  display: inline-block;
  margin: 4px 0 0 0;
}

#search-course-container .search-text, .universal-search-suggestion-list .objects-list {
  overflow: hidden;
}

.webforms tr > td:first-child {
  text-align: right;
}

.mekpmsg {
  font-size: 0.923em;
  font-weight: normal;
  color: #000000;
  padding: 0;
  background: #d6e2ec;
}

.mekpmsgtitle {
  font-size: 1.385em;
  font-weight: normal;
  padding: 0;
  color: #ffffff;
  background: #a7c13a;
}

#mekp-status-panel-container .mekp-host-status-image-disconnect {
  width: 32px;
  height: 32px;
  float: left;
  background: transparent url("../images/emphasis/host-disconnected.png") top left no-repeat;
}

#mekp-status-panel-container .mekp-host-status-image-connected {
  width: 32px;
  height: 32px;
  float: left;
  background: transparent url("../images/emphasis/host-connected.png") top left no-repeat;
}

#mekp-status-panel-container .host-status-text {
  font-size: 0.923em;
  line-height: 3;
  margin-left: 3px;
}

#mekp-status-panel-container #download-manager-container {
  display: block;
}

#mekp-status-panel-container #download-manager-container .download-manager-link {
  font-size: 0.923em;
  text-decoration: underline;
}

#mekp-status-panel-container .download-progress-time {
  text-align: center;
  font-size: 0.769em;
  margin-bottom: 0;
  padding-bottom: 0;
}

#mekp-status-panel-container .download-progressbar {
  text-align: center;
  margin-top: 0;
  padding-top: 0;
  font-size: 0.923em;
}

#download-control-div #download-control-list .download-task-div {
  width: 98%;
  display: block;
  padding: 5px 0;
  border-bottom: 1px solid #ccc;
}

#download-control-div #download-control-list .download-task-div:last-child {
  border-bottom: none;
}

#download-control-div #download-control-list .download-task-div .download-task-icon-div {
  float: left;
  width: 10%;
  height: 84px;
  background: transparent url("../images/emphasis/contentPackageZip.png") center center no-repeat;
}

#download-control-div #download-control-list .download-task-div .download-task-info-div {
  width: 40%;
  float: left;
}

#download-control-div #download-control-list .download-task-div .download-task-info-div div {
  padding: 5px;
}

#download-control-div #download-control-list .download-task-div .download-task-button-div, #download-control-div #download-control-list .download-task-div .download-task-date-div {
  width: 20%;
  float: left;
  padding: 30px;
}

/** General Page Layout SCSS
 is used to define the general layouts style in Talent Suite.
**/
#skip-link {
  margin: 0;
}

#skip-link a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 1px;
  width: 100%;
  padding: 0;
  text-align: center;
  color: #fff;
  background: transparent;
  overflow: hidden;
}

#skip-link a:focus {
  display: block;
  height: auto;
  color: #fff;
  background: #666666;
  padding: 4px;
  z-index: 200;
}

.supervisor-assessment-container {
  margin-bottom: 20px;
}

/*Term of Use*/
#terms-of-use-container {
  width: 800px;
  margin: 30px auto 0 auto;
}

#terms-of-use-container #terms_of_use_text {
  padding: 20px;
  width: 760px;
  height: 400px;
  margin: 0 0 20px 0;
  line-height: 1.5;
  overflow-y: auto;
  border: 1px solid transparent; border-color: var(--bordercolor);
  background: #ffffff;
}

#terms-of-use-container .button-set .netd-button {
  margin: 10px 10px 30px 0;
}

/*Multiple Assignment Selector*/
#assignment-switcher {
  height: auto;
  max-height: 400px;
  overflow-y: auto;
  padding: 0;
}

.assignment-selector {
  width: 100%;
}

.assignment-selector ul li {
  width: 100%;
  padding: 8px 0 10px 0;
  margin: 0;
  color: var(--textcolor);
  background: #fff;
  border-bottom: 1px dashed transparent; 
  border-color: var(--bordercolor);
  position: relative;
  cursor: pointer;
  min-width: 400px;
}

.assignment-selector ul li .details {
  margin: 0 10px 0 40px;
}

.assignment-selector ul li p {
  margin: 0;
}

.assignment-selector ul li .netd-icon {
  position: absolute;
  left: 20px;
  top: 10px;
  font-size: 14px;
}

.assignment-selector .details h5 {
  margin: 0;
  font-size: 1.1em;
  line-height: 1.25;
}

.assignment-selector ul li .delete-assignment {
  position: absolute;
  right: 10px;
  top: 10px;
  display: none;
}

.assignment-selector ul li:hover .delete-assignment {
  display: block;
  font-size: 1.2em;
}

.assignment-info {
  color: var(--textcolor);
  font-size: .9em;
}

/** Horizontal tabs **/
.tabs {
  clear: both;
  padding: 0;
  width: 100%;
  display: block;
  overflow: hidden;
  height: auto;
  margin: 10px 0;
}

.tabs ul {
  margin: 0;
  padding: 0;
  height: auto;
  display: block;
  border-bottom: 0px solid transparent; border-color: var(--bordercolor);
  height: 60px;
}

.tabs ul li {
  display: block;
  float: left;
  margin: 6px 8px 0 0;
  padding: 0;
  border: none;
  background: none;
}

.tabs ul li.selected {
  margin: 6px 8px 0px 0;
}

.tabs ul li.selected a {
  background: var(--buttonhover);
  border: 0px solid var(--buttonhover);
  border-bottom: transparent;
  margin-right: 0;
  color: var(--buttontexthover) !important;
  font-weight: 600;
  height: 48px;
  border-radius: 24px;
}

.tabs a {
  margin: 0;
  padding: 0px 24px;
  background: #ffffff;
  border: 0px solid var(--grey);
  border-width: 0px 0px 0;
  margin-right: 0;
  border-radius: 0px 0px 0 0;
  font-family: var(--font);
  font-size: 14px;
  font-weight: 600;
  color: var(--textcolor);
  text-transform: none;
  text-decoration: none;
  box-sizing: border-box;
  display: block;
  float: none;
  white-space: nowrap;
  height: 48px;
  line-height: 48px;
  letter-spacing: 1px;
}

.tabs a:hover {
  background: var(--lightgrey);
  border-color: var(--lightgrey);
  color: var(--textcolor) !important;
  margin-right: 0;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  border-radius: 24px;
}

.tabs a:visited {
  color: var(--textcolor);
}

.tabs a span {
  display: block;
  float: none;
  padding: 0;
  margin: 0;
  background: transparent;
  border: none;
  white-space: nowrap;
}

.tabs .navigation a {
  float: none;
}

.tabs .navigation a span {
  float: none;
}

.mainframe .tabs ul {
  *height: auto;
  *border-bottom: none;
}

/** vertical tabs, can be found on Job Profiles Editing view  **/
.vertical-tabs ul {
  margin: 10px 0 0 0;
  padding: 0;
  list-style: none;
}

.vertical-tabs ul li {
  border-bottom: 1px solid var(--lightgrey);
}

.vertical-tabs ul li.selected {
  margin: 0;
  color: var(--buttontext);
  background: var(--button);
  cursor: default;
}

.vertical-tabs ul li a {
  display: block;
  padding: 10px;
  color: var(--textcolor);
  background: var(--lightgrey);
}

.vertical-tabs ul li a:hover {
  color: var(--buttontexthover);
  background: var(--buttonhover);
}

.vertical-tabs ul li a.selected {
  margin: 0;
  color: var(--buttontext);
  background: var(--button);
  cursor: default;
}

.vertical-tabs ul li a.selected span {
  margin: 0;
  color: var(--buttontext);
  background: var(--button);
  cursor: default;
}


body.MAINFRAME, body.REMINDER, body.pop-up {
  margin: 0;
}

body.use-pop-ups {
  margin: 12px;
}

body.mainframe {
  background: #fff;
}

body.permissions-view #main-document-div #main-content, body.user-selector-dialog {
  max-width: 800px;
  margin: 0 auto;
}

body.permissions-view .tablink tbody:first-child tr td {
  padding: 5px 10px;
}

body.permissions-view .tablink tbody:first-child tr td table td {
  padding: 0;
}

/* This will fix the problem on the editors where some of the words get cut */
.textbox {
  width: 250px;
}

/* Tail of editor side-frame tabs, such as the Class Resources Editor*/
.tab-tail {
  background: #bdbabd;
}

.iconbutton {
  float: left;
  padding: 0 0 24px 24px;
  *padding: 0 0 12px 24px;
  background-repeat: no-repeat;
}

.iconbutton:hover {
  opacity: 0.5;
  cursor: pointer;
}

/* back button on top frame style */
.catalog-editor-top-icon-container {
  width: 22px;
  height: 22px;
  border: 1px solid transparent;
  text-align: center;
  margin-left: 4px;
  margin-right: 1px;
}

.catalog-editor-top-icon-container:hover {
  background: #f6f6f6;
  background-color: #a8a8a8;
  /* Fallback Color */
  background-image: linear-gradient(to bottom, #f6f6f6, #a8a8a8);
  box-shadow: inset 1px 1px 0 0 #fff;
  border: 1px solid #bdc3c7;
  border-radius: 2px;
}

.catalog-editor-top-icon-container .catalog-editor-back-icon {
  font-size: 1.077em;
  line-height: 22px;
  color: #184b7a;
}

form[name="form1"].class-schedule-selector td label {
  line-height: 1.2;
}

form[name="form1"].class-schedule-selector td .working-hours-table {
  margin-top: 118px;
}

form[name="form1"].class-schedule-selector td .working-hours-table td {
  vertical-align: middle;
  text-align: left;
}

form[name="form1"].class-schedule-selector td .date-container {
  margin-bottom: -19px;
}

form[name="form1"].class-schedule-selector td .time-container select {
  float: none;
}

.full-width #form1 table table tr td, .user-search #form1 table table tr td {
  padding: 4px !important;
}

.full-width #form1 table table tr td input, .user-search #form1 table table tr td input {
  margin-top: 0 !important;
}

#resourcePlanningCalendar tr td label {
  line-height: 27px;
}

body.mainframe form[name="form1"] td .date-container {
  min-height: 32px;
  float: left;
}

.deadline-session-header {
  width: 25%;
}

.deadline-text,
.own-deadline-text {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 92px;
  overflow: hidden;
  display: inline-block;
  float: left;
}

.inherited {
  display: inline;
  width: auto;
  margin-right: 5px;
}

.own-deadline-text {
  width: 128px;
}

/* use to control the margin of the header title if a tab interface is used */
.tabheader {
  margin: 0.385em 0.385em 0 0;
}

/* Report Manager Navigation - the Old Navigation */
/*Align the icon and link text on Manage Panel*/
td.MENUICON a img {
  float: left;
}

td.MENUICON a big b {
  line-height: 32px;
  margin: 0 5px;
}

.main-links, .main-links-hover {
  display: block;
  height: 20px;
  width: 160px;
  padding: 6px 0 6px 8px;
  color: var(--secondary);
  background: #EEEEEE;
}

.main-links-hover:active, .main-links-hover:visited {
  color: white;
  background: var(--link);
}

.main-links-hover:Before {
  margin-right: 5px;
  font-family: "FontAwesome";
  content: "\f0da";
}

.sec-links-container {
  padding: 20px 0 0 8px;
}

.sec-links-container .sec-links, .sec-links-container .sec-links-hover {
  display: block;
  line-height: 20px;
  color: var(--link);
}

.sec-links-container .sec-links-hover {
  color: var(--linkhover);
}

/* control the position of search box in top frame */
.search-box-top {
  position: absolute;
  right: 10px;
  top: 16px;
  width: auto;
  height: auto;
  z-index: 0;
  visibility: visible;
}

/* It is used to define the position of the navigation links */
.navigation-link {
  text-align: right;
  position: absolute;
  right: 5px;
  top: 0;
  width: auto;
  height: auto;
  z-index: 0;
  visibility: visible;
}

body.authorize {
  font-size: 1em;
  width: 90%;
  max-width: 640px;
  padding: 0 5%;
  margin: 0 auto;
}

body.authorize h1, body.authorize h2 {
  margin-bottom: 0.5em;
  text-transform: capitalize;
}

body.authorize p {
  line-height: 1.5;
  width: auto;
  max-width: 640px;
  margin: 0 0 .5em 0;
}

body.authorize .button-set input.button {
  padding: 12px 0;
  width: 100%;
  margin: 10px 0;
}

.permissions-view {
  background: #ffffff;
}

.permissions-view .tabs {
  width: 100%;
  margin: 0;
  padding: 0;
  height: auto;
}

.permissions-view .tabs ul {
  height: auto;
  margin: 0;
  padding: 0;
  border: 0;
}

.permissions-view .tabs ul li {
  display: inline-block;
  width: 50%;
  height: auto;
  margin: 0;
  padding: 0;
  border-bottom: 0;
}

.permissions-view .tabs ul li a {
  box-sizing: border-box;
  height: auto;
  width: 99.5%;
  margin: 0 .5% 0 0;
  padding: 20px 0;
  font-size: 1.231em;
  color: #666666;
  background: #eeeeee;
  text-align: left;
  border: 1px solid transparent; 
  border-color: var(--bordercolor);
  border-radius: inherit
}

.permissions-view .tabs ul li a span {
  display: inline-block;
  margin: 0;
  padding: 0;
  line-height: 1;
  font-size: 1em;
  white-space: nowrap;
  width: auto;
}

.permissions-view .tabs ul li a span.netd-icon {
  margin: 0 5px 0 30px;
}

.permissions-view .tabs ul li:last-child a {
  width: 100%;
  margin: 0;
}

.permissions-view .tabs ul li.selected a.selected, .permissions-view .tabs ul li.selected:hover a.selected {
  position: relative;
  color: var(--buttontexthover);
  padding-bottom: 21px;
  background: var(--buttonhover);
  border-bottom-width: 0;
  box-shadow: none;
  cursor: default;
}

.permissions-view .tabs ul li:hover a {
  color: var(--textcolor);
  background: var(--bordercolor);
  border-color: var(--bordercolor);
}

.permissions-view .sections-container {
  clear: both;
  margin: 0 0 20px 0;
  padding: 20px 30px;
  background: #ffffff;
  border: 1px solid transparent; 
  border-color: var(--bordercolor);
  border-radius: var(--borderradius);
}

.permissions-view a[name="skiptabs"] + .sections-container {
  border-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: var(--borderradius);
  border-bottom-right-radius: var(--borderradius);
}

form.netd-form select#SELECTEDPT:not([multiple]) {
  width: auto;
  max-width: none;
}

.permissions-view .section {
  padding: 0 0 20px 0;
  margin: 0 0 20px 0;
  border-bottom: 1px dashed transparent; border-color: var(--bordercolor);
}

.permissions-view .section h3 {
  font-size: 1.077em;
  margin: 0 0 4px 0;
}

/*********************************************
 * Course Instance for Current Learning Modules List, Knowledge Center and Transcript
 *********************************************/
.course-instance {
  /* Knowledge Center Toolbox*/
  /*Knowledge Center Drop-down list for Class Schedule, Exam, Reference resources and to-do checklist*/
  /*Knowledge Center Mod - News*/
  /*Knowledge Center and Current Learning Modules - course-dropdown-list - Checklist*/
}

.course-instance .module .module-type .netd-icon {
  margin-right: 7px;
}

.course-instance button, .course-instance input[type="submit"], .course-instance input[type="reset"], .course-instance input[type="button"], .course-instance .button {
  padding: 0 20px;
  margin: 0 12px 3px 0;
}

.course-instance .module-toolbox {
  background: var(--lightgrey);
  border: 1px solid transparent; border-color: var(--bordercolor);
  border-radius: 0px;
  display: inline-block;
  width: 100%;
  min-height: 182px;
  padding: 4px 0;
  position: relative;
  margin: 0 0 20px 0;
  *display: block;
  *z-index: 800;
}

.course-instance .module-toolbox .module-img img {
  box-sizing: border-box;
  width: 150px;
  height: 150px;
  margin: 0 8px 0 4px;
  float: left;
  border: 1px solid transparent; border-color: var(--bordercolor);
}

.course-instance .module-toolbox h3 {
  width: 60%;
  margin: 4px 0 8px 165px;
  overflow: visible;
  text-overflow: initial;
  white-space: normal;
}

.course-instance .module-toolbox .module-meta-data {
  color: var(--textcolor);
  font-size: 1em;
  line-height: 16px;
  /*As the module type icon is in 16*16 */
  width: auto;
  height: 45px;
  margin: 0 0 0 165px;
  padding: 0;
  *line-height: 1.5;
  *display: inline;
}

.course-instance .module-toolbox .module-description {
  margin: 0 0 0 165px;
  padding-bottom: 75px;
  max-width: 680px;
  *line-height: 1.5;
}

.course-instance .module-toolbox .module-type-icon img {
  float: left;
  margin: 0 3px 0 0;
}

.course-instance .module-toolbox .module-main-actions {
  margin: 0;
  padding: 0;
  width: 70%;
  position: absolute;
  bottom: 8px;
  left: 165px;
  *width: 50%;
}

.course-instance .module-toolbox .module-main-actions .course-detail-btn {
  padding: 5px 10px;
}

.course-instance .module-toolbox .module-main-actions .download {
  line-height: 2;
  display: block;
  width: auto;
  float: left;
  margin: 0 20px 0 10px;
}

.course-instance .module-toolbox .module-status-change-buttons {
  bottom: 10px;
}

.course-instance .module-status-change-buttons {
  position: absolute;
  right: 0;
  margin-top: -50px;
}

.course-instance .module-status-change-buttons form {
  display: inline;
}

.course-instance .toolbox-info-details.course-dropdown-list {
  display: block;
  position: absolute;
  top: 50px;
  left: 0;
  padding: 16px;
  margin: -1px 0 0;
  background: #fff;
  width: 560px;
  border-radius: 3px;
  border-top-left-radius: 0;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  border: 1px solid transparent; border-color: var(--bordercolor);
  border-top: 1px solid transparent; border-color: var(--bordercolor);
  opacity: 0.95;
  z-index: 3;
}

.course-instance .toolbox-info-details.course-dropdown-list #module-info-misc {
  display: inline-block;
  margin: 0;
  width: 100%;
  color: #333;
  opacity: 1;
}

.course-instance .toolbox-info-details.course-dropdown-list .review {
  clear: both;
  margin: 10px 0 16px 0;
}

.course-instance .todo-list-container .todo-btn {
  *padding: 4px 6px;
}

.course-instance .todo-list-container .todo-btn .todo-notification {
  position: absolute;
  border-radius: 0 6px 6px 6px;
  right: -8px;
  top: -6px;
}

.course-instance .todo-list-container .course-dropdown-list {
  top: 50px;
  border: 0;
  margin-top: -1px;
  min-width: 220px;
  z-index: 10;
  background: #fff;
  border: 1px solid transparent; border-color: var(--bordercolor);
  border-radius: 3px;
  border-top-left-radius: 0;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
}

.course-instance .todo-list-container .todo-list-dropdown p {
  background: #FFEECC;
  font-size: 0.923em;
  line-height: 1.25;
  padding: 5px 10px;
}

.course-instance .todo-list-container .todo-list-dropdown li a {
  background: #FFFFFF;
  border: 0;
  border-radius: 0;
  color: var(--secondary);
  display: block;
  line-height: 1.5;
  padding: 5px 10px;
}

.course-instance .todo-list-container .todo-list-dropdown li a:hover {
  background: var(--secondary);
  color: #FFFFFF;
}

.course-instance .todo-list-container .todo-list-dropdown li a .badge {
  float: right;
  *position: absolute;
  *right: 16px;
  *line-height: 1.1;
}

.course-instance .sidebar {
  float: left;
  width: 240px;
  margin: 20px 0 0;
}

.course-instance .sidebar ul {
  min-height: 560px;
  background: transparent;
}

.course-instance .sidebar ul li a {
  display: block;
  padding: 4px 0 4px 16px;
  line-height: 2;
  color: var(--link);
  background: #fff;
  font-size: var(--font-size);
  text-transform: capitalize;
  border-bottom: 1px solid transparent; 
  border-color: var(--bordercolor);
  text-decoration: none;
  transition: background 0.3s;
}

.course-instance .sidebar ul li a:hover {
  color: var(--linkhover);
  background: #fff;
}

.course-instance .sidebar ul li a.selected, .course-instance .sidebar ul li a.selected:hover {
  color: var(--buttontexthover);
  background: var(--buttonhover);
  border-top: 1px solid transparent; 
  border-color: var(--bordercolor);
  font-weight: 400;
}

.course-instance .sidebar ul li a.selected:after, .course-instance .sidebar ul li a.selected:hover:after {
  /*Show icon-chevron-right*/
  font-weight: normal;
  font-family: "FontAwesome";
  content: "\f054";
  float: right;
  padding: 1px 10px 0 0;
}

.course-instance .sidebar .section-title, .course-instance .sidebar .section-title:hover {
  display: block;
  padding: 0 16px;
  line-height: 2;
  text-transform: uppercase;
  color: var(--textcolor);
  background: #ffffff;
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 2px;
  border-top: none;
  border-bottom: 1px solid transparent; 
  border-color: var(--bordercolor);
  background: var(--grey);
  font-family: var(--font);
}

.course-instance .sidebar [class^="icon-"], .course-instance .sidebar [class*=" icon-"] {
  margin: 0 4px;
}

.course-instance .mods {
  display: block;
  height: 100%;
  margin: 0 0 50px 260px;
  padding: 0;
}

.course-instance .mods .kc-containerDiv {
  float: left;
  width: 100%;
}

.course-instance .mods h4 + .padding-top-10 {
  padding-top: 0;
}

.course-instance .mods .modules-list .module {
  float: none;
  /*for knowledge center Sub-module list*/
}

.course-instance .mod {
  width: 100%;
  padding: 0 0 10px 0;
  margin: 0 0 20px 0;
  border-bottom: 1px dashed transparent; border-color: var(--bordercolor);
  display: inline-block;
}

.course-instance .mod .submodule-list .mod {
  padding: 0;
  margin: 0;
  border-bottom: 0;
}

.course-instance .mod:last-child {
  border-bottom: 0;
  margin-bottom: 0px;
}

.course-instance .mod ul li {
  line-height: 1.5;
  padding: 0;
  margin: 0 0 3px 0;
  text-align: left;
  clear: both;
}

.course-instance .mod dl {
  line-height: 1.5;
  padding: 0;
  margin: 0 0 3px 0;
  text-align: left;
}

.course-instance .mod dl dt, .course-instance .mod dl dd {
  line-height: 1.5;
  padding: 0;
  margin: 0 0 3px 0;
  text-align: left;
}

.course-instance .mod .view-all {
  margin: 5px 10px;
  text-align: right;
}

.course-instance .mod h4.title {
  margin: 0 0 4px 0;
  font-size: 1.2em;
  clear: both;
}

.course-instance tr.row1, .course-instance tr.row2 {
  background: #fff;
}

.course-instance .mod a + span, .course-instance span.description {
  color: var(--textcolor);
  padding-left: 5px;
}

.course-instance .kc-dateAndVenue, .course-instance .kc-steps div {
  margin: 0 0 10px 0;
}

.course-instance .mods .reference_resource h5, .course-instance .submodule-resource-container h5 {
  clear: both;
  margin: 0 0 5px 0;
}

.course-instance .mods .reference_resource ul {
  clear: both;
  margin: 0 0 5px 0;
}

.course-instance .mods .reference_resource ul li a {
  clear: both;
  margin: 0 0 5px 0;
}

.course-instance .submodule-resource-container ul li {
  clear: both;
  margin: 0 0 5px 0;
}

.course-instance .mods .reference_resource ul li a, .course-instance .submodule-resource-container ul li {
  line-height: 24px;
  width: auto;
}

.course-instance .module .submodule-resource-container .course-dropdown-list li {
  padding: 0;
  display: inline-block;
  width: 100%;
}

.course-instance .module .submodule-resource-container .course-dropdown-list li .file-type + a {
  display: block;
  min-width: 0;
  padding: 0;
}

.course-instance .news {
  font-size: 1em;
}

.course-instance .news p.show-short {
  max-width: 800px;
}

.course-instance .news-div > ul > li {
  border-bottom: 1px dashed #eeeeee;
  margin: 0 0 12px 0;
  padding: 0 0 12px 0;
}

.course-instance .news ul li:last-child {
  border: 0;
}

.course-instance .news-title, .course-instance .news-article h1, .course-instance .news-article h2 {
  margin: 0 0 5px 0;
  font-weight: bold;
  font-size: 1.077em;
  line-height: 24px;
}

.course-instance .required-modules-heading, .course-instance .elective-modules-heading {
  color: var(--textcolor);
  background: #eeeeee;
  padding: 4px 8px;
  margin: 12px 0 0 0;
}

.course-instance .required-modules-heading span, .course-instance .elective-modules-heading span {
  font-size: 0.9em;
  float: right;
}

.course-instance .modules-list .module {
  margin: 0;
  width: 100%;
  position: relative;
  padding: 16px 0;
  border-bottom: 1px dashed transparent; border-color: var(--bordercolor);
  min-height: 100px;
  min-width: 340px;
  float: left;
  /*for current learning module list*/
}

.course-instance .modules-list .module:last-child {
  border-bottom: 0;
}

.course-instance .module .module-info {
  margin: 0;
  width: 70%;
  color: var(--textcolor);
  *display: inline;
}

.course-instance .module .module-info .module-head-image {
  box-sizing: border-box;
  border: 1px solid transparent; border-color: var(--bordercolor);
  width: 100px;
  height: 100px;
  float: left;
}

.course-instance .module .module-info p {
  margin: 0 0 5px 110px;
  line-height: 1.5;
  width: auto;
  *max-width: 640px;
  *width: 640px;
}

.course-instance .module .module-info .module-description {
  margin: 0 0 10px 110px;
  line-height: 1.5;
  width: 100%;
  max-width: 640px;
  *width: 640px;
}

.course-instance .module .module-info .module-description p {
  margin: 0;
}

.course-instance .module-actions {
  margin: 0 0 0 108px;
  width: auto;
  position: relative;
  display: flex;
}

.course-instance .module-actions input[name="KcButton"] {
  order: -1;
}

.course-instance .module-actions [class^="icon-"], .course-instance .module-actions [class*=" icon-"] {
  margin: 0 4px;
}

.course-instance .submodule-list .module-actions {
  margin-left: 90px;
}

.course-instance .module .module-actions form {
  clear: none;
}

.course-instance .module .module-actions .button, .course-instance .module .module-actions .module-launch {
  float: left;
}

.course-instance .module-status {
  position: absolute;
  display: inline;
  width: auto;
  top: 14px;
  right: 8px;
  text-align: right;
  color: #5d5d5d;
}

.course-instance .module-status .course-progress {
  padding-left: 4px;
}

.course-instance .module-status .status-icon.completed {
  color: #5d5d5d;
}

.course-instance .module-status .status-icon.course-progress {
  margin: 0 0 0 4px;
  padding: 0;
}

.course-instance .module-status .status-icon.substitute-status {
  display: block;
  text-align: right;
}

.course-instance .module .module-title {
  margin: 0 0 8px 108px;
  padding: 0;
  line-height: 24px;
  font-family: var(--font);
  color: var(--headers);
}

.course-instance .module .module-actions a {
  margin: 0 20px 0 0;
  line-height: 2.4;
  display: block;
  width: auto;
  float: left;
}

.course-instance .submodule-container {
  clear: both;
}

.course-instance .submodule-container .module-drilldown-btn {
  width: auto;
  display: block;
  text-align: center;
  padding: 0px 10px;
  margin: 8px 0 0 0;
  position: relative;
  float: left;
  border-radius: var(--buttonborderradius);
  margin: 17px 0 0;
  background: var(--button) !important;
  border: 0 !important !important;
  color: var(--buttontext) !important;
  padding: 0px 10px;
}

.course-instance .submodule-container .module-drilldown-btn i {
  color: #ffffff;
  margin-right: 10px;
}

.course-instance .submodule-container .module-drilldown-btn:hover {
  color: var(--buttontexthover) !important;
  background: var(--buttonhover) !important;
  border-color: var(--buttonhover) !important;
}

.course-instance .submodule-container .module-drilldown-btn:hover i {
  color: #fff;
}

.course-instance .submodule-container .module-drilldown-btn:hover span {
  color: #fff !important;
}

.course-instance .submodule-container.expanded > .module-drilldown-btn {
  border-radius: 4px 4px 0 0;
  border: 2px solid transparent; 
  border-color: var(--bordercolor);
  border-bottom: 0;
}

.course-instance .submodule-container .submodule-list {
  clear: both;
  margin: 0;
  padding: 0;
  border-left: 2px solid transparent; 
  border-color: var(--bordercolor);
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
}

.course-instance .submodule-container .submodule-list .required-modules-heading, .course-instance .submodule-container .submodule-list .elective-modules-heading {
  margin: 0;
  padding: 5px 10px;
  background: transparent;
  border-bottom: 1px dashed #AAAAAA;
  width: auto;
}

.course-instance .submodule-container .submodule-list .module {
  padding: 12px 0 12px 8px;
  margin: 0;
  display: block;
  width: 99%;
  min-height: 80px;
}

.course-instance .submodule-list .module .module-info .module-description {
  margin-bottom: 5px;
  margin-left: 90px;
}

.course-instance .submodule-container .submodule-list .module .module-head-image {
  width: 80px;
  height: 80px;
}

.course-instance .submodule-container .submodule-list .mod:last-child {
  margin: 0;
  padding: 0;
}

.course-instance .submodule-container .modules-list .module .module-title, .course-instance .submodule-container .modules-list .module .module-info p.meta-data {
  margin-left: 88px;
}

.course-instance .netd-nested-table {
  border-top: 1px solid;
  border-bottom: 1px solid;
}

.course-instance .netd-nested-table tr.row1, .course-instance .netd-nested-table tr.row2 {
  border-bottom: 1px dashed;
  border-top: 0;
}

.course-instance .modules-list .floor1 > .submodule-list {
  background: var(--lightgrey);
  border-color: var(--bordercolor);
}

.course-instance .submodule-container .floor1 .module, .course-instance .submodule-container .floor1 .submodule-list .module .module-head-image {
  background: var(--lightgrey);
  border-color: var(--bordercolor);
}

.course-instance .floor1 tr.row1, .course-instance .floor1 tr.row2 {
  background: var(--lightgrey);
  border-color: var(--bordercolor);
}

.course-instance .netd-nested-table.floor1 {
  background: var(--lightgrey);
  border-color: var(--bordercolor);
}

.course-instance .modules-list .floor2 > .submodule-list {
  background: #dfe2e7;
  border-color: #c1cadb;
}

.course-instance .submodule-container .floor2 .module, .course-instance .submodule-container .floor2 .submodule-list .module .module-head-image {
  background: #dfe2e7;
  border-color: #c1cadb;
}

.course-instance .floor2 tr.row1, .course-instance .floor2 tr.row2 {
  background: #dfe2e7;
  border-color: #c1cadb;
}

.course-instance .netd-nested-table.floor2 {
  background: #dfe2e7;
  border-color: #c1cadb;
}

.course-instance .modules-list .floor3 > .submodule-list {
  background: #d0d7e2;
  border-color: #afb9c9;
}

.course-instance .submodule-container .floor3 .module, .course-instance .submodule-container .floor3 .submodule-list .module .module-head-image {
  background: #d0d7e2;
  border-color: #afb9c9;
}

.course-instance .floor3 tr.row1, .course-instance .floor3 tr.row2 {
  background: #d0d7e2;
  border-color: #afb9c9;
}

.course-instance .netd-nested-table.floor3 {
  background: #d0d7e2;
  border-color: #afb9c9;
}

.course-instance .modules-list .floor4 > .submodule-list {
  background: #c0c9d6;
  border-color: #99a6bc;
}

.course-instance .submodule-container .floor4 .module, .course-instance .submodule-container .floor4 .submodule-list .module .module-head-image {
  background: #c0c9d6;
  border-color: #99a6bc;
}

.course-instance .floor4 tr.row1, .course-instance .floor4 tr.row2 {
  background: #c0c9d6;
  border-color: #99a6bc;
}

.course-instance .netd-nested-table.floor4 {
  background: #c0c9d6;
  border-color: #99a6bc;
}

.course-instance .module-drilldown-btn {
  border-width: 1px;
  border-style: solid;
  text-decoration: none;
}

.course-instance .expanded > .module-drilldown-btn {
  border-bottom-color: transparent;
}

.course-instance .floor1 > .module-drilldown-btn, .course-instance .floor1.expanded > .module-drilldown-btn {
  background: var(--lightgrey);
  border-color: var(--bordercolor);
}

.course-instance .floor2 > .module-drilldown-btn, .course-instance .floor2.expanded > .module-drilldown-btn {
  background: #dfe2e7;
  border-color: #c1cadb;
}

.course-instance .floor3 > .module-drilldown-btn, .course-instance .floor3.expanded > .module-drilldown-btn {
  background: #d0d7e2;
  border-color: #afb9c9;
}

.course-instance .floor4 > .module-drilldown-btn, .course-instance .floor4.expanded > .module-drilldown-btn {
  background: #c0c9d6;
  border-color: #99a6bc;
}

.course-instance .submodule-list tr.row1 td, .course-instance .submodule-list tr.row2 td {
  border-bottom: 0;
}

.course-instance .submodule-container .modules-list .submodule-list .module {
  background: transparent;
}

.button-dropdown-container, .class-schedule-container, .submodule-exam-container, .submodule-substitute-container, .submodule-resource-container, .info-btn-container {
  position: relative;
  display: inline-block;
  float: left;
}

.submodule-substitute-container .course-dropdown-link {
  text-transform: none;
}

.course-dropdown-list {
  position: absolute;
  background: #fff;
  padding: 8px 0 5px 0;
  left: 0;
  top: 50px;
  border-radius: 3px;
  border-left-top-radius: 0;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  width: auto;
  border: 1px solid transparent; border-color: var(--bordercolor);
  z-index: 1000;
}

.course-dropdown-list li {
  display: inline-block;
  width: 100%;
}

.class-schedule-list ul.class-schedule-dropdown {
  list-style: disc;
}

.class-schedule-list ul.class-schedule-dropdown li {
  margin: 0 0 8px 20px;
  display: list-item;
  width: auto;
}

.module .course-dropdown-list .icon-caret-up {
  position: absolute;
  top: -12px;
  left: 30px;
  color: #ffffff;
  text-shadow: 0 -1px 3px #aaa;
  font-size: 1.3em;
}

.module .course-dropdown-list li a,
.module .course-dropdown-list.submodule-substitute-list li {
  display: block;
  padding: 3px 10px;
  min-width: 240px;
  margin: 0;
  border: 0;
  background: #ffffff;
  line-height: 1.5;
  font-size: 1em;
}

.module .course-dropdown-list.submodule-substitute-list li {
  display: block;
  min-width: 360px;
  padding: 0;
  margin: 3px 0 5px 5px;
  background: transparent;
}

.module .course-dropdown-list.submodule-substitute-list li .module-title {
  margin: 0;
}

.module .course-dropdown-list.submodule-substitute-list li .module-id {
  color: #999999;
}

.module .course-dropdown-list li a .netd-icon::before {
  width: 14px;
  text-align: center;
}

.course-dropdown-list h4.title, .course-dropdown-list h5 {
  display: block;
  padding: 0 10px 5px 10px;
  min-width: 240px;
  margin: 0;
  border: 0;
  background: #ffffff;
  line-height: 1.5;
  font-size: 1em;
}

.course-dropdown-list h4.title {
  font-size: 1.077em;
}

.course-dropdown-btn, button.course-dropdown-btn, input.course-dropdown-btn[type="submit"], input.course-dropdown-btn[type="reset"], input.course-dropdown-btn[type="button"], a.course-dropdown-btn, .module-actions .course-dropdown-btn {
  float: left;
  box-sizing: border-box;
  width: auto;
  padding: 0px 10px;
  background: var(--button);
  border: 0px;
  border-radius: 0px;
  box-shadow: none;
  color: var(--buttontext);
  height: 48px;
  font-family: var(--font);
}

.course-dropdown-btn [class^="icon-"], .course-dropdown-btn [class*=" icon-"], button.course-dropdown-btn [class^="icon-"], input.course-dropdown-btn[type="submit"] [class^="icon-"], input.course-dropdown-btn[type="reset"] [class^="icon-"], input.course-dropdown-btn[type="button"] [class^="icon-"], button.course-dropdown-btn [class*=" icon-"], input.course-dropdown-btn[type="submit"] [class*=" icon-"], input.course-dropdown-btn[type="reset"] [class*=" icon-"], input.course-dropdown-btn[type="button"] [class*=" icon-"], a.course-dropdown-btn [class^="icon-"], a.course-dropdown-btn [class*=" icon-"], .module-actions .course-dropdown-btn [class^="icon-"], .module-actions .course-dropdown-btn [class*=" icon-"] {
  margin: 0 2px;
}

.course-dropdown-btn:hover, a.course-dropdown-btn:hover {
  background: var(--buttonhover);
  border: 0px solid var(--buttonhover);
  border-radius: 0px;
  box-shadow: none;
  color: var(--buttontexthover);
}

.course-dropdown-btn-hover,
button.course-dropdown-btn-hover,
input.course-dropdown-btn-hover[type="submit"],
input.course-dropdown-btn-hover[type="reset"],
input.course-dropdown-btn-hover[type="button"],
a.course-dropdown-btn-hover,
.course-dropdown-btn-hover:hover,
button.course-dropdown-btn-hover:hover,
input.course-dropdown-btn-hover:hover[type="submit"],
input.course-dropdown-btn-hover:hover[type="reset"],
input.course-dropdown-btn-hover:hover[type="button"],
a.course-dropdown-btn-hover:hover,
.module-actions .course-dropdown-btn-hover,
.module-actions .course-dropdown-btn-hover:hover {
  background: var(--buttonhover);
  border: none;
  border-bottom-color: transparent;
  border-radius: 0px;
  box-shadow: none;
  color: var(--buttontexthover);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  z-index: 11;
}

.module-title + .class-schedule-container {
  margin-top: 4px;
}

.class-schedule-container p.instructors {
  margin-left: 18px;
}

.class-schedule-container .course-dropdown-list {
  top: 48px;
  margin-top: -1px;
  padding: 8px 10px;
  width: 420px;
  height: auto;
  max-height: 500px;
  overflow-y: auto;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
  z-index: 10;
  border: 1px solid transparent; border-color: var(--bordercolor);
  border-radius: 3px;
  border-top-left-radius: 0;
}

.class-schedule-container .course-dropdown-list h5 {
  padding: 0;
  margin: 5px 0 10px 0;
}

.class-schedule-container h5 + p {
  padding: 0;
  margin: 5px 0 10px 0;
}

.class-schedule-container li a {
  display: inline;
  float: none;
  line-height: 1.5;
  margin: 0;
  padding: 0;
}

.class-schedule-container li i {
  width: 18px;
  line-height: 20px;
  display: block;
  float: left;
  padding: 0;
}

.class-schedule-container li.past-schedule {
  color: #999999;
}

.class-schedule-container li.past-schedule a:active {
  color: #999999;
}

.module .module-actions .class-schedule-container li a {
  display: inline;
  float: none;
  line-height: 1.5;
  margin: 0;
  padding: 0;
}

/*Knowledgecener Mods*/
.status-inline {
  color: #999999;
  padding-left: 5px;
}

/*Knowledge Center Mod - Reference Resources*/
/*Knowledge Center Program Module List*/
/*Sub-modules*/
/*Knowledge Center and Current Learning Module - Drop-down-list specified for class-schedule-container */
.course-instance .checklist .checklist-dropdown li a .badge {
  float: right;
}

.course-instance .checklist-btn .notification-dot {
  position: absolute;
  top: -6px;
  right: -8px;
}

.course-instance .member-list {
  margin: 0 0 5px 0;
}

.course-instance .member-list li {
  clear: both;
  margin: 0;
  width: 100%;
  height: 70px;
  position: relative;
}

.course-instance .member-list li .status, .course-instance .member-list li .offline {
  padding: 1px 0 0 18px;
  margin: 0;
  background: transparent url("../images/decorate/user_offline.gif") no-repeat 0 0;
  position: absolute;
  top: 18px;
  right: 10px;
  color: #666666;
}

.course-instance .member-list li .online {
  padding: 1px 0 0 18px;
  margin: 0;
  position: absolute;
  top: 18px;
  right: 10px;
  background: transparent url("../images/decorate/user_online.gif") no-repeat 0 0;
  color: var(--textcolor);
}

.course-instance .member-list li .member-avatar {
  float: left;
  margin: 0 10px 0 0;
  width: 48px;
  height: 48px;
  border: 1px solid transparent; border-color: var(--bordercolor);
  float: none;
  position: absolute;
  left: 8px;
  top: 5px;
}

.course-instance .member-list li .member-name {
  width: 400px;
  position: absolute;
  top: 7px;
  left: 65px;
  font-weight: bold;
  white-space: nowrap;
}

.course-instance .member-list li .member-name .member-id {
  color: var(--textcolor);
  font-weight: normal;
}

.course-instance .member-list li .actions {
  position: absolute;
  bottom: 7px;
  left: 65px;
}

.course-instance .divider {
  color: #aaa;
  padding: 0 5px;
  background: transparent;
}

.course-instance .module-toolbox.no-module-image h3, .course-instance .module-toolbox.no-module-image .module-meta-data, .course-instance .module-toolbox.no-module-image .module-description {
  margin: 0 0 0 10px;
}

.course-instance .module-toolbox.no-module-image .module-main-actions {
  left: 10px;
}

.course-instance .modules-list .module.no-module-image {
  min-height: 0;
}

.course-instance .modules-list .module.no-module-image .module-actions {
  margin-top: 5px;
}

.course-instance .modules-list .module.no-module-image .module-title, .course-instance .modules-list .module.no-module-image .module-info p, .course-instance .modules-list .module.no-module-image .module-actions {
  margin-left: 0;
}

.course-instance .submodule-container .modules-list .module.no-module-image .module-title, .course-instance .submodule-container .modules-list .module.no-module-image .module-info p, .course-instance .submodule-container .modules-list .module.no-module-image .module-actions {
  margin-left: 0;
}

/*Knowledge Center - Contact Group Members*/
/*When module not allowed to show heading image*/
/*When sub-module is without image*/
/*Peer Comments*/
#peer-comments .post-comment {
  padding: 20px;
  background: #eeeeee;
}

p.peer-comment-average-rating {
  width: auto;
  float: left;
  padding: 5px 0 0 0;
  margin: 0;
}

p.peer-comment-average-rating img {
  vertical-align: bottom;
}

.peer-comment img, .catalog-peerReview img {
  vertical-align: bottom;
}

.peer-comment-list ul {
  clear: both;
  width: 100%;
  padding: 0;
  margin: 10px 0;
  border-bottom: 1px solid transparent; border-color: var(--bordercolor);
  display: inline-block;
}

.peer-comment {
  clear: both;
  padding: 20px 0;
  margin: 0;
  display: inline-block;
  border-top: 1px dashed transparent; border-color: var(--bordercolor);
  width: 100%;
}

.peer-comment .user-name {
  color: var(--textcolor);
  float: left;
  margin: 0;
}

.peer-comment p {
  margin-left: 58px;
  color: #999999;
}

.peer-comment #deleteButton {
  display: block;
  line-height: 24px;
  width: auto;
}

.peer-comment .usefulness {
  float: left;
}

.peer-comment .news-meta-data {
  text-align: right;
  float: right;
  clear: right;
}

.course-instance .stars, .peer-comment .stars {
  float: none;
  clear: right;
  margin: 10px 0 0 0;
}

.course-instance .toolbox-info-details p.stars + p {
  /*Give some padding for review links below stars on toolbox*/
  margin: 5px 2px;
}

.peer-comment .peer-comment-list-content {
  clear: both;
  margin: 10px 10px 10px 58px;
  color: var(--textcolor);
  font-size: 1.1em;
  max-width: 720px;
}

/*Transcript*/
.module-divider-span {
  margin: 0 10px;
  color: #d5d5d5;
}

.program-title {
  font-weight: bold;
}

#transcript-list-table .kc-span > form {
  display: none;
}

#transcript-list-table li.revision {
  border-bottom: 1px dashed #dfdfdf;
  padding: 0 0 5px 0;
  margin: 0 0 5px 0;
}

#transcript-list-table p {
  margin-bottom: 0;
}

#transcript-list-table .module-drilldown-btn {
  border-width: 1px;
  border-style: solid;
  margin: 8px 0 0 0;
}

#transcript-list-table .expanded td, #transcript-list-table .expanded.row1, #transcript-list-table .expanded.row2 {
  border-bottom: 0;
}

#transcript-list-table .expanded .module-drilldown-btn {
  border-width: 1px;
  border-bottom-width: 0;
  margin: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

#transcript-list-table .collapsed + tr {
  display: none;
}

#transcript-list-table .action_column + td {
  width: auto;
}

#transcript-list-table .status-column {
  width: 10%;
}

#transcript-list-table .date-column {
  width: 20%;
}

#transcript-list-table .score-column, #transcript-list-table .hours-column {
  width: 5%;
}

#transcript-list-table .other-info-column {
  width: 15%;
}

#transcript-list-table .netd-nested-table {
  margin-bottom: 8px;
}

#transcript-list-table .floor1 .title-column {
  padding-left: 26px;
}

#transcript-list-table .floor2 .title-column {
  padding-left: 52px;
}

#transcript-list-table .floor3 .title-column {
  padding-left: 78px;
}

#transcript-list-table .floor4 .title-column {
  padding-left: 104px;
}

/*Transcript*/
.module-divider-span {
  margin: 0 10px;
  color: #d5d5d5;
}

.program-title {
  font-weight: bold;
}

#transcript-list-table .kc-span > form {
  display: none;
}

#transcript-list-table li.revision {
  border-bottom: 1px dashed #dfdfdf;
  padding: 0 0 4px 0;
  margin: 0 0 4px 0;
}

#transcript-list-table .collapsed .module-drilldown-btn, #transcript-list-table .expanded .module-drilldown-btn {
  border-width: 1px;
  border-style: solid;
  margin: 8px 0 0 0;
}

#transcript-list-table .expanded td, #transcript-list-table .expanded.row1, #transcript-list-table .expanded.row2 {
  border-bottom: 0;
}

#transcript-list-table .expanded .module-drilldown-btn {
  border-width: 1px;
  border-bottom-width: 0;
  margin: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

#transcript-list-table .collapsed + tr {
  display: none;
}

#transcript-list-table .action_column + td {
  width: auto;
}

#transcript-list-table .status-column {
  width: 10%;
}

#transcript-list-table .date-column {
  width: 20%;
}

#transcript-list-table .score-column, #transcript-list-table .hours-column {
  width: 5%;
}

#transcript-list-table .other-info-column {
  width: 15%;
}

#transcript-list-table .netd-nested-table {
  margin-bottom: 8px;
}

#transcript-list-table .floor1 .title-column {
  padding-left: 0;
  padding-right: 26px;
}

#transcript-list-table .floor2 .title-column {
  padding-left: 0;
  padding-right: 52px;
}

#transcript-list-table .floor3 .title-column {
  padding-left: 0;
  padding-right: 78px;
}

#transcript-list-table .floor4 .title-column {
  padding-left: 0;
  padding-right: 104px;
}

/* Substitute on Compliance Analysis and Transcripts */
.substitute-container {
  padding: 0;
  margin: 5px 5px 0 16px;
  font-weight: normal;
}

.substitute-container .substitute-list {
  margin: 5px 0;
}

.substitute-container .substitute-list li {
  width: 95%;
  padding: 0;
  margin: 3px 0 3px 16px;
}

.launch-history-dialogue {
  width: 500px;
  height: 200px;
  overflow: auto;
}

.grid_3 .side-widget.recent-enrollment .course-instance .modules-list .module, .grid_4 .side-widget.recent-enrollment .course-instance .modules-list .module, .grid_6 .side-widget.recent-enrollment .course-instance .modules-list .module {
  min-width: 0;
}

.grid_3 .side-widget.recent-enrollment .course-instance .modules-list .module .module-info, .grid_4 .side-widget.recent-enrollment .course-instance .modules-list .module .module-info, .grid_6 .side-widget.recent-enrollment .course-instance .modules-list .module .module-info {
  width: 100%;
  margin-bottom: 4px;
}

.grid_3 .side-widget.recent-enrollment .course-instance .modules-list .module .module-info .module-head-image, .grid_4 .side-widget.recent-enrollment .course-instance .modules-list .module .module-info .module-head-image, .grid_6 .side-widget.recent-enrollment .course-instance .modules-list .module .module-info .module-head-image {
  width: 75px;
  height: auto;
}

.grid_3 .side-widget.recent-enrollment .course-instance .modules-list .module .module-info .module-title, .grid_3 .side-widget.recent-enrollment .course-instance .modules-list .module .module-info .meta-data, .grid_4 .side-widget.recent-enrollment .course-instance .modules-list .module .module-info .module-title, .grid_4 .side-widget.recent-enrollment .course-instance .modules-list .module .module-info .meta-data, .grid_6 .side-widget.recent-enrollment .course-instance .modules-list .module .module-info .module-title, .grid_6 .side-widget.recent-enrollment .course-instance .modules-list .module .module-info .meta-data {
  margin: 0 0 4px 80px;
}

.grid_3 .side-widget.recent-enrollment .course-instance .modules-list .module .module-info .module-status, .grid_4 .side-widget.recent-enrollment .course-instance .modules-list .module .module-info .module-status, .grid_6 .side-widget.recent-enrollment .course-instance .modules-list .module .module-info .module-status {
  position: static;
  text-align: left;
  margin-left: 4px;
}

.grid_3 .side-widget.recent-enrollment .course-instance .modules-list .module .module-actions, .grid_4 .side-widget.recent-enrollment .course-instance .modules-list .module .module-actions, .grid_6 .side-widget.recent-enrollment .course-instance .modules-list .module .module-actions {
  position: static;
  clear: both;
  float: left;
  width: 100%;
  margin: 5px 0 0 0;
}

td.reference-info span img.file-type {
  margin: 2px 0 0;
}

td.reference-info span .ref-resource-link {
  line-height: 1.2;
}

td.reference-info span .meta {
  clear: none;
  font-size: .813em;
  margin: 0 33px;
}

a.prerequisites-status {
  color: #999999;
}

a.prerequisites-status:hover, a.prerequisites-status:visited, a.prerequisites-status:focus {
  color: #999999;
}

/*For Knowledge Center and Current Learning Modules*/
.catalog-browser-container h3 {
  margin: .5em 0;
}

.catalog-browser-container .catalog-folder-container {
  margin-bottom: 30px;
}

.catalog-browser-container .catalog-folder-container td {
  font-size: 1em;
}

.catalog-browser-container .catalog-folder-container td.catalog-title a {
  display: block;
  padding: 5px 0 4px 30px;
  background: transparent url("../images/menu/rec_mycses.png") no-repeat 4px 1px;
  background-size: 20px 20px;
}

.catalog-browser-container .catalog-folder-container ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}

.catalog-browser-container .catalog-folder-container ul li a {
  display: block;
  overflow: hidden;
  float: left;
  background: #ffffff;
  border: 1px solid #d5d5d5;
  box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.1);
  transition: all 0.3s;
}

.catalog-browser-container .catalog-folder-container ul li a:hover {
  background: #eeeeee;
  border-color: #CCCCCC;
  box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.3);
}

.catalog-browser-container .catalog-folder-container ul li a .catalog-folder-image {
  display: block;
  overflow: hidden;
}

.catalog-browser-container .catalog-folder-container ul li a .catalog-folder-image img {
  width: auto;
  height: 100%;
}

.catalog-browser-container .catalog-folder-container ul li a .catalog-folder-title {
  display: block;
  font-size: 1em;
}

.catalog-browser-container .catalog-folder-container.with-large-image ul li {
  margin-bottom: 30px;
}

.catalog-browser-container .catalog-folder-container.with-large-image ul li a {
  width: 180px;
  min-height: 220px;
  height: 100% !important;
  padding: 0;
  margin: 0 30px 0 0;
}

.catalog-browser-container .catalog-folder-container.with-large-image ul li a .catalog-folder-image {
  width: 180px;
  height: 180px;
}

.catalog-browser-container .catalog-folder-container.with-large-image ul li a .catalog-folder-title {
  padding: 16px 5px;
  text-align: center;
}

.catalog-browser-container .catalog-folder-container.with-small-image ul li {
  width: 240px;
  height: 64px;
  margin: 0 20px 20px 0;
  float: left;
}

.catalog-browser-container .catalog-folder-container.with-small-image ul li a {
  width: 240px;
  height: 64px;
}

.catalog-browser-container .catalog-folder-container.with-small-image ul li a .catalog-folder-image {
  width: 64px;
  height: 64px;
  margin: 0 8px 0 0;
  float: left;
}

.catalog-browser-container .catalog-folder-container.with-small-image ul li a .catalog-folder-title {
  margin: 5px 8px 5px 0;
  text-align: left;
}

.catalog-browser-container .catalog-content-container {
  clear: both;
  padding-top: 16px;
  margin-top: 16px;
}

.catalog-browser-container .catalog-content-container.with-large-image ul {
  width: 100%;
}

.catalog-browser-container .catalog-content-container.with-large-image ul li {
  float: left;
  width: 48%;
  margin: 0 1% 0 0;
}

.catalog-browser-container .catalog-content-container.with-large-image ul li a {
  display: block;
  padding: 10px 0;
  border: 0;
  height: 128px;
  border-bottom: 1px solid transparent; border-color: var(--bordercolor);
  position: relative;
  overflow: hidden;
}

.catalog-browser-container .catalog-content-container.with-large-image ul li a:hover {
  background: #f5f5f5;
  transition: all 0.3s;
}

.catalog-browser-container .catalog-content-container.with-large-image ul li a:hover .mouse-over {
  top: 0;
  background: rgba(0, 0, 0, 0.1);
  opacity: 1;
}

.catalog-browser-container .catalog-content-container.with-large-image ul li a:hover .mouse-over .netd-button {
  opacity: 1;
}

.catalog-browser-container .catalog-content-container.with-large-image ul li a .mouse-over {
  position: absolute;
  top: -100%;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  opacity: 0;
  transition: opacity 0.3s;
}

.catalog-browser-container .catalog-content-container.with-large-image ul li a .mouse-over .netd-button {
  display: block;
  padding: 0px 10px;
  width: auto;
  margin: 0 auto;
  opacity: 0;
  position: relative;
  top: 85px;
  left: -10px;
}

.catalog-browser-container .catalog-content-container.with-large-image ul li a .course-image {
  display: block;
  width: 128px;
  height: 128px;
  overflow: hidden;
  float: left;
  margin: 0 10px;
  background: #eeeeee;
}

.catalog-browser-container .catalog-content-container.with-large-image ul li a .course-image img {
  width: auto;
  height: 100%;
}

.catalog-browser-container .catalog-content-container.with-large-image ul li a .course-title {
  display: block;
  font-size: 1.154em;
  margin: 5px 0;
}

.catalog-browser-container .catalog-content-container.with-large-image ul li a .description, .catalog-browser-container .catalog-content-container.with-large-image ul li a .type {
  display: block;
  color: #666666;
  font-size: 1em;
  margin: 0 0 5px 0;
  max-height: 30px;
}

.catalog-browser-container .catalog-content-container.with-large-image ul li a .type {
  color: #999999;
  text-transform: Capitalize;
}

.catalog-browser-container .catalog-content-container.with-small-image ul li {
  float: left;
  width: 22%;
  margin: 0 3% 30px 0;
}

.catalog-browser-container .catalog-content-container.with-small-image ul li a {
  display: block;
  width: 100%;
  height: 240px;
  border: 1px solid #d5d5d5;
  position: relative;
  overflow: hidden;
}

.catalog-browser-container .catalog-content-container.with-small-image ul li a:hover {
  background: #f5f5f5;
  overflow: visible;
  transition: all 0.3s;
}

.catalog-browser-container .catalog-content-container.with-small-image ul li a:hover .mouse-over {
  left: 0;
  opacity: 0.95;
}

.catalog-browser-container .catalog-content-container.with-small-image ul li a:hover .mouse-over .netd-button {
  opacity: 1;
}

.catalog-browser-container .catalog-content-container.with-small-image ul li a:hover .course-image {
  overflow: visible;
}

.catalog-browser-container .catalog-content-container.with-small-image ul li a:hover .course-image img {
  top: -42px;
  left: 10px;
  width: 80px;
  height: 80px;
  border: 1px solid #d5d5d5;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
  z-index: 100;
  background: #ffffff;
  transition: top 0.3s;
}

.catalog-browser-container .catalog-content-container.with-small-image ul li a .course-image {
  display: block;
  width: 100%;
  height: 150px;
  background: #eeeeee;
  overflow: hidden;
  position: relative;
}

.catalog-browser-container .catalog-content-container.with-small-image ul li a .course-image img {
  width: 100%;
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
}

.catalog-browser-container .catalog-content-container.with-small-image ul li a .course-title, .catalog-browser-container .catalog-content-container.with-small-image ul li a .type {
  display: block;
  margin: 10px 5px 5px 5px;
  text-align: center;
  font-size: 1.154em;
  max-height: 50px;
  overflow: hidden;
}

.catalog-browser-container .catalog-content-container.with-small-image ul li a .type {
  display: block;
  color: #999999;
  font-size: 1em;
  margin: 5px 0;
  text-transform: capitalize;
}

.catalog-browser-container .catalog-content-container.with-small-image ul li a .mouse-over {
  position: absolute;
  top: 0;
  left: -100%;
  display: block;
  width: 100%;
  height: 240px;
  background: rgba(255, 255, 255, 0.9);
  opacity: 0;
  overflow: auto;
  transition: opacity 0.2s;
}

.catalog-browser-container .catalog-content-container.with-small-image ul li a .mouse-over img {
  width: 48px;
  height: 48px;
  border: 4px solid #ffffff;
  position: absolute;
  bottom: 30px;
  left: 10px;
}

.catalog-browser-container .catalog-content-container.with-small-image ul li a .mouse-over .course-title {
  font-weight: bold;
  color: #202020;
  text-align: left;
  margin: 50px 10px 5px 10px;
  font-size: 1em;
  max-height: none;
}

.catalog-browser-container .catalog-content-container.with-small-image ul li a .mouse-over .type {
  display: block;
  color: #666666;
  font-size: 1em;
  margin: 5px 10px;
  text-align: left;
  text-transform: capitalize;
}

.catalog-browser-container .catalog-content-container.with-small-image ul li a .mouse-over .description {
  display: block;
  line-height: 1.25;
  margin: 5px 10px;
  font-size: 1em;
  color: #202020;
  max-height: 100px;
  overflow: hidden;
}

.catalog-browser-container .catalog-content-container.with-small-image ul li a .mouse-over .netd-button {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  padding: 0px;
  width: 100%;
  margin: 0 auto;
  border-radius: 0;
  opacity: 0;
}

.catalog-browser-container .catalog-content-container .column-picture-image {
  max-width: 100%;
  margin: 0px;
}

.catalog-browser-container.format-6 .cimage img {
  width: 150px;
  height: 150px;
}

.catalog-browser-container.format-8 #column-picture {
  width: 100px;
  padding-right: 0px;
  padding-left: 0px;
}

.catalog-browser-container.format-8 #column-language {
  width: 15%;
}

.catalog-browser-container.format-8 #column-learning-type {
  width: 15%;
}

.catalog-search-results h3 {
  margin: 1em 0;
}

.catalog-search-results.with-images ul {
  width: 100%;
}

.catalog-search-results.with-images ul li {
  float: left;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 10px 0;
  position: relative;
  overflow: hidden;
  border: 0;
  border-bottom: 1px solid transparent; border-color: var(--bordercolor);
  display: flex;
  flex-direction: row;
}

.catalog-search-results.with-images ul li .course-image {
  order: 1;
  width: 100px;
  height: 100px;
  margin: 0 10px;
  background: #eeeeee;
  flex: 0 0 auto;
}

.catalog-search-results.with-images ul li .course-image img {
  width: inherit;
  height: inherit;
}

.catalog-search-results.with-images ul li .course-info {
  order: 2;
}

.catalog-search-results.with-images ul li .course-info .course-title {
  color: #202020;
  margin: 0 0 5px 0;
  font-weight: normal;
}

.catalog-search-results.with-images ul li .course-info .price {
  width: auto;
  text-align: right;
  position: absolute;
  top: 3px;
  right: 0;
}

.catalog-search-results.with-images ul li .course-info .meta-data, .catalog-search-results.with-images ul li .course-info .description {
  color: var(--textcolor);
  margin: 0 0 5px 0;
  padding: 0;
  position: relative;
  width: 100%;
  line-height: 1.5;
}

.catalog-search-results.with-images ul li .course-info .meta-data .netd-icon, .catalog-search-results.with-images ul li .course-info .description .netd-icon {
  margin-right: 7px;
}

/*Catalog Browser*/
/*********************************************
 * Catalog Details View
 *********************************************/
.catalog-container {
  text-align: left;
  line-height: 1.5;
  width: 100%;
  border: 1px solid transparent; 
  border-color: var(--bordercolor);
  padding: 30px 10px 20px 10px;
  max-width: 800px;
  margin: 10px auto;
}

.catalog-container + hr {
  display: none;
}

.catalog-container + hr + table {
  max-width: 800px;
  margin: 10px auto;
}

.catalog-container + hr + .warning, #checklist-table tr .task-title .catalog-container + hr + .netd-icon, #checklist-table tr .module-title .catalog-container + hr + .netd-icon {
  max-width: 800px;
  margin: 10px auto;
}

.catalog-container + hr + .warning + br + table, #checklist-table tr .task-title .catalog-container + hr + .netd-icon + br + table, #checklist-table tr .module-title .catalog-container + hr + .netd-icon + br + table {
  max-width: 800px;
  margin: 10px auto;
}

.frameless .catalog-container {
  border: 0;
  max-width: none;
  margin: 0;
}

.frameless .catalog-container + hr {
  display: block;
}

.frameless .catalog-container + hr + table {
  max-width: none;
  margin: 0;
}

.frameless .catalog-container + hr + .warning, .frameless #checklist-table tr .task-title .catalog-container + hr + .netd-icon, #checklist-table tr .task-title .frameless .catalog-container + hr + .netd-icon, .frameless #checklist-table tr .module-title .catalog-container + hr + .netd-icon, #checklist-table tr .module-title .frameless .catalog-container + hr + .netd-icon {
  max-width: none;
  margin: 0;
}

.frameless .catalog-container + hr + .warning + br + table, .frameless #checklist-table tr .task-title .catalog-container + hr + .netd-icon + br + table, #checklist-table tr .task-title .frameless .catalog-container + hr + .netd-icon + br + table, .frameless #checklist-table tr .module-title .catalog-container + hr + .netd-icon + br + table, #checklist-table tr .module-title .frameless .catalog-container + hr + .netd-icon + br + table {
  max-width: none;
  margin: 0;
}

.catalog-container .catalog-left {
  width: 180px;
  float: left;
  padding: 0;
  text-align: right;
  font-weight: bold;
}

.catalog-container .catalog-right, .catalog-container .catalog-clear {
  margin: 0 20px 0 190px;
}

.catalog-container .catalog-right .session {
  float: left;
  width: 100%;
  margin: 0;
}

.catalog-container .catalog-title {
  font-size: 1.538em;
  line-height: 28px;
}

.catalog-container .catalog-menu, .catalog-container .catalog-description {
  padding-top: 5px;
}

.catalog-container .catalog-menu div {
  display: inline;
  padding-right: 10px;
}

.catalog-container .catalog-clear {
  clear: both;
  padding-bottom: 10px;
}

.catalog-container ul {
  list-style: disc;
  margin-left: 20px;
}

.catalog-container .session-content-title a {
  line-height: 1.5;
}

.toplevel-session-content-enrollbtn input.button {
  margin: 16px 0;
}

.row {
  clear: both;
  width: 100%;
  margin: 0 0 8px 0;
  line-height: 24px;
}

.session-content-title {
  width: 55%;
  float: left;
}

.toplevel-session-content-seats {
  width: 20%;
  float: right;
}

.toplevel-session-content-enrollbtn {
  width: 20%;
  float: left;
}

.toplevel-session-content-enrollbtn form, .toplevel-session-content-enrollbtn input {
  margin: 0;
}

.toplevel-session-content-enrollbtn td {
  padding: 0;
}

.session-content-details {
  margin-left: 20px;
}

.session-content-icons {
  width: 20px;
  float: left;
}

.session-content-classdaterange, .session-content-enrolldaterange {
  clear: both;
  width: 100%;
  float: none;
  margin: 0 0 4px 0;
}

.session-content-costing table {
  border-spacing: 0;
}

.session-show-info {
  padding-left: 20px;
}

.session-children {
  padding-left: 20px;
  float: left;
}

.cost-name {
  width: 70px;
}

.schedule-item-date {
  margin: 12px 0 4px 0;
}

.learning-path-container {
  clear: both;
  height: auto;
  width: 100%;
  overflow: hidden;
  position: relative;
  border: 1px solid transparent; border-color: var(--bordercolor);
}

.learning-path-container #actions-panel-container {
  transform: translateY(60px);
}

.learning-path-container .action-nav {
  margin: 0;
  width: 100%;
  position: relative;
  top: 0;
  left: 0;
}

.learning-path-container .action-nav + .tree-view-horizontal, .learning-path-container .action-nav + .tree-view-vertical {
  top: 0;
  min-height: 70vh;
}

.learning-path-container .action-nav button.button, .learning-path-container .action-nav input.button[type="submit"], .learning-path-container .action-nav input.button[type="reset"], .learning-path-container .action-nav input.button[type="button"] {
  background: var(--button);
  border: 0 !important;
  border-radius: var(--buttonborderradius);
  color: var(--buttontext);
  padding: 0 20px;
  transition: color 0.3s, background 0.3s, border 0.3s;
}

.learning-path-container .action-nav button.button:hover, .learning-path-container .action-nav input.button:hover[type="submit"], .learning-path-container .action-nav input.button:hover[type="reset"], .learning-path-container .action-nav input.button:hover[type="button"] {
  background: var(--buttonhover);
  border-color: var(--buttonhover);
  color: var(--buttontexthover);
}

.learning-path-container.fullscreen {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  border: 0;
  z-index: 1001;
  transition: width 0.3s, height 5s ease-in;
}

.learning-path-container.fullscreen .action-nav {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1002;
}

.learning-path-container.fullscreen .tree-view-horizontal, .learning-path-container.fullscreen .tree-view-vertical {
  position: fixed;
  top: 36px;
  left: 0;
  width: 100%;
  height: 100%;
}

.learning-path-container .tree-view-horizontal, .learning-path-container .tree-view-vertical {
  box-sizing: border-box;
  position: relative;
  top: 0;
  left: 0;
  height: auto;
  width: auto;
  margin: 0;
  padding: 20px;
  overflow: auto;
  background: transparent;
}

.learning-path-container .tree-view-horizontal::-webkit-scrollbar, .learning-path-container .tree-view-vertical::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 8px;
  height: 8px;
}

.learning-path-container .tree-view-horizontal::-webkit-scrollbar-track, .learning-path-container .tree-view-vertical::-webkit-scrollbar-track {
  background-color: rgba(57, 57, 57, 0.05);
}

.learning-path-container .tree-view-horizontal::-webkit-scrollbar-thumb, .learning-path-container .tree-view-vertical::-webkit-scrollbar-thumb {
  background-color: rgba(156, 156, 156, 0.8);
  border-radius: 8px;
}

.learning-path-container .card {
  position: relative;
  display: block;
  height: 64px;
  width: 160px;
  padding: 4px 8px;
  margin: 0 8px 0 0;
  min-height: 0;
  color: #1a1a1a;
  background: #fff;
  border: 2px solid transparent; border-color: var(--bordercolor);
  border-left-width: 3px;
  border-radius: 0px;
  text-transform: capitalize;
  transition: margin 0.3s;
}

.learning-path-container .card:hover .card-type {
  opacity: 1;
  transition-delay: .5s;
  transition: opacity .2s ease-in-out;
}

.learning-path-container .card:hover .actions .view-details {
  visibility: visible;
}

.learning-path-container .card.completed {
  border-left-color: #009933;
}

.learning-path-container .card.incomplete {
  border-left-color: #ee3333;
}

.learning-path-container .card.in-process {
  border-left-color: #ff9900;
}

.learning-path-container .card.not-started {
  border-left-color: #00aadd;
}

.learning-path-container .card.problem {
  border-left-color: #cc6600;
  position: relative;
}

.learning-path-container .card.problem::before {
  font-family: "FontAwesome";
  content: "\f06a";
  color: #cc6600;
  position: absolute;
  top: 26px;
  left: -7px;
  font-size: 1.077em;
  display: block;
  border-radius: 7px;
  background: transparent;
}

.learning-path-container .card.optional, .learning-path-container .card.not-enrolled {
  border-left-color: var(--textcolor);
}

.learning-path-container .card .actions {
  transition: all 0.3s;
}

.learning-path-container .card .actions button, .learning-path-container .card .actions input[type="submit"], .learning-path-container .card .actions input[type="reset"], .learning-path-container .card .actions input[type="button"] {
  border-radius: 0;
  padding: 0px 12px;
  color: var(--buttontext);
  line-height: 32px;
  position: absolute;
  bottom: 0px;
  height: 32px;
  font-weight: 400;
  background: var(--button);
}

.learning-path-container .card .actions button:hover, .learning-path-container .card .actions input:hover[type="submit"], .learning-path-container .card .actions input:hover[type="reset"], .learning-path-container .card .actions input:hover[type="button"] {
  color: var(--buttontexthover) !important;
  background: var(--buttonhover);
}

.learning-path-container .card .card-type {
  display: inline-block;
  position: absolute;
  right: 8px;
  bottom: -1px;
  margin: -8px 0 0 0;
  width: auto;
  color: var(--textcolor);
  background: var(--bordercolor);
  padding: 4px;
  border-top-right-radius: var(--borderradius);
  border-top-left-radius: var(--borderradius);
  font-size: .7em;
  text-align: center;
  opacity: 0;
  text-transform: uppercase;
  transition: opacity .2s ease-in-out;
}

.learning-path-container .card h4, .learning-path-container .card .meta {
  margin: 0 0 1px 0;
  padding: 0;
  width: 100%;
  font-weight: normal;
  font-size: 13px;
  background: transparent;
  text-overflow: ellipsis;
  display: -webkit-box;
  line-height: 16px;
  /* fallback */
  max-height: 32px;
  /* fallback */
  -webkit-line-clamp: 2;
  /* number of lines to show */
  -webkit-box-orient: vertical;
}

.learning-path-container .card h4 {
  color: var(--headers);
  background: transparent;
}

.learning-path-container .card h4 .netd-icon {
  width: auto;
  margin: 0;
  font-size: 1em;
}

.learning-path-container .card .meta {
  white-space: normal;
  font-size: .823em;
  color: var(--textcolor);
}

.learning-path-container .card .view-details {
  visibility: hidden;
}

.learning-path-container h4.list-title {
  display: none;
}

.tree-view-horizontal .user-card {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  display: -ms-flexbox;
  width: 100%;
  height: auto;
  min-width: 240px;
  margin: 24px 0 0 0;
  overflow: visible;
  flex-direction: row;
  justify-content: flex-start;
  -ms-justify-content: flex-start;
  flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  align-items: stretch;
  -ms-align-items: stretch;
  display: block \9;
  float: left \9;
}

.tree-view-horizontal .user-card::after {
    position: absolute;
    top: 60px;
    left: 30px;
    content: " ";
    height: 24px;
    width: 2px;
    background: var(--bordercolor);
}

.tree-view-vertical .user-card::after {
    position: absolute;
    top: 57px;
    left: 24px;
    content: " ";
    height: 24px;
    width: 2px;
    background: var(--bordercolor);
}

.tree-view-horizontal .user-card .user-avatar {
  float: none;
  box-sizing: border-box;
  margin: 0;
  width: 58px;
  height: 58px;
  border: 4px solid transparent; border-color: var(--bordercolor);
  border-radius: 29px;
  float: left \9;
  margin-right: 8px \9;
}

.tree-view-vertical .job-profiles-list>.job-profile-item {
    border-left: 2px solid transparent; border-color: var(--bordercolor);
}

.tree-view-vertical .job-profiles-list>.job-profile-item .link-node::before {
    background: var(--bordercolor);
}

.tree-view-horizontal .user-card .user-name {
  padding: 0 0 0 8px;
  margin: 0;
  white-space: nowrap;
}

.tree-view-horizontal .user-card .user-name h3 {
  margin: 4px 0;
}

.tree-view-horizontal .user-card .user-name .meta {
  font-size: .813em;
}

.tree-view-horizontal .job-profiles-list li {
  position: relative;
  top: 0px;
  left: 0;
  border: 0;
}

.tree-view-horizontal .job-profiles-list li.job-profile-item {
  display: block;
  width: auto;
  border-left: 2px solid transparent; border-color: var(--bordercolor);
  padding: 0 0 36px 30px;
  margin: 0 0 0 30px;
  position: relative;
}

.tree-view-horizontal .job-profiles-list li.job-profile-item .link-node {
  position: absolute;
  left: 0;
  top: 0;
}

.tree-view-horizontal .job-profiles-list li.job-profile-item .link-node::before {
  content: '';
  width: 30px;
  height: 2px;
  background: var(--bordercolor);
  position: absolute;
  left: 0;
  top: 40px;
}

.tree-view-horizontal .job-profiles-list > li {
  margin: 0;
  padding: 5px 20px 0px 0;
}

.tree-view-horizontal .job-profiles-list > li:last-child::after {
    position: absolute;
    bottom: -7px;
    left: -7px;
    font-family: "FontAwesome";
    content: "\f111";
    color: var(--bordercolor);
}

.tree-view-vertical .job-profiles-list>.job-profile-item:last-child:after {
    position: absolute;
    bottom: -7px;
    left: -7px;
    font-family: "FontAwesome";
    content: "\f111";
    color: var(--bordercolor);
}

.tree-view-horizontal .job-profiles-list > li .link-node {
  position: absolute;
  left: 0;
  top: 0;
}

.tree-view-horizontal .job-profiles-list > li .link-node::before {
  content: '';
  width: 1px;
  height: 24px;
  background: var(--bordercolor);
  position: absolute;
  left: 33px;
  top: 0;
}

.tree-view-horizontal .competencies-list {
  position: relative;
  left: 0;
  display: inline-flex;
  display: -webkit-inline-flex;
  display: -ms-flexbox;
  flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  width: auto;
  padding: 0;
  margin: 20px 0 30px 0;
  border: 0;
}

.tree-view-horizontal .competencies-list.hidden {
  display: none;
}

.tree-view-horizontal .competencies-list li.competency-item {
  position: relative;
  top: 16px;
  left: 0;
}

.tree-view-horizontal .competencies-list li.competency-item::before {
  content: ' ';
  position: absolute;
  top: -16px;
  left: 24px;
  width: 100%;
  border-top: 1px solid transparent; border-color: var(--bordercolor);
}

.tree-view-horizontal .competencies-list li.competency-item:last-child::before {
  display: none;
}

.tree-view-horizontal .competencies-list li.competency-item .card::before {
  content: '';
  width: 1px;
  height: 16px;
  position: absolute;
  left: 20px;
  top: -17px;
  background: var(--bordercolor);
}

.tree-view-horizontal .modules-list {
  display: inline-flex;
  display: -webkit-inline-flex;
  display: -ms-flexbox;
  flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  top: 0;
  left: 0;
  width: auto;
  padding: 0;
  margin: 20px 0 36px 0;
  border: 0;
}

.tree-view-horizontal .modules-list.non-blocking {
  position: absolute;
  top: 76px;
}

.tree-view-horizontal .modules-list.hidden {
  display: none;
}

.tree-view-horizontal .modules-list > .module-item {
  position: relative;
  top: 16px;
  left: 0;
  display: block;
}

.tree-view-horizontal .modules-list > .module-item::before {
  content: ' ';
  position: absolute;
  top: -16px;
  left: 24px;
  width: 100%;
  border-top: 1px solid transparent; border-color: var(--bordercolor);
}

.tree-view-horizontal .modules-list > .module-item:last-child::before {
  display: none;
}

.tree-view-horizontal .modules-list > .module-item .card:hover .actions .view-details {
  visibility: hidden;
}

.tree-view-horizontal .modules-list > .module-item .card::before {
  content: '';
  width: 1px;
  height: 16px;
  position: absolute;
  left: 24px;
  top: -16px;
  background: var(--bordercolor);
}

.tree-view-horizontal .modules-list > .module-item .actions .toggle-node-btn {
  top: 62px;
}

.tree-view-horizontal .modules-list > .module-item.substitute-module-item .group {
  position: absolute;
  top: -6px;
  left: -2px;
  width: 188px;
  height: 86px;
  background: transparent;
}

.tree-view-horizontal .modules-list > .module-item.substitute-module-item .group.group-start {
  left: -4px;
  border-left: 1px dashed transparent; border-color: var(--bordercolor);
  border-top: 1px dashed transparent; border-color: var(--bordercolor);
  border-bottom: 1px dashed transparent; border-color: var(--bordercolor);
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

.tree-view-horizontal .modules-list > .module-item.substitute-module-item .group.group-inside {
  border-top: 1px dashed transparent; border-color: var(--bordercolor);
  border-bottom: 1px dashed transparent; border-color: var(--bordercolor);
}

.tree-view-horizontal .modules-list > .module-item.substitute-module-item .group.group-end {
  right: -4px;
  border-top: 1px dashed transparent; border-color: var(--bordercolor);
  border-bottom: 1px dashed transparent; border-color: var(--bordercolor);
  border-right: 1px dashed transparent; border-color: var(--bordercolor);
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

.tree-view-horizontal .modules-list > .module-item.substitute-module-item .group.group-end::before {
  height: 10px;
}

.tree-view-horizontal .modules-list > .module-item.substitute-module-item .group.group-inside + .card::before, .tree-view-horizontal .modules-list > .module-item.substitute-module-item .group.group-start + .card::before {
  border-color: transparent;
}

.tree-view-horizontal .modules-list > .module-item.substitute-module-item .group.group-inside.group-end + .card::before, .tree-view-horizontal .modules-list > .module-item.substitute-module-item .group.group-start.group-end + .card::before {
  border-color: var(--bordercolor);
}

.tree-view-horizontal .modules-list > .module-item.substitute-module-item .card {
  border-top-style: dashed;
  border-right-style: dashed;
  border-bottom-style: dashed;
}

.tree-view-horizontal .modules-list > .module-item.substitute-module-item .card::before {
  background: transparent;
  border-left: 1px dashed transparent; border-color: var(--bordercolor);
}

.tree-view-horizontal .card .actions {
  padding: 0;
  height: 1px;
}

.tree-view-horizontal .card .actions button.toggle-node-btn, .tree-view-horizontal .card .actions input.toggle-node-btn[type="submit"], .tree-view-horizontal .card .actions input.toggle-node-btn[type="reset"], .tree-view-horizontal .card .actions input.toggle-node-btn[type="button"] {
  position: absolute;
  top: 62px;
  left: 8px;
  height: 24px;
  width: 24px;
  padding: 0;
  text-align: center;
  font-size: 1em;
  color: #AAAAAA;
  background: #FFFFFF;
  border-radius: 12px;
  border: 2px solid var(--bordercolor) !important;
  overflow: visible;
  z-index: 100;
  transition: top 0.3s;
}

.tree-view-horizontal .card .actions button.toggle-node-btn::before, .tree-view-horizontal .card .actions input.toggle-node-btn[type="submit"]::before, .tree-view-horizontal .card .actions input.toggle-node-btn[type="reset"]::before, .tree-view-horizontal .card .actions input.toggle-node-btn[type="button"]::before, .tree-view-horizontal .card .actions button.toggle-node-btn::after, .tree-view-horizontal .card .actions input.toggle-node-btn[type="submit"]::after, .tree-view-horizontal .card .actions input.toggle-node-btn[type="reset"]::after, .tree-view-horizontal .card .actions input.toggle-node-btn[type="button"]::after {
  display: none;
  content: '';
  position: absolute;
  top: -10px;
  left: 50%;
  border-left: 1px solid transparent; border-color: var(--bordercolor);
  width: 1px;
  height: 0;
  transition: height 0.3s;
}

.tree-view-horizontal .card .actions button.toggle-node-btn.hide-all, .tree-view-horizontal .card .actions input.toggle-node-btn.hide-all[type="submit"], .tree-view-horizontal .card .actions input.toggle-node-btn.hide-all[type="reset"], .tree-view-horizontal .card .actions input.toggle-node-btn.hide-all[type="button"] {
  top: 82px;
}

.tree-view-horizontal .card .actions button.toggle-node-btn.hide-all::before, .tree-view-horizontal .card .actions input.toggle-node-btn.hide-all[type="submit"]::before, .tree-view-horizontal .card .actions input.toggle-node-btn.hide-all[type="reset"]::before, .tree-view-horizontal .card .actions input.toggle-node-btn.hide-all[type="button"]::before, .tree-view-horizontal .card .actions button.toggle-node-btn.hide-all::after, .tree-view-horizontal .card .actions input.toggle-node-btn.hide-all[type="submit"]::after, .tree-view-horizontal .card .actions input.toggle-node-btn.hide-all[type="reset"]::after, .tree-view-horizontal .card .actions input.toggle-node-btn.hide-all[type="button"]::after {
  display: block;
  content: '';
  position: absolute;
  top: -10px;
  left: 50%;
  border-left: 1px solid transparent; border-color: var(--bordercolor);
  width: 1px;
  height: 8px;
  transition: height 0.3s;
}

.tree-view-horizontal .card .actions button.toggle-node-btn.hide-all::after, .tree-view-horizontal .card .actions input.toggle-node-btn.hide-all[type="submit"]::after, .tree-view-horizontal .card .actions input.toggle-node-btn.hide-all[type="reset"]::after, .tree-view-horizontal .card .actions input.toggle-node-btn.hide-all[type="button"]::after {
  display: none;
  top: 20px;
  left: 50%;
}

.tree-view-horizontal .card .actions button.toggle-node-btn:focus, .tree-view-horizontal .card .actions input.toggle-node-btn:focus[type="submit"], .tree-view-horizontal .card .actions input.toggle-node-btn:focus[type="reset"], .tree-view-horizontal .card .actions input.toggle-node-btn:focus[type="button"] {
  outline: none;
}

.tree-view-horizontal .card .actions button.toggle-node-btn .netd-icon, .tree-view-horizontal .card .actions input.toggle-node-btn[type="submit"] .netd-icon, .tree-view-horizontal .card .actions input.toggle-node-btn[type="reset"] .netd-icon, .tree-view-horizontal .card .actions input.toggle-node-btn[type="button"] .netd-icon {
  color: #AAAAAA;
}

.tree-view-horizontal .card .competency-item:last-child::before, .tree-view-horizontal .card .module-item:last-child::before {
  display: none;
}

.tree-view-vertical .user-card {
  display: flex;
  display: -ms-flexbox;
  width: 100%;
  height: auto;
  min-height: 50px;
  margin: 2em 0 0 0;
  overflow: visible;
  flex-direction: row;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  -ms-justify-content: flex-start;
  flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  align-items: stretch;
  -webkit-align-items: stretch;
  -ms-align-items: stretch;
  position: relative;
}

.tree-view-vertical .user-card .user-avatar {
  float: none;
  box-sizing: border-box;
  margin: 0;
  width: 58px;
  height: 58px;
  border: 4px solid transparent; border-color: var(--bordercolor);
  border-radius: 29px;
}

.tree-view-vertical .user-card .user-name {
  padding: 0 0 0 8px;
  margin: 0;
}

.tree-view-vertical .user-card .user-name h3 {
  margin: 5px 0 3px 0;
}

.tree-view-vertical .user-card .user-name .meta {
  font-size: .813em;
}

.tree-view-vertical .job-profiles-list li {
  position: relative;
  margin: 0;
  padding: 0 0 6px 0;
}

.tree-view-vertical .job-profiles-list > li:last-child:after {
  position: absolute;
  bottom: -4px;
  left: -6px;
  font-family: "FontAwesome";
  content: "\f111";
  color: var(--bordercolor);
}

.tree-view-vertical .job-profiles-list > li .link-node {
  position: absolute;
  left: -4px;
  top: 12px;
}

.tree-view-vertical .job-profiles-list > li .link-node::before {
  position: absolute;
  top: 12px;
  left: 2px;
  content: '';
  width: 26px;
  height: 2px;
  background: var(--bordercolor);
}

.tree-view-vertical .competencies-list {
  position: relative;
  left: 218px;
  top: 0;
  height: auto;
  width: 180px;
  padding: 0;
  margin: -76px 0 0 0;
}

.tree-view-vertical .competencies-list.hidden {
  display: none;
}

.tree-view-vertical .competencies-list .competency-group-selector .netd-form-group {
  padding: 0;
  margin: 0;
}

.tree-view-vertical .competencies-list .competency-group-selector .netd-form-group label, .tree-view-vertical .competencies-list .competency-group-selector .netd-form-group select {
  color: #999999;
  display: inline;
  font-size: .923em;
  margin: 3px 0;
}

.tree-view-vertical .competencies-list .competency-group-selector .netd-form-group select {
  width: auto;
  padding: 0;
  max-width: 160px;
  border: 1px solid #FFFFFF;
}

.tree-view-vertical .competencies-list .competency-group-selector .netd-form-group select:hover {
  color: var(--textcolor);
  border-color: var(--bordercolor);
}

.tree-view-vertical .modules-list {
  position: relative;
  left: 218px;
  top: 0;
  width: 180px;
  height: auto;
  padding: 0;
  margin: -76px 0 0 0;
}

.tree-view-vertical .modules-list.hidden {
  display: none;
}

.tree-view-vertical .modules-list .module-item .card:hover .actions .view-details {
  visibility: hidden;
}

.tree-view-vertical .competency-item::before, .tree-view-vertical .module-item::before {
  content: '';
  position: absolute;
  top: 36px;
  left: -21px;
  border-left: 2px solid transparent; 
  border-color: var(--bordercolor);
  border-bottom: 2px solid transparent; 
  border-color: var(--bordercolor);
  width: 22px;
  height: 100%;
}

.tree-view-vertical .competency-item:last-child::before, .tree-view-vertical .module-item:last-child::before {
  display: none;
}

.tree-view-vertical .module-item.substitute-module-item::before {
  display: none;
}

.tree-view-vertical .module-item.substitute-module-item .group {
  position: absolute;
  top: -2px;
  left: -4px;
  width: 188px;
  height: 84px;
  background: transparent;
}

.tree-view-vertical .module-item.substitute-module-item .group.group-start {
  top: -3px;
  border-left: 1px dashed transparent; border-color: var(--bordercolor);
  border-top: 1px dashed transparent; border-color: var(--bordercolor);
  border-right: 1px dashed transparent; border-color: var(--bordercolor);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.tree-view-vertical .module-item.substitute-module-item .group.group-inside {
  border-left: 1px dashed transparent; border-color: var(--bordercolor);
  border-right: 1px dashed transparent; border-color: var(--bordercolor);
}

.tree-view-vertical .module-item.substitute-module-item .group.group-end {
  bottom: -2px;
  border-left: 1px dashed transparent; border-color: var(--bordercolor);
  border-bottom: 1px dashed transparent; border-color: var(--bordercolor);
  border-right: 1px dashed transparent; border-color: var(--bordercolor);
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.tree-view-vertical .module-item.substitute-module-item .group.group-end::before {
  width: 10px;
}

.tree-view-vertical .module-item.substitute-module-item .group.group-inside + .card::before, .tree-view-vertical .module-item.substitute-module-item .group.group-start + .card::before {
  border-color: transparent;
}

.tree-view-vertical .module-item.substitute-module-item .group.group-inside.group-end + .card::before, .tree-view-vertical .module-item.substitute-module-item .group.group-start.group-end + .card::before {
  border-color: var(--bordercolor);
}

.tree-view-vertical .module-item.substitute-module-item .card {
  border-top-style: dashed;
  border-right-style: dashed;
  border-bottom-style: dashed;
}

.tree-view-vertical .module-item.substitute-module-item .card::before {
  background: transparent;
  border-left: 1px dashed transparent; border-color: var(--bordercolor);
}

.tree-view-vertical .card .actions {
  padding: 0;
  height: 1px;
}

.tree-view-vertical .card .actions button.toggle-node-btn, .tree-view-vertical .card .actions input.toggle-node-btn[type="submit"], .tree-view-vertical .card .actions input.toggle-node-btn[type="reset"], .tree-view-vertical .card .actions input.toggle-node-btn[type="button"] {
  position: absolute;
  top: 12px;
  left: 165px;
  padding: 0;
  height: 24px;
  width: 24px;
  color: #AAAAAA;
  border-radius: 12px;
  border: 2px solid var(--bordercolor) !important;
  background: #FFFFFF;
  text-align: center;
  font-size: .824em;
  outline: none;
  transition: left .3s;
  overflow: visible;
}

.tree-view-vertical .card .actions button.toggle-node-btn:hover, .tree-view-vertical .card .actions input.toggle-node-btn:hover[type="submit"], .tree-view-vertical .card .actions input.toggle-node-btn:hover[type="reset"], .tree-view-vertical .card .actions input.toggle-node-btn:hover[type="button"] {
  color: #202020;
  background: #EEEEEE;
  border-color: var(--bordercolor);
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
}

.tree-view-vertical .card .actions button.toggle-node-btn.hide-all, .tree-view-vertical .card .actions input.toggle-node-btn.hide-all[type="submit"], .tree-view-vertical .card .actions input.toggle-node-btn.hide-all[type="reset"], .tree-view-vertical .card .actions input.toggle-node-btn.hide-all[type="button"] {
  left: 185px;
}

.tree-view-vertical .card .actions button.toggle-node-btn.hide-all::before, .tree-view-vertical .card .actions input.toggle-node-btn.hide-all[type="submit"]::before, .tree-view-vertical .card .actions input.toggle-node-btn.hide-all[type="reset"]::before, .tree-view-vertical .card .actions input.toggle-node-btn.hide-all[type="button"]::before, .tree-view-vertical .card .actions button.toggle-node-btn.hide-all::after, .tree-view-vertical .card .actions input.toggle-node-btn.hide-all[type="submit"]::after, .tree-view-vertical .card .actions input.toggle-node-btn.hide-all[type="reset"]::after, .tree-view-vertical .card .actions input.toggle-node-btn.hide-all[type="button"]::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 20px;
  border-top: 2px solid transparent; border-color: var(--bordercolor);
  width: 10px;
  height: 2px;
}

.tree-view-vertical .card .actions button.toggle-node-btn.hide-all::before, .tree-view-vertical .card .actions input.toggle-node-btn.hide-all[type="submit"]::before, .tree-view-vertical .card .actions input.toggle-node-btn.hide-all[type="reset"]::before, .tree-view-vertical .card .actions input.toggle-node-btn.hide-all[type="button"]::before {
  left: -10px;
}

.tree-view-vertical .card .actions button.toggle-node-btn .netd-icon, .tree-view-vertical .card .actions input.toggle-node-btn[type="submit"] .netd-icon, .tree-view-vertical .card .actions input.toggle-node-btn[type="reset"] .netd-icon, .tree-view-vertical .card .actions input.toggle-node-btn[type="button"] .netd-icon {
  color: #AAAAAA;
}

/*Dialog*/
.dialog-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #666666;
  opacity: 0.6;
  z-index: 2000;
}

.dialog {
  width: 500px;
  height: auto;
  border: 1px solid transparent; border-color: var(--bordercolor);
  padding: 5px 5px 10px 5px;
  border-radius: var(--borderradius);
  position: fixed;
  top: 160px;
  left: 0;
  right: 0;
  margin: 0 auto;
  background: #fff;
  z-index: 2001;
}

.dialog .header {
  border: 1px solid #cccccc;
  background: #eeeeee;
  padding: 3px 5px;
  border-radius: 3px;
  height: auto;
}

.dialog .header h3 {
  width: 80%;
  display: inline;
}

.dialog .header .close {
  float: right;
  display: block;
  width: auto;
  margin: 3px 5px 0 0;
  color: var(--textcolor);
}

.dialog .header .close:hover {
  color: #9E2319;
}

.dialog .content {
  display: inline-block;
  width: 96%;
  padding: 10px 0 20px 0;
  border-bottom: 1px solid transparent; border-color: var(--bordercolor);
  margin: 0 2%;
  max-height: 600px;
  overflow-y: auto;
  overflow-x: hidden;
}

.dialog .content h4 {
  margin: 0;
}

.dialog .content .netd-form-group {
  max-width: inherit;
  margin: 0 0 10px 10px;
}

.dialog .button-set {
  margin: 0 10px;
}

.tree-view-vertical .card .actions button.toggle-node-btn, .tree-view-vertical .card .actions input.toggle-node-btn[type="submit"], .tree-view-vertical .card .actions input.toggle-node-btn[type="reset"], .tree-view-vertical .card .actions input.toggle-node-btn[type="button"], .tree-view-vertical .card .actions input.toggle-node-btn[type="submit"], .tree-view-vertical .card .actions input.toggle-node-btn[type="reset"], .tree-view-vertical .card .actions input.toggle-node-btn[type="button"] {
  left: 185px;
}

.tree-view-horizontal .card .actions button.toggle-node-btn, .tree-view-horizontal .card .actions input.toggle-node-btn[type="submit"], .tree-view-horizontal .card .actions input.toggle-node-btn[type="reset"], .tree-view-horizontal .card .actions input.toggle-node-btn[type="button"], .tree-view-horizontal .card .actions input.toggle-node-btn[type="submit"], .tree-view-horizontal .card .actions input.toggle-node-btn[type="reset"], .tree-view-horizontal .card .actions input.toggle-node-btn[type="button"] {
  top: 82px;
}

/*Learning Path*/
/************************************************************************************
*************************************** New Calendar ********************************
**************************************************************************************/
/*Events List on the date cell */
.events-list {
  clear: both;
  height: 370px;
  overflow-y: auto;
}

.events-list li {
  padding: 10px 0;
  margin: 0;
  border-bottom: 1px solid #eeeeee;
}

.events-list li.tooltip {
  cursor: default;
}

.events-list li a {
  color: var(--link);
}

.events-list li .netd-icon,
.events-list .time .netd-icon:before {
  color: var(--link);
}

.events-list li .icon-book:before {
  color: var(--link);
}

.events-list li .icon-magic:before {
  color: var(--link);
}

.events-list li.empty {
  visibility: hidden;
  /*To make the expand multiple days events aligned*/
}

.events-list .time {
  text-align: center;
  width: 54px;
  margin: 0 5px;
  padding: 2px 0;
  display: inline-block;
}

.events-list .title {
  line-height: 16px;
}

.events-list .title a {
  color: var(--link);
  margin: 0 3px;
  line-height: 16px;
}

.calendar-date-list li .events-list {
  margin: 0;
  width: 100%;
  display: none;
  height: 82px;
  overflow: hidden;
}

.calendar-date-list li.today {
  background: #e5e5e5;
}

.calendar-date-list li.with-events .events-list {
  display: block;
}

.calendar-date-list li .events-list li {
  clear: both;
  float: left;
  margin: 0 0 3px 0;
  padding: 3px 0;
  display: block;
  width: 100%;
  height: 34px;
  overflow: hidden;
  border: 1px solid transparent;
  transition: border-color 0.3s ease-out;
}

.calendar-date-list li .events-list li.get-more {
  margin: 5px 0 0 0;
  padding: 0;
  height: 26px;
  text-align: center;
  background: transparent;
  transition: background 0.3s ease-out;
}

.calendar-date-list li .events-list li.get-more:hover {
  background: #EEEEEE;
  border-color: transparent;
}

.calendar-date-list li .events-list li.get-more a {
  border-top: 1px solid transparent; border-color: var(--bordercolor);
  color: #999999;
  padding: 4px 0;
  margin: 0 5px;
  display: block;
}

.calendar-date-list li .events-list li.get-more:hover a {
  color: #666666;
}

.calendar-week, .calendar-date-list {
  clear: left;
  float: left;
  width: 100%;
  padding: 0;
  margin: 0;
}

.calendar-dates {
  float: left;
  border-top: 1px solid #ffffff;
  padding-bottom: 30px;
  background: transparent;
}

.calendar-week li, .calendar-date-list li {
  float: left;
  width: 14.28%;
  padding: 16px 0;
  text-align: center;
  border-bottom: 1px solid transparent; border-color: var(--bordercolor);
  border-right: 1px solid transparent; border-color: var(--bordercolor);
  box-sizing: border-box;
}

.calendar-week li {
  border-left-color: #ffffff;
  border-right-color: #ffffff;
  padding: 10px 0;
  color: #666666;
  background: #ffffff;
  text-transform: capitalize;
}

.calendar-date-list {
  border-left: 1px solid transparent; border-color: var(--bordercolor);
  background: #ffffff;
}

.calendar-date-list li .text {
  color: #555555;
  font-size: 1.3em;
}

.calendar-date-list li.today .text {
  color: var(--textcolor);
}

.calendar-date-list li.selected {
  color: var(--textcolor);
  background: var(--lightgrey);
  transition: background 0.3s ease;
}

.other-months .events-list .title a, .other-months .get-more {
  color: #999999;
}

.calendar-date-list li.other-months {
  color: #999999;
}

.calendar-date-list li.other-months .text {
  color: #999999;
}

/*************************************************
****** Full-width calendar view **********
*****************************************************/
.add-note-container {
  width: 100%;
}

.add-note-container .action-nav {
  background: #ffffff;
}

.ui-dialog .add-note-container .action-nav {
  padding-top: 0;
  margin-top: -8px;
}

.general-calendar-container, .personal-calendar-container {
  display: inline-block;
  width: 100%;
}

.general-calendar-container .actions, .general-calendar-container .events-container, .general-calendar-container .calendar-dates, .personal-calendar-container .actions, .personal-calendar-container .events-container, .personal-calendar-container .calendar-dates {
  padding: 10px 0;
  width: 100%;
  border: 0;
}

.general-calendar-container .actions, .personal-calendar-container .actions {
  display: block;
  float: left;
  border-bottom: 1px solid transparent; border-color: var(--bordercolor);
  background: #ffffff;
}

.general-calendar-container .calendar-dates, .personal-calendar-container .calendar-dates {
  box-shadow: none;
  padding-top: 0;
}

.general-calendar-container .events-list a, .personal-calendar-container .events-list a {
  display: block;
  width: 100%;
  white-space: nowrap;
  border-bottom: 0;
}

.general-calendar-container .events-list a .time, .personal-calendar-container .events-list a .time {
  vertical-align: middle;
  font-size: 0.813em;
  width: 40px;
  margin: 0 1px 0 1px;
  color: var(--textcolor);
}

.general-calendar-container .events-list a .time .netd-icon, .personal-calendar-container .events-list a .time .netd-icon {
  margin: 0 1px;
}

.general-calendar-container .events-list a .time .netd-icon:before, .personal-calendar-container .events-list a .time .netd-icon:before {
  font-size: 0.875em;
  width: 10px;
  margin: 0;
}

.general-calendar-container .events-list a > .netd-icon, .personal-calendar-container .events-list a > .netd-icon {
  vertical-align: middle;
  margin: 0 1px 0 0;
}

.general-calendar-container .events-list a .title, .personal-calendar-container .events-list a .title {
  display: inline-block;
  width: 65%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}

.general-calendar-container .calendar-date-list li, .general-calendar-container .calendar-week li, .personal-calendar-container .calendar-date-list li, .personal-calendar-container .calendar-week li {
  text-align: left;
  padding: 10px;
  vertical-align: top;
}

.general-calendar-container .calendar-date-list li, .personal-calendar-container .calendar-date-list li {
  height: 110px;
  padding: 0;
  overflow: hidden;
  cursor: default;
}

.calendar-date-list li .events-list li.on-mouse-over {
  background: #eef5ff;
}

.calendar-date-list li .events-list li:hover, .calendar-date-list li .events-list li.on-mouse-over {
  border-top: 1px solid #DEDEDE;
  border-bottom: 1px solid #DEDEDE;
}

.general-calendar-container .calendar-date-list li.other-months, .personal-calendar-container .calendar-date-list li.other-months {
  background: #f5f5f5;
}

.general-calendar-container .calendar-date-list li .text, .personal-calendar-container .calendar-date-list li .text {
  display: inline-block;
  margin: 5px 0 2px 10px;
}

.general-calendar-container .actions .selected-date, .personal-calendar-container .actions .selected-date {
  float: left;
  width: auto;
  line-height: 26px;
  padding: 0;
  margin: 0;
  border: 0;
}

/*Action Container with the Selected Date and Month Selector*/
.selected-date {
  font-size: 1.8em;
  text-transform: uppercase;
}

.selected-date .back-to-today {
  font-size: 14px;
  margin: 0 0 0 10px;
  text-transform: capitalize;
}

.general-calendar-container .actions .month-selector, .personal-calendar-container .actions .month-selector {
  float: right;
  width: auto;
}

.general-calendar-container .actions .month-selector select, .personal-calendar-container .actions .month-selector select {
  font-size: 1.077em;
  margin: 0 2px;
}

.general-calendar-container .actions .month-selector .netd-icon, .personal-calendar-container .actions .month-selector .netd-icon {
  padding: 0 5px;
}

/*************************************************
********* calendar view widget **********
**************************************************/
#home-widgets .general-calendar .widget-content, #home-widgets .personal-calendar .widget-content {
  padding: 0;
  width: 100%;
  overflow: hidden;
  max-height: 800px;
}

.widget-content .general-calendar-container, .widget-content .personal-calendar-container {
  padding: 5px 2% 16px 2%;
  width: 96%;
  background: #ffffff;
}

.widget-content .general-calendar-container .calendar-week li, .widget-content .personal-calendar-container .calendar-week li {
  text-align: center;
}

.widget-content .general-calendar-container .calendar-dates, .widget-content .personal-calendar-container .calendar-dates {
  padding: 0;
}

.widget-content .general-calendar-container .calendar-date-list, .widget-content .personal-calendar-container .calendar-date-list {
  margin: 0 0 10px 0;
}

.widget-content .general-calendar-container .calendar-date-list li, .widget-content .personal-calendar-container .calendar-date-list li {
  height: 51px;
  padding: 10px 0;
  text-align: center;
}

.widget-content .general-calendar-container .calendar-date-list li.with-events, .widget-content .personal-calendar-container .calendar-date-list li.with-events {
  cursor: pointer;
}

.widget-content .general-calendar-container .calendar-date-list li .text, .widget-content .personal-calendar-container .calendar-date-list li .text {
  margin: 0;
  text-align: center;
}

.widget-content .general-calendar-container .calendar-date-list li .netd-icon, .widget-content .personal-calendar-container .calendar-date-list li .netd-icon {
  font-size: .875em;
  color: #aaaaaa;
}

.widget-content .general-calendar-container .events-container, .widget-content .personal-calendar-container .events-container {
  overflow: hidden;
  background: #f5f5f5;
  box-shadow: none;
  padding: 3px 0 10px 0;
  position: relative;
  transition: height 0.5s ease;
}

.widget-content .general-calendar-container .events-container .events-list, .widget-content .personal-calendar-container .events-container .events-list {
  height: auto;
}

.widget-content .general-calendar-container .events-container .events-list li, .widget-content .personal-calendar-container .events-container .events-list li {
  padding: 5px 10px;
  border-bottom: 0;
}

.widget-content .general-calendar-container .events-container .events-list li .time, .widget-content .personal-calendar-container .events-container .events-list li .time {
  width: 45px;
  text-align: left;
}

.widget-content .general-calendar-container .events-container .show-all-button, .widget-content .personal-calendar-container .events-container .show-all-button {
  position: absolute;
  display: block;
  width: 100%;
  left: 0;
  bottom: 0;
  text-align: center;
  background: #ffffff;
  padding: 4px 0;
  font-size: 0.9em;
  color: #999999;
  box-shadow: 0 -1px 3px rgba(0,0,0,0.25);
  border-bottom: 1px solid transparent; 
  border-color: var(--bordercolor);
}

.widget-content .general-calendar-container .events-container .show-all-button:hover, .widget-content .personal-calendar-container .events-container .show-all-button:hover {
  color: var(--buttonhover);
}

.widget-content .personal-calendar-container a,
.widget-content .personal-calendar-container a:hover,
.widget-content .personal-calendar-container a:visited,
.widget-content .personal-calendar-container a:active {
	color: var(--buttonhover);
}

/*************************************************
****** personal calendar deadline indicator ******
**************************************************/
.calendar-date-list li {
  position: relative;
}

.calendar-date-list li .get-more {
  position: absolute;
  bottom: 0;
  right: 0;
}

.calendar-date-list li .calendar-deadline-info {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 20px 20px;
  border-color: transparent transparent #e33 transparent;
  border-radius: 200px 0 0 0;
  transition: border-radius 0.25s;
}

.calendar-date-list li .calendar-deadline-info:hover, .calendar-date-list li .calendar-deadline-info:focus {
  border-color: #C91F37;
  border-radius: 20px 0 0 0;
}

.calendar-date-list li .calendar-deadline-info-icon {
  font-family: "Times New Roman", Georgia, Serif;
  font-style: italic;
  font-size: 1.1em;
  font-weight: bold;
  position: absolute;
  right: 2px;
  color: #fff;
}

.progress-tracker-container {
  width: 100%;
  height: 100%;
  margin: 0;
  overflow: visible;
  background: #FFFFFF;
}

.progress-tracker-container .legend {
  float: right;
  padding: 0;
  margin: 0 0 10px 0;
}

.progress-tracker-container .legend ul {
  margin: 0;
  padding: 0;
}

.progress-tracker-container .legend ul li {
  display: inline-block;
  margin: 0;
  padding: 8px 10px 6px 10px;
  width: auto;
  font-size: .823em;
  text-transform: uppercase;
  text-align: center;
  color: #666666;
}

.progress-tracker-container .legend ul li .netd-icon {
  display: block;
  margin: 0 0 5px 0;
}

.progress-tracker-container .legend ul li.status-completed {
  color: #83ba82;
  background: #e9fff4;
}

.progress-tracker-container .legend ul li.status-behind {
  color: #df6c6a;
  background: #ffe8eb;
}

.progress-tracker-container .legend ul li.status-on-target {
  color: #e0ab65;
  background: #FFEBCC;
}

.progress-tracker-container h3.target-program-title {
  display: inline-block;
  margin: 0 0 10px;
  padding: 0;
  width: auto;
  line-height: 44px;
}

.progress-tracker-container h3.target-program-title .select-btn-container {
  font-size: .813em;
  font-weight: normal;
  margin: 0 5px;
  color: #999999;
}

.progress-tracker-container h3.target-program-title .select-btn-container .select-btn {
  margin: 0 5px;
}

.progress-tracker-container .action-nav button.button, .progress-tracker-container .action-nav input.button[type="submit"], .progress-tracker-container .action-nav input.button[type="reset"], .progress-tracker-container .action-nav input.button[type="button"] {
  background: var(--button);
  border: 0 !important;
  color: var(--buttontext);
  padding: 0 20px;
  transition: color 0.3s, background 0.3s, border 0.3s;
}

.progress-tracker-container .action-nav button.button:hover, .progress-tracker-container .action-nav input.button:hover[type="submit"], .progress-tracker-container .action-nav input.button:hover[type="reset"], .progress-tracker-container .action-nav input.button:hover[type="button"] {
  color: var(--buttontexthover);
  background: var(--buttonhover);
  border-color: var(--buttonhover);
}

.progress-tracker-container .table-with-calendar thead tr {
  width: 100%;
}

.progress-tracker-container .table-with-calendar th {
  letter-spacing: 1px;
}

.progress-tracker-container .table-with-calendar th.previous-year.month {
  color: #aaaaaa;
}

.progress-tracker-container .table-with-calendar th.new-year-indicator {
  border-left: 2px solid #cccccc;
}

.progress-tracker-container .table-with-calendar th.year button, .progress-tracker-container .table-with-calendar th.year input[type="submit"], .progress-tracker-container .table-with-calendar th.year input[type="reset"], .progress-tracker-container .table-with-calendar th.year input[type="button"] {
  color: var(--button);
  background: transparent;
  border: 0;
  padding: 5px 8px;
  margin: 0;
  text-align: center;
}

.progress-tracker-container .table-with-calendar th.year button:hover, .progress-tracker-container .table-with-calendar th.year input:hover[type="submit"], .progress-tracker-container .table-with-calendar th.year input:hover[type="reset"], .progress-tracker-container .table-with-calendar th.year input:hover[type="button"] {
  color: #ffffff;
  background: rgba(0, 0, 0, 0.2);
}

.progress-tracker-container .table-with-calendar th.year button:disabled, .progress-tracker-container .table-with-calendar th.year input:disabled[type="submit"], .progress-tracker-container .table-with-calendar th.year input:disabled[type="reset"], .progress-tracker-container .table-with-calendar th.year input:disabled[type="button"] {
  color: #cccccc;
  background: var(--bordercolor);
}

.progress-tracker-container .table-with-calendar th, .progress-tracker-container .table-with-calendar .row1, .progress-tracker-container .table-with-calendar .row2 {
  color: #404040;
  background: transparent;
}

.progress-tracker-container .table-with-calendar th.month, .progress-tracker-container .table-with-calendar td.month {
  position: relative;
  width: 6%;
  color: #666666;
  text-align: center;
  overflow: hidden;
  border-bottom: 1px solid transparent; 
  border-color: var(--bordercolor);
  border-right: 1px solid transparent;
}

.progress-tracker-container .table-with-calendar th.month:hover, .progress-tracker-container .table-with-calendar td.month:hover {
  background: #f5f5f5;
}

.progress-tracker-container .table-with-calendar th.month:hover .status .netd-icon, .progress-tracker-container .table-with-calendar td.month:hover .status .netd-icon {
  opacity: 1;
}

.progress-tracker-container .table-with-calendar th.month.other-end-month .end-month-indicator, .progress-tracker-container .table-with-calendar td.month.other-end-month .end-month-indicator {
  border-style: dotted;
  color: #dfdfdf;
}

.progress-tracker-container .table-with-calendar th.month.due-month .end-month-indicator, .progress-tracker-container .table-with-calendar td.month.due-month .end-month-indicator {
  border-right-style: dotted;
}

.progress-tracker-container .table-with-calendar th.month.wholly-highlight-horizontal, .progress-tracker-container .table-with-calendar th.month.wholly-highlight-vertical, .progress-tracker-container .table-with-calendar td.month.wholly-highlight-horizontal, .progress-tracker-container .table-with-calendar td.month.wholly-highlight-vertical {
  background: var(--lightgrey);
  border-bottom-color: var(--bordercolor);
  border-right-color: var(--lightgrey);
  transition: background 0.2s, border 0.2s;
}

.progress-tracker-container .table-with-calendar th.month.wholly-highlight-horizontal .start-month-indicator, .progress-tracker-container .table-with-calendar th.month.wholly-highlight-horizontal .end-month-indicator, .progress-tracker-container .table-with-calendar th.month.wholly-highlight-vertical .start-month-indicator, .progress-tracker-container .table-with-calendar th.month.wholly-highlight-vertical .end-month-indicator, .progress-tracker-container .table-with-calendar td.month.wholly-highlight-horizontal .start-month-indicator, .progress-tracker-container .table-with-calendar td.month.wholly-highlight-horizontal .end-month-indicator, .progress-tracker-container .table-with-calendar td.month.wholly-highlight-vertical .start-month-indicator, .progress-tracker-container .table-with-calendar td.month.wholly-highlight-vertical .end-month-indicator {
  color: #9CA2B1;
  border-color: #9CA2B1;
  border-top: 0;
}

.progress-tracker-container .table-with-calendar th.month.wholly-highlight-horizontal .start-month-indicator.late-deadline, .progress-tracker-container .table-with-calendar th.month.wholly-highlight-horizontal .end-month-indicator.late-deadline, .progress-tracker-container .table-with-calendar th.month.wholly-highlight-vertical .start-month-indicator.late-deadline, .progress-tracker-container .table-with-calendar th.month.wholly-highlight-vertical .end-month-indicator.late-deadline, .progress-tracker-container .table-with-calendar td.month.wholly-highlight-horizontal .start-month-indicator.late-deadline, .progress-tracker-container .table-with-calendar td.month.wholly-highlight-horizontal .end-month-indicator.late-deadline, .progress-tracker-container .table-with-calendar td.month.wholly-highlight-vertical .start-month-indicator.late-deadline, .progress-tracker-container .table-with-calendar td.month.wholly-highlight-vertical .end-month-indicator.late-deadline {
  border-color: #9CA2B1;
}

.progress-tracker-container .table-with-calendar th.month.wholly-highlight-horizontal.other-end-month .end-month-indicator, .progress-tracker-container .table-with-calendar th.month.wholly-highlight-vertical.other-end-month .end-month-indicator, .progress-tracker-container .table-with-calendar td.month.wholly-highlight-horizontal.other-end-month .end-month-indicator, .progress-tracker-container .table-with-calendar td.month.wholly-highlight-vertical.other-end-month .end-month-indicator {
  color: #99cbe2;
  border-color: #99cbe2;
}

.progress-tracker-container .table-with-calendar th.month.wholly-highlight-horizontal.incomplete, .progress-tracker-container .table-with-calendar th.month.wholly-highlight-horizontal.problem, .progress-tracker-container .table-with-calendar th.month.wholly-highlight-vertical.incomplete, .progress-tracker-container .table-with-calendar th.month.wholly-highlight-vertical.problem, .progress-tracker-container .table-with-calendar td.month.wholly-highlight-horizontal.incomplete, .progress-tracker-container .table-with-calendar td.month.wholly-highlight-horizontal.problem, .progress-tracker-container .table-with-calendar td.month.wholly-highlight-vertical.incomplete, .progress-tracker-container .table-with-calendar td.month.wholly-highlight-vertical.problem {
  background: #ffe8eb;
  border-color: #ffd4e2;
}

.progress-tracker-container .table-with-calendar th.month.wholly-highlight-horizontal.incomplete:hover, .progress-tracker-container .table-with-calendar th.month.wholly-highlight-horizontal.problem:hover, .progress-tracker-container .table-with-calendar th.month.wholly-highlight-vertical.incomplete:hover, .progress-tracker-container .table-with-calendar th.month.wholly-highlight-vertical.problem:hover, .progress-tracker-container .table-with-calendar td.month.wholly-highlight-horizontal.incomplete:hover, .progress-tracker-container .table-with-calendar td.month.wholly-highlight-horizontal.problem:hover, .progress-tracker-container .table-with-calendar td.month.wholly-highlight-vertical.incomplete:hover, .progress-tracker-container .table-with-calendar td.month.wholly-highlight-vertical.problem:hover {
  background: #ffe1df;
}

.progress-tracker-container .table-with-calendar th.month.wholly-highlight-horizontal.incomplete .status .netd-icon, .progress-tracker-container .table-with-calendar th.month.wholly-highlight-horizontal.problem .status .netd-icon, .progress-tracker-container .table-with-calendar th.month.wholly-highlight-vertical.incomplete .status .netd-icon, .progress-tracker-container .table-with-calendar th.month.wholly-highlight-vertical.problem .status .netd-icon, .progress-tracker-container .table-with-calendar td.month.wholly-highlight-horizontal.incomplete .status .netd-icon, .progress-tracker-container .table-with-calendar td.month.wholly-highlight-horizontal.problem .status .netd-icon, .progress-tracker-container .table-with-calendar td.month.wholly-highlight-vertical.incomplete .status .netd-icon, .progress-tracker-container .table-with-calendar td.month.wholly-highlight-vertical.problem .status .netd-icon {
  color: #df6c6a;
}

.progress-tracker-container .table-with-calendar th.month.wholly-highlight-horizontal.not-started, .progress-tracker-container .table-with-calendar th.month.wholly-highlight-horizontal.in-process, .progress-tracker-container .table-with-calendar th.month.wholly-highlight-vertical.not-started, .progress-tracker-container .table-with-calendar th.month.wholly-highlight-vertical.in-process, .progress-tracker-container .table-with-calendar td.month.wholly-highlight-horizontal.not-started, .progress-tracker-container .table-with-calendar td.month.wholly-highlight-horizontal.in-process, .progress-tracker-container .table-with-calendar td.month.wholly-highlight-vertical.not-started, .progress-tracker-container .table-with-calendar td.month.wholly-highlight-vertical.in-process {
  background: #FFEBCC;
  border-color: #fade8a;
}

.progress-tracker-container .table-with-calendar th.month.wholly-highlight-horizontal.not-started:hover, .progress-tracker-container .table-with-calendar th.month.wholly-highlight-horizontal.in-process:hover, .progress-tracker-container .table-with-calendar th.month.wholly-highlight-vertical.not-started:hover, .progress-tracker-container .table-with-calendar th.month.wholly-highlight-vertical.in-process:hover, .progress-tracker-container .table-with-calendar td.month.wholly-highlight-horizontal.not-started:hover, .progress-tracker-container .table-with-calendar td.month.wholly-highlight-horizontal.in-process:hover, .progress-tracker-container .table-with-calendar td.month.wholly-highlight-vertical.not-started:hover, .progress-tracker-container .table-with-calendar td.month.wholly-highlight-vertical.in-process:hover {
  background: #ffe9bf;
}

.progress-tracker-container .table-with-calendar th.month.wholly-highlight-horizontal.not-started .status .netd-icon, .progress-tracker-container .table-with-calendar th.month.wholly-highlight-horizontal.in-process .status .netd-icon, .progress-tracker-container .table-with-calendar th.month.wholly-highlight-vertical.not-started .status .netd-icon, .progress-tracker-container .table-with-calendar th.month.wholly-highlight-vertical.in-process .status .netd-icon, .progress-tracker-container .table-with-calendar td.month.wholly-highlight-horizontal.not-started .status .netd-icon, .progress-tracker-container .table-with-calendar td.month.wholly-highlight-horizontal.in-process .status .netd-icon, .progress-tracker-container .table-with-calendar td.month.wholly-highlight-vertical.not-started .status .netd-icon, .progress-tracker-container .table-with-calendar td.month.wholly-highlight-vertical.in-process .status .netd-icon {
  color: #e0ab65;
}

.progress-tracker-container .table-with-calendar th.month.wholly-highlight-horizontal.completed, .progress-tracker-container .table-with-calendar th.month.wholly-highlight-vertical.completed, .progress-tracker-container .table-with-calendar td.month.wholly-highlight-horizontal.completed, .progress-tracker-container .table-with-calendar td.month.wholly-highlight-vertical.completed {
  background: #e9fff4;
  border-color: #d3f0d1;
}

.progress-tracker-container .table-with-calendar th.month.wholly-highlight-horizontal.completed:hover, .progress-tracker-container .table-with-calendar th.month.wholly-highlight-vertical.completed:hover, .progress-tracker-container .table-with-calendar td.month.wholly-highlight-horizontal.completed:hover, .progress-tracker-container .table-with-calendar td.month.wholly-highlight-vertical.completed:hover {
  background: #deffeb;
}

.progress-tracker-container .table-with-calendar th.month.wholly-highlight-horizontal.completed .status .netd-icon, .progress-tracker-container .table-with-calendar th.month.wholly-highlight-vertical.completed .status .netd-icon, .progress-tracker-container .table-with-calendar td.month.wholly-highlight-horizontal.completed .status .netd-icon, .progress-tracker-container .table-with-calendar td.month.wholly-highlight-vertical.completed .status .netd-icon {
  color: #83ba82;
}

.progress-tracker-container .table-with-calendar th.month.wholly-highlight-horizontal:hover .status, .progress-tracker-container .table-with-calendar th.month.wholly-highlight-vertical:hover .status, .progress-tracker-container .table-with-calendar td.month.wholly-highlight-horizontal:hover .status, .progress-tracker-container .table-with-calendar td.month.wholly-highlight-vertical:hover .status {
  opacity: 1;
}

.progress-tracker-container .table-with-calendar th.month .due-day-label, .progress-tracker-container .table-with-calendar td.month .due-day-label {
  display: block;
  position: absolute;
  top: 3px;
  left: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  color: var(--textcolor);
  font-size: .7em;
  text-align: center;
  text-transform: uppercase;
}

.progress-tracker-container .table-with-calendar th.month .due-day-label.late-deadline, .progress-tracker-container .table-with-calendar td.month .due-day-label.late-deadline {
  color: var(--textcolor);
}

.progress-tracker-container .table-with-calendar th.month .start-month-indicator, .progress-tracker-container .table-with-calendar th.month .end-month-indicator, .progress-tracker-container .table-with-calendar td.month .start-month-indicator, .progress-tracker-container .table-with-calendar td.month .end-month-indicator {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  padding: 18px 0;
  margin: 0;
  height: auto;
  width: 3px;
  font-size: 18px;
  color: var(--bordercolor);
  border-left: 2px solid transparent; 
  border-color: var(--bordercolor);
}

.progress-tracker-container .table-with-calendar th.month .end-month-indicator, .progress-tracker-container .table-with-calendar td.month .end-month-indicator {
  left: auto;
  right: 0;
  padding-left: 0;
  padding-right: 2px;
  border-left: 0;
  border-right: 2px solid transparent; 
  border-color: var(--bordercolor);
}

.progress-tracker-container .table-with-calendar th.month .end-month-indicator.late-deadline, .progress-tracker-container .table-with-calendar td.month .end-month-indicator.late-deadline {
  border-right: 2px dashed transparent; 
  border-color: var(--bordercolor);
}

.progress-tracker-container .table-with-calendar th.month .goto-next-month, .progress-tracker-container .table-with-calendar th.month .goto-previous-month, .progress-tracker-container .table-with-calendar td.month .goto-next-month, .progress-tracker-container .table-with-calendar td.month .goto-previous-month {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  padding: 25% 5px;
  width: auto;
  height: 100%;
  text-align: right;
  color: #999999;
  background: var(--background);
  border: 0;
  opacity: 0.8;
}

.progress-tracker-container .table-with-calendar th.month .goto-next-month:hover, .progress-tracker-container .table-with-calendar th.month .goto-previous-month:hover, .progress-tracker-container .table-with-calendar td.month .goto-next-month:hover, .progress-tracker-container .table-with-calendar td.month .goto-previous-month:hover {
  color: var(--textcolor);
  background: #e5e5e5;
  opacity: 1;
}

.progress-tracker-container .table-with-calendar th.month .goto-next-month .netd-icon, .progress-tracker-container .table-with-calendar th.month .goto-previous-month .netd-icon, .progress-tracker-container .table-with-calendar td.month .goto-next-month .netd-icon, .progress-tracker-container .table-with-calendar td.month .goto-previous-month .netd-icon {
  display: inline-block;
  margin: 0;
  padding: 0;
  font-size: 20px;
}

.progress-tracker-container .table-with-calendar th.month .goto-previous-month, .progress-tracker-container .table-with-calendar td.month .goto-previous-month {
  right: auto;
  left: 0;
  text-align: left;
}

.progress-tracker-container .table-with-calendar th.month .status, .progress-tracker-container .table-with-calendar td.month .status {
  position: absolute;
  right: 1.2em;
  bottom: 1em;
  display: block;
  width: auto;
  text-align: right;
  font-size: 10px;
  opacity: 0.6;
}

/*********************************************
 * Demo Unit Details View
 *********************************************/
.demo-unit-container {
  text-align: left;
  line-height: 1.5;
  width: 100%;
  border: 1px solid transparent; border-color: var(--bordercolor);
  padding: 30px 10px 20px 10px;
  max-width: 850px;
}

.frameless .demo-unit-container {
  border: 0;
  max-width: none;
  margin: 0;
}

.frameless .demo-unit-container + hr {
  display: block;
}

.frameless .demo-unit-container + hr + table {
  max-width: none;
  margin: 0;
}

.frameless .demo-unit-container + hr + .warning, .frameless #checklist-table tr .task-title .demo-unit-container + hr + .netd-icon, #checklist-table tr .task-title .frameless .demo-unit-container + hr + .netd-icon, .frameless #checklist-table tr .module-title .demo-unit-container + hr + .netd-icon, #checklist-table tr .module-title .frameless .demo-unit-container + hr + .netd-icon {
  max-width: none;
  margin: 0;
}

.frameless .demo-unit-container + hr + .warning + br + table, .frameless #checklist-table tr .task-title .demo-unit-container + hr + .netd-icon + br + table, #checklist-table tr .task-title .frameless .demo-unit-container + hr + .netd-icon + br + table, .frameless #checklist-table tr .module-title .demo-unit-container + hr + .netd-icon + br + table, #checklist-table tr .module-title .frameless .demo-unit-container + hr + .netd-icon + br + table {
  max-width: none;
  margin: 0;
}

.demo-unit-container .demo-unit-left {
  width: 300px;
  float: left;
  padding: 0;
  text-align: right;
  font-weight: bold;
}

.demo-unit-container .demo-unit-right, .demo-unit-container .demo-unit-clear {
  margin-left: 0;
  padding-left: 350px;
}

.demo-unit-container .demo-unit-title {
  font-size: 1.538em;
  line-height: 28px;
}

.demo-unit-container .demo-unit-menu, .demo-unit-container .demo-unit-description {
  padding-top: 5px;
}

.demo-unit-container .demo-unit-menu div {
  display: inline;
  padding-right: 10px;
}

.demo-unit-container .demo-unit-clear {
  clear: both;
  padding-bottom: 10px;
}

.demo-unit-container ul {
  list-style: disc;
  margin-left: 1.1em;
}

/*Demo Unit Details*/
/*** APPRAISAL TEMPLATE ***/
#appraisal-view {
  padding: 0 20px;
  color: var(--textcolor);
  /*Rating Summary*/
  /*Goals Click to expand*/
  /* NORMAL TABS */
  /* Icons and Numbers */
  /*SAVE BUTTON*/
}

#appraisal-view h4 {
  padding: 10px;
  color: #000000;
  background-color: #fff;
}

#appraisal-view td {
  vertical-align: top;
  color: var(--textcolor);
}

#appraisal-view span.button {
  margin: 0 5px 5px 0;
}

#appraisal-view .appraisal-section-description {
  width: 100%;
  font-size: 1em;
  margin: 0 0 10px 0;
}

#appraisal-view .appraisal-section-description tbody tr td {
  vertical-align: top;
}

#appraisal-view .appraisal-section-description tbody tr td table tbody tr td .rating {
  cursor: default;
}

#appraisal-view .appraisal-banner {
  background-repeat: no-repeat;
  background-position: left top;
  padding: 0 0 45px 0;
  margin: -20px -20px 0 -20px;
}

#appraisal-view .tabs {
  margin: 0;
  *height: 33px;
  /*IE7*/
}

#appraisal-view .tabs ul {
  background: none;
  box-shadow: none;
  border: 0;
  margin: 0 2px 0 0;
}

#appraisal-view .tabs ul li {
  margin: 0 2px 0 0;
  border-bottom: none;
}

#appraisal-view .tabs ul li a {
  /* CHANGE ME */
  font-size: 1em;
  border-top-left-radius: var(--borderradius);
  border-top-right-radius: var(--borderradius);
  padding: 5px 8px;
  margin: 0;
  *line-height: 1;
  /* SELECTED TABS */
}

#appraisal-view .tabs ul li a:hover, #appraisal-view .tabs ul li a span {
  /* CHANGE ME */
  font-size: 1em;
  border-top-left-radius: var(--borderradius);
  border-top-right-radius: var(--borderradius);
  padding: 5px 8px;
  margin: 0;
  *line-height: 1;
}

#appraisal-view .tabs ul li a.selected {
  /* CHANGE ME */
  margin: 0;
}

#appraisal-view .tabs ul li a.selected span {
  /* CHANGE ME */
  margin: 0;
}

#appraisal-view .tab-bottom {
  height: 4px;
  padding: 0;
  margin: 0;
}

#appraisal-view #appraisal {
  width: 100%;
  float: left;
  margin-bottom: 20px;
  background: var(--bordercolor);
}

#appraisal-view #appraisal p {
  margin: 0 0 10px 0;
}

#appraisal-view #appraisal .learningPath-container p {
  margin: 0;
}

#appraisal-view .netd-table thead tr th, #appraisal-view table.netd-table tbody tr td {
  border-right: 1px solid #dfdfdf;
}

#appraisal-view #goalTbl h4, #appraisal-view #individual-goal-list h4 {
  padding: 0;
  color: var(--headers);
  background: transparent;
  font-size: 0.93em;
}

#appraisal-view .free-text input[type="text"] {
  width: 600px;
  *width: 600px;
}

#appraisal-view .free-text textarea {
  width: auto;
  max-width: 600px;
  *width: 600px;
}

#appraisal-view table#individual-goal-list {
  border-collapse: collapse;
  margin: 5px 0;
}

#appraisal-view table#individual-goal-list tr td {
  border-right: 1px solid transparent; border-color: var(--bordercolor);
  border-bottom: 1px solid transparent; border-color: var(--bordercolor);
}

#appraisal-view .learningPath-masterContainer {
  margin: 0 0 0 10px;
}

#appraisal-view .learningPath-masterContainer table td {
  vertical-align: top;
}

#appraisal-view .learning-path-container h4 {
  color: var(--headers);
  background: transparent;
  font-weight: normal;
  font-size: 1em;
  padding: 0;
  margin: 0 0 3px 0;
}

#appraisal-view .learning-path-container h4.list-title {
  color: #999999;
}

#appraisal-view .learning-path-container h4.substitute-section-title {
  border-left: 2px solid transparent; border-color: var(--bordercolor);
  margin: -10px 0 0 18px;
  padding: 3px 0;
}

#appraisal-view .appraisal-section {
  padding: 16px;
}

#appraisal-view .appraisal-section .netd-form, #appraisal-view .appraisal-section .checkbox {
  margin-left: 5px;
}

#appraisal-view .appraisal-section:nth-child(even) {
  background-color: var(--bordercolor);
}

#appraisal-view .succession-planning .netd-form {
  padding: 16px 20px;
  margin: 0 0 5px 0;
  background: #fff;
}

#appraisal-view .succession-planning .netd-form:last-child {
  border-bottom: 0;
}

#appraisal-view .succession-planning .netd-form label {
  width: 600px;
  font-weight: bold;
  margin: 0;
  padding: 0;
}

#appraisal-view .succession-planning .netd-form label.radio {
  font-weight: normal;
  padding: 0;
  line-height: 1.5;
  margin: 1px 0 2px 0;
}

#appraisal-view .succession-planning .netd-form label.radio input {
  margin: 2px 5px 2px 0;
}

#appraisal-view .appraisal-column-comments {
  height: 100%;
  padding: 3px;
  width: 96%;
}

#appraisal-view a.appraisal-part, #appraisal-view a.appraisal-part-completed {
  display: inline-block;
  background: #fbfbfb;
  background-color: #d9d9d9;
  /* Fallback Color */
  background-image: linear-gradient(to bottom, #FBFBFB, #d9d9d9);
  padding: 10px 20px;
  border: 1px solid transparent;
  border-radius: var(--borderradius);
  font-size: 1.538em;
  font-style: italic;
  *border: none;
  /*IE7*/
}

#appraisal-view a.appraisal-part:focus, #appraisal-view a.appraisal-part-completed:focus, #appraisal-view a.appraisal-part:active, #appraisal-view a.appraisal-part-completed:active {
  background: #f0f0f0;
  font-size: 1.538em;
  background-color: #d5d5d5;
  /* Fallback Color */
  background-image: linear-gradient(to bottom, #f0f0f0, #d5d5d5);
}

#appraisal-view .appraisal-part-selected {
  color: #ffffff;
  background: #b5b5b5;
  background-color: #B4B4B4;
  /* Fallback Color */
  background-image: linear-gradient(to bottom, #b5b5b5, #B4B4B4);
  border: 1px solid rgba(13, 13, 13, 0);
  border-radius: var(--borderradius);
  box-shadow: 2px 2px 50px #ccc;
  font-weight: bold;
  *border: none;
  /*IE7*/
}

#appraisal-view .incomplete-appraisal-tab,
#appraisal-view .completed-appraisal-tab {
  font-size: 1.231em;
  padding: 10px;
}

#appraisal-view .incomplete-appraisal-tab {
  font-style: italic;
}

#appraisal-view .appraisal-arrow {
  background: transparent url("images/appraisal/arrow_right.png") no-repeat;
  position: relative;
  border: 0;
  padding: 0 0 0 75px;
  width: 41px;
  height: 41px;
  margin: -8px 0 0 0;
}

#appraisal-view .rating {
  cursor: pointer;
  width: 25px;
  height: 25px;
  padding: 0;
  margin: 0 1px;
  text-align: center;
  border: 1px solid transparent;
  border-radius: var(--borderradius);
  font-weight: bold;
  font-size: 1.3em;
  line-height: 25px;
  color: #13284d;
  background: #E5E5E5;
  background-color: #CFCFCF;
  /* Fallback Color */
  background-image: linear-gradient(to bottom, #F4F6FA, #CFCFCF);
  text-shadow: 0 1px 0 #fff;
  box-shadow: inset 0 1px 0 #fff, 0 0 1px #999;
}

#appraisal-view .rating-selected {
  background: #C9CACA;
  background-color: #9DA1A0;
  /* Fallback Color */
  background-image: linear-gradient(to bottom, #C9CACA, #9DA1A0);
  text-shadow: 0 1px 0 #D6D7D7;
  box-shadow: inset 0 2px 3px #999;
}

#appraisal-view .appraisal-message, #appraisal-view .appraisal-warning-message {
  display: none;
}

#appraisal-view .appraisal-warning {
  color: #ee3333;
}

#appraisal-view .goal-row {
  background: #ffffff;
}

#appraisal-view .goal-row .goal-details .full div, #appraisal-view .goal-row .goal-details .abbreviated div {
  max-width: 600px;
}

#appraisal-view .goal-row .full, #appraisal-view .goal-row .abbreviated {
  cursor: pointer;
}

#appraisal-view .goal-row span.editGoalLink {
  font-weight: bold;
}

#appraisal-view tr.incomplete {
  background: #fae2e2;
}

#appraisal-view input#SAVE2 {
  margin: 40px 5px;
}

#appraisal-view input#SAVE2A {
  margin: 40px 20px 40px 5px;
}

#appraisal-view input#SUBMITREV {
  margin: 0 0 0 20px;
}

@media screen {
  #appraisal-view .appraisal-rating-print, #appraisal-view .appraisal-rating-print-selected {
    display: none;
  }
}

.appraisal-learningpath-section .learning-path-container {
  overflow: visible;
  border: 0;
  height: auto;
  position: static;
}

.appraisal-learningpath-section .learning-path-container .action-nav {
  display: none;
}

.appraisal-learningpath-section .learning-path-container .tree-view {
  position: static;
  height: auto;
  overflow: visible;
  color: #000000;
  background: #FFFFFF;
}

/*Performance Review*/
/*Succession Planning - Extended User Profile*/
#user-profile {
  position: relative;
  padding: 10px;
  min-height: 520px;
  /*Educations & Work history & language skills*/
}

#user-profile dl {
  margin: 0;
}

#user-profile dl dt, #user-profile dl dd {
  padding: 3px 0;
  border: 0;
}

#user-profile .recent-activity {
  width: 250px;
  position: absolute;
  left: 640px;
  top: 10px;
  border: none;
  margin: 0;
  padding: 0;
  height: 100%;
}

#user-profile .recent-activity > span {
  margin: 3px 0;
}

#user-profile .recent-activity .activity-stream {
  padding: 0;
  height: 480px;
  overflow-y: auto;
}

#user-profile .recent-activity .activity-stream li {
  padding: 3px 5px 5px 0;
  border-bottom: 1px dotted transparent; border-color: var(--bordercolor);
  width: 90%;
}

#user-profile .recent-activity .activity-stream .profile-small {
  display: none;
  margin: 0;
  padding: 0;
}

#user-profile .recent-activity .activity-content {
  margin: 0;
  padding: 0;
}

#user-profile .recent-activity .activity-content .meta {
  margin: 0;
  padding: 0;
}

#user-profile .section {
  width: 600px;
  margin: 0 0 20px 0;
  display: block;
}

#user-profile .section .section-body {
  min-height: 20px;
}

#user-profile .section .netd-form {
  *width: 590px;
  *height: 100%;
  *float: left;
  background: var(--lightgrey);
  padding: 10px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
}

#user-profile .section .netd-form h4 {
  margin: 0;
}

#user-profile .section h3 {
  border-bottom: 1px solid transparent; border-color: var(--bordercolor);
  padding: 5px 0;
  margin: 0 0 10px 0;
  font-size: 1.19em;
  font-weight: bold;
  clear: both;
  *width: 100%;
  *position: inherit;
}

#user-profile .section h3 span.edit {
  font-weight: normal;
  font-size: 0.923em;
  float: right;
  margin: 6px 0 0 0;
  *margin: -20px 0 0 0;
  padding: 0;
}

#user-profile .section #profile-summary-edit {
  min-height: 300px;
}

#user-profile #educations .education-entry,
#user-profile #user-work-history .work-history-item,
#user-profile #user-language-skills .language-skills-item {
  margin: 0 0 10px 0;
}

#user-profile .section-body .ui-button-text .netd-icon {
  padding: 0;
  display: block;
}

#user-profile #educations .institution,
#user-profile #user-work-history .job-title {
  font-weight: bold;
  display: inline;
  padding: 5px 3px 5px 0;
  *float: left;
}

#user-profile #user-language-skills .language-title {
  font-weight: bold;
  display: inline;
  padding: 5px 3px 5px 0;
  *float: left;
}

#user-profile #user-language-skills dl {
  margin-bottom: 10px;
}

#user-profile #educations .period, #user-profile #user-work-history .job-duration {
  color: #999;
}

#user-profile #resume-section .date, #user-profile #resume-section .file-size {
  color: #999;
}

#user-profile p .divider {
  color: #ccc;
  padding: 0 16px;
  background: transparent;
}

#user-profile #user-work-history .job-achievement, #user-profile #user-work-history .job-award {
  margin: 3px 0 5px 0;
}

#user-profile #other-info-section .user-profile-otherinfo-content {
  line-height: 1.5;
}

#user-profile #other-info-section textarea {
  display: block;
}

#user-profile #add-education-history-link, #user-profile #add-work-history-link, #user-profile #add-language-skills-link {
  margin: 0 0 16px 0;
}

#user-profile #resume-section .view p {
  padding: 8px 0 0 0;
}

#user-profile #user-attribute-extension-section .user-attributes {
  padding: 0;
  border: none;
  background: transparent;
  margin: 5px 0;
}

#user-profile #user-attribute-extension-section .user-attributes input[type="TEXT"], #user-profile #user-attribute-extension-section .user-attributes label {
  display: block;
}

#user-profile #user-attribute-extension-section .user-attributes select {
  margin: 0 0 5px 0;
}

#user-profile #profile-summary .section-body {
  display: inline;
}

#user-profile #profile-summary .section-body .user-avatar {
  float: left;
  margin: 0 10px 0 0;
  width: 150px;
  height: 150px;
  border: 1px solid transparent; border-color: var(--bordercolor);
}

#user-profile #profile-summary .section-body .user-avatar img, #user-profile #profile-summary .section-body .user-avatar p {
  margin: 0 0 5px 0;
}

#user-profile #profile-summary .section-body .user-name {
  padding: 0;
  margin: 0 0 5px 0;
}

#user-profile #profile-summary .section-body dl {
  width: 430px;
  margin-bottom: 0;
}

#user-profile #profile-summary .section-body dl + label {
  margin: 0 0 10px 170px;
}

#user-profile #profile-summary .section-body > button, #user-profile #profile-summary .section-body > input[type="submit"], #user-profile #profile-summary .section-body > input[type="reset"], #user-profile #profile-summary .section-body > input[type="button"] {
  margin: 0 0 10px 170px;
  *margin: 0 0 0 170px;
}

#user-profile #profile-summary .section-body button.userprofile-cancelBtn, #user-profile #profile-summary .section-body input.userprofile-cancelBtn[type="submit"], #user-profile #profile-summary .section-body input.userprofile-cancelBtn[type="reset"], #user-profile #profile-summary .section-body input.userprofile-cancelBtn[type="button"] {
  margin: 0 0 0 10px;
}

#user-profile #profile-summary .section-body #profile-summary-readonly .user-avatar img, #user-profile #profile-summary .section-body #profile-summary .user-avatar p {
  margin: 0 0 5px 0;
}

#user-profile #profile-summary .section-body #profile-summary-readonly {
  margin: 10px 0 0 0;
}

#user-profile #profile-summary .section-body #profile-summary-readonly dl {
  width: 430px;
  *clear: none;
  *display: inline;
}

/*Sections*/
.recent-activity h4 {
  border-bottom: 1px solid transparent; border-color: var(--bordercolor);
  padding: 5px 0;
  margin: 0 0 10px 0;
  font-size: 1.19em;
  font-weight: bold;
  clear: both;
  *width: 100%;
  *position: inherit;
  position: relative;
}

/*My Profile*/
.bio {
  border-right: 1px solid #cccccc;
  padding-right: 4%;
  float: left;
  width: 48%;
}

.recent-activity {
  border-left: 1px solid #cccccc;
  padding-left: 4%;
  margin-left: 52%;
}

.activity-stream {
  margin: 0;
  padding: 0 10px 0 0;
}

.activity-stream li {
  clear: both;
  float: left;
  padding: 6px 0;
  width: 100%;
}

.activity-stream li + li:first-child {
  border: #cccccc 1px solid;
}

.learning-group-members {
  border-top: #cccccc 1px solid;
  padding-bottom: 1em;
  margin-top: 1em;
}

#user-profile-overlay .user-profile-summary .user-profile-top-container {
  display: flex;
  margin-bottom: 12px;
}

#user-profile-overlay .user-profile-summary .user-profile-top-container .user-profile-image-container img {
  width: 100px;
  height: auto;
  margin: 4px 12px 0 0;
}

#user-profile-overlay .user-profile-summary .user-profile-full-info {
  clear: both;
  display: block;
}

#user-profile-overlay .user-profile-summary .user-profile-full-info dl dt {
  width: 40%;
}

#user-profile-overlay .user-profile-summary .user-profile-full-info dl dd {
  width: auto;
}

/************************
 * Competency Drilldown
 ************************/
#user-review ul, [id^="user-review-"] ul {
  margin: 0;
}

#user-review ul.netd-drop-down-btn-list, [id^="user-review-"] ul.netd-drop-down-btn-list {
  margin-top: -2px;
}

#user-review .user-list-nav, [id^="user-review-"] .user-list-nav {
  font-weight: bold;
  padding: 10px 0 0 0;
  background: #ffffff;
  border-bottom: 1px solid #e0e0e0;
  border-bottom: 1px solid #eeeeee;
}

#user-review .user-list-nav .user-info, #user-review .user-list-nav .job-profile-info, [id^="user-review-"] .user-list-nav .user-info, [id^="user-review-"] .user-list-nav .job-profile-info {
  margin: 0 0 0 11px;
}

#user-review .user-row, [id^="user-review-"] .user-row {
  border-bottom: 1px solid #eeeeee;
}

#user-review .summary-info, [id^="user-review-"] .summary-info {
  padding: 10px 0 8px 0;
  background: #fff;
}

#user-review .user-row .summary-info:hover, [id^="user-review-"] .user-row .summary-info:hover {
  background: var(--lightgrey);
  cursor: pointer;
  transition: background 0.3s;
}

#user-review .user-checkbox, [id^="user-review-"] .user-checkbox {
  display: inline;
  float: left;
  width: 30px;
  padding: 2px 0 5px 5px;
}

#user-review .user-action, [id^="user-review-"] .user-action {
  display: inline;
  float: left;
  width: 30px;
  height: 20px;
  padding: 0;
  margin: 0;
}

#user-review .user-action .netd-drop-down-btn-container, [id^="user-review-"] .user-action .netd-drop-down-btn-container {
  margin: -5px 0 0 -5px;
}

#user-review .user-action .netd-drop-down-btn-container button.ui-state-disabled, #user-review .user-action .netd-drop-down-btn-container input.ui-state-disabled[type="submit"], #user-review .user-action .netd-drop-down-btn-container input.ui-state-disabled[type="reset"], #user-review .user-action .netd-drop-down-btn-container input.ui-state-disabled[type="button"], [id^="user-review-"] .user-action .netd-drop-down-btn-container button.ui-state-disabled, [id^="user-review-"] .user-action .netd-drop-down-btn-container input.ui-state-disabled[type="submit"], [id^="user-review-"] .user-action .netd-drop-down-btn-container input.ui-state-disabled[type="reset"], [id^="user-review-"] .user-action .netd-drop-down-btn-container input.ui-state-disabled[type="button"] {
  margin: 5px 0 0 5px;
  padding: 3px;
}

#user-review .user-info, [id^="user-review-"] .user-info {
  display: inline;
  width: 380px;
  float: left;
  padding-left: 5px;
  padding-bottom: 5px;
}

#user-review .user-info i.collapse-indicator, [id^="user-review-"] .user-info i.collapse-indicator {
  float: left;
  width: 8px;
  padding: 5px 3px 0 0;
}

#user-review .job-profile-info, [id^="user-review-"] .job-profile-info {
  display: inline;
  width: 300px;
  float: left;
  padding-left: 5px;
  padding-bottom: 5px;
}

#user-review .user-action-link, [id^="user-review-"] .user-action-link {
  display: inline;
  width: auto;
  float: right;
  padding: 0;
  margin: 0 20px 0 0;
}

#user-review .expiration-date, [id^="user-review-"] .expiration-date {
  margin-left: 5px;
  color: #999;
  font-weight: normal;
  font-size: 1em;
}

#user-review a.cdc-link, [id^="user-review-"] a.cdc-link {
  opacity: 0.5;
  text-indent: 0;
  border: 1px solid #cdcdcd;
  color: #444;
  background: #e5e5e5;
  text-align: center;
  padding: 8px 5px;
  margin: 0;
  float: left;
  font-size: 21px;
  min-width: 30px;
  height: auto;
  overflow: hidden;
  transition: background 0.3s ease-out;
}

#user-review .user-row .summary-info:hover a.cdc-link, [id^="user-review-"] .user-row .summary-info:hover a.cdc-link {
  opacity: 1;
}

#user-review .user-row .summary-info:hover a.cdc-link:hover, [id^="user-review-"] .user-row .summary-info:hover a.cdc-link:hover {
  color: #222;
  background: #f5f5f5;
  border-color: #c0c0c0;
  text-shadow: 0 1px 0 #fff;
}

#user-review a.cdc-link, [id^="user-review-"] a.cdc-link {
  text-decoration: none;
}

#user-review a.cdc-link:first-child, [id^="user-review-"] a.cdc-link:first-child {
  border-right: 0;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}

#user-review a.cdc-link:last-child, [id^="user-review-"] a.cdc-link:last-child {
  border-left: 0;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

#user-review .job-profile-title, [id^="user-review-"] .job-profile-title {
  padding-bottom: 5px;
}

#user-review .job-profile-title i, [id^="user-review-"] .job-profile-title i {
  font-size: 1.077em;
  padding-right: 5px;
}

#user-review .user-name, #user-review .user-organization, [id^="user-review-"] .user-name, [id^="user-review-"] .user-organization {
  display: block;
}

#user-review .user-organization, [id^="user-review-"] .user-organization {
  width: calc(100% - 70px);
  float: right;
}

#user-review .user-name, [id^="user-review-"] .user-name {
  font-size: 1.077em;
  font-weight: bold;
  margin-bottom: 3px;
}

#user-review .job-profile-list, [id^="user-review-"] .job-profile-list {
  border-top: 1px dashed #e0e0e0;
  background: #fff;
  padding: 10px 75px 20px 75px;
}

#user-review .node-title, [id^="user-review-"] .node-title {
  font-size: 0.923em;
  color: #aaa;
  padding: 5px;
}

#user-review .node-job-profile,
#user-review .node-competency,
#user-review .node-learning-module,
#user-review .node-substitute-learning-modules,
#user-review .completed-substitute-module, [id^="user-review-"] .node-job-profile,
[id^="user-review-"] .node-competency,
[id^="user-review-"] .node-learning-module,
[id^="user-review-"] .node-substitute-learning-modules,
[id^="user-review-"] .completed-substitute-module {
  padding: 5px;
}

#user-review .node-job-profile, [id^="user-review-"] .node-job-profile {
  font-weight: bold;
}

#user-review .collapsed:hover, #user-review .expanded:hover, [id^="user-review-"] .collapsed:hover, [id^="user-review-"] .expanded:hover {
  background: #f5f5f5;
  cursor: pointer;
}

#user-review .competency-list .node-title, [id^="user-review-"] .competency-list .node-title {
  padding: 5px 5px 2px 60px;
}

#user-review .competency-list .node-competency, [id^="user-review-"] .competency-list .node-competency {
  padding-left: 40px;
}

#user-review .learning-module-list:first-child > .node-learning-module, [id^="user-review-"] .learning-module-list:first-child > .node-learning-module {
  padding-left: 0;
}

#user-review .learning-module-list .node-title,
#user-review .learning-module-list .node-learning-module, [id^="user-review-"] .learning-module-list .node-title,
[id^="user-review-"] .learning-module-list .node-learning-module {
  padding-left: 110px;
}

#user-review .learning-module-list .node-substitute-learning-modules, [id^="user-review-"] .learning-module-list .node-substitute-learning-modules {
  padding-left: 130px;
}

#user-review .learning-module-list .completed-substitute-module, [id^="user-review-"] .learning-module-list .completed-substitute-module {
  padding-left: 150px;
}

#user-review .collapse-indicator, [id^="user-review-"] .collapse-indicator {
  color: #666;
  padding: 0 6px;
}

#user-review .session-module-list, [id^="user-review-"] .session-module-list {
  padding-left: 35px;
}

#user-review .overall-training-progress .user-avatar, [id^="user-review-"] .overall-training-progress .user-avatar {
  margin-bottom: 10px;
}

#user-review .overall-training-progress .user-info, [id^="user-review-"] .overall-training-progress .user-info {
  width: 40%;
  margin: 0;
}

#user-review .overall-training-progress .job-profile-info, [id^="user-review-"] .overall-training-progress .job-profile-info {
  width: auto;
  margin: 0;
  padding-left: 0;
}

#user-review .overall-training-progress .user-organization, [id^="user-review-"] .overall-training-progress .user-organization {
  font-size: .9em;
  margin-bottom: 3px;
}

#user-review .overall-training-progress .node-title, #user-review .overall-training-progress .module-status, [id^="user-review-"] .overall-training-progress .node-title, [id^="user-review-"] .overall-training-progress .module-status {
  text-transform: capitalize;
}

#user-review .overall-training-progress .meta, [id^="user-review-"] .overall-training-progress .meta {
  display: inline;
  font-weight: normal;
  font-size: .9em;
}

#user-review .overall-training-progress .icon-screenshot.completed, [id^="user-review-"] .overall-training-progress .icon-screenshot.completed {
  color: #cc6600;
}

#user-review .overall-training-progress a.module-title, [id^="user-review-"] .overall-training-progress a.module-title {
  font-weight: normal;
  color: var(--headers);
}

#user-review .overall-training-progress .data-learning-module.optional, [id^="user-review-"] .overall-training-progress .data-learning-module.optional {
  padding-left: 23px;
}

.completed-by-substitute-num {
  margin: 0 5px;
}

.actions-container {
  display: inline;
}

.actions-container a {
  display: inline-block;
  padding: 0;
  margin: 0 0 0 8px;
  width: auto;
  line-height: 1;
}

.actions-container a .netd-icon {
  margin: 0 4px 0 0;
}

.node-learning-module, .node-competency, .node-job-profile {
  position: relative;
  white-space: normal;
}

/* Review - CDC - Career Development Center */
#review-cdc {
  width: 100%;
  min-width: 960px;
  margin: 0;
  padding: 0;
}

#review-cdc #main-content > h1, #review-cdc #main-content > h2 {
  height: auto;
  width: 100%;
  padding: 0;
  margin: 0;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  background: var(--headers);
  color: #fff;
  height: 50px;
}

#review-cdc #main-content > h1 .review-cdc-heading, #review-cdc #main-content > h2 .review-cdc-heading {
  color: #fff;
  font-size: 32px;
  text-shadow: none;
  display: block;
  line-height: 1;
  padding: 8px 25px;
}

#review-cdc .sidebar {
  position: fixed;
  background: #fff;
  top: 50px;
  left: 0;
  margin: 0;
  padding: 0;
  width: 238px;
  overflow: auto;
  height: 100%;
  border: 1px solid transparent; border-color: var(--bordercolor);
}

#review-cdc #user-info-container {
  padding: 16px 10px;
  border-bottom: 1px solid transparent; border-color: var(--bordercolor);
  min-height: 70px;
  background: #fff;
}

#review-cdc #user-info-container .user-info {
  padding: 0;
  margin: 0 10px 0 60px;
  width: 160px;
  height: 100%;
  display: block;
  *width: 145px;
}

#review-cdc #user-info-container .user-info p {
  font-size: 1em;
  margin-bottom: 10px;
}

#review-cdc #user-info-container .user-info .user-name {
  font-weight: bold;
  line-height: 1.2;
  font-size: 1.5em;
  color: #1a1a1a;
}

#review-cdc #user-info-container .user-info .user-id {
  color: var(--textcolor);
}

#review-cdc #nav {
  height: 100%;
  background: transparent;
}

#review-cdc #nav ul {
  margin: 0;
  padding: 0;
}

#review-cdc #nav ul > li > a {
  color: var(--link);
  line-height: 1.2;
  padding: 12px 5px;
  display: block;
  font-size: 1rem;
  font-weight: normal;
  text-transform: none;
  border-bottom: 1px solid transparent; border-color: var(--bordercolor);
  background: #fff;
  transition: background-color 0.3s;
}

#review-cdc #nav ul > li > a:hover {
  color: var(--linkhover);
  background: white;
}

#review-cdc #nav ul li ul {
  padding: 0;
}

#review-cdc #nav ul li ul li:hover a {
  color: var(--linkhover);
  background: #fff;
}

#review-cdc #nav ul li ul li a {
  display: block;
  font-weight: normal;
  padding: 12px 20px;
  color: var(--link);
  background: #fff;
  border-bottom: 1px solid transparent; border-color: var(--bordercolor);
  font-size: var(--font-size);
  text-transform: capitalize;
  transition: all .1s;
}

#review-cdc #nav ul li ul li a.selected {
  font-weight: 400;
  cursor: default;
  color: var(--buttontexthover);
  background: var(--buttonhover);
  border-bottom: 1px solid transparent; 
  border-color: var(--bordercolor);
}

#review-cdc #nav ul > li > a.selected {
  cursor: default;
  background: white;
  color: var(--buttonhover);
  font-weight: bold;
}

#review-cdc #nav ul > li > a i {
  font-size: 1em;
  padding-right: 5px;
}

#review-cdc .review-cdc-content {
  box-sizing: border-box;
  width: calc(100% - 240px);
  min-width: 500px;
  max-width: 1150px;
  min-height: 660px;
  position: absolute;
  top: 50px;
  left: 240px;
  margin: 0;
  padding: 25px;
  background: #ffffff;
}

#review-cdc #performance-review-summary {
  /*Summary page widget block*/
  margin: 0 0 20px 0;
}

#review-cdc #performance-review-summary table#historyTable {
  margin: 0 0 5px 0;
}

#review-cdc .review-cdc-content .learningPath div > table {
  margin: 0;
}

#review-cdc #learning-group-container {
  width: 520px;
}

#review-cdc .learning-group-members {
  border-top: none;
}

#review-cdc .course-instance .module .module-info p.meta-data {
  width: inherit;
}

@media all and (max-height: 550px) {
  #review-cdc .sidebar {
    position: absolute;
    top: 50px;
    left: 0;
    min-height: 600px;
  }
}

/*Review Career Development Center*/
/*Succession Planing - 9 Boxes Report*/
#ninebox {
  margin: 20px auto 120px;
  padding: 0;
  width: 100%;
  float: left;
}

#ninebox .boxes-user-list {
  height: 590px;
  width: 22%;
  border: 1px solid #ccc;
  position: relative;
  float: left;
  overflow-y: scroll;
  overflow-x: hidden;
}

#ninebox .boxes-user-list .employee-counter {
  font-weight: bold;
  padding: 10px;
  position: relative;
  top: 0;
  left: 0;
  border-bottom: 1px solid #ccc;
  background: #fbfbfb;
  background-color: #dcdcdc;
  /* Fallback Color */
  background-image: linear-gradient(to bottom, #fbfbfb, #dcdcdc);
  box-shadow: 0 1px 0 #bcbcbc;
}

#ninebox .boxes-user-entry {
  display: block;
  padding: 8px 10px;
  border-bottom: 1px solid #ccc;
  background: #eee;
  box-shadow: inset 0 1px 0 #fff;
}

#ninebox .boxes-user-entry:hover {
  background: var(--bordercolor);
  box-shadow: inset 0 -1px 0 #ccc, inset 0 1px 0 #ccc;
  cursor: pointer;
}

#ninebox .boxes-user-entry .user-entry-user-name {
  font-weight: bold;
}

#ninebox .boxes-user-entry p {
  margin-bottom: 3px;
}

#ninebox #boxes-container {
  width: 77.5%;
  height: 590px;
  margin: 0 0 0 22%;
  padding: 0;
  background: #eee;
  border: 1px solid transparent; border-color: var(--bordercolor);
  overflow: hidden;
  position: relative;
  *display: inline;
  *position: absolute;
  *margin-left: 0;
  *width: 690px;
}

#ninebox #boxes-container .xy-container {
  width: 100%;
  height: 100%;
  z-index: 100;
  margin: 0;
  padding: 0;
}

#ninebox #boxes-container .x-axis, #ninebox #boxes-container .y-axis {
  color: #666;
  font-weight: bold;
  line-height: 0;
  *line-height: 1;
  margin: 0;
  padding: 0;
  position: absolute;
  *top: 562px;
}

#ninebox #boxes-container .y-axis {
  top: 55%;
  left: 0;
  transform: rotate(270deg);
  transform-origin: 12px 0;
}

#ninebox #boxes-container .x-axis {
  bottom: 12px;
  left: 45%;
}

#ninebox #boxes-container .grid-wrapper {
  position: relative;
  top: 10px;
  left: 20px;
  width: 668px;
  height: 560px;
  overflow: hidden;
}

#ninebox #boxes-container .grid-wrapper2 {
  width: 638px;
  height: 540px;
  margin: 10px 16px;
}

.boxes-main {
  width: 100%;
  height: 100%;
  position: relative;
  transition: all 0.5s;
}

.boxes-main img.grid-background {
  width: 100%;
  height: 100%;
  float: left;
  max-width: none;
  max-height: none;
}

.boxes-main .box-description {
  width: 100%;
  height: 100%;
}

.boxes-main .box-description p {
  color: #999;
  width: 220px;
  height: 20px;
  margin: 0;
  line-height: 24px;
  padding: 0;
  display: inline-block;
  position: absolute;
}

.boxes-main .box-description #R1C1 {
  top: 0.83%;
  left: 0.7%;
}

.boxes-main .box-description #R1C2 {
  top: 0.83%;
  left: 34%;
}

.boxes-main .box-description #R1C3 {
  top: 0.83%;
  left: 67.3%;
}

.boxes-main .box-description #R2C1 {
  top: 34.17%;
  left: 0.7%;
}

.boxes-main .box-description #R2C2 {
  top: 34.17%;
  left: 34%;
}

.boxes-main .box-description #R2C3 {
  top: 34.17%;
  left: 67.3%;
}

.boxes-main .box-description #R3C1 {
  top: 67.5%;
  left: 0.7%;
}

.boxes-main .box-description #R3C2 {
  top: 67.5%;
  left: 34%;
}

.boxes-main .box-description #R3C3 {
  top: 67.5%;
  left: 67.3%;
}

.boxes-main .box-description button, .boxes-main .box-description input[type="submit"], .boxes-main .box-description input[type="reset"], .boxes-main .box-description input[type="button"] {
  position: absolute;
  font-size: 1em;
}

.boxes-main .box-description button.icon-resize-full, .boxes-main .box-description input.icon-resize-full[type="submit"], .boxes-main .box-description input.icon-resize-full[type="reset"], .boxes-main .box-description input.icon-resize-full[type="button"], .boxes-main .box-description button.icon-resize-small, .boxes-main .box-description input.icon-resize-small[type="submit"], .boxes-main .box-description input.icon-resize-small[type="reset"], .boxes-main .box-description input.icon-resize-small[type="button"] {
  padding: 6px;
}

.boxes-main .box-description button.icon-resize-full span.ui-button-text, .boxes-main .box-description input.icon-resize-full[type="submit"] span.ui-button-text, .boxes-main .box-description input.icon-resize-full[type="reset"] span.ui-button-text, .boxes-main .box-description input.icon-resize-full[type="button"] span.ui-button-text, .boxes-main .box-description button.icon-resize-small span.ui-button-text, .boxes-main .box-description input.icon-resize-small[type="submit"] span.ui-button-text, .boxes-main .box-description input.icon-resize-small[type="reset"] span.ui-button-text, .boxes-main .box-description input.icon-resize-small[type="button"] span.ui-button-text {
  padding: 0;
}

/*9 Boxes Report - Map the user icon*/
.last-appraisal, .second-last-appraisal, .third-last-appraisal {
  width: 100%;
  height: 100%;
  *top: 10px;
}

.boxes-user-icon {
  height: 24px;
  width: 24px;
  position: absolute;
  margin: -12px;
  background-color: transparent;
  background-image: url("../images/decorate/user-icons.png");
  background-repeat: no-repeat;
  background-position: 0 0;
}

.last-appraisal .boxes-user-icon {
  background-position: 0 0;
}

.last-appraisal .boxes-user-icon:hover, .last-appraisal .boxes-user-icon.boxes-user-icon-hover {
  background-position: 0 -24px;
}

.second-last-appraisal .boxes-user-icon {
  background-position: -24px 0;
}

.second-last-appraisal .boxes-user-icon:hover, .second-last-appraisal .boxes-user-icon.boxes-user-icon-hover {
  background-position: -24px -24px;
}

.third-last-appraisal .boxes-user-icon {
  background-position: -48px 0;
}

.third-last-appraisal .boxes-user-icon:hover, .third-last-appraisal .boxes-user-icon.boxes-user-icon-hover {
  background-position: -48px -24px;
}

@media screen and (min-width: 1280px) {
  #ninebox .boxes-user-list {
    height: 650px;
    width: 26%;
    width: 26.5% \9;
  }
  #ninebox #boxes-container {
    width: 73%;
    height: 650px;
  }
  #ninebox #boxes-container .grid-wrapper {
    width: 750px;
    height: 630px;
  }
  #ninebox #boxes-container .grid-wrapper2 {
    width: 720px;
    height: 600px;
    margin: 16px;
  }
}

ul#goalHierarchyData {
  display: none;
}

.scrollableGoalHierarchy {
  overflow: auto;
  overflow-y: hidden;
  width: 100%;
  height: 100%;
  position: relative;
}

.goalHierarchyType {
  float: right;
}

.goalHierarchy-detailLink {
  float: right;
  position: absolute;
  right: 5px;
  bottom: 5px;
}

#goalHierarchy .goal-title, .jOrgChart .goal-info {
  text-align: left;
  font-size: 0.923em;
  margin: 0;
  padding: 0 5px;
}

#goalHierarchy .goal-title span.expanded {
  background: transparent url("../images/decorate/lp-arrow-down.png") no-repeat 0 1px;
  margin: 0;
}

#goalHierarchy .goal-title span.contracted {
  background: transparent url("../images/decorate/lp-arrow-side.png") no-repeat 0 1px;
  margin: 0;
}

#goalHierarchy .node-summarized .goal-title span {
  position: absolute;
  bottom: 5px;
  left: 5px;
}

#goalHierarchy .node .goal-title span {
  position: absolute;
  bottom: 5px;
  left: 5px;
}

#goalHierarchy .node .goal-title .title-text {
  color: #231302;
  text-shadow: 0 1px 0 #ffffff;
  line-height: 24px;
  height: 28px;
  font-size: 1.05em;
  font-weight: bold;
  margin: 0;
  padding: 5px 0 8px 0;
  position: absolute;
  width: 190px;
  top: 0;
  left: 7px;
  border-bottom: 1px solid #e5e5e5;
  box-shadow: 0 1px 0 #fff;
}

#goalHierarchy .node-summarized .goal-title .title-text {
  border-bottom: 0;
  box-shadow: none;
  width: 184px;
  *width: 183px;
}

#goalHierarchy .profile-image {
  width: 48px;
  display: inline;
  margin: 0 0 0 5px;
  padding: 3px 0 0 0;
  position: absolute;
  top: 50px;
  left: 3px;
  border: 1px solid #e0e0e0;
}

#goalHierarchy .goal-info {
  padding: 0 0 0 3px;
  margin: 0;
  width: 138px;
  color: #333;
  float: right;
  display: inline;
  text-align: left;
  position: absolute;
  top: 48px;
  right: 0;
}

.jOrgChart .node-cell .selected {
  background: #EEEEEE;
}

.expand-collapse-toggle {
  background-repeat: no-repeat;
  cursor: pointer;
  display: block;
  float: left;
  width: 14px;
  height: 14px;
}

.personal-goal-hierarchy .program {
  margin-top: 10px;
  width: 100%;
}

ul.org-goal-hierarchy {
  padding-left: 16px;
}

ul.org-goal-hierarchy ul {
  padding-left: 16px;
}

ul.org-goal-hierarchy li span {
  background: transparent url("../images/decorate/lp-arrow-down.png") no-repeat 0 3px;
  padding-left: 18px;
}

ul.org-goal-hierarchy li span:hover {
  cursor: pointer;
}

ul.org-goal-hierarchy li span.collapsed {
  background: transparent url("../images/decorate/lp-arrow-side.png") no-repeat;
}

/*Career Center Summary Style*/
.career-summary-section {
  margin: 0 0 20px 0;
  width: 100%;
}

.career-summary-section h3, .career-summary-section table thead th {
  padding: 6px 5px;
  margin: 0;
  font-size: 1em;
}

.career-summary-section .meta {
  padding: 0;
  margin: 1px 0 3px 0;
  font-style: normal;
  font-weight: normal;
  display: block;
  font-size: .846em;
}

.career-summary-section .article {
  margin: 0 0 5px 0;
  line-height: 1.25;
}

.career-summary-section table th {
  color: var(--tableheadertext);
  background: #fff;
  border-bottom: 1px solid #c4c4c4;
}

.career-summary-section table td {
  word-break: break-all;
}

#news-section ul li {
  padding: 6px 5px;
  margin: 0;
  font-size: 1em;
}

/* Competency assessment wizard */
.comp-assess-wizard-container {
  min-height: 300px;
  border: 1px solid transparent; 
  border-color: var(--bordercolor);
  padding: 10px;
  margin: 10px 0;
}

/** pending assessment */
#pending_assessment .progressbar_column {
  width: 150px !important;
  text-align: center;
  vertical-align: middle;
}

/* Sign off assessment */
.signOff-assessment .jobProfileName {
  padding: 10px 0;
  display: block;
  font-weight: bold;
}

.signOff-assessment .addressed-competency {
  cursor: pointer;
  display: inline-block;
}

.signOff-assessment .addressed-competency .selected-competency {
  background: #ffffff;
  border: 1px solid #c4c4c4;
  padding: 3px;
  margin: 0 4px 3px 0;
  float: left;
  border-radius: 5px;
}

.signOff-assessment .addressed-competency .empty-competency {
  line-height: 200%;
}

.signOff-assessment .addressed-competency .edit-selected-competency {
  padding: 3px 20px 3px 3px;
}

.signOff-assessment .addressed-competency .edit-selected-competency .competency-close {
  cursor: pointer;
  position: absolute;
  background: transparent url(../javascript/jQuery/themes/base/images/ui-icons_888888_256x240.png) no-repeat -80px -128px;
  width: 12px;
  height: 12px;
}

.signOff-assessment .addressed-competency .edit-selected-competency .competency-close:hover {
  background: transparent url(../javascript/jQuery/themes/base/images/ui-icons_454545_256x240.png) no-repeat -80px -128px;
}

#addressed-competency-dialog div#competency-container {
  cursor: pointer;
  display: block;
  height: auto;
  min-height: 80px;
  overflow: auto;
  font-size: 1.077em;
}

#addressed-competency-dialog div#competency-container div.competency {
  padding: 8px;
}

#addressed-competency-dialog div#competency-container div.competency:hover {
  color: #1a1a1a;
  background: var(--lightgrey);
}

#addressed-competency-dialog div#competency-container div.selected {
  color: #1a1a1a;
  background: #EEEEEE;
}

#addressed-competency-dialog .competency:before {
  font-family: fontawesome;
  content: "\f096";
  margin-right: 4px;
}

#addressed-competency-dialog .competency.selected:before {
  font-family: fontawesome;
  content: "\f046";
  margin-right: 4px;
}

#addressed-competency-dialog .buttons-container {
  padding-top: 12px;
}

#proficiencyLevelTable td.indicator_column span.indicator-container {
  display: inline-block;
  white-space: nowrap;
}

#proficiencyLevelTable td.indicator_column span.indicator-container span.indicatorArrow {
  background: transparent url("../javascript/jQuery/themes/base/images/ui-icons_888888_256x240.png") no-repeat -96px -16px;
  width: 16px;
  height: 16px;
  display: inline-block;
}

#proficiencyLevelTable td.divider {
  padding: 3px;
}

.level-competency-name {
  font-weight: bold;
}

/* manage-centre menu */
body.manage-centre {
  padding: 0;
  margin: 0 auto;
}

body.manage-centre #third-links-container {
  display: none;
}

body.manage-centre #universal-search {
  display: none;
}

body.manage-centre #document-body #main-content {
  padding-top: 0;
}

body.manage-centre .dropdown-menu-list ul,
body.manage-centre .dropdown-menu-sub-list ul {
  list-style: none;
  margin: 0;
}

body.manage-centre #document-body {
  position: relative;
  padding: 12px 5%;
  margin: 0 0 48px 0;
  min-width: 900px;
  width: auto;
  background: white url("images/bg-document-body.png") top left repeat-x;
}

body.manage-centre #document-body h1,
body.manage-centre #document-body h2 {
  margin: 12px 0;
  color: var(--headers);
}

body.manage-centre #document-body #main-content {
  width: 100%;
}

body.manage-centre td[align="left"] select[name="LEVEL1"],
body.manage-centre td[align="left"] select[name="LEVEL2"] {
  width: 270px;
  margin-right: 5px;
}

p.description {
  margin-top: 10px;
  margin-bottom: 20px;
}

#overview fieldset {
  padding: 0 20px 20px 20px;
  background: #fff;
  box-shadow: inset 0 1px 1px 0 #fff;
}

#overview fieldset .dropdown-menu-list {
  margin: 0;
  padding: 0;
  width: auto;
  min-width: 660px;
}

#overview fieldset .dropdown-menu-list .group {
  color: #404040;
  display: inline-block;
  padding: 0;
  width: 210px;
  margin: 0 8px 8px 0;
  text-align: left;
  vertical-align: top;
}

#overview fieldset .dropdown-menu-list .group label {
  font-weight: bold;
  color: var(--textcolor);
  font-size: 0.923em;
  padding: 12px 4px 4px 4px;
  margin: 0;
  text-transform: uppercase;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: var(--font);
}

#overview fieldset .dropdown-menu-list .group .dropdown-menu-sub-list {
  float: left;
  width: 200px;
  margin: 0;
  padding: 0;
}

#overview fieldset .dropdown-menu-list .group .dropdown-menu-sub-list li {
  border-bottom: 0;
}

#overview fieldset .dropdown-menu-list .group .dropdown-menu-sub-list a {
  display: block;
  padding: 6px 4px;
  margin: 0;
  text-decoration: none;
  line-height: 20px;
  text-shadow: 1px 0 0 transparent;
  transition: text-shadow 250ms;
}

#manage-center-container {
  height: 65px;
  width: 100%;
  z-index: 999;
  padding: 8px 0 0 0;
  margin: 0;
  line-height: 0;
  min-width: 960px;
  background: url("../images/decorate/manage-center-header-bar.png") repeat-x top left;
}

#manage-center-container #top-container {
  height: 26px;
  margin: 0;
  padding: 0 1%;
  font-size: 1.2em;
  background: var(--topbar) url("../images/logos/manage_centre_logo.jpg") no-repeat -90px 0;
}

#manage-center-container #top-container .left-side-menu {
  float: left;
  padding: 0;
  margin: 0;
}

#manage-center-container #top-container .left-side-menu #home-btn {
  color: #999999;
  line-height: 26px;
  border-right: 1px solid #333;
  border-radius: 0;
  margin: 0 12px 0 0;
  padding: 0 12px;
  cursor: pointer;
  text-align: center;
}

#manage-center-container #top-container .left-side-menu #home-btn:hover {
  text-shadow: none;
}

#manage-center-container #top-container a i {
  font-size: 1.2em;
  cursor: pointer;
}

#manage-center-container #top-container .right-side-menu {
  float: right;
}

#manage-center-container #top-container a {
  font-size: 0.8em;
  color: #eeeeee;
  border-radius: 0;
  display: block;
  line-height: 26px;
  padding: 0 10px;
  float: left;
}

#manage-center-container #top-container .right-side-menu a:hover,
#manage-center-container #top-container .left-side-menu #home-btn:hover {
  background: #202020;
  box-shadow: inset 0 0 5px 0 #000;
  border-left: 0;
  border-radius: 0;
}

#manage-center-container #top-container .netd-icon {
  padding: 0;
  margin: 0 5px;
  color: var(--bordercolor);
  line-height: 26px;
}

#manage-center-container #top-container [class^="icon-"]:before,
#manage-center-container #top-container [class*=" icon-"]:before {
  color: var(--bordercolor);
}

#manage-center-container #top-container #username .netd-icon {
  font-size: 1em;
  line-height: 1;
}

#manage-center-container #top-container .manage-center-heading {
  font-size: 0.923em;
  line-height: 26px;
  font-weight: bold;
  text-align: left;
  text-indent: 245px;
  margin: 0;
  color: #eee;
  background: url("../images/logos/manage_centre_logo.jpg") no-repeat -85px 0;
}

#manage-center-container #bottom-container {
  z-index: 1000;
  color: #555555;
  overflow: visible;
  height: 37px;
  padding: 0 4%;
  border-top: 1px solid #d4d4d4;
  border-bottom: 1px solid #d4d4d4;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
  background: #eeeeee;
  background-color: #ebebeb;
  /* Fallback Color */
  background-image: linear-gradient(to bottom, #fbfbfb, #ebebeb);
}

#manage-center-container #bottom-container .nav {
  list-style: none;
  padding: 0;
  display: block;
  float: left;
  margin: 0 12px 0 0;
  font-size: 1em;
}

#manage-center-container #bottom-container .nav > li.dropdown {
  background: none;
  float: left;
  position: static;
  line-height: 20px;
  text-align: left;
}

#manage-center-container #bottom-container .nav > li.dropdown .dropdown-menu-list {
  height: 0;
  transition: height 2s ease-in;
}

#manage-center-container #bottom-container .nav > li.dropdown.selected .dropdown-menu-list {
  height: auto;
  transition: height 2s ease-out;
}

#manage-center-container #bottom-container .nav > li.dropdown > a {
  display: block;
  color: #666666;
  padding: 0 20px;
  text-transform: uppercase;
  line-height: 37px;
  transition: color 0.5s, background-color 0.5s, border-radius 0.5s, text-shadow 0.5s, border 0.5s;
}

#manage-center-container #bottom-container .nav > li.dropdown > a:hover {
  color: #fff;
  background: #0d204a;
  text-shadow: 0 1px 0 #000;
  border-top-left-radius: var(--borderradius);
  border-top-right-radius: var(--borderradius);
  border-bottom: 0;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
  transition: color 0.5s, background-color 0.5s, border-radius 0.5s, text-shadow 0.5s, border 0.5s;
}

#manage-center-container #bottom-container .nav > li.selected {
  background: var(--bordercolor);
  z-index: 2000;
}

#manage-center-container #bottom-container .nav > li.selected a.top-manage-menu {
  color: #fff;
  background: #0d204a;
  text-shadow: 0 1px 0 #000;
  border-top-left-radius: var(--borderradius);
  border-top-right-radius: var(--borderradius);
  border-bottom: 0;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
  transition: color 0.5s, background-color 0.5s, border-radius 0.5s, text-shadow 0.5s, border 0.5s;
}

#manage-center-container #bottom-container .universal-search-suggestion-list .nav > li.more.highlighted, #manage-center-container #bottom-container .universal-search-suggestion-list .objects-list li .object-type + ul .nav > li:hover, .universal-search-suggestion-list .objects-list li .object-type + ul #manage-center-container #bottom-container .nav > li:hover, #manage-center-container #bottom-container .universal-search-suggestion-list .objects-list li .object-type + ul .nav > li.highlighted, #manage-center-container #bottom-container .nav > li.highlighted {
  z-index: 2000;
}

#manage-center-container #bottom-container .nav > li.dropdown .dropdown-menu-list {
  position: absolute;
  left: 5%;
  top: 72px;
  display: none;
  width: 880px;
  margin: 0;
  padding: 1em;
  background: #0d204a;
  border-radius: var(--borderradius);
  z-index: 1000;
}

#manage-center-container #bottom-container .nav .group {
  color: #404040;
  display: inline-block;
  padding: 0;
  width: 210px;
  margin: 0 8px 0 0;
  text-align: left;
  *float: left;
}

#manage-center-container #bottom-container .nav .group label {
  font-weight: bold;
  font-size: 0.923em;
  line-height: 22px !important;
  padding: 12px 4px 4px 4px;
  margin: 0;
  text-transform: uppercase;
  color: #8fb9e4;
  overflow: hidden;
  text-overflow: ellipsis;
}

#manage-center-container #bottom-container .nav .group .dropdown-menu-sub-list {
  float: left;
  width: 200px;
  margin: 0;
  padding: 0;
}

#manage-center-container #bottom-container .nav .group .dropdown-menu-sub-list li a {
  display: block;
  padding: 6px 4px;
  margin: 0;
  color: #ffffff;
}

#manage-center-container #bottom-container .nav .group .dropdown-menu-sub-list li a:hover {
  color: #0d204a;
  background: #fff;
  border-radius: var(--borderradius);
}

#doc3 div#previewContainer div {
  margin: 0 0 16px 0;
  padding: 4px 0 0 0;
  background: #ffffff;
  width: 100%;
}

#esig-switcher {
  margin-top: 4px;
}

body.manage-centre .navbar li a {
  padding: 0 12px !important;
}

body.manage-centre #manage-center-container #bottom-container .nav > li.HOME a {
  font-size: 0 !important;
  height: 56px !important;
  line-height: 56px !important;
}

body.manage-centre #manage-center-container #bottom-container .nav > li.HOME a:before {
  font-family: "tcc-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  background: transparent;
  border-radius: 0;
  border: none;
  box-shadow: none;
  color: var(--lightgrey);
  padding: 0;
  margin: 0;
  font-size: 20px !important;
  content: "\EA75";
  color: var(--menutextcolor);
}

body.manage-centre #manage-center-container #bottom-container .nav > li.HOME a:before:hover {
  border: none;
  color: #cfcbc3;
  background: transparent;
}

body.manage-centre #manage-center-container #bottom-container .nav > li.HOME a:hover:before {
  border: none;
  color: var(--menutextcolorhover);
  background: transparent;
}

body.manage-centre #footer-links-container {
  display: none;
}

/*Manage Center Menu*/
.editor-container {
  border-top: 1px solid #EEEEEE;
  height: auto;
  width: 100%;
  margin: 0;
  padding: 0;
}

.editor-container #nav {
  float: left;
  height: 100%;
  width: 220px;
  background: transparent;
}

.editor-container #nav h4 {
  margin: 10px 5px;
}

.editor-container #nav ul {
  padding: 0;
  margin: 0;
  width: 220px;
  height: auto;
  min-height: 480px;
  overflow-y: auto;
  overflow-x: hidden;
  box-sizing: border-box;
  border-right: 1px solid #EEEEEE;
}

.editor-container #nav ul li.selected a {
  position: relative;
  display: block;
  box-sizing: border-box;
  color: #202020;
  background: #f5f5f5;
}

.editor-container #nav ul li.selected a::after {
  position: absolute;
  top: 7px;
  right: 14px;
  font-size: 1.077em;
  font-family: "FontAwesome";
  content: "\f105";
}

.editor-container #nav ul li a {
  display: block;
  padding: 8px 4px;
  box-sizing: border-box;
  font-size: 1em;
  color: #666666;
  background: #FFFFFF;
  text-transform: uppercase;
  transition: background 0.2s;
}

.editor-container #nav ul li a:hover {
  color: #202020;
  background: #EEEEEE;
}

.editor-container #nav ul li a .netd-icon {
  font-size: 1.077em;
  display: inline-block;
  margin: 0 8px;
  width: 14px;
  text-align: center;
}

.editor-container #nav ul li a .title, .editor-container #nav ul li a .id {
  display: block;
  line-height: 1.2;
  margin: 0;
}

.editor-container #nav ul li a .id {
  font-size: .846em;
  color: #999999;
}

.editor-container #nav + form.netd-form {
  clear: none;
  width: 80%;
  margin-left: 232px;
}

.editor-container .content-editing-container {
  float: left;
  width: 100%;
  margin: 0;
  padding: 12px 24px;
}

.editor-container .content-editing-container .q-type-matching {
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.editor-container.with-two-level-navs #nav {
  width: 420px;
  height: 600px;
}

.editor-container.with-two-level-navs #nav li a {
  border-bottom: 0;
  padding: 8px;
  text-transform: none;
}

.editor-container.with-two-level-navs #nav li a .session-title {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 180px;
}

.editor-container.with-two-level-navs #nav li a .session-id {
  margin-top: 2px;
  font-size: .8em;
  text-transform: none;
}

.editor-container.with-two-level-navs #nav .divider {
  padding: 8px;
  background: transparent;
}

.editor-container.with-two-level-navs #nav .divider .text {
  color: #aaaaaa;
  font-size: .8em;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.editor-container.with-two-level-navs #nav ul.parent-nav, .editor-container.with-two-level-navs #nav ul.bundle-menu {
  height: 600px;
  overflow-y: auto;
  overflow-x: hidden;
  border-bottom: 1px solid #EEEEEE;
}

.editor-container.with-two-level-navs #nav ul.parent-nav::-webkit-scrollbar, .editor-container.with-two-level-navs #nav ul.bundle-menu::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 8px;
  height: 8px;
}

.editor-container.with-two-level-navs #nav ul.parent-nav::-webkit-scrollbar-track, .editor-container.with-two-level-navs #nav ul.bundle-menu::-webkit-scrollbar-track {
  background-color: rgba(57, 57, 57, 0.05);
}

.editor-container.with-two-level-navs #nav ul.parent-nav::-webkit-scrollbar-thumb, .editor-container.with-two-level-navs #nav ul.bundle-menu::-webkit-scrollbar-thumb {
  background-color: rgba(156, 156, 156, 0.8);
  border-radius: 8px;
}

.editor-container.with-two-level-navs #nav ul.parent-nav {
  float: left;
}

.editor-container.with-two-level-navs #nav ul.bundle-menu {
  width: 200px;
  background: #f5f5f5;
}

.editor-container.with-two-level-navs #nav ul.bundle-menu li a {
  text-transform: capitalize;
  background: transparent;
}

.editor-container.with-two-level-navs #nav ul.bundle-menu li a:hover {
  background: #EEEEEE;
}

.editor-container.with-two-level-navs #nav + form.netd-form {
  clear: none;
  width: 60%;
  margin-left: 420px;
}

.content-package-selector-iframe {
  height: 800px;
  overflow: visible;
  border: 0;
}

/*Language Based Catalog Editor*/
/*
  Catalog Structure Maintenance, used for Catlog List Maintenance and Organization Maintenance
*/
.dynatree-structure-container, .catalog-structure-tools {
  border: 1px solid transparent; border-color: var(--bordercolor);
  background: #ffffff;
  clear: both;
  margin: -1px 0 0 0;
  padding: 4px 0 8px 0;
  width: 100%;
  border-top: 0;
  box-sizing: border-box;
}

.dynatree-structure-container {
  height: 400px;
  overflow: auto;
}

.dynatree-structure-container .netd-tree-container {
  width: 90%;
  padding: 12px;
}

.catalog-structure-tools h5, .catalog-structure-tools .description {
  margin-left: 12px;
  margin-right: 12px;
}

/*Not show folder icons for organization maitenance page*/
#organization-structure-container .dynatree-icon {
  background: url("../images/emphasis/grey_squre.png") no-repeat 0 7px;
  margin: 0;
  width: 6px;
}

#organization-structure-container .dynatree-node a.dynatree-title {
  margin-left: 0;
  line-height: 1.5;
}

/*organization maintenance*/
/******************************************************************
********************** Checklist Tasks Table ***********************
*******************************************************************/
#checklist-table tr td {
  background: #ffffff;
  padding: 10px 5px;
}

#checklist-table tr td.select_column {
  padding: 10px 0;
}

#checklist-table tr.completed td,
#checklist-table tr.completed td > a {
  color: #aaaaaa;
  cursor: default;
  text-decoration: line-through;
}

#checklist-table tr.completed td.task-title .netd-icon,
#checklist-table tr.completed td > a.task-title .netd-icon {
  color: var(--bordercolor);
  text-decoration: none;
}

.frameless #checklist-table tr td.select_column .netd-icon {
  padding: 0 5px;
  color: #aaaaaa;
  font-size: 1.1em;
  cursor: pointer;
}

.frameless #checklist-table tr.completed td.select_column .netd-icon,
.frameless #checklist-table tr.completed td.task-title .netd-icon {
  color: var(--bordercolor);
}

.frameless #checklist-table tr:hover td.select_column .netd-icon {
  color: var(--textcolor);
}

/*Checklist on Catalog Editor and Workspace*/
.analytics-setting-params-container {
  clear: both;
  position: relative;
  width: 100%;
  margin: 0;
  background: #f5f5f5;
  border-bottom: 2px solid transparent; border-color: var(--bordercolor);
}

.analytics-setting-params-container dl {
  width: 94%;
  margin: 12px 3%;
}

.analytics-setting-params-container dl ul.selected-modules-list {
  list-style: none;
  margin: 0;
  -moz-column-count: 2;
  column-count: 2;
  /* Chrome, Safari, Opera */
  -moz-column-gap: 16px;
  /* Firefox */
  column-gap: 16px;
}

.analytics-setting-params-container dl ul.selected-modules-list li {
  width: 240px;
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

.analytics-setting-params-container dl ul.selected-modules-list li:hover {
  overflow: visible;
}

.analytics-setting-params-container.show {
  height: auto;
  transition: height 0.3s ease-in;
}

.analytics-setting-params-container.show dl {
  height: 100%;
  transition: height 0.3s ease-in, color 0.3s;
}

.analytics-setting-params-container.show dl, .analytics-setting-params-container.show dt, .analytics-setting-params-container.show dd {
  color: var(--textcolor);
}

.analytics-setting-params-container.show a.toggle-display-button {
  position: static;
}

.analytics-setting-params-container.hide {
  height: 92px;
  overflow: hidden;
  padding: 0 0 30px 0;
  transition: height 0.3s ease-in;
}

.analytics-setting-params-container.hide dl {
  position: relative;
  height: inherit;
  overflow: hidden;
  transition: height 0.3s ease-out, color 0.3s;
}

.analytics-setting-params-container.hide dl, .analytics-setting-params-container.hide dt, .analytics-setting-params-container.hide dd {
  color: #999;
}

.analytics-setting-params-container.hide a.toggle-display-button {
  position: absolute;
  bottom: 0;
  left: 0;
}

.analytics-setting-params-container .netd-button {
  margin: 5px 0 10px 0;
}

.analytics-setting-params-container a.toggle-display-button {
  display: block;
  width: 96%;
  height: auto;
  line-height: 1;
  padding: 6px 0;
  margin: 0 2%;
  text-align: center;
  color: #999999;
  background: #f5f5f5;
  border-top: 1px dashed transparent; border-color: var(--bordercolor);
  outline: initial;
  border-bottom: 0;
}

.analytics-setting-params-container a.toggle-display-button:hover {
  color: var(--textcolor);
}

.analytics-setting-params-container a.toggle-display-button span {
  letter-spacing: 1px;
  font-size: .846em;
}

.analytics-setting-params-container a.toggle-display-button .netd-icon {
  margin: 0 5px 0 1px;
  font-size: 1.077em;
}

.overall-data-container {
  margin: 0 0 5px 0;
}

.overall-data-container ul {
  width: 100%;
  display: flex;
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: nowrap;
  align-items: stretch;
  align-content: stretch;
  margin: 0;
  padding: 0;
  overflow: hidden;
  float: left\9;
}

.overall-data-container ul li {
  display: block;
  width: 50%;
  height: 60px;
  margin: 0;
  padding: 16px 0;
  overflow: hidden;
  text-align: center;
  border: 1px solid #EEEEEE;
  width: 49.5% \9;
  float: left \9;
}

.overall-data-container ul li:first-child {
  margin-right: 5px;
}

.overall-data-container ul li:hover .data-title, .overall-data-container ul li:hover .data-percentage, .overall-data-container ul li:hover .data-number {
  color: var(--textcolor);
}

.overall-data-container ul li .data-title, .overall-data-container ul li .data-percentage, .overall-data-container ul li .data-number {
  color: var(--textcolor);
  transition: color 0.2s;
}

.overall-data-container ul li h5.data-title {
  margin: 0;
  width: 100%;
  font-weight: normal;
  text-align: center;
  text-transform: uppercase;
}

.overall-data-container ul li .data-percentage {
  font-size: 2em;
}

.overall-data-container ul li .data-number {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.analytics-data-container {
  clear: both;
  margin: 10px 0 0 0;
}

.analytics-data-container .icon-sitemap, .analytics-data-container .icon-exchange {
  color: var(--textcolor);
}

.analytics-data-container .user-info {
  padding: 10px 0;
}

.analytics-data-container .user-info + h5 {
  clear: both;
}

.analytics-data-container .nest-table .netd-table tr:not(:first-child) td:first-child, .analytics-data-container .nest-table .netd-table tr.top-substitute td:first-child {
  padding-left: 24px;
}

.analytics-data-container .nest-table .netd-table tr:not(:first-child):hover td, .analytics-data-container .nest-table .netd-table tr.top-substitute:hover td {
  color: var(--textcolor);
}

.analytics-data-container .nest-table .netd-table tr.submodule-substitute td:first-child {
  padding-left: 48px;
}

/** New Add Skill to Competency Model */
div#add-to-model-dialog {
  overflow: hidden;
  text-align: left;
}

div#add-to-model-dialog div#dialog-tree-view {
  margin-top: 5px;
  width: 460px;
  border: 1px solid transparent; border-color: var(--bordercolor);
}

div#add-to-model-dialog div#dialog-tree-view .dynatree-container {
  width: auto;
  height: auto;
  min-height: 250px;
  min-width: 460px;
  overflow: auto;
}

div#add-to-model-dialog div#dialog-message {
  padding-top: 5px;
  font-size: 0.923em;
}

.mandatory_column {
  width: 80px;
}

/* Map to Job Profiles on Competency Models gear dropdown*/
select.competency-target-level,
#competency-jobprofile {
  width: 100%;
}

div#jobprofile-competency-note, #results {
  margin-top: 10px;
}

/* Map Competency to Job Profile */
#selectJobProfileForm td.sorting_1:before {
  margin-right: 5px;
  font-family: "FontAwesome";
  content: "\f10c";
  font-size: 1.1em;
  color: var(--textcolor);
}

#selectJobProfileForm .selected-row td {
  background: var(--lightgrey);
}

#selectJobProfileForm .selected-row td.sorting_1:before {
  content: "\f058";
}

#searchJobProfileButton {
  margin-left: 10px;
}

.fieldset-section {
  padding: 10px 0;
}

.fieldset-subsection {
  margin-bottom: 10px;
}

.fieldset-section-sub-heading {
  display: block;
  margin: 10px 0 0 0;
  font-weight: bold;
}

ul#goal-program-list {
  padding: 16px 0;
  margin: 30px 0 0 0;
  background: #fff;
  border: 1px solid transparent; border-color: var(--bordercolor);
  box-sizing: border-box;
  width: 100%;
  *margin: 0;
}

ul#goal-program-list li.goal-program {
  color: #0055AB;
  background: transparent url("../images/decorate/folder.png") no-repeat;
  padding: 2px 0 5px 18px;
  margin: 5px 0 0 16px;
}

ul#goal-program-list li.goal-program:hover {
  cursor: pointer;
}

ul#goal-program-list li.selected span {
  background: #eee;
  padding: 2px 3px;
  color: #000;
}

.accordion-header {
  padding: 1%;
  cursor: pointer;
}

.accordion-header span.ui-icon {
  width: 16px;
  float: left;
  margin: -2px 3px 0 0;
}

.accordion-section {
  padding: 1%;
}

.org-structure-toolbar {
  position: relative;
  margin: 10px 0 0 0;
}

.org-goal-header {
  margin: 0;
  padding: 10px 6px;
}

.org-goal-header .org-goal-header-right, .org-goal-header .org-goal-header-left {
  font-weight: bold;
}

.org-goal-header .org-goal-header-left {
  float: left;
  width: 75%;
  margin: 0 0;
}

.org-goal-header .org-goal-header-right {
  float: right;
  width: 24%;
  margin: 0 0 0 5px;
}

ul.orggoal-list {
  padding: 0;
  margin: 0;
}

ul.orggoal-list li.org-goal .org-goal-action {
  float: left;
  margin: 2px 2px 0 2px;
}

ul.orggoal-list li.org-goal .org-goal-left {
  float: left;
  width: 75%;
}

ul.orggoal-list li.org-goal .org-goal-right {
  float: right;
  width: 24%;
}

ul.orggoal-list li.org-goal span.org-goal-title-holder, ul.orggoal-list li.org-goal span.org-goal-category {
  display: inline-block;
  margin: 10px 0;
}

ul.orggoal-list li.org-goal span.org-goal-title {
  background: transparent url("../images/decorate/lp-arrow-side.png") no-repeat 0 2px;
  padding-left: 18px;
  margin: 0;
  display: inline-block;
  word-wrap: normal;
}

ul.orggoal-list li.org-goal span.org-goal-title-no-expand {
  padding-left: 0;
  margin: 0;
  display: inline-block;
  word-wrap: normal;
}

ul.orggoal-list li.org-goal span.loading {
  background: transparent url("../javascript/dynatree/skin/loading.gif") no-repeat;
}

ul.orggoal-list li.org-goal span.expanded {
  background: transparent url("../images/decorate/lp-arrow-down.png") no-repeat 0 2px;
}

ul.orggoal-list li.org-goal span.no-children {
  background: transparent url("../images/decorate/lp-arrow-side-disabled.png") no-repeat 0 2px;
}

ul.orggoal-list li.org-goal span.org-goal-title:hover, ul.orggoal-list li.org-goal span.org-goal-title-text:hover {
  cursor: pointer;
}

.appraisal-template-structure {
  width: 280px;
  float: left;
  background: #EEEEEE;
  margin: 10px 0 0 0;
}

.appraisal-template-structure-editing h3 {
  margin: 0;
  padding: 1em 0;
}

.appraisal-template-structure-editing #landing-page-wrapper {
  padding-top: 10px;
}

.appraisal-template-structure .appraisal-template-part {
  margin: 10px 0;
  padding: 0 0 16px 0;
  border-bottom: 1px solid transparent; border-color: var(--bordercolor);
  *float: left;
  *width: 100%;
  *padding: 0 0 20px 0;
}

.appraisal-template-structure .appraisal-template-part:last-child {
  border-bottom: 0;
}

.appraisal-template-structure .appraisal-template-sections {
  margin: 0 0 0 16px;
}

.appraisal-template-structure .appraisal-structure-name-container {
  font-weight: bold;
  padding: 0 8px;
  cursor: pointer;
  background: #EEEEEE;
  margin: 0;
  transition: background-color 0.3s;
  *float: left;
}

.appraisal-template-structure .appraisal-structure-name-container:hover {
  background: var(--bordercolor);
}

.appraisal-template-structure .appraisal-structure-name {
  line-height: 2.5;
  float: left;
  padding: 0;
}

.appraisal-template-structure .appraisal-template-sections .appraisal-template-section .appraisal-structure-name-container {
  *margin-right: 16px;
}

.appraisal-template-structure .appraisal-template-page .appraisal-structure-name, .appraisal-template-structure .appraisal-template-section .appraisal-structure-name {
  font-weight: normal;
}

.appraisal-template-parts .appraisal-structure-name-container.current {
  background: #d0d0d0;
}

.appraisal-template-parts .current .appraisal-structure-name {
  font-weight: bold;
}

.appraisal-structure-name span {
  margin: 8px 0 0 0;
  cursor: move;
}

.appraisal-structure-name i {
  color: var(--textcolor);
}

.appraisal-section-config-container {
  padding: 0;
  line-height: 1.25;
  margin: 0;
}

.appraisal-template-structure-editing {
  padding: 0;
  margin: 0 0 0 320px;
  line-height: 1.25;
}

.appraisal-template-structure-editing .netd-form {
  clear: none;
}

.appraisal-template-structure-editing .buttons-container {
  display: inline-block;
  width: 100%;
}

.appraisal-template-structure-editing label {
  display: block;
}

.appraisal-template-structure-editing input, .appraisal-template-structure-editing textarea {
  margin: 5px 0;
  padding: 5px;
}

.appraisal-section-config-container .radio, .appraisal-section-config-container .checkbox, .appraisal-section-config-container input[type="checkbox"], .appraisal-section-config-container .checkboxTable td {
  vertical-align: middle;
}

.appraisal-section-config-container select {
  margin: 3px 0 8px 0;
}

#appraisal-template .succession-plan-question-no {
  font-weight: bold;
  margin: 8px 1px 0 0;
  *margin: 0 4px 0 0;
}

#appraisal-template td a i.remove-add-question-option {
  display: inline-block;
  margin: 12px 0 0 4px;
  line-height: 1;
}

/*Appraisal templates Structure Guide*/
.structure_guide {
  margin: 10px 0 0 0;
  padding: 0;
  width: 580px;
  height: 440px;
  background: white url("images/guide.png") no-repeat 0 0;
  position: relative;
  top: 0;
  left: 0;
}

.structure_guide ul {
  list-style: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 580px;
  height: 200px;
  padding: 26px 0 0 40px;
}

.structure_guide ul li {
  font-weight: bold;
  color: #777;
  font-size: 1.3em;
  margin: 0 0 10px 0;
  height: 60px;
  overflow: hidden;
  line-height: 1.5;
  width: 530px;
}

.structure_guide ul li p {
  font-weight: normal;
  font-size: 0.7em;
  margin: 0;
  color: #777;
  line-height: 1.25;
}

/* Appraisal Template - Workflow Tab */
.action-nav .collapse-expand-all-button {
  margin: 4px 0 0 4px;
  *width: 15%;
  *text-align: left;
}

.appraisal-status-body {
  padding: 0;
  height: 100%;
  background: white url("images/bg-arrow-down.png") no-repeat right bottom;
  clear: both;
}

.appraisal-status-container-template {
  display: none;
}

.appraisal-status-container-last .appraisal-status-body {
  border-bottom: 1px solid transparent; border-color: var(--bordercolor);
  background-image: none;
}

.appraisal-status-left-content {
  width: 49%;
  float: left;
  height: 100%;
}

.appraisal-status-right-content {
  width: 50%;
  float: right;
  height: 100%;
  clear: none;
}

.appraisal-status-bottom-content {
  width: 45%;
  clear: both;
  height: 100%;
}

.appraisal-status-left-content div, .appraisal-status-right-content div {
  padding: 5px 0 0 44px;
}

.appraisal-status-bottom-content {
  padding: 0 0 10px 43px;
}

#role-access-control .top_container {
  float: left;
}

#role-access-control .grid_3 {
  width: 17.7%;
}

#role-access-control .grid_13 {
  margin-right: 0;
  margin-left: 1.9%;
}

#role-access-control h3 {
  margin: 0;
  padding: 14px 0 6px 0;
}

#role-access-control .netd-table thead th {
  padding: 8px 10px;
  color: var(--tableheadertext);
  background: #e5e5e5;
  border-bottom-color: #ffffff;
}

#role-access-control .netd-table thead th.type {
  font-weight: bold;
  width: 50%;
}

#role-access-control .netd-table thead th.no-access, #role-access-control .netd-table thead th.read-only, #role-access-control .netd-table thead th.unrestricted {
  color: #ffffff;
  background: #ee3333;
  text-align: center;
}

#role-access-control .netd-table thead th.read-only {
  background: #ff9900;
}

#role-access-control .netd-table thead th.unrestricted {
  background: #009933;
}

#role-access-control .netd-table tbody tr.row1, #role-access-control .netd-table tbody tr.row2 {
  background: #ffffff;
}

#role-access-control .netd-table tbody tr.row1:hover, #role-access-control .netd-table tbody tr.row2:hover {
  background: var(--lightgrey);
}

#role-access-control .netd-table tbody th.type,
#role-access-control .netd-table tbody td.type {
  width: 50%;
}

#role-access-control .netd-table tbody input[type='radio'] {
  text-align: center;
  margin: 0;
  padding: 0;
  background: transparent;
  -webkit-appearance: none;
}

#role-access-control .netd-table tbody input[type='radio']:disabled:before {
  display: block;
  background: var(--bordercolor);
  cursor: default;
}

#role-access-control .netd-table tbody input[type='radio']:before {
  display: inline-block;
  color: #cccccc;
  font-family: "FontAwesome";
  font-size: 1.5078em;
  content: "\f10c";
}

#role-access-control .netd-table tbody td {
  padding: 8px 10px;
}

#role-access-control .netd-table tbody td.no-access, #role-access-control .netd-table tbody td.read-only, #role-access-control .netd-table tbody td.unrestricted {
  padding: 0;
  text-align: center;
}

#role-access-control .netd-table tbody td input[type='radio'] {
  cursor: pointer;
}

#role-access-control .netd-table tbody td input[type='radio']:before {
  padding: 8px 0 9px 0;
  transition: all 0.2s ease-in-out;
}

#role-access-control .netd-table tbody td input[type='radio']:checked:before {
  color: #ffffff;
}

#role-access-control .netd-table tbody td.no-access {
  padding: 0;
}

#role-access-control .netd-table tbody td.no-access input[type='radio']:checked:before {
  color: #ee3333;
  content: "\f05e";
}

#role-access-control .netd-table tbody td.read-only {
  padding: 0;
}

#role-access-control .netd-table tbody td.read-only input[type='radio']:checked:before {
  color: #ff9900;
  content: "\f06e";
}

#role-access-control .netd-table tbody td.unrestricted {
  padding: 0;
}

#role-access-control .netd-table tbody td.unrestricted input[type='radio']:checked:before {
  color: #009933;
  content: "\f058";
}

#role-access-control .vertical-tabs {
  margin-top: 14px;
}

#role-access-control .vertical-tabs li {
  border-bottom: 1px solid transparent; 
  border-color: var(--bordercolor);
}

#role-access-control .vertical-tabs li.selected > a {
  color: inherit;
  background: transparent;
}

#role-access-control .vertical-tabs li a {
  font-weight: bold;
  border-bottom: 0;
  text-shadow: none;
}

#role-access-control .vertical-tabs li a:hover {
  background: var(--buttonhover);
}

#role-access-control .vertical-tabs li > ul li, #role-access-control .vertical-tabs li:last-child {
  border-bottom: 0;
}

#role-access-control .vertical-tabs li > ul li {
  padding: 0;
}

#role-access-control .vertical-tabs li > ul li > a {
  font-weight: normal;
  padding: 6px 18px;
  border-bottom: 0;
}

#role-access-control .button-set {
  padding: 10px 0 10px 0;
  width: 77.3%;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  /* Safari 5+ ONLY */
  ::i-block-chrome, #role-access-control .netd-table tbody td input[type="radio"] {
    -webkit-appearance: radio;
  }
  ::i-block-chrome, #role-access-control .netd-table tbody td input[type="radio"]:before {
    content: normal;
  }
}

/*Role Access Control*/
/*User Editor > User Basic Info*/
.mainframe #main-document-div #main-content {
  margin: 0;
}

.mainframe .basic-info {
  position: relative;
  height: 50px;
  margin: 16px 0 10px 0;
}

.mainframe .basic-info h3 {
  margin: 5px 0 3px 0;
}

.mainframe .basic-info h3 .id {
  font-size: 0.8em;
  text-transform: lowercase;
  color: #999999;
  margin-left: 10px;
}

.mainframe .basic-info .user-status {
  position: absolute;
  top: 0;
  right: 10px;
  width: auto;
  text-align: right;
}

#REDIV form {
  width: 90%;
  min-width: 800px;
  margin: 0 auto;
}

#REDIV input#E1, #REDIV input#B1 {
  margin-top: 20px;
}

#REDIV .netd-user-selector-btm-right button, #REDIV .netd-user-selector-btm-right input[type="submit"], #REDIV .netd-user-selector-btm-right input[type="reset"], #REDIV .netd-user-selector-btm-right input[type="button"], #REDIV .netd-user-selector-btm-right input[type="submit"], #REDIV .netd-user-selector-btm-right input[type="reset"], #REDIV .netd-user-selector-btm-right input[type="button"] {
  height: 50px;
}

#REDIV form table {
  width: 100%;
}

li:not(.rpt_label) + .rpt_label {
  margin-top: 12px;
  margin-bottom: 16px;
  line-height: 20px;
}

li.rpt_label {
  margin-bottom: 16px;
  max-height: 200px;
  overflow: auto;
  line-height: 20px;
}

.pair-name {
  font-weight: bold;
}

/* --- Sortable lists in Report Wizard --- */
ul.sortable {
  margin: 0;
  padding: 0;
  width: 60%;
}

ul#sortable li {
  cursor: move;
}

ul.sortable li {
  margin: 1px 3px;
  padding: 6px 10px;
  background: var(--lightgrey);
}

.moveable {
  width: 16px;
  padding: 0 0 0 10px;
  background: transparent url(../images/decorate/grabber.png) no-repeat 0 40%;
  cursor: move;
}

.moveable:hover {
  cursor: move;
}

.moveable2 {
  width: 13px;
  margin-left: 2px;
  padding-right: 1px;
  background: transparent url(../images/decorate/grabber.png) no-repeat;
  cursor: pointer;
}

.moveable2:hover {
  cursor: pointer;
}

/***************************/
/* Start Report Wizard and Competency assessments wizard TABS */
/***************************/
.report-wizard-help a {
  float: right;
  font-weight: normal;
  font-size: 0.7em;
  line-height: 1.8em;
  margin-right: 2%;
}

#repwizd {
  width: 98%;
}

#repwizd div#navigation {
  background: #FFF;
  padding: 0;
  margin: 0;
  overflow: hidden;
}

#competency_assessment_wizard div.navigation {
  background: #FFF;
  padding: 0;
  margin: 0;
  overflow: hidden;
}

#repwizd div#navigation div.menus, #competency_assessment_wizard div.navigation div.menus {
  margin: 0;
  padding: 0;
  display: block;
  white-space: nowrap;
}

#repwizd div#navigation div.menus a {
  background: transparent url(images/arrows.png) no-repeat;
  color: #382E1F;
  height: 32px;
  line-height: 32px;
  padding: 0 18px;
  float: left;
}

#competency_assessment_wizard div.navigation div.menus span, #competency_assessment_wizard div.navigation div.menus a {
  background: transparent url(images/arrows.png) no-repeat;
  color: #382E1F;
  height: 32px;
  line-height: 32px;
  padding: 0 18px;
  float: left;
}

/* report wizard left arrow menu */
#repwizd div#navigation {
  float: left;
}

#repwizd div#navigationOption {
  margin: 0;
  float: right;
}

#repwizd div#navigation div.menus {
  float: left;
}

#competency_assessment_wizard div.navigation div.menus {
  float: left;
}

#repwizd div#navigation div.menus a {
  margin-left: -12px;
  background-position: 0 0;
  border: 0;
}

#competency_assessment_wizard div.navigation div.menus span, #competency_assessment_wizard div.navigation div.menus a {
  margin-left: -12px;
  background-position: 0 0;
  border: 0;
}

#repwizd div#navigation div.menus a:hover, #competency_assessment_wizard div.navigation div.menus a:hover {
  background-position: 0 -32px;
}

#repwizd div#navigation div.menus a.current_page_item, #competency_assessment_wizard div.navigation div.menus span.current_page_item {
  background-position: 0 -64px;
}

#repwizd div#navigation div.menus a.lastmenu, #competency_assessment_wizard div.navigation div.menus span.lastmenu {
  background-position: 0 0;
  cursor: default;
}

#repwizd div#navigation div.menus a.lastmenu:hover {
  background-position: 0 0;
  cursor: default;
}

#repwizd div#navigation div.hiddenItem {
  z-index: 100;
}

#repwizd div#navigation div.item_0 {
  z-index: 0;
}

#competency_assessment_wizard div.navigation div.item_0 {
  z-index: 0;
}

#repwizd div#navigation div.item_1 {
  z-index: 1;
}

#repwizd div#navigation div.item_2 {
  z-index: 2;
}

#repwizd div#navigation div.item_3 {
  z-index: 3;
}

#repwizd div#navigation div.item_4 {
  z-index: 4;
}

#repwizd div#navigation div.item_5 {
  z-index: 5;
}

#repwizd div#navigation div.item_6 {
  z-index: 6;
}

#repwizd div#navigation div.item_7 {
  z-index: 7;
}

#repwizd div#navigation div.item_8 {
  z-index: 8;
}

#repwizd div#navigation div.item_9 {
  z-index: 9;
}

#repwizd div#navigation div.item_10 {
  z-index: 10;
}

#repwizd input[type="checkbox"] {
  vertical-align: middle;
}

#repwizd dfn label {
  cursor: help;
  font-weight: normal;
  font-style: normal;
  font-size: 1.1em;
  line-height: 2;
  margin: 0 0 0 3px;
}

#repwizd dfn label:hover {
  text-decoration: underline;
}

/*Report Wizard and competency assessment wizard*/
form[name="QPREVIEW"] {
  width: 100%;
  max-width: 800px;
  margin: 12px 0;
  padding: 0;
}

form[name="QPREVIEW"] .question-text div {
  display: inline-block;
  margin: 16px 0 4px 0;
  padding: 0;
  text-transform: uppercase;
}

form[name="QPREVIEW"] .question-text div + div {
  float: right;
  color: #999999;
}

form[name="QPREVIEW"] .question-content {
  box-sizing: border-box;
  padding: 12px;
  margin: 0 0 12px 0;
  background: #f5f5f5;
  border-left: 4px solid transparent; border-color: var(--bordercolor);
}

form[name="QPREVIEW"] .question-content h4 {
  font-size: 1.231em;
  padding: 4px 8px;
  margin: 8px 0;
}

form[name="QPREVIEW"] .question-content ol, form[name="QPREVIEW"] .question-content ul {
  list-style: decimal;
  margin-left: 30px;
}

form[name="QPREVIEW"] .question-content ul {
  list-style: disc;
}

form[name="QPREVIEW"] .question-content + p {
  display: inline-block;
  font-size: 1em;
  color: var(--textcolor);
  width: auto;
  padding: 4px 12px;
  background: transparent;
  border: 1px solid #e5e5e5;
}

form[name="QPREVIEW"] label.radio, form[name="QPREVIEW"] label.checkbox {
  min-height: 0;
  line-height: 1.25;
  margin: 0 0 8px 16px;
  font-weight: normal;
  display: block;
  max-width: 620px;
  width: 96%;
  position: relative;
}

form[name="QPREVIEW"] label.checkbox input[type="checkbox"], form[name="QPREVIEW"] label.radio input[type="radio"] {
  padding: 0;
  margin: 3px 2px 1px -16px;
  line-height: 1;
  vertical-align: middle;
  position: relative;
  top: -2px;
  display: inline;
  clear: both;
  float: none;
}

form[name="QPREVIEW"] textarea {
  width: 480px;
  height: 240px;
  font-family: var(--font);
}

form[name="QPREVIEW"] table {
  margin: 8px 0;
}

form[name="QPREVIEW"] table td {
  padding: 4px;
}

form[name="QPREVIEW"] img {
  display: block;
  border: 0;
  margin: 20px auto 0;
  width: auto;
  height: auto;
  max-width: 800px;
}

form[name="QPREVIEW"] embed {
  display: block;
  height: 320px;
  width: 480px;
  margin: 12px auto 8px auto;
  overflow: auto;
}

.top-banner {
  height: 180px;
  background: none;
}

.top-ecommerce-banner {
  background: transparent url("images/decorate/ecommerceheaderbg.jpg") no-repeat;
  height: 140px;
}

.data-table th {
  vertical-align: middle;
  text-align: left;
  padding: 4px;
  background: #e6f3f2;
}

#head-border {
  border-top: 1px solid gray;
}

div.token-input-dropdown-facebook {
  margin-top: 48px;
  margin-left: -1px;
}

#navButtonPanel {
  width: 250px;
}

#self-registration .headers {
  font-size: 20px;
  padding-top: 30px;
  padding-bottom: 10px;
  font-weight: 600;
}

.netd-button-icon-text .netd-icon-label {
  margin-left: 5px;
}

body.manage-centre .top_container.container_16 .search-toolbar {
  padding: 16px 10px;
}

body.manage-centre .top_container.container_16 .search-toolbar button, body.manage-centre .top_container.container_16 .search-toolbar input[type="submit"], body.manage-centre .top_container.container_16 .search-toolbar input[type="reset"], body.manage-centre .top_container.container_16 .search-toolbar input[type="button"] {
  margin-left: -2px !important;
}

#home-widgets {
  /* =Grid >> 12 Columns
	--------------------------------------------------------------------------------*/
}

#home-widgets.container_12, #home-widgets.container_16 {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: stretch;
  width: auto;
}

#home-widgets.container_12 > div.clear, #home-widgets.container_16 > div.clear {
  display: none;
}

#home-widgets .grid_1, #home-widgets .grid_2, #home-widgets .grid_3, #home-widgets .grid_4, #home-widgets .grid_5, #home-widgets .grid_6, #home-widgets .grid_7, #home-widgets .grid_8, #home-widgets .grid_9, #home-widgets .grid_10, #home-widgets .grid_11, #home-widgets .grid_12, #home-widgets .grid_13, #home-widgets .grid_14, #home-widgets .grid_15, #home-widgets .grid_16 {
  display: block;
  flex-grow: 0;
  flex-shrink: 0;
  margin: 0;
  width: auto;
}

#home-widgets.container_12 .grid_3, #home-widgets.container_16 .grid_4 {
  flex-basis: calc(25% - 20px);
  width: auto;
}

#home-widgets.container_12 .grid_6, #home-widgets.container_16 .grid_8 {
  flex-basis: calc(50% - 20px);
  width: auto;
}

#home-widgets.container_12 .grid_9, #home-widgets.container_16 .grid_12 {
  flex-basis: calc(75% - 20px);
  width: auto;
}

#home-widgets.container_12 .grid_1 {
  flex-basis: calc(8.33% - 20px);
  width: calc(8.33% - 20px);
}

#home-widgets.container_12 .grid_2 {
  flex-basis: calc(16.66% - 20px);
  width: calc(16.66% - 20px);
}

#home-widgets.container_12 .grid_4 {
  flex-basis: calc(40% - 0px);
  width: calc(40% - 0px);
}

#home-widgets.container_12 .grid_5 {
  flex-basis: calc(41.66% - 20px);
  width: calc(41.66% - 20px);
}

#home-widgets.container_12 .grid_7 {
  flex-basis: calc(58.33% - 20px);
  width: calc(58.33% - 20px);
}

#home-widgets.container_12 .grid_8 {
  flex-basis: calc(60% - 32px);
  width: calc(60% - 32px);
}

#home-widgets.container_12 .grid_10 {
  flex-basis: calc(83.33% - 20px);
  width: calc(83.33% - 20px);
}

#home-widgets.container_12 .grid_11 {
  flex-basis: calc(91.66% - 20px);
  width: calc(91.66% - 20px);
}

body.print-preview-mode.frameless, body.print-preview-mode.mainframe {
  background: #ccc;
}

body.print-preview-mode.manage-centre {
  background: #ccc;
}

body.print-preview-mode.manage-centre #document-body {
  background: none;
}

body.print-preview-mode .print-preview-container {
  /* CSS style for print preview screen */
  width: 100%;
  height: 100%;
  padding-bottom: 50px;
}

body.print-preview-mode .print-preview-container #print-preview-mask {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 34px;
  left: 0;
  z-index: 9999;
  background-color: #999;
  opacity: 0;
}

body.print-preview-mode .print-preview-container #print-preview-action {
  width: 100%;
  height: 24px;
  padding: 10px 0;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
  background: #eee;
  position: fixed;
  top: 0;
  z-index: 9999;
}

body.print-preview-mode .print-preview-container #print-preview-action button, body.print-preview-mode .print-preview-container #print-preview-action input[type="submit"], body.print-preview-mode .print-preview-container #print-preview-action input[type="reset"], body.print-preview-mode .print-preview-container #print-preview-action input[type="button"] {
  display: block;
  margin: 0 auto;
  background: #EEEEEE;
  border: 1px solid transparent; border-color: var(--bordercolor);
  color: var(--textcolor);
  padding: 5px 10px;
}

body.print-preview-mode .print-preview-container .print-preview {
  margin: 55px auto 10px auto;
  padding: 4px;
  border: 1px solid #ccc;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
  background: #fff;
  width: 210mm;
  min-height: 297mm;
  /* Common code for print view */
}

body.print-preview-mode .print-preview-container .print-preview #main-document-div {
  zoom: 0.827;
  -ms-zoom: 0.827;
  -webkit-zoom: 0.827;
  -moz-transform: scale(0.827);
  -moz-transform-origin: left top;
}

@page {
  body.print-preview-mode .print-preview-container .print-preview {
    size: A4;
    margin: 0;
  }
}

body.print-preview-mode .print-preview-container .print-preview #bottom-container {
  box-shadow: none !important;
}

body.print-preview-mode .print-preview-container .print-preview input[type="submit"], body.print-preview-mode .print-preview-container .print-preview input[type="reset"], body.print-preview-mode .print-preview-container .print-preview input[type="button"], body.print-preview-mode .print-preview-container .print-preview .button, body.print-preview-mode .print-preview-container .print-preview .abutton, body.print-preview-mode .print-preview-container .print-preview .buttonfixed, body.print-preview-mode .print-preview-container .print-preview .topbuttonfixed, body.print-preview-mode .print-preview-container .print-preview .newskinbutton, body.print-preview-mode .print-preview-container .print-preview .topbutton, body.print-preview-mode .print-preview-container .print-preview .leftbutton, body.print-preview-mode .print-preview-container .print-preview .mainbutton, body.print-preview-mode .print-preview-container .print-preview button, body.print-preview-mode .print-preview-container .print-preview input[type="submit"], body.print-preview-mode .print-preview-container .print-preview input[type="reset"], body.print-preview-mode .print-preview-container .print-preview input[type="button"] {
  background-color: #fff !important;
  color: #202020 !important;
  border: var(--bordercolor) !important;
}

body.print-preview-mode .print-preview-container .print-preview .button-set.fixed-to-bottom {
  position: static;
}

body.print-preview-mode .print-preview-container .print-preview .to-top-btn, body.print-preview-mode .print-preview-container .print-preview .netd-drop-down-btn-list, body.print-preview-mode .print-preview-container .print-preview .hide-on-print, body.print-preview-mode .print-preview-container .print-preview #tooltip, body.print-preview-mode .print-preview-container .print-preview [role="tooltip"], body.print-preview-mode .print-preview-container .print-preview #role-access-control-nav, body.print-preview-mode .print-preview-container .print-preview .action_column, body.print-preview-mode .print-preview-container .print-preview .action-nav {
  display: none !important;
}

body.print-preview-mode .print-preview-container .print-preview #appraisal-view .rating {
  display: none;
}

body.print-preview-mode .print-preview-container .print-preview #appraisal-view .appraisal-rating-print {
  margin: 1px;
}

body.print-preview-mode .print-preview-container .print-preview #appraisal-view .appraisal-rating-print-selected {
  border: 1px solid black;
  margin: 1px;
}

body.print-preview-mode .print-preview-container .print-preview .learning-path-container {
  overflow: visible;
  border: 0;
  height: auto;
  position: static;
}

body.print-preview-mode .print-preview-container .print-preview .learning-path-container .action-nav {
  display: none;
}

body.print-preview-mode .print-preview-container .print-preview .learning-path-container .tree-view {
  height: auto;
  position: static;
  overflow: visible;
  color: #000000;
  background: #FFFFFF;
}

body.print-preview-mode .print-preview-container .print-preview .progress-tracker-container {
  overflow: visible;
  position: fixed;
  width: 100%;
}

body.print-preview-mode .print-preview-container .print-preview #progress-tracker-table {
  width: 100%;
  overflow: visible;
}

body.print-preview-mode .print-preview-container .print-preview .dynatree-structure-container {
  height: auto;
}

body.print-preview-mode .print-preview-container .print-preview #user-review .job-profile-info {
  width: auto;
}

body.print-preview-mode.mainframe .print-preview-container .print-preview #main-document-div {
  zoom: 1;
  -ms-zoom: 1;
  -webkit-zoom: 1;
  -moz-transform: scale(1, 1);
  -moz-transform-origin: left top;
}

/* Code below used for both Preview Print and Original Page Print */
@media print {
  /* Clear CSS style of print preview */
  body.frameless, body.mainframe {
    background: none !important;
  }
  body.manage-centre {
    background: none !important;
  }
  .print-preview-container {
    padding: 0 !important;
  }
  #print-preview-model {
    display: none !important;
  }
  #print-preview-action {
    display: none !important;
  }
  .print-preview {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
  }
  /* Common code for print view */
  input[type="submit"], input[type="reset"], input[type="button"], .button, .abutton, .buttonfixed, .topbuttonfixed, .newskinbutton, .topbutton, .leftbutton, .mainbutton, button, input[type="submit"], input[type="reset"], input[type="button"] {
    background-color: #fff !important;
    color: #202020 !important;
    border: var(--bordercolor) !important;
  }
  .button-set.fixed-to-bottom {
    position: static;
  }
  .to-top-btn, .netd-drop-down-btn-list, .hide-on-print, #tooltip, [role="tooltip"], #role-access-control-nav, .action_column, .action-nav {
    display: none !important;
  }
  #appraisal-view .rating {
    display: none;
  }
  #appraisal-view .appraisal-rating-print {
    margin: 1px;
  }
  #appraisal-view .appraisal-rating-print-selected {
    border: 1px solid black;
    margin: 1px;
  }
  .learning-path-container {
    overflow: visible;
    border: 0;
    height: auto;
    position: static;
  }
  .learning-path-container .action-nav {
    display: none;
  }
  .learning-path-container .tree-view {
    height: auto;
    position: static;
    overflow: visible;
    color: #000000;
    background: #FFFFFF;
  }
  .progress-tracker-container {
    overflow: visible;
    position: fixed;
    width: 100%;
  }
  #progress-tracker-table {
    width: 100%;
    overflow: visible;
  }
  .dynatree-structure-container {
    height: auto;
  }
  #user-review .job-profile-info {
    width: auto;
  }
}

body .sorting {
  background-image: url(images/sort_none.png);
  background-repeat: no-repeat;
  background-position: 4px 50%;
  padding-left: 18px !important;
}

body .sorting_asc {
  background-image: url(images/sort_asc.png);
}

body .sorting_desc {
  background-image: url(images/sort_desc.png);
}

body .ui-dialog-titlebar button.ui-state-default, body .ui-dialog-titlebar input.ui-state-default[type="submit"], body .ui-dialog-titlebar input.ui-state-default[type="reset"], body .ui-dialog-titlebar input.ui-state-default[type="button"] {
  background: var(--secondary);
  margin: -10px 0.8em 0 0;
}

body .ui-dialog-titlebar button.ui-state-default .ui-icon, body .ui-dialog-titlebar input.ui-state-default[type="submit"] .ui-icon, body .ui-dialog-titlebar input.ui-state-default[type="reset"] .ui-icon, body .ui-dialog-titlebar input.ui-state-default[type="button"] .ui-icon {
  background-image: url("images/ui-icons_custom_256x240.png");
}

body.mceContentBody#tinymce {
  padding: 5px 16px;
  font-size: 0.813em;
}

body.mceContentBody#tinymce ol,
body.mceContentBody#tinymce ul {
  padding: 0 25px;
}

body.mceContentBody#tinymce ol li,
body.mceContentBody#tinymce ul li {
  font-size: inherit;
}

body .ui-button .ui-button-text {
  text-transform: inherit;
}

.widget-heading-text {
  background: transparent;
}

body.home {
    background-size: cover;
    background-position: 0 300px;
    overflow-x: hidden;
}

body.home #universal-search .universal-search-suggestion-list {
    top: 85px;
    left: 50%;
    width: 700px;
    transform: translateX(-50%);
}

a,
a:active,
a:visited {
  color: var(--link);
}

a:hover {
	color: var(--linkhover);
}

body.frameless {
  padding: 0;
  margin: 0 auto;
}

#body-container {
  max-width: 1100px;
  width: 100%;
  margin: 0 auto;
}

.course-instance .module .module-actions a,
.module-main-actions .info-details-container.button-dropdown-container a,
.module-main-actions .todo-list-container.button-dropdown-container a,
.course-dropdown-btn {
  height: 48px;
  padding: 0 10px;
  display: flex;
  border: 0 !important;
  border-radius: var(--buttonborderradius);
  align-items: center;
  justify-content: center;
  text-decoration: none;
}

.action-nav .button {
  display: flex;
  align-items: center;
  justify-content: center;
}

.netd-user-selector-btm-right button, .netd-user-selector-btm-right input[type="submit"], .netd-user-selector-btm-right input[type="reset"], .netd-user-selector-btm-right input[type="button"],
.netd-user-selector-btm-right input[type="submit"],
.netd-user-selector-btm-right input[type="reset"],
.netd-user-selector-btm-right input[type="button"], .netd-user-selector-btm-right button, .netd-user-selector-btm-right input[type="submit"], .netd-user-selector-btm-right input[type="reset"], .netd-user-selector-btm-right input[type="button"],
.netd-user-selector-btm-right input[type="submit"],
.netd-user-selector-btm-right input[type="reset"],
.netd-user-selector-btm-right input[type="button"] {
  height: 46px;
}

.action-nav .customize-config-loader h3 + select.customize-config-loader-dropdown {
  height: 48px;
}

.customize-config-loader .customize-config-loader-content {
  top: 48px;
}

.condense_control {
  margin-left: 10px;
}

#navigation-container {
  background: var(--topbar);
  border-bottom: 1px solid var(--topbar);
  height: 96px;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  margin-top: 0px;
  /*box-shadow: 0 0 40px rgb(0 0 0 / 0.5);*/
  z-index:15;
}

#navigation-container::before {
  background: var(--logo);
  background-repeat: no-repeat;
  background-position: left center;
  content: "";
  position: absolute;
  top: 0;
  z-index: 2;
  left: 40px;
  width: 500px;
  height: 96px;
}

#navigation-container .main-menu-container {
  box-sizing: border-box;
  position: relative;
  max-width: 1280px;
  padding: 0 25px;
  margin: 0 auto;
  background: transparent;
  border: none;
  box-shadow: none;
  height: 96px;
  position: absolute;
  right: 0;
  top: 0;
  width: 96px;
  background: var(--topbar);
  transition: background 250ms;
}

#navigation-container .main-menu-container::after {
    width: 24px;
    height: 24px;
    content: '\eac2';
    font-family: "tcc-icons";
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    cursor: pointer;
    color: var(--topbariconen-hover);
    font-size: 36px;
}

#navigation-container .main-menu-container:hover {
  background: var(--topbar);
}

#navigation-container .main-menu-container:hover:after {
    width: 24px;
    height: 24px;
    content: '\ebf0';
    font-family: "tcc-icons";
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    cursor: pointer;
    color: var(--topbariconen-hover);
    font-size: 36px;
}

#navigation-container .main-menu-container:hover ul {
  visibility: visible;
  opacity: 1;
  transition: visibility 200ms 0ms, opacity 200ms 0ms;
}

#navigation-container .sec-menu-container {
    box-sizing: border-box;
    position: absolute;
    top: 0px;
    margin: 0;
    width: 100%;
    padding: 28px 88px 0 24px;
    z-index: 12;
}

.manage-centre #navigation-container .sec-menu-container {
  box-sizing: border-box;
  position: absolute;
  top: 0px;
  margin: 0;
  width: 100%;
  padding: 25px 25px 0;
  z-index: 12;
}

#navigation-container #universal-search {
  box-sizing: border-box;
  position: absolute;
  top: 190px;
  left: 50%;
  transform: translateX(-50%);
  margin: 0;
  width: calc(100vw - 50px);
  padding: 0 25px;
  z-index: 3;
  max-width: 700px;
}

#navigation-container .greeting {
  display: none;
  font-size: 48px !important;
  font-weight: 900;
  letter-spacing: -0.4px;
  line-height: 52px;
  box-sizing: border-box;
  position: absolute;
  top: 250px;
  left: 50%;
  margin: 0;
  width: 100%;
  max-width: 1280px;
  transform: translateX(-50%);
  padding-top: 20px;
  padding-left: 20px;
  z-index: 2;
  color: #fff;
}

.container-external-links,
#navigation-container-side {
  display: none;
}

#footer-links-container {
	display: none !important;
  width: 100%;
  position: relative;
  margin-top: 40px;
  background: var(--primary);
  height: 160px;
  width: 100%;
  box-sizing: border-box;
}

#footer-links-container:before {
  display: block;
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  background: url("images/footer.png");
  background-size: 85px 44px;
  background-repeat: no-repeat;
  background-position: 20px 0px;
  content: "";
  height: 44px;
  position: relative;
  top: 20px;
    box-sizing: border-box;
}

#footer-links-container .container-external-links {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    max-width: 1280px;
    padding: 0px 25px 0px;
    margin: 0 auto;
    font-size: 0;
    position: relative;
    z-index: 2;
    height: 115px;
	  box-sizing: border-box;
}

#footer-links-container:after {
  display: block;
  width: 100%;
  bottom: 0;
  left: 0;
  background: var(--grey);
  content: "";
  height: 60px;
  position: absolute;
    box-sizing: border-box;
}

#footer-links-container .container-external-links a {
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 22px;
  color: #ffffff;
  text-decoration: none;
  margin-right: 5px;
  transition: background .3s ease;
}

#footer-links-container .container-external-links a:nth-child(1), #footer-links-container .container-external-links a:nth-child(3) {
  pointer-events: none;
}

#footer-links-container .container-external-links a:nth-child(3) {
  font-size: var(--font-size);
  font-family: var(--font);
  color: var(--textcolor);
}

#footer-links-container .container-external-links a:nth-child(2) {
  flex: 1 1 100%;
  flex-basis: calc(100% - 460px);
  text-decoration: none;
  font-family: var(--font);
}

div#container-external-links a:nth-child(4), div#container-external-links a:nth-child(5), div#container-external-links a:nth-child(6), div#container-external-links a:nth-child(7) {
    font-size: 0;
    position: absolute;
    right: 0;
    top: 65px;
	height: 40px;
	line-height: 40px;
	display: flex;
	transition: background .3s ease;
}

div#container-external-links a:nth-child(4):before,
div#container-external-links a:nth-child(5):before,
div#container-external-links a:nth-child(6):before,
div#container-external-links a:nth-child(7):before {
	transition: background .3s ease;
}

div#container-inline-links {
    display: none !important;
}

div#container-external-links a:nth-child(4):hover:before {
	background: #cd332d !important;
}

div#container-external-links a:nth-child(5) {
	right: 45px !important;
}

div#container-external-links a:nth-child(5):hover:before {
	background: #007fb1 !important;
}

div#container-external-links a:nth-child(6) {
	right: 90px !important;
}

div#container-external-links a:nth-child(6):hover:before {
	background: #00aced !important;
}

div#container-external-links a:nth-child(7) {
	right: 135px !important;
}

div#container-external-links a:nth-child(7):hover:before {
	background: #3b5998 !important;
}

div#container-external-links a:nth-child(4):before {
    content: "\f167";
    font-size: var(--font-size);
    font-family: "Font Awesome 6 Brands";
    color: #ffffff;
    background: var(--primary);
    width: 40px;
    height: 40px;
    border-radius: 5px;
    display: block;
    text-align: center;
    line-height: 40px;
}

div#container-external-links a:nth-child(5):before {
    content: "\f08c";
    font-size: var(--font-size);
    font-family: "Font Awesome 6 Brands";
    color: #ffffff;
    background: var(--primary);
    width: 40px;
    height: 40px;
    border-radius: 5px;
    display: block;
    text-align: center;
    line-height: 40px;
}

div#container-external-links a:nth-child(6):before {
    content: "\f099";
    font-size: var(--font-size);
    font-family: "Font Awesome 6 Brands";
    color: #ffffff;
    background: var(--primary);
    width: 40px;
    height: 40px;
    border-radius: 5px;
    display: block;
    text-align: center;
    line-height: 40px;
}

div#container-external-links a:nth-child(7):before {
    content: "\f39e";
    font-size: var(--font-size);
    font-family: "Font Awesome 6 Brands";
    color: #ffffff;
    background: var(--primary);
    width: 40px;
    height: 40px;
    border-radius: 5px;
    display: block;
    text-align: center;
    line-height: 40px;
}

html.frameless #main-document-div #main-content,
body.frameless #main-document-div #main-content {
  box-sizing: border-box;
  position: relative;
  max-width: 1280px;
  padding: 0 24px;
  margin: 0 auto;
  background: transparent;
  border: none;
  box-shadow: none;
  width: auto;
  display: block;
  padding-bottom: 80px;
  margin-top: 50px;
}

.use-pop-ups .time-container {
  margin-right: 5px;
}

.use-pop-ups .working-hours-table .time-container {
  transform: translateY(0px);
}

.use-pop-ups .filter-form-ui-inited .netd-filter-group {
  margin: 0 16px 10px 0;
}

.use-pop-ups .filter-form-ui-inited .clear-both {
  clear: inherit;
}

.use-pop-ups .filter-form-ui-inited .netd-filter-group.full-width, .use-pop-ups .filter-form-ui-inited .netd-filter-group.user-search {
  margin: 0 16px 10px 0;
  display: inline-block;
  width: initial;
  clear: initial;
}

.use-pop-ups .filter-form-ui-inited .netd-filter-group.full-width label[for="SHOWACCOUNTCLOSED"], .use-pop-ups .filter-form-ui-inited .netd-filter-group.user-search label[for="SHOWACCOUNTCLOSED"] {
  padding-top: 45px;
}

.use-pop-ups .course-instance .result-per-page {
  position: relative;
  z-index: 10;
  margin-bottom: -35px;
  margin-top: 16px;
}

#document-body {
  position: relative;
}

.print-preview-mode #navigation-container {
  display: none !important;
}

@media only print {
  #navigation-container {
    display: none !important;
  }
}

.program-progress-tracker-container .icon-envelope-alt {
  margin-right: 5px;
}

.program-progress-tracker-container .filter-form-ui-inited .button-set {
  display: inline-block;
  clear: initial;
  margin-top: 12px;
}

.program-progress-tracker-container .netd-filter-group {
  margin: 0 5px 16px 0;
}

.action-nav .float-right button, .action-nav .float-right input[type="submit"], .action-nav .float-right input[type="reset"], .action-nav .float-right input[type="button"] {
  float: left;
}

.netd-filter-group label {
  line-height: 1.3;
}

.netd-filter-group label[for="RESTRICTSTATUS"] {
  width: 100% !important;
}

.action-nav h3 button, .action-nav h3 input[type="submit"], .action-nav h3 input[type="reset"], .action-nav h3 input[type="button"] {
  float: left;
}

#facet-keyword-search .top_container.container_16 {
  display: inline-block;
}

#facet-keyword-search .top_container.container_16 #ajaxInlineSearchBox_ctr {
  display: none !important;
}

#transcript-list-table .expanded td .floor1,
#transcript-list-table .expanded td .relative-position,
#transcript-list-table .expanded.row1 .floor1,
#transcript-list-table .expanded.row1 .relative-position,
#transcript-list-table .expanded.row2 .floor1,
#transcript-list-table .expanded.row2 .relative-position {
  vertical-align: top !important;
}

#home-widgets .side-widget.news-article .widget-content > table > tbody > tr > td table > tbody > tr + tr + tr > td a {
  color: var(--link) !important;
  font-weight: 400 !important;
}

#home-widgets .side-widget.news-article .widget-content > table > tbody > tr > td table > tbody > tr + tr + tr > td a:hover {
  color: var(--linkhover) !important;
}

.yui-skin-sam .yui-navset .yui-nav a em,
.yui-skin-sam .yui-navset .yui-navset-top .yui-nav a em {
  font-weight: 600 !important;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  line-height: 48px;
}

.netd-drop-down-btn-list li.with-child a,
.course-instance .module .course-dropdown-list li a,
.course-instance .todo-list-container .todo-list-dropdown li a,
.course-dropdown-list a {
  height: auto !important;
}

dl dt {
  width: 35%;
}

dl dd {
  width: 60%;
}

#reset-password-language select {
  margin-left: 25px;
}

td[align="left"] input[name="EMAIL"] {
  margin-left: 25px;
}

#reset-password-userId input[name="USERID"] {
  margin-left: 25px;
}

.shortcut-menu-container {
  display: none;
}

.profile-menu-container {
  position: absolute;
  z-index: 10;
  top: 0;
  right: 0;
}

/* Secundair menu */
#navigation-container .profile-menu-container {
  position: absolute;
  top: 120px;
  background: var(--bordercolor);
  border-radius: 0;
  padding: 0 16px;
  right: 50vw;
  transform: translate(510px, 0px);
  height: 40px;
  z-index: 4;
}

#navigation-container .profile-menu-container ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#navigation-container .profile-menu-container ul li {
  margin: 0;
  padding: 0;
  display: block;
}

#navigation-container .profile-menu-container ul li a.username {
  display: block;
  height: 40px;
  line-height: 40px;
  width: auto;
  margin: 0;
  padding: 0px 0px 0px 25px;
  box-sizing: content-box;
}

#navigation-container .profile-menu-container ul li a.username[title] {
  position: relative;
}

#navigation-container .profile-menu-container ul li a.username[title]:before {
  font-family: "Flaticons Stroke";
  transition: none;
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  font-size: 14px;
  color: var(--textcolor);
  content: "\e5a9";
}

#navigation-container .profile-menu-container ul li a.username[title]:after {
  display: block;
  content: attr(title);
  font-size: 14px;
  color: var(--textcolor);
  float: left;
  white-space: nowrap;
}

#navigation-container .profile-menu-container:hover + .profile-sub-menu-container {
  display: block;
}

/* Secundair submenu */
#navigation-container .profile-sub-menu-container {
  box-sizing: border-box;
  position: absolute;
  top: 120px;
  right: 50%;
  transform: translate(503px, 0px);
  background: var(--bordercolor);
  padding: 16px;
  z-index: 3;
  display: none;
  width: auto;
  min-width: 165px;
  padding: 45px 20px 16px 20px;
  border-radius: 0;
}

#navigation-container .profile-sub-menu-container:hover {
  display: block;
}

#navigation-container .profile-sub-menu-container ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#navigation-container .profile-sub-menu-container ul li {
  margin: 0;
  padding: 2px 0;
}

#navigation-container .profile-sub-menu-container ul li a {
  font-size: 14px;
  display: block;
  line-height: 24px;
  height: 24px;
  padding-left: 30px;
  position: relative;
  color: var(--textcolor);
}

#navigation-container .profile-sub-menu-container ul li a:before {
  font-family: "Flaticons Stroke";
  transition: none;
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  font-size: var(--font-size);
  width: 24px;
  height: 24px;
  margin: 0 auto;
  color: var(--textcolor);
}

#navigation-container .profile-sub-menu-container ul li a.manage:before {
  content: "\e514";
}

#navigation-container .profile-sub-menu-container ul li a.contact-us:before {
  content: "\e493";
}

#navigation-container .profile-sub-menu-container ul li a.logout:before {
  content: "\e510";
  margin-top: -1px;
}

#navigation-container .profile-sub-menu-container ul li a.help:before {
  content: "\e4aa";
}

#navigation-container .profile-sub-menu-container ul li a.user-profile:before {
  content: "\e4b0";
}

#navigation-container .profile-sub-menu-container ul li a.mail:before {
  content: "\e493";
}

#navigation-container .profile-sub-menu-container ul li a[title]:after {
  display: inline-block;
  content: attr(title);
  font-size: 14px;
  color: var(--textcolor);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#navigation-container .profile-sub-menu-container:before {
  font-family: "Flaticons Stroke";
}

#navigation-container .profile-sub-menu-container ul li a:hover {
  color: var(--secondary) !important;
}

#navigation-container .profile-sub-menu-container ul li a:hover:after {
  color: var(--secondary) !important;
}

#navigation-container .profile-sub-menu-container ul li a:hover:before {
  color: var(--secondary) !important;
}

#navigation-container .profile-sub-menu-container ul li a:hover.manage:before {
  content: "\e514";
}

#navigation-container .profile-sub-menu-container ul li a:hover.contact-us:before {
  content: "\e493";
}

#navigation-container .profile-sub-menu-container ul li a:hover.logout:before {
  content: "\e510";
  margin-top: -1px;
}

#navigation-container .profile-sub-menu-container ul li a:hover.help:before {
  content: "\e4aa";
}

#navigation-container .profile-sub-menu-container ul li a:hover.user-profile:before {
  content: "\e4b0";
}

#navigation-container .profile-sub-menu-container ul li a:hover.mail:before {
  content: "\e47a";
}

ul#quick-nav-suggestion-list.ui-autocomplete {
  z-index: 3000 !important;
}

.netd-filter-group label {
  line-height: 2;
}

#universalSearchForm button#universalSearch, #universalSearchForm input#universalSearch[type="submit"], #universalSearchForm input#universalSearch[type="reset"], #universalSearchForm input#universalSearch[type="button"] {
  padding-left: 30px;
  margin-bottom: 0;
}

#universalSearchForm button#universalSearch .ui-button-text-icon-primary .ui-button-icon-primary, #universalSearchForm input#universalSearch[type="submit"] .ui-button-text-icon-primary .ui-button-icon-primary, #universalSearchForm input#universalSearch[type="reset"] .ui-button-text-icon-primary .ui-button-icon-primary, #universalSearchForm input#universalSearch[type="button"] .ui-button-text-icon-primary .ui-button-icon-primary,
#universalSearchForm button#universalSearch .ui-button-text-icons .ui-button-icon-primary,
#universalSearchForm input#universalSearch[type="submit"] .ui-button-text-icons .ui-button-icon-primary,
#universalSearchForm input#universalSearch[type="reset"] .ui-button-text-icons .ui-button-icon-primary,
#universalSearchForm input#universalSearch[type="button"] .ui-button-text-icons .ui-button-icon-primary,
#universalSearchForm button#universalSearch .ui-button-icons-only .ui-button-icon-primary,
#universalSearchForm input#universalSearch[type="submit"] .ui-button-icons-only .ui-button-icon-primary,
#universalSearchForm input#universalSearch[type="reset"] .ui-button-icons-only .ui-button-icon-primary,
#universalSearchForm input#universalSearch[type="button"] .ui-button-icons-only .ui-button-icon-primary {
  left: 20px;
}

.module-drilldown-btn i {
  display: inline-block !important;
}

/*
.course-instance .sidebar ul.fixed-position {
  position: relative !important;
}
*/

#innerdiv_netd_token_input_Learners ul {
  border-bottom: 1px solid transparent; border-color: var(--bordercolor);
}

#innerdiv_netd_token_input_Learners ul li {
  position: relative;
  padding: 5px 10px;
}

#innerdiv_netd_token_input_Learners ul li a {
  position: absolute;
  top: 0;
  right: 0;
}

#selector_field input {
  max-width: 320px;
}

#selector_field .btn {
  transform: translateY(1px);
}

#selector_field #clear_button {
  margin-left: 0 !important;
}

.netd-form {
  margin-bottom: 50px !important;
}

.netd-form-group .btn {
  margin-left: 1px;
}

.netd-user-selector-btm-right .user-selector-button {
  transform: translateY(0px) !important;
}

textarea.display-disabled {
  background: #fff !important;
}

#user-form .ui-button-text-only,
#user-form .button-no-bg,
.search-criteria-form .ui-button-text-only,
.search-criteria-form .button-no-bg,
.search-criteria-container .ui-button-text-only,
.search-criteria-container .button-no-bg {
  background: var(--secondary);
  border: 0 !important;
  border-radius: var(--borderradius);
  box-shadow: none;
  color: #ffffff;
  text-decoration: none !important;
  font-family: var(--font);
  font-size: var(--font-size);
  font-weight: 400 !important;
  line-height: 50px;
  letter-spacing: 0;
  text-transform: inherit;
  text-shadow: none;
  box-sizing: border-box;
  height: 50px;
  margin: 0 3px 3px 0;
  padding: 0 20px;
  text-align: center;
  line-height: 50px;
  cursor: pointer;
}

#user-form .ui-button-text-only:hover,
#user-form .button-no-bg:hover,
.search-criteria-form .ui-button-text-only:hover,
.search-criteria-form .button-no-bg:hover,
.search-criteria-container .ui-button-text-only:hover,
.search-criteria-container .button-no-bg:hover {
  background: var(--primary);
  border-color: var(--textcolor);
  box-shadow: none;
  color: #fff;
}

#user-form .ui-button-text-only:active,
#user-form .button-no-bg:active,
.search-criteria-form .ui-button-text-only:active,
.search-criteria-form .button-no-bg:active,
.search-criteria-container .ui-button-text-only:active,
.search-criteria-container .button-no-bg:active {
  background: var(--primary);
  border-color: transparent;
  box-shadow: none;
  color: #fff;
}

#user-form .ui-button-text-only span,
#user-form .button-no-bg span,
.search-criteria-form .ui-button-text-only span,
.search-criteria-form .button-no-bg span,
.search-criteria-container .ui-button-text-only span,
.search-criteria-container .button-no-bg span {
  background: transparent !important;
  color: #ffffff !important;
}

#user-form .ui-button-text-only:hover span,
#user-form .button-no-bg:hover span,
.search-criteria-form .ui-button-text-only:hover span,
.search-criteria-form .button-no-bg:hover span,
.search-criteria-container .ui-button-text-only:hover span,
.search-criteria-container .button-no-bg:hover span {
  background: transparent !important;
  color: #fff !important;
}

#btn-tools .netd-drop-down-btn-list {
  top: 50px;
}

button.netd-button-text-only, input.netd-button-text-only[type="submit"], input.netd-button-text-only[type="reset"], input.netd-button-text-only[type="button"],
input.netd-button-text-only[type="submit"],
input.netd-button-text-only[type="reset"],
input.netd-button-text-only[type="button"] {
  height: inherit;
}

.info-btn.course-dropdown-btn {
  display: none !important;
}

.btn,
.user-selector-button,
.netd-form input[type="text"] + .btn {
  border-bottom-width: 0;
}

.netd-accordion .action-nav button, .netd-accordion .action-nav input[type="submit"], .netd-accordion .action-nav input[type="reset"], .netd-accordion .action-nav input[type="button"] {
  border: 0 !important;
  line-height: 38px;
}

.class-schedule-selector th,
.class-schedule-selector td {
  vertical-align: middle !important;
}

form[action="LEARNINGMODULEMANAGER"] .netd-filter-group label.checkbox {
  margin: 0 0 4px 0;
}

form[action="LEARNINGMODULEMANAGER"] .netd-filter-group label.checkbox:first-of-kind {
  margin: 25px 0 4px 0;
}

form[action="LEARNINGMODULEMANAGER"] .netd-filter-group:nth-of-type(18) {
  clear: left;
}

#form1 .button-set.fixed-to-bottom,
#form1 .buttons-container.fixed-to-bottom {
  max-width: initial;
  transform: none;
  left: 0;
}

.netd-filter-form.keyword-searchbox-container.advanced-filter-not-hidden button.button, .netd-filter-form.keyword-searchbox-container.advanced-filter-not-hidden input.button[type="submit"], .netd-filter-form.keyword-searchbox-container.advanced-filter-not-hidden input.button[type="reset"], .netd-filter-form.keyword-searchbox-container.advanced-filter-not-hidden input.button[type="button"],
.netd-filter-form.keyword-searchbox-container.advanced-filter-not-hidden input.button[type="submit"],
.netd-filter-form.keyword-searchbox-container.advanced-filter-not-hidden input.button[type="reset"],
.netd-filter-form.keyword-searchbox-container.advanced-filter-not-hidden input.button[type="button"] {
  display: inline-block !important;
}

.catalog-search-results.with-images ul li .course-info button.button, .catalog-search-results.with-images ul li .course-info input.button[type="submit"], .catalog-search-results.with-images ul li .course-info input.button[type="reset"], .catalog-search-results.with-images ul li .course-info input.button[type="button"],
.catalog-search-results.with-images ul li .course-info input.button[type="submit"],
.catalog-search-results.with-images ul li .course-info input.button[type="reset"],
.catalog-search-results.with-images ul li .course-info input.button[type="button"] {
  padding: 0 10px;
}

#ACTIVEONLY {
  margin-top: 16px;
  width: initial !important;
  height: initial;
  display: inline-block;
}

a span.icon-minus,
a span.icon-plus {
  color: var(--primary) !important;
}

a span.icon-minus:hover,
a span.icon-plus:hover {
  color: var(--secondary) !important;
}

.ffb {
  top: 50px !important;
}

.full-width .action-nav .netd-drop-down-btn-container > .netd-drop-down-btn-list, .user-search .action-nav .netd-drop-down-btn-container > .netd-drop-down-btn-list,
.full-width .action-nav html[dir="rtl"] .netd-drop-down-btn-container > .netd-drop-down-btn-list,
.user-search .action-nav html[dir="rtl"] .netd-drop-down-btn-container > .netd-drop-down-btn-list {
  top: 47px;
  min-width: 229px;
  border: 0;
}

table.full-width td.select_column, table.user-search td.select_column,
table.user-search td.select_column,
table.user-search td.select_column,
#alist1 tbody tr td.select_column,
.dataTables_wrapper table td.select_column {
  vertical-align: middle !important;
}

.customize-config-loader .customize-config-loader-content div.customize-config-loader-list ul li a:hover {
  background: transparent;
  color: var(--textcolor);
}

input[name="NO_DAYS"] {
  border: 1px solid transparent; border-color: var(--bordercolor);
  border-radius: var(--borderradius);
  margin: 0;
  padding: 10px 20px;
  font-size: var(--font-size);
  line-height: 1.2;
  background: #fff;
  box-shadow: none;
  box-sizing: border-box;
  height: 50px;
  height: 38px;

  margin-right: 3px;
}

.progress-container .progress-bar-container li.progress-pass::before {
  background-color: var(--secondary) !important;
}

.progress-container .progress-bar-container li.progress-pass + li::after {
  background-color: var(--secondary) !important;
}

.progress-container .progress-bar-container li.progress-active::before {
  box-shadow: var(--secondary) 0px 0px 0px 0.188em inset !important;
}

span#ATTACHMENT {
  padding: 14px 20px;
}

input[name="upButton"],
input[name="downButton"] {
  font-size: 20px;
}

#TARGETIMG {
  padding: 25px;
}

label[for="WITH_REMINDER"],
label[for="SHOW_CLOSED_ACCOUNTS"] {
  text-overflow: inherit;
  overflow: unset;
  white-space: inherit;
  margin-top: 30px !important;
  line-height: 24px !important;
}

.use-pop-ups .filter-form-ui-inited .netd-filter-group.full-width label[for="SHOWACCOUNTCLOSED"], .use-pop-ups .filter-form-ui-inited .netd-filter-group.user-search label[for="SHOWACCOUNTCLOSED"],
.use-pop-ups .filter-form-ui-inited .netd-filter-group.user-search label[for="SHOWACCOUNTCLOSED"] {
  padding-top: 30px !important;
  white-space: unset !important;
  text-overflow: inherit !important;
  line-height: 24px !important;
}

.pagination-container .button .ui-button-text {
  line-height: 28px !important;
}

#NAME {
  max-width: 270px;
}

.date-container .date-button-container button .netd-icon, .date-container .date-button-container input[type="submit"] .netd-icon, .date-container .date-button-container input[type="reset"] .netd-icon, .date-container .date-button-container input[type="button"] .netd-icon,
.date-container .date-button-container input[type="submit"] .netd-icon,
.date-container .date-button-container input[type="reset"] .netd-icon,
.date-container .date-button-container input[type="button"] .netd-icon {
  font-size: var(--font-size);
}

.action-nav h3 {
  line-height: 48px;
}

.date-container .date-button-container button .netd-icon, .date-container .date-button-container input[type="submit"] .netd-icon, .date-container .date-button-container input[type="reset"] .netd-icon, .date-container .date-button-container input[type="button"] .netd-icon,
.date-container .date-button-container input[type="submit"] .netd-icon,
.date-container .date-button-container input[type="reset"] .netd-icon,
.date-container .date-button-container input[type="button"] .netd-icon {
  font-size: var(--font-size);
}

.action-nav .sort-label {
  padding: 6px 4px;
}

.contextMenu li {
  padding: 5px 10px !important;
}

.contextMenu li a {
  padding: 0 !important;
}

#tcourses a {
  color: var(--secondary);
}

.course-instance .module-toolbox .module-description {
  height: auto !important;
}

#tms-search.ui-button-text-icon-primary {
  padding-left: 25px !important;
}

.extra-side-menu-container {
  display: none;
}

.logo-container {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  width: 110px;
  padding: 0;
  pointer-events: none;
  z-index: 13;
}

.logo-container a {
  pointer-events: all;
  position: relative;
  position: absolute;
  font-size: 0;
    top: 0;
    z-index: 2;
    left: 40px;
    height: 96px;
}

.btn:not(.pf-button).select-btn, 
.user-selector-button.select-btn, 
.netd-form input[type="text"] + .btn.select-btn {
    margin-left: -4px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

#DATEPICKERCalendarButton {
  margin-left: 0 !important;
}

body #body-container.terms-of-use {
  position: relative;
  z-index: 10;
}

body #body-container.terms-of-use:after {
  z-index: -1;
  width: 100vw;
  position: fixed;
  height: 100vh;
  background: white;
  content: "";
  top: 0;
  left: 0;
}

table.netd-table thead tr th.sorting {
  padding: 8px 10px 8px 20px !important;
}

table.netd-table thead tr th {
  border-radius: 0;
}

label[for="FORWARD_TO_EMAIL"],
label[for="ARM"],
label[for="heritage"] {
  display: inline !important;
}

#user-review .user-organization {
  width: calc(100% - 70px);
  float: right;
}

#addChartDialog_c {
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%);
}

.netd-filter-form.netd-filter-auto-submit .netd-filter-group #filter {
  width: auto !important;
  max-width: initial !important;
}

.netd-filter-form.netd-filter-auto-submit .netd-filter-group #CONTENTFILTER {
  width: 280px;
  max-width: 280px;
}

#RESULTS_PER_PAGE {
  margin-left: 10px;
}

.mask {
  pointer-events: none !important;
}

table.sortable th a {
  padding: 0 0 0 8px;
}

#learningObjectResultList .button {
  display: block;
  margin-top: 20px;
}

.fixed-to-top .fixed-to-top-content {
  margin: 0 auto !important;
  min-width: 898px;
  max-width: 1232px !important;
}

.main-menu-container > ul {
  border-radius: 0;
  margin-left: 5px;
  display: flex;
  visibility: hidden;
  opacity: 0;
  flex-flow: row nowrap;
  flex-direction: column;
  align-items: stretch;
  position: absolute;
  top: 96px;
  right: 0;
  bottom: 0;
  margin: 0;
  padding: 0;
  width: 380px;
  background: #fff;
  border-top: 0;
  z-index: 20;
  transition: visibility 300ms 400ms, opacity 300ms 400ms;
  box-shadow: 0 0 40px rgb(0 0 0 / 50%);
}

.main-menu-container > ul > li a:not([aria-haspopup]) {
  font-family: var(--font);
  font-weight: 600;
  line-height: 1.2;
  color: #000000;
  text-transform: initial;
  text-shadow: none;
  letter-spacing: 0;
  font-family: var(--font);
  font-size: 18px;
  font-weight: 400;
  display: block;
  background: #ffffff;
  box-shadow: none;
  line-height: 46px;
  border-radius: 0;
  border-bottom: 0;
  text-transform: initial;
  text-shadow: none;
  color: var(--menutextcolor);
  transition: background 0.15s, color 0.15s;
  height: 48px;
  padding: 0 24px;
  border-top: 1px solid transparent; border-color: var(--bordercolor);
  margin: 0;
  border-radius: 0;
  position: relative;
}

.main-menu-container > ul > li a:not([aria-haspopup]).current {
  color: var(--menutextcolorhover) !important;
}

.main-menu-container > ul > li a:not([aria-haspopup]).current:hover {
  text-shadow: none;
}

.main-menu-container > ul > li a:not([aria-haspopup]):hover {
  color: var(--menutextcolorhover);
}

.main-menu-container > ul > li:hover > a {
  color: var(--menutextcolorhover);
  text-decoration: none;
  text-shadow: none;
  z-index: 4;
}

.main-menu-container > ul > li[aria-label="Start"] a {
  border-top: 0 !important;
}

.main-menu-container > ul > li {
  position: relative;
  flex: 0 0 auto;
  display: block;
  margin: 0;
  padding: 0;
}

.main-menu-container > ul > li > a {
  font-family: var(--font);
  font-weight: 600;
  line-height: 1.2;
  color: #000000;
  text-transform: initial;
  text-shadow: none;
  letter-spacing: 0;
  font-family: var(--font);
  font-size: 18px;
  font-weight: 400;
  display: block;
  background: #ffffff;
  box-shadow: none;
  line-height: 46px;
  border-radius: 0;
  border-bottom: 0;
  text-transform: initial;
  text-shadow: none;
  color: var(--menutextcolor);
  transition: background 0.15s, color 0.15s;
  height: 48px;
  padding: 0 24px;
  border-top: 1px solid transparent; border-color: var(--bordercolor);
  margin: 0;
  border-radius: 0;
  position: relative;
}

.main-menu-container > ul > li > a.current {
  color: var(--menutextcolorhover) !important;
  background: var(--grey);
}

.main-menu-container > ul > li > a.current:hover {
  text-shadow: none;
}

.main-menu-container > ul > li > a:hover {
  background: var(--grey);
}

.main-menu-container > ul > li:hover > a {
  text-decoration: none;
  text-shadow: none;
  z-index: 4;
}

.main-menu-container > ul .submenu {
  background: #ffffff;
  left: 1px;
  top: 0 !important;
  padding: 0;
  transform: translateX(-100%);
  border-radius: 0;
  z-index: 10;
  display: none;
  position: absolute;
  top: 53px;
  z-index: 3;
}

.main-menu-container > ul .submenu li {
  background: transparent !important;
  margin: 0 !important;
  display: block;
  margin: 0;
  padding: 0;
  min-width: 200px;
}

.main-menu-container > ul .submenu li:first-child {
  border-top: none;
}

.main-menu-container > ul .submenu li a {
  font-family: var(--font);
  font-weight: 600;
  line-height: 1.2;
  color: #000000;
  text-transform: initial;
  text-shadow: none;
  letter-spacing: 0;
  font-family: var(--font);
  font-size: var(--font-size);
  padding: 5px 27px;
  background: transparent !important;
  border: none;
  text-transform: inherit;
  height: auto;
  margin: 0;
  border-radius: 0;
  font-weight: 400;
  line-height: 26px;
  color: var(--textcolor);
  display: block;
}

.main-menu-container > ul .submenu li a:hover {
  color: var(--secondary);
  background: var(--lightgrey) !important;
  text-shadow: none;
}

.main-menu-container > ul .submenu li:last-child.current a {
  color: var(--textcolor);
  border-bottom: 0;
  font-weight: 400;
}

.main-menu-container > ul .submenu li[role="none"] {
  background: transparent !important;
  margin: 0 !important;
  display: block;
  margin: 0;
  padding: 0;
  min-width: 200px;
}

.main-menu-container > ul .submenu li[role="none"]:first-child {
  border-top: none;
}

.main-menu-container > ul .submenu li[role="none"] a {
  text-transform: initial;
  text-shadow: none;
  letter-spacing: 0;
  font-family: var(--font);
  font-size: var(--font-size);
  padding: 0px 24px;
  background: transparent !important;
  border: none;
  text-transform: inherit;
  height: 48px;
  margin: 0;
  border-radius: 0;
  font-weight: 400;
  line-height: 46px;
  color: var(--menutextcolor);
  display: block;
}

.main-menu-container > ul .submenu li[role="none"] a:hover {
  color: var(--menutextcolorhover);
  text-shadow: none;
}

.main-menu-container > ul .submenu li[role="none"] a:hover {
  color: var(--menutextcolorhover) !important;
  background: var(--grey) !important;
}

.main-menu-container > ul .submenu li[role="none"]:last-child.current a {
  color: var(--menutextcolor);
  border-bottom: 0;
  font-weight: 400;
}

.main-menu-container > ul li a.profiel {
  display: inline-flex;
  align-items: center;
  width: 100%;
}

.main-menu-container > ul li a.profiel::before {
  content: " ";
  background: url(images/user.svg);
  background-repeat: no-repeat;
  background-size: contain;
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 16px;
}

.main-menu-container > ul li a.my-notifications {
  display: inline-flex;
  align-items: center;
  width: 100%;
}

.main-menu-container > ul li a.my-notifications::before {
  content: " ";
  background: url(images/inbox.svg);
  background-repeat: no-repeat;
  background-size: contain;
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 16px;
}

.main-menu-container > ul li a.beheer {
  display: inline-flex;
  align-items: center;
  width: 100%;
}

.main-menu-container > ul li a.beheer::before {
  content: " ";
  background: url(images/cog.svg);
  background-repeat: no-repeat;
  background-size: contain;
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 16px;
}

.main-menu-container > ul li a.logout {
  display: inline-flex;
  align-items: center;
  width: 100%;
}

.main-menu-container > ul li a.logout::before {
  content: " ";
  background: url(images/logout.png);
  background-repeat: no-repeat;
  background-size: contain;
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 16px;
}

#navigation-container .main-menu-container::after:hover + .main-menu-container > ul {
  display: flex !important;
}

.sec-menu-container {
  pointer-events: none;
}

.sec-menu-container ul {
  float: right;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
  align-items: stretch;
  margin: 0 -1px 0 0;
  padding: 0;
  pointer-events: auto;
}

.sec-menu-container ul li {
  display: block;
  margin: 0;
  padding: 0;
}



.sec-menu-container ul li a {
  display: inline-block;
   font-family: 'tcc-icons';
   font-style: normal;
   font-weight: normal;
   line-height: 1;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
  speak: none;
  font-style: normal;
  font-weight: normal;
  line-height: 40px;
  -webkit-font-smoothing: antialiased;
  width: 40px;
  height: 40px;
  background: transparent;
  border-radius: 0;
  border: none;
  margin: 0;
  box-shadow: none;
  color: var(--topbariconen);
  position: relative;
  display: block;
  font-size: 0;
  margin: 0;
  transition: border .1s, background .1s, color .1s;
}

.sec-menu-container ul li a:hover {
  border: none;
  color: var(--topbariconen-hover);
  background: transparent;
}

.sec-menu-container ul li a:before {
  font-size: 18px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-repeat: no-repeat;
  display: block;
  width: 40px;
  height: 40px;
}

.sec-menu-container ul li a.manage:before {
	content:'\e9d1';
}

.sec-menu-container ul li a.mail:before {
  content:'\ebf6';
}

.sec-menu-container ul li a.user-profile:before {
  content:'\ebc6';
}

.sec-menu-container ul li a.contact-us:before {
  content:'\ea24';
}

.sec-menu-container ul li a.logout:before {
  content:'\eab2';
}

.sec-menu-container ul li a.manuals-\&-instructions:before,
.sec-menu-container ul li a.help:before {
  content:'\ebf5';
}

.sec-menu-container ul li a.netd-assignment-switcher:before {
  content: '\EA62';
}

#universal-search {
  pointer-events: none;
  z-index: 3;
  display: block;
}

#universal-search #search-course-container {
  float: right;
  position: relative;
  margin: 0;
  pointer-events: auto;
  width: 200px;
}

#universal-search #search-course-container .search-label {
  display: none;
}

#universal-search #search-course-container #universal-search-advanced-selector {
  height: 40px;
  float: none;
  position: absolute;
  right: -160px;
  top: 0;
  transform: none;
  opacity: 1;
  z-index: -1;
  transition: transform 0.2s, opacity 0.2s;
}

#universal-search #search-course-container #universal-search-advanced-selector.hide {
  transform: translateX(100%);
  opacity: 0;
}

#universal-search #search-course-container #universal-search-advanced-selector select {
  margin: 0 10px 0 0;
  border: 1px solid transparent; border-color: var(--bordercolor);
  height: 35px !important;
  color: var(--textcolor);
  background: #fff;
  border-radius: var(--borderradius);
  width: 140px;
}

#universal-search #search-course-container #universal-search-form {
  font-family: "Flaticons Stroke", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  position: relative;
  display: block;
  color: #fff;
}

#universal-search #search-course-container #universal-search-form:before {
  color: #fff;
  display: block;
  content: "\e45a";
  position: absolute;
  top: calc(50% - 2px);
  right: 0;
  z-index: 2;
  height: 35px;
  width: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  font-size: 14px;
  transform: translateY(-50%);
}

#universal-search #search-course-container #universal-search-form .search-text {
  width: 200px;
  box-sizing: border-box;
  padding: 0 40px 0px 20px;
  line-height: 20px;
  border-radius: 18px;
  margin-top: 0;
  height: 35px !important;
  color: var(--textcolor);
  border: 1px solid transparent; border-color: var(--bordercolor);
  background: #fff;
}

#universal-search #search-course-container #universal-search-form #search-button {
  position: absolute;
  top: 0;
  right: 0;
  width: 35px;
  height: 35px;
  border-radius: 18px;
  background: var(--primary);
  font-size: 0;
  border: none;
  box-shadow: none;
}

#universal-search .universal-search-suggestion-list {
  top: 55px;
  left: initial;
  right: 0;
  width: 360px;
}

#universal-search div {
  pointer-events: auto;
}

.home #universal-search {
  transform: none;
}

.home #universal-search #search-course-container {
  float: right;
  position: relative;
  margin: 0 auto;
  pointer-events: auto;
  width: 100%;
  max-width: 380px;
}

.home #universal-search #search-course-container .search-label {
  display: none;
}

.home #universal-search #search-course-container #universal-search-advanced-selector {
  height: 40px;
  float: none;
  position: absolute;
  right: -160px;
  top: 0;
  transform: none;
  opacity: 1;
  z-index: -1;
  transition: transform 0.2s, opacity 0.2s;
}

.home #universal-search #search-course-container #universal-search-advanced-selector.hide {
  transform: translateX(100%);
  opacity: 0;
}

.home #universal-search #search-course-container #universal-search-advanced-selector select {
  margin: 0 10px 0 0;
  border: 1px solid transparent; border-color: var(--bordercolor);
  height: 56px !important;
  color: var(--textcolor);
  background: #fff;
  border-radius: var(--borderradius);
  width: 140px;
}

.home #universal-search #search-course-container #universal-search-form {
  font-family: "Flaticons Stroke", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  position: relative;
  display: block;
  color: #fff;
  display: none;
}

.home #universal-search #search-course-container #universal-search-form:before {
  color: var(--textcolor);
  display: block;
  content: "\e45a";
  position: absolute;
  top: calc(50% - 2px);
  right: 0px;
  height: 50px;
  width: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  font-size: 20px;
  transform: translateY(-50%);
}

/*.home #universal-search #search-course-container #universal-search-form:after {
  content: "Wat zou je graag willen leren?";
  display: inline;
  z-index: 10;
  color: var(--textcolor);
  font-family: var(--font);
  font-size: var(--font-size);
  line-height: 50px;
  position: absolute;
  left: 20px;
  top: 0;
  pointer-events: none;
  transition: opacity 0ms 500000ms;
}

.home #universal-search #search-course-container #universal-search-form:focus-within:after {
  opacity: 0;
  transition: opacity 0ms 0ms;
}*/

.home #universal-search #search-course-container #universal-search-form .search-text {
  width: 100%;
  max-width: 626px;
  box-sizing: border-box;
  padding: 0 60px 0px 16px;
  line-height: 56px;
  border-radius: var(--borderradius) !important;
  margin-top: 0;
  height: 56px !important;
  color: var(--textcolor);
  background: #fff;
  border: 0;
  font-size: 20px;
}

.home #universal-search #search-course-container #universal-search-form .search-text::placeholder {
	color: var(--textcolor);
}

.home #universal-search #search-course-container #universal-search-form #search-button {
  position: absolute;
  top: 0;
  right: 0;
  width: 80px;
  height: 50px;
  font-size: 0;
  background: transparent;
  border: none;
  box-shadow: none;
}

.home .universal-search-suggestion-list {
  top: 55px;
  left: 0;
  right: initial;
  width: 300px;
}

/**
 * Include this file to get a full page width title with background
 * on the home page with the .greeting div from the navigation
 */
body.frameless::before {
  display: none;
}

body.frameless::before {
  content: "";
  position: absolute;
  top: 96px;
  width: 100%;
  height: 320px;
  display: block;
  background: url(images/header.jpg) bottom no-repeat;
  background-position-y: 32%;
  background-size: cover;
  align-items: center;
  justify-content: center;
  z-index: -1;
}

body.frameless.home::before {
  background: url(images/header.jpg) bottom no-repeat;
  background-position-y: 20%;
}

body.frameless.home::before {
  height: 320px;
}

body.frameless #document-body {
  padding-top: 530px;
  /*overflow: hidden;*/
}

body.frameless #document-body #main-content {
  position: relative;
  z-index: 12;
}

body.frameless #document-body #main-content > h2:first-child {
  font-weight: 600;
  font-size: 35px !important;
  box-sizing: border-box;
  margin: 0 0 20px 0;
}

body.frameless #universal-search {
  display: none;
}

body.frameless.home #universal-search {
    height: auto !important;
    padding: 30px 0 !important;
    max-width: 1280px !important;
    width: calc(100vw - 65px) !important;
    left: 50% !important;
    top: 288px !important;
    margin: 0 auto !important;
    align-items: flex-end;
    justify-content: space-between;
}

@media all and (min-width: 1350px) {
  body.frameless.home #universal-search {
    left: calc(50% - 625px);
  }
}

body.frameless.home #universal-search #search-course-container {
  float: left;
}

body.frameless.home #document-body {
  padding-top: 336px;
  position: relative;
  pointer-events: none;
}

body.frameless.home #document-body #main-content {
  pointer-events: all;
}

/**
 * 	Include this file to get a full page width title with background
 * 	When inlcuding this, do not include page-block-normal
 */
body.frameless:not(.home) #main-document-div #main-content {
  padding-top: 30px;
  background: #fff !important;
}

body.frameless:not(.home) #main-document-div #main-content #pageTitle:last-of-type {
  display: block;
  font-weight: 600;
  font-size: 35px !important;
  box-sizing: border-box;
  margin: 0 0 20px 0;
}

body.frameless:not(.home) #document-body {
  padding-top: 240px;
  min-height: 100vh;
}

body.frameless:not(.home) #reset-password-language:before {
  z-index: -1;
  position: fixed;
  width: 100vw;
  height: 100vh;
  background: #ffffff;
  content: "";
  display: block;
  top: 0;
  left: 0;
}

body.frameless:not(.home) #reset-password-language td:first-child {
  display: none;
}

body.frameless.home #main-content > h2:first-child {
  display: none;
}

body.manage-centre {
  background: #fff;
}

body.manage-centre #navigation-container {
  position: relative;
  z-index: 30;
  height: 152px;
}

/*body.manage-centre #navigation-container .sec-menu-container::after {
  display: none;
  content: "Beheer";
  display: block;
  text-indent: 0;
  position: absolute;
  top: 25px;
  display: block;
  color: var(--textcolor);
  left: 320px;
  font-family: var(--font);
  font-size: 28px;
  line-height: 40px;
}*/

body.manage-centre #manage-center-container {
  background: transparent;
  border-bottom: 1px solid #fff;
  width: auto;
  margin: 0;
  padding: 0;
  height: auto;
}

body.manage-centre #manage-center-container #top-container {
  box-sizing: border-box;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  max-width: 1280px;
  padding: 0 25px;
  background: transparent;
  z-index: 2;
  margin: 0 auto;
}

body.manage-centre #manage-center-container #bottom-container {
  box-sizing: border-box;
  position: relative;
  max-width: 1280px;
  padding: 0 25px;
  margin: 0 auto;
  background: transparent;
  border: none;
  box-shadow: none;
  padding-top: 96px !important;
  padding-left: 0;
  z-index: 1;
}

body.manage-centre .dropdown-menu-list .link a,
body.manage-centre .dropdown-menu-list .link a:visited,
body.manage-centre .dropdown-menu-list .link a:active,
body.manage-centre .dropdown-menu-list .win-popup-link a,
body.manage-centre .dropdown-menu-list .win-popup-link a:visited,
body.manage-centre .dropdown-menu-list .win-popup-link a:active {
  color: var(--link);
}

body.manage-centre .dropdown-menu-list .link a:hover,
body.manage-centre .dropdown-menu-list .link a:visited:hover,
body.manage-centre .dropdown-menu-list .link a:active:hover,
body.manage-centre .dropdown-menu-list .win-popup-link a:hover,
body.manage-centre .dropdown-menu-list .win-popup-link a:visited:hover,
body.manage-centre .dropdown-menu-list .win-popup-link a:active:hover {
  color: var(--linkhover);
}

body.manage-centre #document-body {
  box-sizing: border-box;
  position: relative;
  max-width: 1280px;
  margin: 0 auto;
  background: transparent;
  border: none;
  box-shadow: none;
  z-index: 0;
  padding: 0 !important;
  overflow: inherit;
}

body.manage-centre #document-body #main-content {
  padding-top: 32px;
  padding-bottom: 80px;
}

body.manage-centre .tabs {
  margin-bottom: 0;
}

body.manage-centre .top_container {
  padding: 20px;
  box-sizing: border-box;
  border: solid var(--bordercolor);
  border-width: 0 1px 1px;
}

body.manage-centre button .ui-icon-disk, body.manage-centre input[type="submit"] .ui-icon-disk, body.manage-centre input[type="reset"] .ui-icon-disk, body.manage-centre input[type="button"] .ui-icon-disk,
body.manage-centre button .ui-icon-arrowreturnthick-1-w,
body.manage-centre input[type="submit"] .ui-icon-arrowreturnthick-1-w,
body.manage-centre input[type="reset"] .ui-icon-arrowreturnthick-1-w,
body.manage-centre input[type="button"] .ui-icon-arrowreturnthick-1-w {
  display: none;
}

body.manage-centre .ui-button .ui-button-text {
  padding-left: 0;
}

table.full-width td, table.user-search td,
table.user-search td,
#alist1 tbody tr td,
.dataTables_wrapper table td {
  vertical-align: top !important;
}

body.manage-centre #manage-center-container #bottom-container .navbar .nav > li.dropdown .dropdown-menu-list:after {
  display: none !important;
}

.course-dropdown-btn:visited {
  color: #ffffff;
}

body.manage-centre::after {
  display: none;
}

body.manage-centre #manage-center-container #bottom-container {
  z-index: 10;
}

.duration-view-selector {
  margin-top: 7px;
}

.duration-view-selector .duration-view-option {
  height: 32px;
}

body.manage-centre {
  background: var(--lightgrey);
  overflow-x: hidden;
}

body.manage-centre #manage-center-container #top-container .left-side-menu {
  float: none;
  position: absolute;
  top: 135px;
  left: calc(50% - 610px);
}

@media screen and (max-width: 1260px) {
  body.manage-centre #manage-center-container #top-container .left-side-menu {
    left: 30px;
  }
}

body.manage-centre #manage-center-container #top-container .left-side-menu #home-btn {
  font-family: var(--font);
  font-weight: 600;
  line-height: 1.2;
  color: #000000;
  text-transform: initial;
  text-shadow: none;
  letter-spacing: 0;
  font-family: var(--font);
  font-size: 18px;
  font-weight: 400;
  display: block;
  background: var(--lightgrey);
  box-shadow: none;
  line-height: 50px;
  border-radius: 0;
  border-bottom: 0;
  text-transform: initial;
  text-shadow: none;
  color: var(--textcolor);
  transition: background 0.15s, color 0.15s;
  height: 52px;
  padding: 0 30px;
  border-top: 1px solid #dedbd6;
  margin: 0;
  border-radius: 0;
  position: relative;
  width: 20px;
  border-right: 0;
}

body.manage-centre #manage-center-container #top-container .left-side-menu #home-btn span {
  margin: 0;
  padding: 0;
  color: inherit;
  line-height: inherit;
}

body.manage-centre #manage-center-container #top-container .left-side-menu #home-btn span:before {
  color: inherit;
}

body.manage-centre #manage-center-container #top-container .left-side-menu #home-btn:hover {
  color: var(--secondary);
  text-decoration: none;
  text-shadow: none;
  z-index: 4;
  border-bottom-left-radius: var(--borderradius);
  border: none !important;
  color: var(--textcolor);
}

body.manage-centre #manage-center-container #top-container .right-side-menu {
  position: absolute;
  right: 0;
  top: 0;
  margin: 16px;
}

body.manage-centre #manage-center-container #bottom-container {
    box-sizing: border-box;
    position: relative;
    max-width: 100%;
    padding: 0;
    margin: 0 auto;
    background: transparent;
    border: none;
    box-shadow: none;
    height: 152px;
    padding-top: 18px;
    padding-left: 0px;
    z-index: 1;
}

body.manage-centre #manage-center-container #bottom-container .navbar {
    background: #fff;
}

body.manage-centre #manage-center-container #bottom-container .navbar .nav {
    border-radius: 0;
    margin-left: 0;
    padding-right: 24px;
    padding-left: 24px;
    margin: 0;
    float: none;
    height: 56px;
    border-radius: 0px;
    line-height: 56px;
    background: #fff;
    max-width: 1280px;
    margin: 0 auto;
	box-sizing: border-box;
}

body.manage-centre #manage-center-container #bottom-container .navbar .nav > li > a {
  font-family: var(--font);
  font-weight: 600;
  text-transform: initial;
  text-shadow: none;
  letter-spacing: 0;
  font-size: 18px;
  display: block;
  box-shadow: none;
  line-height: 56px;
  border-radius: 0;
  border-bottom: 0;
  text-transform: initial;
  text-shadow: none;
  color: var(--menutextcolor);
  transition: background 0.15s, color 0.15s;
  height: 56px;
  padding: 0 12px;
  margin: 0;
  border-radius: 0;
  position: relative;
  background: transparent;
  border-top: 0;
}

body.manage-centre #manage-center-container #bottom-container .navbar .universal-search-suggestion-list .nav > li.more.highlighted, body.manage-centre #manage-center-container #bottom-container .navbar .universal-search-suggestion-list .objects-list li .object-type + ul .nav > li:hover, .universal-search-suggestion-list .objects-list li .object-type + ul body.manage-centre #manage-center-container #bottom-container .navbar .nav > li:hover, body.manage-centre #manage-center-container #bottom-container .navbar .universal-search-suggestion-list .objects-list li .object-type + ul .nav > li.highlighted, body.manage-centre #manage-center-container #bottom-container .navbar .nav > li.highlighted {
  background: none;
  box-shadow: none;
}

body.manage-centre #manage-center-container #bottom-container .navbar .universal-search-suggestion-list .nav > li.more.highlighted > a, body.manage-centre #manage-center-container #bottom-container .navbar .universal-search-suggestion-list .objects-list li .object-type + ul .nav > li:hover > a, .universal-search-suggestion-list .objects-list li .object-type + ul body.manage-centre #manage-center-container #bottom-container .navbar .nav > li:hover > a, body.manage-centre #manage-center-container #bottom-container .navbar .universal-search-suggestion-list .objects-list li .object-type + ul .nav > li.highlighted > a, body.manage-centre #manage-center-container #bottom-container .navbar .nav > li.highlighted > a {
  color: var(--menutextcolorhover) !important;
}

body.manage-centre #manage-center-container #bottom-container .navbar .universal-search-suggestion-list .nav > li.more.highlighted > a:hover, body.manage-centre #manage-center-container #bottom-container .navbar .universal-search-suggestion-list .objects-list li .object-type + ul .nav > li:hover > a:hover, .universal-search-suggestion-list .objects-list li .object-type + ul body.manage-centre #manage-center-container #bottom-container .navbar .nav > li:hover > a:hover, body.manage-centre #manage-center-container #bottom-container .navbar .universal-search-suggestion-list .objects-list li .object-type + ul .nav > li.highlighted > a:hover, body.manage-centre #manage-center-container #bottom-container .navbar .nav > li.highlighted > a:hover {
  text-shadow: none;
}

body.manage-centre #manage-center-container #bottom-container .navbar .nav > li:hover, body.manage-centre #manage-center-container #bottom-container .navbar .nav > li.selected {
  background: none;
  box-shadow: none;
}

body.manage-centre #manage-center-container #bottom-container .navbar .nav > li:hover > a, body.manage-centre #manage-center-container #bottom-container .navbar .nav > li.selected > a {
  color: var(--menutextcolorhover);
  text-decoration: none;
  text-shadow: none;
  z-index: 4;
  z-index: 4;
  position: relative;
}

body.manage-centre #manage-center-container #bottom-container .navbar .nav > li.dropdown .dropdown-menu-list {
    border-radius: 0;
    z-index: 10;
    background: #fff;
    position: absolute;
    border: 1px solid transparent; border-color: var(--bordercolor);
    padding: 24px 24px;
    border-top: 0;
    top: 152px !important;
    border-radius: 0px;
    z-index: -1;
    margin: 0 auto !important;
    width: 100%;
    max-width: 1280px;
    box-shadow: none;
    box-sizing: border-box;
    left: 50%;
    transform: translateX(-50%);
}

body.manage-centre #manage-center-container #bottom-container .navbar .nav > li.dropdown .dropdown-menu-list li {
  border-bottom: 0 !important;
}

body.manage-centre #manage-center-container #bottom-container .navbar .nav .group {
  vertical-align: top;
}

body.manage-centre #manage-center-container #bottom-container .navbar .nav .group label {
  font-family: var(--font);
  font-size: var(--font-size);
  font-weight: 600 !important;
  line-height: 56px;
  letter-spacing: 0;
  text-transform: inherit;
  text-shadow: none;
  color: var(--headers);
  display: block;
  padding: 8px 4px 8px 12px;
}

body.manage-centre #manage-center-container #bottom-container .navbar .nav .group .dropdown-menu-sub-list li {
  background: transparent !important;
  margin: 0 !important;
  padding: 4px 0 !important;
}

body.manage-centre #manage-center-container #bottom-container .navbar .nav .group .dropdown-menu-sub-list li:first-child {
  border-top: none;
}

body.manage-centre #manage-center-container #bottom-container .navbar .nav .group .dropdown-menu-sub-list li a {
  font-family: var(--font);
  text-transform: initial;
  text-shadow: none;
  letter-spacing: 0;
  font-family: var(--font);
  font-size: var(--font-size);
  padding: 5px 27px;
  background: transparent !important;
  border: none;
  text-transform: inherit;
  height: auto;
  margin: 0;
  border-radius: 0;
  font-weight: 400;
  line-height: 26px;
  display: block;
  font-size: 1rem;
  padding: 7px 5px;
  padding-left: 10px;
  line-height: 20px;
  text-decoration: none;
  color: var(--link);
}

body.manage-centre #manage-center-container #bottom-container .navbar .nav .group .dropdown-menu-sub-list li a:hover {
  color: var(--linkhover);
  background: transparent !important;
  text-shadow: none;
}

body.manage-centre #manage-center-container #bottom-container .navbar .nav .group .dropdown-menu-sub-list li a:hover {
  color: var(--linkhover);
}

body.manage-centre #manage-center-container #top-container .right-side-menu {
  position: absolute;
  right: 25px;
  top: 16px;
  margin: 0;
}

body.manage-centre #manage-center-container #top-container .right-side-menu a {
  font-family: "Flaticons Stroke", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  width: 40px;
  height: 40px;
  background: transparent;
  border-radius: 0;
  border: none;
  margin: 0;
  box-shadow: none;
  color: var(--lightgrey);
  position: relative;
  display: block;
  padding: 0;
  margin: 0 1px;
  font-size: 0;
}

body.manage-centre #manage-center-container #top-container .right-side-menu a:hover {
  border: none;
  color: #cfcbc3;
  background: transparent;
}

body.manage-centre #manage-center-container #top-container .right-side-menu a:before {
  font-size: var(--font-size);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

body.manage-centre #manage-center-container #top-container .right-side-menu a#username:before {
  content: '\e4b0';
}

body.manage-centre #manage-center-container #top-container .right-side-menu a.logout:before {
  content: '\e510';
  margin-top: -1px;
}

body.manage-centre #manage-center-container #top-container .right-side-menu a span {
  display: none;
}

#home-widgets #column_0:nth-child(1) .html-widget .widget-content {
  padding: 0;
}

#home-widgets #column_1:nth-child(2) .html-widget {
  margin-bottom: 0 !important;
}

#home-widgets #column_1:nth-child(2) .html-widget .widget-content {
  padding: 0;
}

#home-widgets #column_2:nth-child(3) .html-widget {
  margin-bottom: 0 !important;
}

#home-widgets #column_2:nth-child(3) .html-widget .widget-content {
  padding: 0;
}

#home-widgets .side-widget {
  background: transparent;
  border: 0px solid rgba(0, 53, 107, 0.1);
  border-radius: 0;
}

#home-widgets .side-widget .widget-header {
  width: auto;
  box-sizing: border-box;
  padding: 0px 32px 24px;
  font-family: var(--fontheaders);
  font-size: 40px;
  font-weight: 600;
  line-height: 64px;
  letter-spacing: 0;
  text-transform: initial;
  color: var(--headers);
}

#home-widgets .side-widget .widget-content {
  position: relative;
  width: auto;
  box-sizing: border-box;
  padding: 24px 32px 24px;
  color: var(--textcolor);
  font-size: var(--font-size);
  line-height: 1.5;
}

#home-widgets .side-widget .widget-content td {
  line-height: 1.5;
}

#home-widgets .side-widget.news-article .widget-content td {
  padding: 0;
  line-height: 1.5;
}

#home-widgets .side-widget.news-article .widget-content > table {
  display: block;
}

#home-widgets .side-widget.news-article .widget-content > table > tbody {
  display: block;
}

#home-widgets .side-widget.news-article .widget-content > table > tbody > tr:last-child :after {
  background-color: white;
}

#home-widgets .side-widget.news-article .widget-content > table > tbody > tr > td {
  font-weight: bold;
  padding: 0 0 16px;
}
#home-widgets .side-widget.news-article .widget-content > table > tbody > tr {
border-bottom: 1px solid transparent; border-color: var(--bordercolor);
}

#home-widgets .side-widget.news-article .widget-content > table > tbody > tr > td > table > tbody > tr > td {
  padding: 0;
}

#home-widgets .side-widget.news-article .widget-content > table > tbody > tr > td > table > tbody > tr > td > b {
  color: var(--textcolor);
  font-weight: 600;
  font-size: 20px;
  line-height: 32px;
  padding-bottom: 4px;
  padding-top: 16px;
}

#home-widgets .side-widget.news-article .widget-content > table > tbody > tr:first-child > td > table > tbody > tr > td > b {
  padding-top: 0px;
}

#home-widgets .side-widget.news-article .widget-content > table > tbody > tr > td > table > tbody > tr > td span.news {
  display: none;
}

#home-widgets .side-widget.news-article .widget-content > table > tbody > tr > td table > tbody > tr + tr > td {
  font-weight: normal;
  color: var(--textcolor);
  font-size: var(--font-size);
  line-height: 24px;
}

#home-widgets .side-widget.news-article .widget-content > table > tbody > tr > td table > tbody > tr + tr + tr > td a {
  display: inline-block;
  margin-top: 20px;
  color: var(--textcolor);
  font-weight: bold;
}

#home-widgets .side-widget.news-article .widget-content > table > tbody > tr > td table > tbody > tr + tr + tr > td a:hover {
  color: var(--textcolor);
}

#home-widgets .side-widget.recent-activity-widget .widget-content {
  height: 300px;
  overflow: auto;
}

#home-widgets .side-widget.recent-activity-widget .widget-content ul.activity-stream {
  margin: 0;
  padding: 0;
  list-style: none;
}

#home-widgets .side-widget.recent-activity-widget .widget-content ul.activity-stream li {
  margin: 0;
  padding: 10px 0;
  border: 0;
  display: block;
  width: 100%;
  border-bottom: 1px solid transparent; border-color: var(--bordercolor);
}

#home-widgets .side-widget.recent-enrollment {
  background: #fff;
  border-color: var(--bordercolor);
}

#home-widgets .side-widget.recent-enrollment .widget-header {
  color: var(--textcolor);
}

#home-widgets .side-widget.recent-enrollment .widget-content {
  color: var(--textcolor);
}

#home-widgets .side-widget.recent-enrollment .widget-content tr {
  border-bottom: 1px solid #ececec;
}

#home-widgets .side-widget.recent-enrollment .widget-content td {
  padding: 16px 0;
}

#home-widgets .side-widget.recent-enrollment .widget-content td .icon-mt-online {
  padding: 4px 0;
}

#home-widgets .side-widget.recent-enrollment .widget-content a {
  color: var(--textcolor);
}

#home-widgets .side-widget.recent-enrollment .widget-content a:hover {
  color: var(--textcolor);
}

#home-widgets .side-widget.recent-enrollment .widget-content a.button {
  color: #ffffff;
  line-height: 24px;
}

#home-widgets .side-widget.recent-enrollment .widget-content a.button:hover span, #home-widgets .side-widget.recent-enrollment .widget-content a.button:hover i {
  color: #fff;
}

#home-widgets .side-widget.recent-enrollment .widget-content .module-actions input[type="BUTTON"] {
  width: 120px;
}

#home-widgets .side-widget.recent-enrollment .widget-content [class^="icon-mt"], #home-widgets .side-widget.recent-enrollment .widget-content [class*=" icon-mt"] {
  color: var(--textcolor);
  display: inline-block;
}

#home-widgets .side-widget.recent-enrollment .widget-content .submodule-container {
  margin-top: 20px;
}

#home-widgets .side-widget.html-widget {
  background: transparent;
  border: none;
  position: relative;
}

#home-widgets .side-widget.html-widget.profiel {
  margin-bottom: 88px;
}

#home-widgets .side-widget.html-widget .widget-content > div > *.green {
  background-color: #f0fbed;
  padding: 40px 30px;
}

#home-widgets .side-widget.html-widget .widget-content > div > *.green .pre-title {
  color: #779bb2 !important;
}

#home-widgets .side-widget.html-widget .widget-content strong {
  font-family: var(--font);
  font-size: 22px;
  font-weight: 600;
  line-height: 30px;
  text-transform: initial;
  letter-spacing: 0;
  color: var(--textcolor);
}

#home-widgets .side-widget.html-widget .widget-content .pre-title {
  display: block;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 3.16px;
}

#home-widgets .side-widget.html-widget .widget-content .heading-text {
  line-height: 1.1;
  font-size: 22px !important;
  font-weight: 600;
  text-transform: none;
  background: transparent;
  color: #003c78 !important;
  display: block;
}

#home-widgets .side-widget.html-widget .widget-content .html-block {
  padding: 30px;
  background: #ffffff;
}

#home-widgets .side-widget.html-widget .widget-content .link-block a {
  display: flex;
  padding-right: 25px;
  flex-wrap: wrap;
  align-items: center;
  background: #fff;
  font-size: var(--font-size);
}

#home-widgets .side-widget.html-widget .widget-content .link-block a img {
  width: 180px;
  height: 116px;
  -o-object-fit: cover;
     object-fit: cover;
  margin-right: 25px;
}

#home-widgets .side-widget.html-widget .widget-content .link-block a .content {
  display: flex;
  color: rgba(33, 34, 35, 0.5) !important;
  flex-wrap: wrap;
}

#home-widgets .side-widget.html-widget .widget-content .link-block a .title {
  color: var(--secondary) !important;
  width: 100%;
  font-size: var(--font-size);
  padding-bottom: 5px;
  flex: 0 0 100%;
}

#home-widgets .side-widget.html-widget .widget-content .link-block a:hover {
  text-decoration: none;
}

#home-widgets .side-widget.html-widget .widget-content .link-block a:hover .title {
  color: var(--primary) !important;
}

#home-widgets .grid_12 {
  margin: 0 10px;
}

#home-widgets .grid_12 div.side-widget {
  margin-bottom: 0;
}

#home-widgets .spotlight {
  width: 100%;
  margin-top: -10px;
}

#home-widgets .spotlight .spotlight-item {
  width: 100%;
  height: 300px;
  border-bottom: 5px solid var(--secondary);
  border-radius: 3px 3px 0 0;
  overflow: hidden;
  display: block;
  position: relative;
  margin-top: 10px !important;
}

#home-widgets .spotlight .spotlight-item:after {
  height: 100%;
  width: 100%;
  z-index: 2;
  content: "";
  opacity: 0.3;
  display: block;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  position: absolute;
  top: 0;
  left: 0;
}

#home-widgets .spotlight .spotlight-item img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  z-index: -1;
  transform: scale(1);
  transition: transform 300ms;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

#home-widgets .spotlight .spotlight-item .content {
  position: absolute;
  width: 100%;
  padding: 35px;
  bottom: 0;
  left: 0;
  z-index: 3;
}

#home-widgets .spotlight .spotlight-item .content .type {
  width: 100%;
  padding-right: 25px;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 26px;
  color: var(--secondary);
  display: block;
}

#home-widgets .spotlight .spotlight-item .content .title {
  display: block;
  padding-right: 25px;
  width: 100%;
  font-size: 20px;
  font-weight: 600;
  line-height: 26px;
  color: #fff;
}

#home-widgets .spotlight .spotlight-item .button {
  width: auto;
  display: inline-block;
}

#home-widgets a.spotlight-item:before {
  font-family: "Flaticons Stroke";
  transition: none;
  position: absolute;
  bottom: 30px;
  right: 35px;
  z-index: 3;
  display: inline-block;
  font-size: 22px;
  color: #fff;
  transform: translateX(0);
  transition: transform 300ms;
  content: "\e5ab";
}

#home-widgets a.spotlight-item:hover:before {
  transform: translateX(5px);
}

#home-widgets a.spotlight-item:hover img {
  transform: scale(1.05);
}

#home-widgets .html-block {
  background: #fff !important;
  padding: 35px 40px;
  border-radius: var(--borderradius);
}

#home-widgets .html-block iframe {
  width: 100%;
  height: 290px;
  margin: -10px 0s;
}

#home-widgets .html-block .widget-heading-text {
  font-size: 22px !important;
  font-weight: 600;
  letter-spacing: 0;
  padding: 0 0 20px 0 !important;
  line-height: 30px !important;
}

#home-widgets .html-block a {
  color: var(--secondary) !important;
}

#home-widgets .html-block a:hover {
  color: var(--primary) !important;
}

#home-widgets .html-block .faq-item {
  color: var(--textcolor);
  border-bottom: 1px solid transparent; border-color: var(--bordercolor);
  width: 100%;
  cursor: pointer;
  margin-top: -10px;
  margin-bottom: 10px;
}

#home-widgets .html-block .faq-item .head {
  position: relative;
  width: 100%;
  display: block;
  padding: 16px 50px 16px 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

#home-widgets .html-block .faq-item .head:after {
  font-family: "Flaticons Stroke";
  transition: none;
  position: absolute;
  bottom: 14px;
  right: 0;
  z-index: 3;
  display: inline-block;
  font-size: 18px;
  color: var(--textcolor);
  transition: transform 300ms;
  content: "\e5a9";
}

#home-widgets .html-block .faq-item .content {
  max-height: 0;
  padding: 0;
  width: 100%;
  overflow: hidden;
  transition: max-height 300ms, padding 300ms;
}

#home-widgets .html-block .faq-item.active {
  color: var(--textcolor);
}

#home-widgets .html-block .faq-item.active .head:after {
  transform: rotate(180deg);
}

#home-widgets .html-block .faq-item.active .content {
  padding: 10px 0;
  max-height: 600px;
}

#home-widgets .grid_12 {
  margin: 0;
  width: 100%;
}

#home-widgets .grid_12-6 {
  margin: 0;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

#home-widgets .grid_12-6 .widget-content {
  overflow: hidden;
  padding: 0 !important;
}

#home-widgets .grid_12-6 .side-widget {
  flex-basis: calc(50% - 20px);
  width: calc(50% - 20px);
}

#home-widgets .grid_12-6 .side-widget:nth-child(1) {
  width: 100% !important;
  flex-basis: 100%;
  margin-bottom: 24px;
}

#home-widgets .side-widget.html-widget {
  background: transparent;
}

#home-widgets .side-widget.html-widget .widget-content .merken {
  display: flex;
  justify-content: center;
  margin-bottom: 25px;
  margin: 0 -8px;
  padding-bottom: 80px;
  flex-wrap: wrap;
  transform: translateY(-5px);
}

#home-widgets .side-widget.html-widget .widget-content .merken a {
  height: 90px;
  width: calc(16.66666666% - 17px);
  margin: 8px;
  background: #fff;
  box-shadow: 0px 10px 20px rgba(22, 22, 22, 0.1);
  border: 3px solid transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: border 300ms, box-shadow 300ms;
}

#home-widgets .side-widget.html-widget .widget-content .merken a img {
  max-width: 110px;
  max-height: 65px;
}

#home-widgets .side-widget.html-widget .widget-content .merken a:hover {
  border: 3px solid var(--secondary);
  box-shadow: 1px 1px 10px rgba(22, 22, 22, 0.1);
}

#home-widgets .side-widget.html-widget .widget-content .html-links {
  display: flex;
  margin-bottom: 10px;
}

#home-widgets .side-widget.html-widget .widget-content .html-links a {
  height: 150px;
  width: 350px;
  flex-direction: column;
  display: flex;
  box-sizing: border-box;
  padding: 50px 40px;
  margin-right: 25px;
  font-size: 14px;
  font-weight: 400;
  color: var(--textcolor);
  background: #fff;
  position: relative;
  outline: unset !important;
}

#home-widgets .side-widget.html-widget .widget-content .html-links a:after {
  font-family: "Flaticons Stroke", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  display: block;
  content: "\e5ab";
  right: 40px;
  top: 50%;
  transform: translate(0, -50%);
  font-size: 28px;
  color: var(--textcolor);
  position: absolute;
  transition: transform 300ms;
}

#home-widgets .side-widget.html-widget .widget-content .html-links a strong {
  line-height: 33px;
  color: var(--textcolor);
  font-family: var(--font);
  font-size: 22px;
  text-transform: uppercase;
}

#home-widgets .side-widget.html-widget .widget-content .html-links a img {
  height: 120px;
  margin-top: 16px;
  margin-bottom: 40px;
}

#home-widgets .side-widget.html-widget .widget-content .html-links a:nth-child(3) {
  margin-right: 0;
}

#home-widgets .side-widget.html-widget .widget-content .html-links a:hover {
  text-decoration: none;
}

#home-widgets .side-widget.html-widget .widget-content .html-links a:hover:after {
  transform: translate(8px, -50%);
}

#home-widgets .side-widget.html-widget .widget-content .html-links a.video:before {
  position: absolute;
  z-index: -2;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  content: " ";
  background: #000;
  display: block;
}

#home-widgets .side-widget.html-widget .widget-content .html-links a.video:after {
  display: none;
}

#home-widgets .side-widget.html-widget .widget-content .html-links a.video img {
  opacity: 0.5;
  position: absolute;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
  margin-top: 0;
  top: 0;
  left: 0;
  z-index: -1;
  transition: opacity 200ms;
}

#home-widgets .side-widget.html-widget .widget-content .html-links a.video:hover img {
  opacity: 0.4;
}

#home-widgets .side-widget.html-widget .widget-content .html-tabs {
  padding: 16px 25px;
  box-sizing: border-box;
  background: #fff;
}

#home-widgets .side-widget.html-widget .widget-content .html-tabs ul {
  margin: 0;
  padding: 0;
  height: auto;
  display: block;
  border-bottom: 0;
}

#home-widgets .side-widget.html-widget .widget-content .html-tabs ul li {
  display: block;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
}

#home-widgets .side-widget.html-widget .widget-content .html-tabs ul li a {
  line-height: 50px;
}

#home-widgets .side-widget.html-widget .widget-content .html-tabs ul li.selected a {
  height: 50px;
  background: var(--secondary);
  border: 1px solid var(--secondary);
  border-bottom: transparent;
  margin-right: -1px;
  color: #fff !important;
  font-weight: 400;
  height: 50px;
}

#home-widgets .side-widget.html-widget .widget-content .html-tabs ul li:nth-child(1) {
  border-left: 1px solid var(--secondary);
}

#home-widgets .side-widget.html-widget .widget-content .html-tabs a {
  padding: 16px 18px;
  background: var(--lightgrey);
  border: 1px solid var(--lightgrey);
  border-width: 1px 1px 0;
  margin-right: -1px;
  border-radius: 4px 4px 0 0;
  font-family: var(--font);
  font-size: var(--font-size);
  font-weight: 400;
  color: var(--textcolor);
  line-height: 1.2;
  text-transform: none;
  text-decoration: none;
  box-sizing: border-box;
  display: block;
  float: none;
  white-space: nowrap;
  margin: 0;
  text-decoration: none !important;
  height: 50px;
}

#home-widgets .side-widget.html-widget .widget-content .html-tabs a:hover {
  background: var(--lightgrey);
  border-color: var(--lightgrey);
  color: var(--secondary) !important;
  margin-right: -1px;
  font-weight: 400;
  text-decoration: none;
  cursor: pointer;
}

#home-widgets .side-widget.html-widget .widget-content .html-tabs a span {
  display: block;
  float: none;
  padding: 0;
  margin: 0;
  background: transparent;
  border: none;
  white-space: nowrap;
  text-align: center;
}

@-webkit-keyframes plyr-progress {
  to {
    background-position: 25px 0;
  }
}

@keyframes plyr-progress {
  to {
    background-position: 25px 0;
  }
}

@-webkit-keyframes plyr-popup {
  0% {
    opacity: 0.5;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes plyr-popup {
  0% {
    opacity: 0.5;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@-webkit-keyframes plyr-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes plyr-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes Gradient-start {
  0% {
    background-position: -100% 50%;
  }
  100% {
    background-position: 8% 50%;
  }
}

@keyframes Gradient-start {
  0% {
    background-position: -100% 50%;
  }
  100% {
    background-position: 8% 50%;
  }
}

@-webkit-keyframes Gradient-hover {
  0% {
    background-position: 8% 50%;
  }
  50% {
    background-position: 3% 50%;
  }
  100% {
    background-position: 100% 50%;
  }
}

@keyframes Gradient-hover {
  0% {
    background-position: 8% 50%;
  }
  50% {
    background-position: 3% 50%;
  }
  100% {
    background-position: 100% 50%;
  }
}

@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(0, 193, 222, 0.4);
  }
  70% {
    box-shadow: 0 0 0 30px rgba(0, 193, 222, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(0, 193, 222, 0);
  }
}

@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(0, 193, 222, 0.4);
  }
  70% {
    box-shadow: 0 0 0 30px rgba(0, 193, 222, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(0, 193, 222, 0);
  }
}

@-webkit-keyframes moveOut {
  from {
    clip: rect(0, 100vw, 100vh, 0);
  }
  to {
    clip: rect(0, 100vw, 100vh, 100vw);
  }
}

@keyframes moveOut {
  from {
    clip: rect(0, 100vw, 100vh, 0);
  }
  to {
    clip: rect(0, 100vw, 100vh, 100vw);
  }
}

@-webkit-keyframes moveIn {
  from {
    clip: rect(0, 0, 100vh, 0);
  }
  to {
    clip: rect(0, 100vw, 100vh, 0);
  }
}

@keyframes moveIn {
  from {
    clip: rect(0, 0, 100vh, 0);
  }
  to {
    clip: rect(0, 100vw, 100vh, 0);
  }
}

#home-widgets .side-widget.personal-calendar {
  background: #fff;
  border-color: var(--bordercolor);
}

#home-widgets .side-widget.personal-calendar .widget-content {
    background: var(--primary);
}

#home-widgets .side-widget.personal-calendar .widget-header {
  display: none;
}

#home-widgets .side-widget.personal-calendar .widget-content .personal-calendar-container {
  padding: 0;
  width: auto;
  background: transparent;
}

#home-widgets .side-widget.personal-calendar .widget-content .personal-calendar-container .actions {
  padding: 0;
  background: transparent;
  border: none;
}

#home-widgets .side-widget.personal-calendar .widget-content .personal-calendar-container .actions .selected-date {
  font-family: var(--font);
  font-weight: 600;
  line-height: 1.2;
  text-transform: initial;
  text-shadow: none;
  letter-spacing: 0;
  float: none;
  text-transform: capitalize;
  font-size: 22px;
  color: var(--white);
  font-weight: 600;
}

#home-widgets .side-widget.personal-calendar .widget-content .personal-calendar-container .actions .back-to-today {
  font-family: var(--font);
  font-size: var(--font-size);
  font-weight: 400 !important;
  line-height: 50px;
  letter-spacing: 0;
  text-transform: inherit;
  text-shadow: none;
  color: var(--secondary);
}

#home-widgets .side-widget.personal-calendar .widget-content .personal-calendar-container .actions .month-selector {
  float: none;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  margin: 0 0 10px;
}

#home-widgets .side-widget.personal-calendar .widget-content .personal-calendar-container .actions .month-selector select {
  flex: 1 1 auto;
  margin: 5px;
  height: 48px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: #fff;
  border: 1px solid transparent; 
  border-color: var(--bordercolor);
  border-radius: var(--borderradius);
  background-image: url(images/widget-calendar-select-caret.png);
  background-position: calc(100% - 10px) 50%;
  background-size: 8px auto;
  background-repeat: no-repeat;
}

#home-widgets .side-widget.personal-calendar .widget-content .personal-calendar-container .actions .month-selector select::-ms-expand {
  display: none;
}

#home-widgets .side-widget.personal-calendar .widget-content .personal-calendar-container .actions .pre-month,
#home-widgets .side-widget.personal-calendar .widget-content .personal-calendar-container .actions .next-month {
  color: var(--secondary);
  font-size: 10px;
  margin: 5px;
}

#home-widgets .side-widget.personal-calendar .widget-content .personal-calendar-container .add-note-container .action-nav {
  float: none;
  margin: 5px 0;
  padding: 0;
  background: transparent;
  border: none;
  border-radius: 0;
}

#home-widgets .side-widget.personal-calendar .widget-content .personal-calendar-container .add-note-container .action-nav .button {
  float: none;
  display: block;
  width: 100%;
  border-radius: var(--borderradius);
  background: var(--button);
  border-color: var(--button);
  box-shadow: none;
  color: var(--buttontext);
  margin: 0 !important;
}

#home-widgets .side-widget.personal-calendar .widget-content .personal-calendar-container .add-note-container .action-nav .button:hover {
  background: var(--buttonhover);
  border-color: transparent;
  box-shadow: none;
  color: var(--buttontexthover);
  margin: 0 !important;
}

#home-widgets .side-widget.personal-calendar .widget-content .personal-calendar-container .add-note-container .action-nav .button:active {
  background: var(--buttonhover);
  border-color: transparent;
  box-shadow: none;
  color: var(--buttontexthover);
}

#home-widgets .side-widget.personal-calendar .widget-content .personal-calendar-container .events-container {
  box-sizing: border-box;
  background: var(--lightgrey);
  border: 1px solid transparent; border-color: var(--bordercolor);
  border-radius: var(--borderradius);
  padding: 0 12px;
  margin: 0;
}

.general-calendar-container .events-list .event-item .time, .personal-calendar-container .events-list .event-item .time {
    color: var(--textcolor);
}

#home-widgets .side-widget.personal-calendar .widget-content .personal-calendar-container .events-container .events-list {
    margin: 0;
    padding: 0 0 0px !important;
}

#home-widgets .side-widget.personal-calendar .widget-content .personal-calendar-container .events-container .events-list li {
    padding: 0;
    color: var(--textcolor);
	opacity: 1;
	position: relative;
}

#home-widgets .side-widget.personal-calendar .widget-content .personal-calendar-container .calendar-week li {
  border: none;
  background: transparent;
  color: var(--white);
  font-family: var(--font);
  font-weight: 400;
  font-size: var(--font-size);
  line-height: 1;
}

#home-widgets .side-widget.personal-calendar .widget-content .personal-calendar-container .calendar-date-list {
  border: none;
  background: transparent;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: stretch;
}

#home-widgets .side-widget.personal-calendar .widget-content .personal-calendar-container .calendar-date-list li {
  flex: 1 1 14.285714286%;
  height: 40px;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: stretch;
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
  position: relative;
  overflow: visible;
}

#home-widgets .side-widget.personal-calendar .widget-content .personal-calendar-container .calendar-date-list li .text {
  position: relative;
  z-index: 2;
  color: var(--white);
  font-family: var(--font);
  font-weight: 400;
  font-size: var(--font-size);
  line-height: 1;
}

#home-widgets .side-widget.personal-calendar .widget-content .personal-calendar-container .calendar-date-list li.other-months .text {
  color: var(--white);
  opacity: 0.5;
}

#home-widgets .side-widget.personal-calendar .widget-content .personal-calendar-container .calendar-date-list li.with-events .text {
  color: var(--secondary);
  font-weight: bold;
}

#home-widgets .side-widget.personal-calendar .widget-content .personal-calendar-container .calendar-date-list li.with-events .icon-circle {
  display: none !important;
}

#home-widgets .side-widget.personal-calendar .widget-content .personal-calendar-container .calendar-date-list li.today, #home-widgets .side-widget.personal-calendar .widget-content .personal-calendar-container .calendar-date-list li.selected {
  background: transparent;
}

#home-widgets .side-widget.personal-calendar .widget-content .personal-calendar-container .calendar-date-list li.today::before, #home-widgets .side-widget.personal-calendar .widget-content .personal-calendar-container .calendar-date-list li.selected::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-49%, -47%);
  height: 34px;
  width: 34px;
  background: transparent;
  border: 2px solid transparent;
  border-radius: 0;
  z-index: 0;
}

#home-widgets .side-widget.personal-calendar .widget-content .personal-calendar-container .calendar-date-list li.today .text, #home-widgets .side-widget.personal-calendar .widget-content .personal-calendar-container .calendar-date-list li.selected .text {
  color: var(--link);
  font-weight: 600;
}

#home-widgets .side-widget.personal-calendar .widget-content .personal-calendar-container .calendar-date-list li.selected::before {
    border-color: var(--link);
    border-radius: var(--borderradius);
}

#home-widgets .side-widget.personal-calendar .widget-content .personal-calendar-container .calendar-date-list li.selected .text {
  color: var(--link);
}

#home-widgets .side-widget.personal-calendar .widget-content .personal-calendar-container .calendar-date-list li.today::before {
  background: var(--secondary);
  border-radius: var(--borderradius);
}

#home-widgets .side-widget.personal-calendar .widget-content .personal-calendar-container .calendar-date-list li.today .text {
  font-weight: 600;
  color: #fff;
}

#home-widgets .side-widget.catalog-search {
  background: #fff;
  border: 0px solid rgba(0, 53, 107, 0.1);
  border-radius: 0;
}

#home-widgets .side-widget.catalog-search .widget-content select,
#home-widgets .side-widget.catalog-search .widget-content input {
  float: none;
  display: block;
  width: 100% !important;
  max-width: none;
  box-sizing: border-box;
  height: 50px;
}

#home-widgets .side-widget.catalog-search .widget-content #ACTIVEONLY {
  height: 18px;
  width: 18px !important;
  display: inline-block !important;
  margin-right: 10px !important;
}

.contact-info {
  position: relative;
  padding: 25px;
  background: #cfcbc3;
}

.contact-info .content h4 {
  font-family: var(--font);
  color: var(--textcolor);
  font-weight: 400;
  font-size: 22px;
  line-height: 32px;
  margin: 0 0 5px !important;
}

.contact-info .content p, .contact-info .content b {
  font-family: var(--font);
  font-size: 16px !important;
  line-height: 32px !important;
}

.contact-info .content strong {
  font-family: var(--font);
  font-size: 18px !important;
  font-weight: 600 !important;
  line-height: 32px !important;
}

.contact-info .contact-button {
  background: var(--secondary);
  border: 0 !important;
  border-radius: var(--borderradius);
  box-shadow: none;
  color: #ffffff;
  text-decoration: none !important;
  font-family: var(--font);
  font-size: var(--font-size);
  font-weight: 400 !important;
  line-height: 50px;
  letter-spacing: 0;
  text-transform: inherit;
  text-shadow: none;
  background: var(--primary);
  color: var(--primary) !important;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 10px !important;
  height: 60px;
  font-size: 18px;
  font-weight: 500 !important;
  transition: background 250ms;
}

.contact-info .contact-button:hover {
  background: var(--primary);
  border-color: var(--textcolor);
  box-shadow: none;
  color: #fff;
}

.contact-info .contact-button:active {
  background: var(--primary);
  border-color: transparent;
  box-shadow: none;
  color: #fff;
}

.contact-info .contact-button:hover {
  color: var(--primary) !important;
  background: var(--secondary);
}

/* Nieuws */
.news-block {
  display: block;
  flex-wrap: wrap;
  justify-content: space-between;
  position: relative;
  padding-top: 20px;
}

a.news-item:after {
    content: '';
    position: absolute;
    bottom: -100%;
    top: -100%;
    width: 1px;
    margin-left: -1px;
    background-image: linear-gradient(to top, #002b5a 20%, rgba(255, 255, 255, 0) 0%);
    background-position: left;
    background-size: 1px 5px;
    background-repeat: repeat-y;
}

.news-block .news-button {
  background: var(--button);
  border: 0 !important;
  border-radius: var(--borderradius);
  box-shadow: none;
  color: var(--buttontext);
  text-decoration: none !important;
  font-size: var(--font-size);
  font-weight: 400 !important;
  letter-spacing: 0;
  text-transform: inherit;
  text-shadow: none;
  float: right;
  font-size: var(--font-size);
  font-weight: bold;
  height: 48px;
  padding: 0 25px;
  line-height: 48px;
  transition: color 300ms, background 300ms;
  margin-top: 0 !important;
  margin-bottom: 20px !important;
  color: var(--buttontext) !important;
}

.news-block .news-button:hover {
  background: var(--buttonhover);
  border-color: var(--buttonhover);
  box-shadow: none;
  color: var(--buttontexthover);
}

.news-block .news-button:active {
  background: var(--buttonhover);
  border-color: transparent;
  box-shadow: none;
  color: var(--buttontexthover);
}

.news-block .news-item {
  width: calc(50% - 0px);
  flex: 0 0 50%;
  flex-basis: calc(50% - 0px);
  margin: 0 !important;
  display: flex;
  flex-direction: column;
  background: #fff;
  transition: background 300ms;
}

.news-block .news-item {
  width: calc(50% - 0px);
  flex: 0 0 50%;
  flex-basis: calc(50% - 0px);
  margin: 0 !important;
  display: flex;
  flex-direction: column;
  background: #fff;
  transition: background 300ms;
}

.news-block .news-item .image {
  height: 140px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transform: scale(1);
  overflow: hidden;
  overflow: hidden;
  display: block;
  z-index: 1;
}

.news-block .news-item .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: transform 500ms;
}

.news-block .news-item .title {
  transition: color 300ms;
  color: var(--primary) !important;
  font-size: 18px !important;
  line-height: 23px !important;
  padding-bottom: 10px !important;
  width: 100%;
  font-family: var(--font);
font-weight: 600;
}

.news-block .news-item .date {
  transition: color 300ms;
  color: var(--secondary) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 24px !important;
  width: 100%;
  font-family: var(--font);
}

.news-block .news-item .text {
  font-size: var(--font-size);
  font-weight: 300;
  line-height: 24px;
  color: var(--textcolor);
  display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.news-block .news-item .content {
  display: flex;
  flex-direction: column;
  padding: 22px;
  width: 100%;
  justify-content: flex-start;
  background: var(--grey);
  flex: 1;
  min-height: 270px;
  box-sizing: border-box;
}

.news-block .news-item:hover {
  text-decoration: none !important;
}

.news-block .news-item:hover .title {
  color: var(--secondary) !important;
  text-decoration: none !important;
}

.news-block .news-item:hover .date {
  color: var(--secondary) !important;
  text-decoration: none !important;
}

.news-block .news-item:hover img {
  transform: scale(1.1);
}

a.news-item .content .link {
    position: absolute;
    bottom: 25px;
	color: var(--primary) !important;
	font-family: var(--font);
}

a.news-item .content .link:before {
	content: '\27a1' !important;
	font-family:"icons" !important;
    color: var(--primary) !important;
    font-size: 20px;
	font-weight: 400;
    top: 2px !important;
    left: 0px;
    position: relative;
	transition: transform 300ms;
	display: inline-block;
	margin-right: 10px;
}

.news-block .news-item:hover .link,
.news-block .news-item:hover .link:before {
	color: var(--primary) !important;
}

.news-block .news-item:hover .link:before {
	transform: translateX(3px) !important;
}

.news-block .flickity-prev-next-button {
    top: 85px;
}

.news-block .flickity-prev-next-button.next {
    right: -20px;
}

.news-block .flickity-prev-next-button.previous {
    left: -40px;
}

.app-icons {
  display: flex;
  justify-content: center;
  justify-content: space-between;
  margin-bottom: 25px;
  margin: 0 -10px;
  width: 100%;
}

.app-icons a {
  height: 80px;
  width: calc(33.3333% - 20px);
  font-weight: 400;
  font-size: 24px;
  line-height: 24px;
  display: flex;
  padding: 0 35px;
  flex-direction: column;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  font-size: 24px;
  line-height: 24px;
  letter-spacing: 0;
  line-height: 75px;
  margin: 10px;
  color: #fff !important;
  background: var(--secondary);
  font-family: var(--font);
  position: relative;
  outline: unset !important;
  transition: color 250ms;
  font-size: 24px;
  font-weight: 400 !important;
}

.app-icons a:after {
  content: " ";
  background: url(images/arrow-right.svg);
  background-repeat: no-repeat;
  background-size: contain;
  position: relative;
  display: inline-block;
  width: 28px;
  height: 20px;
  right: 30px;
  bottom: 29px;
  position: absolute;
  transform: translateX(0px);
  transition: transform 250ms;
}

.app-icons a:nth-child(3) {
  margin-right: 0;
}

.app-icons a:hover {
  background: var(--primary);
  text-decoration: none !important;
}

.app-icons a:hover:after {
  transform: translateX(10px);
}

.snel-naar {
  display: flex;
  margin: 0 -10px;
  flex-wrap: wrap;
}

.snel-naar a {
  margin: 10px 10px;
  width: calc(25% - 20px);
  border-radius: 0;
  overflow: hidden;
  text-decoration: none;
}

.snel-naar a .figure {
  width: 100%;
  height: 155px;
  overflow: hidden;
  display: block;
  position: relative;
  background: var(--secondary);
}

.snel-naar a .figure:after {
  content: "";
  height: 45px;
  width: 45px;
  display: block;
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  text-align: center;
  transform: translate(-50%, -50%);
  background: url(images/arrow-right.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.snel-naar a .figure img {
  opacity: 1;
  width: 100%;
  height: 100%;
  z-index: 2;
  position: relative;
  -o-object-fit: cover;
     object-fit: cover;
  transition: transform 500ms, opacity 300ms;
}

.snel-naar a .content {
  display: flex;
  align-items: center;
  padding: 0 30px;
  height: 70px;
  width: 100%;
  margin-top: -1px;
  background: #f8f7f6;
  color: var(--textcolor);
  font-family: var(--font);
  font-style: normal;
  font-weight: 400;
  font-size: var(--font-size);
  line-height: 17px;
}

.snel-naar a:hover {
  text-decoration: none !important;
}

.snel-naar a:hover .figure img {
  transform: scale(1.03);
  opacity: 0;
}

.snel-naar a:hover .content {
  text-decoration: none !important;
}

.news-multi {
  margin-top: -16px;
  display: flex;
  justify-content: space-between;
}

.news-multi a {
  display: flex;
  height: 225px;
  background: var(--primary);
  transition: background 250ms;
  position: relative;
  overflow: hidden;
  flex-direction: column;
  justify-content: center;
  width: calc(25% - 16px);
}

.news-multi a:after {
  content: '';
  display: block;
  right: -45px;
  bottom: -45px;
  width: 90px;
  height: 90px;
  background: var(--secondary);
  position: absolute;
  transform: rotate(45deg);
  background-image: url(images/arrow-right.svg);
  background-position: -10px;
  background-repeat: no-repeat;
  background-size: 30px;
  transition: background-position 250ms;
}

.news-multi a .figure {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.news-multi a .figure img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  transition: transform 1s;
}

.news-multi a .title {
  padding: 0 25px;
  font-family: var(--font);
  color: var(--primary) !important;
  font-weight: 400 !important;
  font-size: 18px !important;
  line-height: 24px !important;
  z-index: 2;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.news-multi a .content {
  padding: 0 25px;
  font-family: var(--font);
  color: var(--primary) !important;
  font-weight: bold !important;
  font-size: 20px !important;
  line-height: 24px !important;
  z-index: 2;
  display: flex;
  align-items: center;
}

.news-multi a:hover {
  text-decoration: none !important;
}

.news-multi a:hover img {
  transform: scale(1.03);
}

.news-multi a:hover:after {
  background-position: -4px;
}

.news-multi a.highlight {
  background: transparent;
}

.news-multi a.highlight .title {
  color: #fff !important;
}

.news-multi a.highlight .content {
  font-size: 30px !important;
  line-height: 36px !important;
  color: #fff !important;
}

#welkom {
  color: var(--bannertext);
  width: auto;
  padding: 0;
  transform: none;
  max-width: 1280px;
  text-align: center;
  width: 100%;
  font-family: var(--fontheaders);
  font-size: 48px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 57px;
  z-index: 3;
  top: 96px;
  overflow:hidden;
}

.html-widget.profiel {
  max-width: 1100px !important;
}

.html-widget.profiel .widget-content {
  max-width: 1100px !important;
}

.widget-content .my-training {
  background: #fff;
}

.widget-content .my-training #widgetUserView h2 {
  width: 100%;
  height: 75px;
  border-bottom: 1px solid transparent; border-color: var(--bordercolor);
  padding: 20px 30px 0;
  font-family: var(--font);
  font-weight: 600;
  font-size: 22px;
  line-height: 30px;
  color: var(--textcolor);
  margin: 0 0 -1px;
}

.widget-content .my-training .panel-group {
  overflow: hidden;
  margin-bottom: 0 !important;
}

.widget-content .my-training .panel-group .glyphicon-play {
  background: url(images/widgets/arrow.svg) bottom no-repeat;
  background-size: 100%;
  height: 20px;
  width: 16px;
  margin-top: -5px;
  transition: transform 250ms;
  transform: translateX(0);
}

.widget-content .my-training .panel-group .glyphicon-play:before {
  display: none;
}

.widget-content .my-training .panel-group .glyphicon-ok-sign {
  background: url(images/widgets/complete.svg) bottom no-repeat;
  background-size: 100%;
  height: 22px;
  width: 22px;
  margin-top: -5px;
  margin-right: 20px;
}

.widget-content .my-training .panel-group .glyphicon-ok-sign:before {
  display: none;
}

.widget-content .my-training .panel-group .glyphicon-asterisk {
  background: url(images/widgets/started.svg) bottom no-repeat;
  background-size: 100%;
  height: 22px;
  width: 22px;
  margin-top: -5px;
  margin-right: 20px;
}

.widget-content .my-training .panel-group .glyphicon-asterisk:before {
  display: none;
}

.widget-content .my-training .panel-group .glyphicon-remove-sign {
  background: url(images/widgets/not-started.svg) bottom no-repeat;
  background-size: 100%;
  height: 22px;
  width: 22px;
  margin-top: -5px;
  margin-right: 20px;
}

.widget-content .my-training .panel-group .glyphicon-remove-sign:before {
  display: none;
}

.widget-content .my-training .panel-group .glyphicon-plus {
  background: url(images/widgets/chevron-down.svg) bottom no-repeat;
  background-size: 100%;
  height: 22px;
  width: 18px;
  background-size: 17px !important;
  margin-top: 0;
}

.widget-content .my-training .panel-group .glyphicon-plus:before {
  display: none;
}

.widget-content .my-training .panel-group .glyphicon-minus {
  background: url(images/widgets/chevron-down.svg) bottom no-repeat;
  background-size: 100%;
  height: 22px;
  width: 18px;
  background-size: 17px !important;
  margin-top: 0;
  transform: rotate(180deg);
}

.widget-content .my-training .panel-group .glyphicon-minus:before {
  display: none;
}

.widget-content .my-training .panel-group h3 {
  border: 1px solid transparent; border-color: var(--bordercolor);
  border-left: 0;
  border-right: 0;
  padding: 0;
  margin-bottom: -1px;
  margin-top: 0;
  padding: 16px 53px 16px 30px;
  position: relative;
}

.widget-content .my-training .panel-group h3 a {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 0 !important;
  text-transform: initial;
  text-decoration: none !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 22px !important;
}

.widget-content .my-training .panel-group h3 a:after {
  background: url(images/widgets/chevron-down.svg) bottom no-repeat;
  background-size: 100%;
  height: 22px;
  width: 18px;
  background-size: 17px !important;
  margin-top: 0;
  content: '';
  display: block;
  position: absolute;
  top: 20px;
  right: 29px;
  transform: rotate(180deg);
}

.widget-content .my-training .panel-group h3 a:hover {
  text-decoration: none !important;
}

.widget-content .my-training .panel-group h3 a.collapsed:after {
  top: 9px;
  transform: rotate(0);
}

.widget-content .my-training .panel-group .panel {
  border-radius: 0;
  box-shadow: none;
  border: 1px solid transparent; border-color: var(--bordercolor);
  border-left: 0;
  border-right: 0;
  background: transparent;
  padding: 0;
  margin-bottom: -1px;
  margin-top: 0;
  font-size: var(--font-size);
  font-weight: 500;
  line-height: 22px;
}

.widget-content .my-training .panel-group .panel .panel-heading {
  background: transparent;
  background: rgba(126, 121, 119, 0.1);
  border-bottom: 1px solid transparent; border-color: var(--bordercolor);
  padding: 0;
  padding: 16px 30px;
}

.widget-content .my-training .panel-group .panel .panel-heading .pull-right {
  margin-top: 0 !important;
}

.widget-content .my-training .panel-group .panel .panel-heading .pull-right span {
  margin-right: 0 !important;
}

.widget-content .my-training .panel-group .panel .panel-heading .glyphicon {
  background-size: 23px 23px;
  background-position: right;
  margin-right: 25px;
}

.widget-content .my-training .panel-group .panel .panel-heading .tooltip {
  left: initial !important;
  right: 105px !important;
  pointer-events: none;
}

.widget-content .my-training .panel-group .panel .table thead {
  background: rgba(126, 121, 119, 0.05);
}

.widget-content .my-training .panel-group .panel .table thead th {
  font-size: var(--font-size);
  font-weight: 500;
  letter-spacing: 0;
  line-height: 20px;
  border-bottom: 0 !important;
  padding: 16px 0;
}

.widget-content .my-training .panel-group .panel .table thead th:first-child {
  padding-left: 45px !important;
}

.widget-content .my-training .panel-group .panel .table thead th:last-child {
  padding-right: 30px !important;
}

.widget-content .my-training .panel-group .panel .table tr {
  border-bottom: 0 !important;
  padding: 16px 0;
}

.widget-content .my-training .panel-group .panel .table tr td {
  font-size: var(--font-size);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 20px;
  padding: 16px 0;
  color: rgba(51, 51, 51, 0.5) !important;
}

.widget-content .my-training .panel-group .panel .table tr td:first-child {
  color: var(--primary) !important;
  padding-left: 45px !important;
}

.widget-content .my-training .panel-group .panel .table tr td:last-child {
  padding-right: 35px !important;
}

.widget-content .my-training .panel-group .panel .table tr td a:hover .glyphicon {
  transform: translateX(5px);
}

#calendarWidget {
  width: 100%;
}

#calendarWidget .cursussen {
  background: #fff;
  box-shadow: 0px 2px 16px 3px #cfcbc3;
  min-height: 195px;
}

#calendarWidget .cursussen .head {
  width: 100%;
  height: 75px;
  border-bottom: 1px solid #f4f2f2;
  padding: 20px 30px 0;
  margin: 0;
  box-sizing: border-box;
}

#calendarWidget .cursussen .head h2 {
  font-family: var(--font);
  font-weight: 600;
  font-size: 22px;
  line-height: 30px;
  color: var(--textcolor);
  margin: 0;
}

#calendarWidget .cursussen .content {
  padding: 20px 30px 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

#calendarWidget .cursussen .content a {
  width: 50%;
  max-width: 320px;
  display: flex;
  margin: 0 0 20px !important;
}

#calendarWidget .cursussen .content a .date {
  width: 60px;
  height: 60px;
  border-radius: 5px;
  background: var(--lightgrey);
  color: #000;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-right: 18px;
  flex: 0 0 60px;
}

#calendarWidget .cursussen .content a .date .number {
  font-weight: 500 !important;
  font-size: 20px !important;
  line-height: 24px !important;
  letter-spacing: 0.09em !important;
  font-family: var(--font) !important;
  color: #000 !important;
}

#calendarWidget .cursussen .content a .date .month {
  font-weight: 400 !important;
  font-size: 14px !important;
  line-height: 14px !important;
  letter-spacing: 0.09em !important;
  color: #000 !important;
  text-transform: uppercase;
}

#calendarWidget .cursussen .content a .meta {
  margin: 0;
  display: flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

#calendarWidget .cursussen .content a .h3 {
  font-size: 16px !important;
  line-height: 20px !important;
  font-family: var(--font);
  font-weight: 500;
  max-width: 250px;
  color: var(--primary) !important;
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  overflow: hidden;
  -webkit-box-orient: vertical;
  max-height: 42px;
  transition: color 200ms;
}

#calendarWidget .cursussen .content a .time {
  font-family: var(--font);
  color: #000 !important;
  opacity: 0.5;
  font-weight: 400;
  font-size: 14px !important;
  line-height: 17px !important;
}

#calendarWidget .cursussen .content a.current .date {
  background: var(--secondary);
  color: #fff;
}

#calendarWidget .cursussen .content a.current .date .number {
  color: #fff !important;
}

#calendarWidget .cursussen .content a.current .date .month {
  color: #fff !important;
}

#calendarWidget .cursussen .content a:hover {
  text-decoration: none !important;
}

#calendarWidget .cursussen .content a:hover .h3 {
  color: var(--secondary) !important;
  text-decoration: none;
}

.grid_4 .cursussen #calendarWidget .content a {
  width: 100%;
}

/* ACTIVE COURSES WIDGET */
.activeCourseListWidget {
  width: calc(100% - 0px) !important;
  height: 270px !important;
  border: 0px solid black !important;
  overflow: hidden;
  position: relative;
}

.learningProgram {
  position: relative !important;
  left: 0 !important;
  background-color: #cfcbc3 !important;
  background-size: cover;
  border: 0px solid #eee;
  margin: 0;
  padding: 20px 50px 30px !important;
  width: calc(100vw - 0px) !important;
  margin-left: -50vw !important;
  margin-left: calc(-50vw + 50%) !important;
  z-index: 5;
}

.learningProgram {
  margin-top: -48px ​ !important;
  border: none !important;
}

/* IE11 only */
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .learningProgram {
    margin-top: 120px !important;
    border: none !important;
  }
}

.trainingRecordList {
  width: calc(100% + 32px);
  transform: translate(-16px, -5px);
  display: inline-flex;
}

.learningProgram .trainingRecordList {
  width: calc(100% + 0px);
  transform: translate(0px, 0px);
  padding: 10px 0;
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
}

.trainingRecord {
  display: inline-block;
  background-color: var(--secondary) !important;
  background-size: cover;
  border: 0px solid var(--bordercolor) !important;
  border-radius: 0;
  padding: 0px !important;
  width: 304px !important;
  height: 230px !important;
}

.slider-move-l {
  width: 40px;
  height: 0px;
  display: inline-block;
  position: absolute;
  background: transparent;
  z-index: 9;
  margin-left: -20px;
  cursor: pointer;
}

.slider-move-r {
  width: 40px;
  height: 0px;
  display: inline-block;
  position: absolute;
  top: 0px;
  right: -20px;
  background: transparent;
  z-index: 9;
  cursor: pointer;
}

.slider-move-l span.glyphicon.glyphicon-chevron-left:before {
  content: "\e5aa" !important;
  display: block;
  font-family: "Flaticons Stroke";
  font-size: 25px;
  margin-top: 95px;
  background: #fff;
  color: var(--textcolor);
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 20px;
  text-indent: 7px;
}

.slider-move-r span.glyphicon.glyphicon-chevron-right:before {
  content: "\e5ab";
  display: block;
  font-family: "Flaticons Stroke";
  font-size: 25px;
  margin-top: 95px;
  background: #fff;
  color: var(--textcolor);
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 20px;
  text-indent: 7px;
}

.slider-move-r span.glyphicon.glyphicon-chevron-right:hover:before,
.slider-move-l span.glyphicon.glyphicon-chevron-left:hover:before {
  background: var(--primary);
  color: #ffffff;
}

.trainingRecordList a {
  /*box-sizing: border-box;*/
  /*display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between;
	width: calc(20% - 20px);
    -ms-flex: 0 1 calc(20% - 20px);
    flex: 0 1 calc(20% - 20px);*/
  margin: 10px;
  /*min-height: 140px;*/
}

.trainingRecord:hover > .beginDate,
.trainingRecord:hover > .deadline {
  display: none !important;
}

.activeCourseListWidget .trainingRecordList a:hover > .trainingRecord.trainingRecord-learningProgram::after {
  color: #fff;
  display: block;
  content: "\f107";
  font-size: 60px;
  font-family: "fontAwesome";
  z-index: 5;
  position: relative;
  text-align: center;
  width: 100%;
  top: -220px;
}

.activeCourseListWidget .trainingRecordList a:hover > .trainingRecord.trainingRecord-learningProgram::after {
  color: #fff;
  display: block;
  content: "\f107";
  font-size: 60px;
  font-family: "fontAwesome";
  z-index: 5;
  position: relative;
  text-align: center;
  width: 100%;
  top: -220px;
}

.trainingRecord-learningProgram-expanded::after {
  content: "\f106" !important;
  top: -230px !important;
}

.activeCourseListWidget .trainingRecordList a:hover > .trainingRecord.trainingRecord-classroom::after,
.activeCourseListWidget .trainingRecordList a:hover > .trainingRecord.trainingRecord-task::after,
.activeCourseListWidget .trainingRecordList a:hover > .trainingRecord.trainingRecord-virtualClassroom::after {
  display: block;
  font-family: "Flaticons Stroke";
  content: "\e43a" !important;
  color: #ffffff;
  font-size: 18px;
  z-index: 5;
  position: absolute;
  text-align: center;
  width: 100%;
  position: relative;
  top: -35px;
}

.learningProgram .trainingRecordList a:hover > .trainingRecord.trainingRecord-classroom::after,
.learningProgram .trainingRecordList a:hover > .trainingRecord.trainingRecord-task::after,
.learningProgram .trainingRecordList a:hover > .trainingRecord.trainingRecord-virtualClassroom::after,
div.learningProgram .trainingRecordList a:hover > .trainingRecord.trainingRecord-task::after,
div.learningProgram .trainingRecordList a:hover > .trainingRecord.trainingRecord-workshopSeminar::after {
  display: block;
  font-family: "Linearicons-Free";
  content: "\e87a" !important;
  color: #ffffff;
  font-size: 60px;
  z-index: 5;
  position: absolute;
  text-align: center;
  width: 100%;
  position: absolute;
  bottom: 100px;
}

.activeCourseListWidget .trainingRecordList a:hover > .trainingRecord.trainingRecord-onlineModule::after,
.activeCourseListWidget .trainingRecordList a:hover > .trainingRecord.trainingRecord-exam::after {
  position: relative;
  display: block;
  top: -220px;
  left: 50%;
  transform: translateX(-50%);
  content: "";
  background: url(images/arrow-right.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 60px;
  width: 60px;
  z-index: 5;
}

.activeCourseListWidget .learningProgram .trainingRecordList a:hover > .trainingRecord.trainingRecord-learningProgram::after {
  color: #fff;
  display: block;
  content: "\f105" !important;
  font-family: "fontAwesome";
  z-index: 5;
  font-size: 60px;
  position: absolute;
  text-align: center;
  width: 100%;
  top: -230px;
  position: relative;
}

.trainingRecord {
  display: inline-block;
  margin-top: -24px !important;
}

.learningProgram .trainingRecord {
  display: inline-block;
  background-color: transparent !important;
  background-size: cover;
  border: none !important;
  margin: 0px !important;
  padding: 0px !important;
  width: 260px !important;
  border-radius: 0px;
  position: relative;
  height: 100px !important;
  min-height: 100px;
}

.learningProgram .trainingRecordList,
.learningProgram h2,
.learningProgram .description,
.learningProgram .learningProgram-hide {
  max-width: 1240px !important;
  margin: 0 auto !important;
}

.learningProgram .title,
.learningProgram .completion,
.learningProgram a {
  max-width: 1160px !important;
  margin: 0 auto !important;
}

.learningProgram .trainingRecordList a {
  display: inline-block;
  width: 260px;
}

.trainingRecordList a {
  position: relative;
  background: var(--secondary);
  border-bottom: 5px solid var(--secondary);
}

.trainingRecordList a:after {
  content: "";
  position: absolute;
  width: 304px !important;
  height: 230px !important;
  top: -24px;
  left: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
  z-index: 2;
  display: block;
  transition: background 300ms;
}

.trainingRecordList a .beginDate,
.trainingRecordList a .type,
.trainingRecordList a .title {
  z-index: 3;
}

.trainingRecordList a:hover:after {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
}

.learningProgram .trainingRecordList a:before {
  content: none;
  display: none;
}

.learningProgram .trainingRecordList a:after {
  content: none;
  display: none;
}

#home-widgets .side-widget.html-widget .widget-content .learningProgram .trainingRecordList a {
  text-decoration: none !important;
}

.learningProgram .title {
  color: var(--textcolor);
  font-weight: 600;
  font-size: 22px;
  letter-spacing: 0;
  line-height: 30px;
}

.learningProgram .description,
#home-widgets .side-widget.html-widget .widget-content .learningProgram .description span {
  font-weight: bold;
  color: #fff !important;
}

.learningProgram .trainingRecordList .title,
.trainingRecordList .trainingRecord .title {
  color: #fff;
  font-size: 17px;
  line-height: 22px;
  font-family: var(--font);
  font-weight: 400;
  padding: 10px !important;
  background: rgba(227, 27, 30, 0);
  width: 100%;
  height: 230px;
  box-sizing: border-box;
  text-align: left;
  border-radius: 0px;
  padding-top: 28px !important;
  padding-left: 28px !important;
  padding-right: 60px !important;
  display: flex;
  align-items: flex-end;
  position: relative;
  padding-bottom: 28px !important;
  position: relative;
  top: -50px;
  margin-top: 0px !important;
  transition: background 300ms;
}

.trainingRecord:hover > .title {
  background: rgba(227, 27, 30, 0.75) !important;
  color: #fff !important;
  text-decoration: none !important;
}

.learningProgram .trainingRecord:hover > .title {
  background: rgba(227, 27, 30, 0.75) !important;
  color: #fff !important;
  text-decoration: none !important;
}

.learningProgram .trainingRecordList .title {
  color: var(--primary) !important;
  font-size: 18px;
  font-family: var(--font);
  font-weight: 40px;
  line-height: 22px;
  padding: 10px !important;
  background: rgba(255, 255, 255, 0);
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  text-align: left;
  border-radius: var(--borderradius);
  padding-top: 10px !important;
  padding-left: 30px !important;
  padding-right: 60px !important;
  display: flex;
  align-items: flex-end;
  position: relative;
  padding-bottom: 30px !important;
  position: relative;
  top: -50px;
  margin-top: 0px !important;
  background: #fff;
  border-bottom: 0;
  transition: background 300ms;
}

.learningProgram .trainingRecordList .title:hover {
  background: var(--secondary) !important;
}

/* IE11 only */
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .learningProgram .trainingRecordList .title {
    margin-top: 0px !important;
  }
}

.trainingRecord.trainingRecord-learningProgram.trainingRecord-learningProgram-expanded > .title {
  background: var(--primary) !important;
  color: #fff !important;
  text-decoration: none !important;
}

.trainingRecord.trainingRecord-learningProgram.trainingRecord-learningProgram-expanded > .beginDate,
.trainingRecord.trainingRecord-learningProgram.trainingRecord-learningProgram-expanded > .deadline {
  display: none;
}

.trainingRecord.trainingRecord-learningProgram.trainingRecord-learningProgram-expanded > .type::before {
  color: #fff;
}

.trainingRecord.trainingRecord-learningProgram.trainingRecord-learningProgram-expanded::after {
  color: #fff;
  display: block;
  content: "\f107";
  font-size: 60px;
  font-family: "fontAwesome";
  z-index: 5;
  position: relative;
  text-align: center;
  width: 100%;
  top: -220px;
}

.trainingRecord:hover > .beginDate,
.trainingRecord:hover > .deadline,
.trainingRecord:hover > .type:before {
  color: #fff !important;
}

.trainingRecord .beginDate::before {
  font-family: "Flaticons Stroke";
  font-weight: 100;
  margin-left: -20px;
  font-size: var(--font-size);
  content: "\e476";
  position: absolute;
  margin-top: -3px;
  margin-right: 3px;
  display: inline-block;
}

.trainingRecord .deadline::before {
  font-family: "Flaticons Stroke";
  font-weight: 100;
  margin-left: -20px;
  font-size: var(--font-size);
  content: "\e4ac";
  position: absolute;
  margin-top: -3px;
  margin-right: 3px;
  display: inline-block;
}

/* IE11 only */
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .trainingRecord .beginDate::before {
    position: relative;
  }
  .trainingRecord .deadline::before {
    position: relative;
  }
}

.trainingRecord .beginDate,
.trainingRecord .deadline {
  text-align: center;
  width: calc(100% - 0px);
  color: #fff;
  font-weight: bold;
  font-size: 13px;
  background: transparent;
  padding-left: 8px;
  position: relative;
  bottom: 30px;
  display: none;
}

.learningProgram .trainingRecord .beginDate,
.learningProgram .trainingRecord .deadline {
  text-align: center;
  width: calc(100% - 0px);
  color: #fff;
  font-weight: bold;
  font-size: 13px;
  background: transparent;
  padding-left: 8px;
  position: relative;
  bottom: 10px;
  position: absolute;
  display: none;
}

.learningProgram .trainingRecordList,
.learningProgram h2,
.learningProgram .learningProgram-hide {
  background: transparent;
  color: #fff;
  border: 0px;
}

.learningProgram {
  /*background-image: url("/anwb/nd/fresco/repository/EKP000278509.jpeg");*/
  background-image: none !important;
  padding: 35px 0 !important;
  /*box-shadow: inset 0 0 0 2000px rgba(0,0,0,0.3);*/
}

.learningProgram .learningProgram-hide {
  height: 70px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}

.learningProgram .learningProgram-hide::after {
  font-family: "Linearicons-Free";
  content: "\e873";
  color: rgba(255, 255, 255, 0.6);
  display: block;
  text-align: center;
  font-size: 40px;
  top: 20px;
  position: relative;
}

.learningProgram .learningProgram-hide:hover::after {
  color: white;
}

.learningProgram .learningProgram-hide::before {
  content: "";
  border-top: 2px solid rgba(255, 255, 255, 0.2);
  width: 90%;
  height: 2px;
  display: block;
  margin: 0 auto;
  top: 20px;
  position: relative;
}

.learningProgram h2 {
  margin-top: 16px !important;
  padding: 20px 20px 10px !important;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  box-sizing: border-box;
}

.learningProgram .completion {
  color: var(--textcolor);
  font-weight: 400;
  margin-top: -60px !important;
  opacity: 1;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 22px;
  margin-bottom: 20px !important;
}

.learningProgram .completion::after {
  content: " voltooid";
}

div.learningProgram a div.kc {
  font-size: var(--font-size);
  font-weight: 400;
  color: #ffffff;
  height: 50px;
  padding: 0 20px;
  line-height: 50px;
  border-radius: var(--borderradius);
  background: var(--secondary);
  transition: color 300ms, background 300ms;
  box-shadow: none;
  font-family: var(--font);
  letter-spacing: 0;
  text-transform: none;
  text-shadow: none;
  box-sizing: border-box;
  margin: 0 3px 3px 0;
  text-align: center;
  cursor: pointer;
  display: inline-block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border: 0 !important;
  z-index: 2;
  transform: translate(0, -40px);
}

div.learningProgram a div.kc:before {
  font-family: "Flaticons Stroke";
  color: #ffffff;
  display: inline;
  text-align: center;
  font-size: 13px;
  font-weight: 100;
  top: 0px;
  position: relative;
  content: "\e43a";
  margin-right: 10px;
}

div.learningProgram a div.kc:hover {
  background: var(--primary);
  border-color: var(--textcolor);
  box-shadow: none;
  text-decoration: none;
  color: #fff;
}

div.learningProgram a div.kc:hover:before {
  color: #fff;
}

.learningProgram .description {
  margin: 20px auto !important;
  pointer-events: none;
}

.learningProgram a {
  text-align: right;
  min-height: inherit;
  display: block;
  width: 100%;
}

.learningProgram .trainingRecordList a {
  margin: 0px 10px 60px !important;
  background: transparent;
  border-bottom: 0;
}

/* Status onzichtbaar maken */
.trainingRecord .status {
  position: absolute;
  text-align: center;
  bottom: -55px;
  color: rgba(51, 51, 51, 0.5);
  height: 50px;
  padding: 0 60px;
  line-height: 50px;
  text-align: left;
}

.trainingRecord .status:before {
  margin-right: 7px;
  transform: translateY(5px);
  font-size: 30px;
}

.learningProgram .trainingRecord .type {
  top: 95px !important;
  color: var(--primary) !important;
  left: 210px !important;
}

.learningProgram .trainingRecord .type:before {
  color: var(--primary) !important;
}

.trainingRecord .status.status-completed {
  background: url(images/widgets/complete.svg) 25px center no-repeat;
}

.trainingRecord .status.status-completed:before {
  display: none;
}

.trainingRecord .status.status-started {
  background: url(images/widgets/started.svg) 25px center no-repeat;
}

.trainingRecord .status.status-started:before {
  display: none;
}

.trainingRecord .status.status-enrolled,
.trainingRecord .status.status-finishedUsing {
  background: url(images/widgets/not-started.svg) 25px center no-repeat;
}

.trainingRecord .status.status-enrolled:before,
.trainingRecord .status.status-finishedUsing:before {
  display: none;
}

.learningProgram .learningProgram-hide {
  display: none;
}

/* Iconen */
.trainingRecord .type.type-classroom:before,
.trainingRecord .type.type-task:before,
.trainingRecord .type.type-onlineModule:before,
.trainingRecord .type.type-learningProgram:before,
.trainingRecord .type.type-virtualClassroom:before,
.trainingRecord .type.type-exam:before,
.trainingRecord .type.type-workshopSeminar:before {
  font-family: netdicon;
  color: #fff;
  display: block;
  text-align: center;
  font-size: 20px;
  top: 20px;
  position: relative;
}

.trainingRecord .type.type-classroom:before,
.icon-mt-classroom:before {
  content: "\f10E";
}

.trainingRecord .type.type-task:before,
.icon-mt-online:before {
  content: "\f10f";
}

.trainingRecord .type.type-onlineModule:before,
.icon-mt-online:before {
  content: "\f109";
}

.trainingRecord .type.type-learningProgram:before,
.icon-mt-curriculum:before {
  content: "\f115";
}

.trainingRecord .type.type-virtualClassroom:before {
  content: "\f111";
}

.trainingRecord .type.type-workshopSeminar:before {
  content: "\f113";
}

.trainingRecord .type.type-exam:before,
.icon-mt-exam:before {
  content: "\f107";
}

.trainingRecord .type.type-classroom,
.trainingRecord .type.type-task,
.trainingRecord .type.type-onlineModule,
.trainingRecord .type.type-learningProgram,
.trainingRecord .type.type-virtualClassroom,
.trainingRecord .type.type-exam,
.trainingRecord .type.type-workshopSeminar {
  z-index: 9;
  left: 240px;
  text-align: center;
  width: 50px;
  height: 50px;
  top: 160px;
  right: 5px;
  color: #003d86;
  font-weight: bold;
  font-size: 13px;
  position: relative;
  font-weight: 100;
}

/* Indien online, geen startdatum tonen */
.trainingRecord.trainingRecord-onlineModule .beginDate {
  display: none;
}

/* Titel Mijn Actieve Cursussen */
.side-widget.html-widget.actievecursussen h2 {
  display: none;
}

.side-widget.html-widget.actievecursussen .widget-content {
  overflow: visible !important;
  z-index: 5 !important;
  padding-top: 20px !important;
}

.activeCourseListWidget {
  overflow: hidden;
}

.side-widget.html-widget.actievecursussen {
  max-width: 1250px;
}

/************************************/
/* START MIJN INSCHRIJVINGEN WIDGET */
/************************************/

#home-widgets .side-widget.recent-enrollment .widget-header {
  color: inherit;
  padding: 0;
}

#home-widgets .side-widget.recent-enrollment .widget-content {
  color: inherit;
  padding: 0 !important;
  max-height: unset !important;
  overflow: hidden;
  margin-bottom: -40px;
}

#home-widgets .side-widget.recent-enrollment .widget-content ul {
  width: calc(100% + 0px);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

#home-widgets .side-widget.recent-enrollment .widget-content ul li .module-info {
  width: 100%;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

#home-widgets .side-widget.recent-enrollment .widget-content ul li .module-title {
  margin: 0;
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
  margin-top: 10px;
  
  color: #7B7C7A;
}

#home-widgets .side-widget.recent-enrollment .widget-content ul li p span.module-type {
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 1px;
  color: inherit;
  text-transform: uppercase;
  opacity: 0.5;
  font-family: "proxima-nova", sans-serif;
}

.side-widget.recent-enrollment .course-instance .module .module-info p {
    font-size: 0;
}

#home-widgets .side-widget.recent-enrollment .widget-content ul li p [class^="icon-mt"], #home-widgets .side-widget.recent-enrollment .widget-content ul li p [class*=" icon-mt"] {
  color: inherit;
  font-size: 18px;
  margin-right: 10px;
}

#home-widgets .side-widget.recent-enrollment .widget-content ul li .module-drilldown-btn {
  display: none;
}

#home-widgets .side-widget.recent-enrollment .widget-content ul li .module-actions {
  margin: 0;
}

#home-widgets .side-widget.recent-enrollment .widget-content ul li .module-actions > a {
  float: none;
  display: block;
  width: calc(100% - 25px);
  border-radius: 3px;
  background: #ffffff;
  border-color: transparent;
  box-shadow: none;
  text-align: center;
	color: #7B7C7A;
    z-index: 10;
    position: relative;
    /* text-align: right !important; */
    font-family: "proxima-nova", sans-serif;
}

#home-widgets .side-widget.recent-enrollment .widget-content ul li .module-actions > a:hover {
  background: #4a4a4a;
  color: #fff;
}

#home-widgets .side-widget.recent-enrollment .widget-content ul li .module-status {
    margin: 0;
    position: absolute;
    bottom: 14px;
    left: 0;
	color: var(--secondary);
	font-size: var(--font-size);
	font-family: var(--font);
	font-weight: 600;
	text-transform: lowercase;
	width: 100%;
}

#home-widgets .side-widget.recent-enrollment .widget-content ul li .module-status span {
    margin: 0;
    position: absolute;
    bottom: 0px;
    left: 16px;
	color: var(--secondary);
	font-size: var(--font-size);
	font-family: var(--font);
	font-weight: 600;
	text-transform: lowercase;
}

#home-widgets .side-widget.recent-enrollment .widget-content ul li .module-status.meta-data .status-icon span.netd-icon,
#home-widgets .side-widget.recent-enrollment .widget-content ul li .module-status.meta-data span span.netd-icon {
	display: none;
}

#home-widgets .side-widget.recent-enrollment .widget-content ul li .module-actions > input, #home-widgets .side-widget.recent-enrollment .widget-content ul li .module-actions form {
  height: 240px;
  position: absolute;
  top: -169px;
  left: -25px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: calc(100% + 60px);
  opacity: 0;
}

#home-widgets .side-widget.recent-enrollment .widget-content ul li .module-head-image {
  display: none;
}

/* Met Afbeeldingen */
#home-widgets .side-widget.recent-enrollment .widget-content ul li .module-head-image {
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    transform: translate(-50%, 10px);
}

#home-widgets .side-widget.recent-enrollment .widget-content ul li .module-title {
    margin-top: 10px;
}

/* Einde met afbeeldingen */

#home-widgets .side-widget.recent-enrollment .widget-content tr {
  border-bottom: 0;
}

#home-widgets .side-widget.recent-enrollment .widget-content td {
  padding: 0;
}

#home-widgets .side-widget.recent-enrollment .widget-content td .icon-mt-online {
  padding: 4px 0;
}

#home-widgets .side-widget.recent-enrollment .widget-content a {
  color: inherit;
}

#home-widgets .side-widget.recent-enrollment .widget-content a:hover {
  color: inherit;
}

#home-widgets .side-widget.recent-enrollment .widget-content a.button {
  color: #fff;
  line-height: 24px;
}

#home-widgets .side-widget.recent-enrollment .widget-content a.button:hover span, #home-widgets .side-widget.recent-enrollment .widget-content a.button:hover i {
  color: #fff;
}

#home-widgets .side-widget.recent-enrollment .widget-content .module-actions input[type="BUTTON"] {
    width: 100%;
    height: 100%;
    padding: 0;
    box-sizing: border-box;
    margin: 0;
	background: transparent;
	font-size: 0;
	border-radius: 0;
}

#home-widgets .side-widget.recent-enrollment .widget-content .module-actions input[type="BUTTON"]:hover {
    background-position: center 90px, center center;
    background-image: url("images/icon_start.svg"), linear-gradient(var(--enrollments) 240px 70%, transparent 80px 100%);
    background-repeat: no-repeat;
    display: block;
    z-index: 2;
    opacity: 1;
    visibility: visible;
    height: 100%;
}

#home-widgets .side-widget.recent-enrollment .widget-content .module-actions input[type="BUTTON"]:hover:before {
    content: "";
    background: var(--enrollments);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
}

#home-widgets .side-widget.recent-enrollment .widget-content [class^="icon-mt"], #home-widgets .side-widget.recent-enrollment .widget-content [class*=" icon-mt"] {
  color: inherit;
}

#home-widgets .side-widget.recent-enrollment .widget-content .submodule-container {
  margin-top: 20px;
}

/* Inschrijvingen widget */
#home-widgets .side-widget.recent-enrollment .widget-header {
    color: inherit;
    padding: 40px 0;
}

#home-widgets .side-widget.recent-enrollment .widget-content ul li .module-actions > input, #home-widgets .side-widget.recent-enrollment .widget-content ul li .module-actions form {
    height: 240px;
    position: relative;
    top: -25px;
    left: -25px;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: calc(100% + 0px);
    opacity: 1;
	font-size: 0;
}

#home-widgets .side-widget.recent-enrollment .widget-content ul li .module-actions > input, #home-widgets .side-widget.recent-enrollment .course-instance .module .module-actions .module-launch {
    width: 100%;
}

#home-widgets .side-widget.recent-enrollment .widget-content ul li .module-actions > a {
    float: none;
    display: block;
    width: calc(100% - 0px);
    border-radius: 0px;
    border-color: transparent;
    box-shadow: none;
    text-align: center;
    z-index: 10;
    position: absolute;
    bottom: 50px;
	height: 100%;
    background: transparent !important;
    font-size: 0;
}

#home-widgets .side-widget.recent-enrollment .widget-content ul li .module-actions > input, #home-widgets .side-widget.recent-enrollment .widget-content ul li .module-actions form {
    height: 275px;
    position: relative;
    top: 0px;
    left: 0px;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: calc(100% + 0x);
    opacity: 1;
	font-size: 0;
}

#home-widgets .side-widget.recent-enrollment .widget-content ul li .module-actions {
    margin: 0;
    height: 240px;
    position: absolute;
    width: calc(100% - 0px);
}

#home-widgets .side-widget.recent-enrollment .widget-content ul li .module-actions {
    margin: 0;
    height: 275px;
    position: absolute;
    width: calc(100% - 0px);
    position: absolute;
    top: 0px;
    left: 0px;
}

#home-widgets .side-widget.recent-enrollment .widget-content ul li .module-actions > a:hover {
    text-decoration: none;
}

#home-widgets .side-widget.recent-enrollment .widget-content ul li .module-actions a {
    position: absolute;
    bottom: 0;
	left: 0;
    width: calc(100% - 0px);
    margin-bottom: 0px;
	margin: 0;
}

/* Aantal modules */

#home-widgets .side-widget.recent-enrollment .course-instance .submodule-container .submodule-list {
	display: none !important;
}

#home-widgets .side-widget.recent-enrollment .course-instance .module-actions .button {
	transition: none !important;
}

#home-widgets .side-widget.recent-enrollment .widget-content {
    max-height: none;
    margin: 0 auto;
}

#home-widgets .side-widget.recent-enrollment .widget-header {
    color: var(--headers);
    background: transparent;
    text-align: center;
    font-weight: 600;
    font-size: 40px;
    text-transform: none;
	padding: 0px 32px;
	text-align: left;
    margin: 0;
	font-family: var(--fontheaders);
	width: fit-content;
	line-height: 64px;
}

#home-widgets .side-widget.recent-enrollment .widget-content ul li .module-actions a:hover:after {
    content: "";
	background: url(images/icon_start.svg) no-repeat;
    background-color: var(--enrollments);
	background-position: center center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 240px;
    display: block;
}

#home-widgets .side-widget.recent-enrollment .widget-content ul li.completed .module-actions a:hover:after,
#home-widgets .side-widget.recent-enrollment .widget-content ul li.completed .module-actions a:hover:before {
	display: none !important;
}

#home-widgets .side-widget.recent-enrollment .widget-content ul li .module-status.meta-data .status-icon.completed:after {
    content: "";
	background: url(images/icon_completed.svg) no-repeat;
    background-color: var(--enrollments);
	background-position: center center;
    position: absolute;
    top: -280px;
    left: 0;
    width: 100%;
    height: 240px;
    display: block;
	    z-index: 2;
}

/* Carousel */
/*! Flickity v2.2.1
https://flickity.metafizzy.co
---------------------------------------------- */

.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus { outline: none; }

.flickity-viewport {
  /*overflow: hidden;*/
  position: relative;
  height: 100%;
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* draggable */

.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

/* ---- flickity-button ---- */

.flickity-button {
  position: absolute;
  background: hsla(0, 0%, 100%, 0.75);
  border: none;
  color: #333;
}

.flickity-button:hover {
  background: white;
  cursor: pointer;
}

.flickity-button:focus {
  outline: none;
  box-shadow: 0 0 0 5px #19F;
}

.flickity-button:active {
  opacity: 0.6;
}

.flickity-button:disabled {
  opacity: 1.0;
  cursor: auto;
  /* prevent disabled button from capturing pointer up event. #716 */
  pointer-events: none;
}

.flickity-button-icon {
  fill: currentColor;
}

/* ---- previous/next buttons ---- */

.flickity-prev-next-button {
    width: 64px;
    height: 64px;
    border-radius: 50%;
}

.flickity-prev-next-button.previous { left: 0px; }
.flickity-prev-next-button.next { right: 0px; }
/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 0px;
}
.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 0px;
}

.flickity-prev-next-button .flickity-button-icon {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}

/* ---- page dots ---- */

.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -25px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
  display: none;
}

.flickity-rtl .flickity-page-dots { direction: rtl; }

.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: #333;
  border-radius: 50%;
  opacity: 0.25;
  cursor: pointer;
}

.flickity-page-dots .dot.is-selected {
  opacity: 1;
}

.flickity-button,.flickity-button:disabled, .flickity-button:hover {
	background: none;
}

.flickity-button svg {
	display: none;
}

button.flickity-button.flickity-prev-next-button.previous:before {
    content: "\e5aa" !important;
    display: block;
    font-family: "Flaticons Stroke";
    font-size: 25px;
    width: 64px;
    height: 64px;
    line-height: 64px;
    border-radius: 0px !important;
    box-shadow: none;
    transition: background 300ms;
	padding: 0 !important;
	margin: 0 !important;
	background-color: #ffffff;
	color: var(--buttonhover);
	border: 1px solid var(--buttonhover);
}

button.flickity-button.flickity-prev-next-button.previous:hover:before,
button.flickity-button.flickity-prev-next-button.next:hover:before {
	background: var(--buttonhover);
	color: var(--buttontexthover);
}

button.flickity-button.flickity-prev-next-button.next:before {
    content: "\e5ab" !important;
    display: block;
    font-family: "Flaticons Stroke";
    font-size: 25px;
    width: 64px;
    height: 64px;
    line-height: 64px;
    border-radius: 00px !important;
    box-shadow: none;
    transition: background 300ms;
		padding: 0 !important;
	margin: 0 !important;
	background-color: #ffffff;
	color: var(--buttonhover);
	border: 1px solid var(--buttonhover);
}

.flickity-prev-next-button,
.flickity-prev-next-button:hover {
    background: transparent !important;
}

/* Cursussen */
#home-widgets .side-widget.recent-enrollment .widget-content ul {
	display: block;
}

/* TCC: RECENT ENROLLMENT */
#home-widgets .side-widget.recent-enrollment .widget-content ul li,
#home-widgets .side-widget.recent-enrollment .widget-content ul li .module-actions > input, 
#home-widgets .side-widget.recent-enrollment .widget-content ul li .module-actions form,
#home-widgets .side-widget.recent-enrollment .widget-content ul li .module-actions {
    height: 320px !important;
	border-radius: 0px !important;
	box-shadow: none !important;
}

#home-widgets .side-widget.recent-enrollment .widget-content ul {
    transform: translate(0px, 0px) !important;
}

#home-widgets .side-widget.recent-enrollment .widget-content ul li {
	border-bottom: 2px solid var(--bordercolor) !important;
    transition: background 300ms;
}

#home-widgets .side-widget.recent-enrollment .widget-content ul li .module-title {
    margin: 0;
    font-size: 20px;
    line-height: 32px;
    font-weight: 600;
    color: var(--headers);
	z-index: 0;
	position: absolute;
    top: 248px;
	font-family: var(--font);
	text-overflow: ellipsis; 
	overflow: hidden; 
	white-space: nowrap;
	width: 100%;
	padding: 0 16px;
}

#home-widgets .side-widget.recent-enrollment .widget-content ul li p [class^="icon-mt"], #home-widgets .side-widget.recent-enrollment .widget-content ul li p [class*=" icon-mt"] {
    color: inherit;
    font-size: 18px;
    margin-right: 10px;
    color: #fff;
	z-index: 2;
}

/*#home-widgets .side-widget.recent-enrollment .widget-content ul li .module-info:after {
	z-index: 1;
    content: ' ';
    display: block;
    width: calc(100% - 0px);
    height: calc(100% - 0px);
    background: linear-gradient(180deg, transparent 30%, rgba(0, 0, 0, 0.8) 100%);
    position: absolute;
    top: 0;
    left: 0px;
	border-radius: 0px !important;
}*/

#home-widgets .side-widget.recent-enrollment .widget-content ul li p span.module-type {
    color: var(--textcolor);
    font-size: var(--font-size);
	line-height: 36px;
	font-family: var(--font);
	font-weight: 600;
	background: #fff;
	padding: 0px 16px;
	text-transform: lowercase;
}

#home-widgets .side-widget.recent-enrollment .widget-content ul li p span.module-type span.netd-icon {
	display: none;
}

#home-widgets .side-widget.recent-enrollment .widget-content ul li p span.module-type {
    position: absolute;
    top: 16px;
    left: 16px;
    z-index: 2;
	opacity: 1;
}

/* Image */
#home-widgets .side-widget.recent-enrollment .widget-content ul li .module-head-image {
    box-sizing: border-box;
    border: 0px solid var(--bordercolor);
    width: 100px;
    height: 100px;
	object-fit: cover;
    float: left;
	border-radius: 0px !important;
}

#home-widgets .side-widget.recent-enrollment .widget-content ul li .module-head-image {
    display: block;
    position: absolute;
    top: 0;
    left: 0px;
    width: 100%;
    height: 240px;
    object-fit: cover;
    border-radius: 0px;
    transform: none;
}

#home-widgets .side-widget.recent-enrollment .widget-content ul li:hover .module-info:after {
	display: none !important;
}	

#home-widgets .side-widget.recent-enrollment .widget-content ul li .module-actions a span.icon-book {
    display: none;
}

#home-widgets .side-widget.recent-enrollment .widget-content ul li .module-status.meta-data .status-icon {
    color: var(--secondary);
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0 16px;
	width: 100%;
	text-align: left;
}

button.flickity-button.flickity-prev-next-button.previous:before,
button.flickity-button.flickity-prev-next-button.next:before {
    background-color: #ffffff;
    color: var(--buttonhover);
}

.flickity-prev-next-button.next {
    right: 0;
    top: -96px;
    padding: 0 !important;
	margin: 0 !important;
}

.flickity-prev-next-button.previous {
    right: 64px !important;
    top: -96px;
    position: absolute;
    left: inherit;
	padding: 0 !important;
	margin: 0 !important;
	border-radius: 0;
}

.flickity-button:disabled:before {
	color: rgba(8,50,88,0.5) !important;
}

#home-widgets .side-widget.recent-enrollment {
  background: transparent;
}	

/************************************/
/* EINDE MIJN INSCHRIJVINGEN WIDGET */
/************************************/

/* Zoekvenster */
body.frameless #universal-search {
    display: none;
}

body.home #universal-search {
    display: flex !important;
}


body.manage-centre #universal-search {
    display: none;
}

.home #universal-search #search-course-container {
    max-width: 550px;
}

/* Footer */
#footer-links-container .container-external-links a:nth-child(9), #footer-links-container .container-external-links a:nth-child(10) {
    margin-top: 155px;
    position: absolute;
}

#footer-links-container .container-external-links a:nth-child(10) {
    margin-left: 145px;
}

#footer-links-container .container-external-links a:nth-child(10):before {
	content: "|";
	display: inline-block;
	margin-right: 5px;
}

#footer-links-container .container-external-links:after {
    width: calc(100vw - 17px);
}

/* Iconen */
[class^="icon-"], [class*=" icon-"] {
    font-size: 15px;
}

/* Nieuws */
.news-block .news-item .image img {
    object-position: center;
}

.news-block .news-item .title {
    font-weight: bold;
}

/* AFBEELDINGEN */
body.frameless::before {
  background: url(images/header.jpg) bottom no-repeat;
  background-position-y: 10%;
  background-size: cover;
}

body.frameless.home::before {
  background: url(images/header.jpg) bottom no-repeat;
  background-position-y: 10%;
  background-size: cover;
}

body.frameless::after {
    content: "";
    width: 100%;
    height: 320px;
    display: block;
    background: var(--banner);
    position: absolute;
    top: 96px;
	opacity: var(--banneropacity);
	z-index: -1;
}


/* Cursussen */
.cursussen {
    width: calc(100% - 10px);
}

/* Snel naar */
.side-widget.html-widget.snelnaar.hyphenate {
    margin-top: 20px;
}

/* Uitlijning Zoekvenster + Welkom */
#welkom {
    max-width: 1280px !important;
}

.html-widget.profiel,
.html-widget.profiel .widget-content {
    max-width: 1280px !important;
}

#home-widgets .side-widget.html-widget.profiel .widget-content {
    display: none;
    display: block;
    box-sizing: border-box;
    z-index: 2;
    margin-bottom: 0;
    position: absolute;
    z-index: 100;
    color: var(--textcolor);
    padding: 0;
    transform: none;
    width: 100%;
    font-family: var(--font);
    font-size: 48px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 54px;
    top: -160px;
    /* transform: translateX(-16px); */
    text-align: center;
}

/* Vervolg pagina's */
body.frameless::before {
    height: 320px;
}

html.frameless #main-document-div #main-content, body.frameless #main-document-div #main-content {
    margin-top: 60px;
    min-height: 450px;
}

/* App iconen */
.app-icons {
    width: calc(100% + 10px);
}

/* Slider */
.flickity-slider li:last-child {
    margin-right: 0 !important;
}

#home-widgets .side-widget.recent-enrollment .widget-content ul li {
    width: calc(33.33% - 22px) !important;
    margin: 0 32px 0 0;
    min-height: 0;
    min-width: 0;
    height: 240px;
    background: #fff;
    box-sizing: border-box;
    display: inline-block;
    padding: 0;
    border-radius: 0px;
    box-shadow: 0 2px 10px 0 rgb(0 0 0 / 5%);
}

.flickity-viewport {
  position: relative;
}

/* Certificaten */
#home-widgets .side-widget.expiring-certifications {
    min-height: 195px;
}

/* Catalogus */
.catalog-browser-container .catalog-folder-container.with-large-image ul li a .catalog-folder-title {
    text-align: center;
    background: #f8f7f6;
    color: #333;
    height: 70px;
    padding: 0 5px;
    line-height: 70px;
    box-sizing: border-box;
}

.catalog-browser-container .catalog-folder-container ul li a {
    display: block;
    overflow: hidden;
    float: left;
    background: #ffffff;
    border: 0px solid #d5d5d5;
    box-shadow: none;
    transition: all 0.3s;
}

.catalog-browser-container .catalog-folder-container.with-large-image ul li {
    margin-bottom: 30px;
    width: 25%;
}

.catalog-browser-container .catalog-folder-container.with-large-image ul li a {
    width: calc(100% - 20px);
    min-height: 220px;
    height: 100% !important;
    padding: 0;
    margin: 0 30px 0 0;
}

.catalog-browser-container .catalog-folder-container.with-large-image ul li a .catalog-folder-image {
    width: 100%;
    height: 155px;
    overflow: hidden;
}

.catalog-browser-container .catalog-folder-container ul li a .catalog-folder-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
	transition: transform 500ms, opacity 300ms;
}

.catalog-browser-container .catalog-folder-container ul li a:hover .catalog-folder-image img {
	transform: scale(1.1);
}

.catalog-browser-container .catalog-folder-container ul li a:hover {
    background: transparent;
    border-color: transparent;
    box-shadow: none;
}

#home-widgets .side-widget.recent-enrollment .widget-content {
    padding: 24px 0px !important;
	overflow: visible;
}

/* Catalog Information - NEWS */
.news-article.catalog_information .meta {
		display: none !important;
}

.news-article-content div, .news-article-content p, .news-article-content li {
    max-width: 100%;
}

.catalog_information h2#pageTitle {
    display: none !important;
}

.catalog_subtiles {
    background: #fff;
}

.catalog_information div#catalog_container {
    background: transparent !important;
    margin-top: -30px;
    border-radius: 0px;
}

.catalog_description {
    background: #ffffff;
    border: 0px solid #D5DADD;
    border-radius: 0px;
	padding: 20px 30px 20px;
	margin: 0;
}

.news-article-content .catalog_description p {
	font-style: normal;
	font-weight: 400;
	line-height: 1.5;
}

.news-article-content h2 {
	display: block;
    font-weight: 600;
    font-size: 35px !important;
    box-sizing: border-box;
    margin: 0 0 20px 0;
}

.catalog_subtiles {
	padding: 0px 30px 30px;
}

.news-article-content h3 {
	display: block;
    font-weight: 600;
    font-size: 30px !important;
    box-sizing: border-box;
    margin: 20px 0 20px 0;
	text-transform: none;
}

.news-article-content h4 {
	display: block;
    font-weight: 600;
    font-size: 25px !important;
    box-sizing: border-box;
    margin: 0 0 10px 0;
}

.news-article-content h5 {
	display: block;
    font-weight: 600;
    font-size: 20px !important;
    box-sizing: border-box;
    margin: 0 0 10px 0;
}

/* SUBTILES */
.catalog_information .training-possibilities {
    margin-top: 30px;
}

.catalog_information .training-possibilities {
	width: 100%;
	display: block !important;
	/*justify-content: space-between;*/
}

.catalog_information .training-possibilities div {
	width: calc(100% - 0px);
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    -ms-flex-preferred-size: calc(100% - 0px);
    flex-basis: calc(100% - 0px);
    height: 100%;
	min-height: 260px;
    margin: 0 0 20px 0;
    display: -ms-flexbox;
    display: flex;
    background: #fff;
    border-bottom: 0px solid #0091D4;
    transition: background 300ms;
    border-radius: var(--borderradius);
}

.catalog_information .training-possibilities span.title_desc {
    padding: 0 20px 20px;
	background: var(--lightgrey);
}

.catalog_information .training-possibilities span.image {
	background-size: cover !important;
	background-position: center center !important;
	height: auto;
    width: 300px;
    -ms-flex: 0 0 300px;
    flex: 0 0 300px;
    -o-object-fit: cover;
    object-fit: cover;
    transform: scale(1);
    overflow: hidden;
    display: block;
	
}

span.image {
    font-size: 0;
}

/*IE10 and IE11
==================*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.catalog_information .training-possibilities span.image  { height:260px; }
}

.catalog_information .training-possibilities span.title {
	font-style: normal;
	font-weight: bold;
	font-size: 20px;
	line-height: 30px;
	letter-spacing: 0.01em;
	color: var(--textcolor);
	margin: 20px 0 5px;
	-webkit-transition: .3s cubic-bezier(.55,0,.1,1);
    transition: .3s cubic-bezier(.55,0,.1,1);
    -webkit-transition-property: background-color,border-color,opacity, color;
    transition-property: background-color,border-color,opacity, color;
	display: block;
}

.catalog_information .training-possibilities span.desc {
    font-style: normal;
    font-weight: 400;
	font-size: var(--font-size);
	line-height: 1.5;
}

.catalog_description a.start::before {
    font-family: "Flaticons Stroke";
    content: "\e5b2";
    margin: 0px 5px;
    font-size: 22px;
    transition: transform 300ms;
    display: inline-block;
    position: relative;
    top: 3px;
}

.catalog_description a.start:hover::before {
	transform: translateX(-5px);
}

.training-possibilities a.special-button {
  font-family: proxima-nova, sans-serif;
  font-weight: 600;
  font-size: 20px;
  line-height: 46px;
  height: 65px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  width: 200px;
  float: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background: linear-gradient(to right, white 50%, #00c1de 50%);
  background-size: 200% 100%;
  max-width: 100%;
  padding: 0 60px 0 30px;
  color: #101010;
  background-color: white;
  box-shadow: 0 20px 60px 0 rgba(16, 16, 16, 0.1);
  animation: Fade-in-bg 2s ease-in,Gradient-start .6s ease-in-out forwards;
  transition: box-shadow .3s;
  margin-top: 20px;
}

.training-possibilities a.special-button:hover {
  color: #101010;
  background-color: transparent;
  box-shadow: none;
  animation: Gradient-hover .6s ease-out forwards;
}

/* SUB CATALOGI */
/* Catalogi - News */

body.frameless:not(.home) #main-document-div div#main-content.catalog_information {
    background: transparent !important;
}
 
#catalog_children {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
      flex-wrap: wrap;
}
 
#catalog_children a {
  width: calc(20% - 20px);
  -ms-flex: 0 0 20%;
      flex: 0 0 20%;
  -ms-flex-preferred-size: calc(20% - 20px);
      flex-basis: calc(20% - 20px);
  margin: 10px 10px 20px 10px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  background: #fff;
  text-decoration: none;
}
 
#catalog_children a .catalog-image {
  width: 100%;
  height: 160px;
  overflow: hidden;
}
 
#catalog_children a .catalog-image img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transform: scale(1);
  transition: transform 500ms;
}
 
#catalog_children a .catalog-title {
  text-decoration: none;
  padding: 0px 20px;
  line-height: 20px;
  font-size: var(--font-size);
  font-weight: 600;
  font-family: "proxima-nova", sans-serif;
  color: #101010;
  height: 60px;
  justify-content: flex-start;
    align-items: center;
    display: flex;
}
 
#catalog_children a:hover .catalog-image img {
  transform: scale(1.1);
}
 
#catalog_children a:hover .catalog-title {
  color: #002C47;
  text-decoration: none;
}

.external_hyperlinks,
.catalog_information .training-possibilities.small div.external_hyperlinks,
.catalog_information .training-possibilities div.external_hyperlinks {
    display: block !important;
	min-height: auto !important;
}

.external_hyperlinks a {
    display: block;
	font-size: var(--font-size);
	line-height: 2;
	font-family: var(--font);
}

.external_hyperlinks a:before {
	margin-right: 5px;
}

.external_hyperlinks a.icon-facebook:before {
	font-family: "IcoFont";
	content: "\ed37";
}

.external_hyperlinks a.icon-youtube:before {
	font-family: "IcoFont";
	content: "\ed8b";
}

.external_hyperlinks a.icon-linkedin:before {
	font-family: "IcoFont";
	content: "\ed4d";
}

.external_hyperlinks a.icon-vimeo:before {
	font-family: "IcoFont";
	content: "\ed7f";
}

.external_hyperlinks a.icon-twitter:before {
	font-family: "IcoFont";
	content: "\ed7a";
}

.external_hyperlinks a.icon-instagram:before {
	font-family: "IcoFont";
	content: "\ed46";
}

.external_hyperlinks a.icon-ms-word:before {
	font-family: "IcoFont";
	content: "\eb2f";
}

.external_hyperlinks a.icon-ms-ppt:before {
    font-family: "IcoFont";
    content: "\eb21";
}

.external_hyperlinks a.icon-ms-excel:before {
	font-family: "IcoFont";
	content: "\eb10";
}

.external_hyperlinks a.icon-pdf:before {
	font-family: "IcoFont";
	content: "\eb1e";
}

.external_hyperlinks a.icon-link:before {
	font-family: "IcoFont";
	content: "\ef1f";
}

.external_hyperlinks a.icon-movie:before {
	font-family: "IcoFont";
	content: "\ec92";
}

.external_hyperlinks a.icon-audio:before {
	font-family: "IcoFont";
	content: "\eca3";
}

.external_hyperlinks a.icon-zip:before {
	font-family: "IcoFont";
	content: "\f02e";
}

/* Buttons News */
.news-article-content a.button {
    display: inline-block;
	font-size: 16px !important;
	color: #fff;
	margin: 0;
}

.news-article-content table {
	margin-bottom: 20px;
}

.news-article-content th {
	padding: 8px 10px 8px 10px !important;
    line-height: 1.5;
    text-transform: uppercase;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    vertical-align: middle;
    font-weight: 500;
    border: 0;
    border-bottom: none;
    font-family: var(--font);
    font-size: 13px;
    font-weight: 500;
    line-height: 1.2;
    text-transform: uppercase;
    text-shadow: none;
    letter-spacing: 2px;
	border-radius: 0 !important;
}

.news-article-content table th:first-child {
    border-radius: 4px 0 0 4px;
    padding-left: 10px !important;
}

.news-article-content table tbody tr td {
    padding: 8px 10px;
    line-height: 1.5;
    vertical-align: middle !important;
    border: 0;
    border-bottom: 1px solid transparent; border-color: var(--bordercolor);
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

.news-article-content table.no-border th {
	padding: 4px 10px 4px 0px !important;
    line-height: 1.5;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    vertical-align: middle;
    font-weight: 500;
    border: 0;
    border-bottom: none;
	background: transparent;
    font-family: var(--font);
    font-size: var(--font-size);
    font-weight: 600;
    line-height: 1.2;
    text-transform: none;
    text-shadow: none;
    letter-spacing: 0px;
	border-radius: 0 !important;
}

.news-article-content table.no-border tbody tr td {
	padding: 4px 10px 4px 0px;
    line-height: 1.5;
    vertical-align: middle !important;
    border: 0;
    border-bottom: 0px solid var(--bordercolor);
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

/* Afbeeldingen */
.news-article-content img {
	margin-bottom: 20px;
}

/* Video */
.news-article-content iframe {
	margin-bottom: 20px;
}

/* Opsommingtekens */
.news-article-content ul {
	margin-bottom: 20px;
}

/*e-mail naar docent vanuit cursus uitvoering*/
.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.user-selector-dialog.ui-dialog-buttons.ui-draggable.ui-resizable {
    z-index: 999999999;
}

.side-widget.html-widget.news {
	margin-top: 50px;
}

/* CTA Block */
.side-widget.html-widget.CTA {
    margin-top: 110px;
}

.side-widget.html-widget.CTA .widget-content {
    height: 410px;
    width: 100%;
    padding: 0;
    margin: 0;
}

.cta-block {
    align-items: center;
    position: relative;
    padding: 20px;
    background-size: cover;
	height: 410px;
	background-position: center;
}

/**
 *  AT content
 */

.cta-block .cta-block__table {
    display: table;
    height: 100%;
    width: 100%;
    vertical-align: middle;
}

.cta-block .cta-block__cell {
    display: table-cell;
    vertical-align: middle;
    padding: 20px 5%;
}

.cta-block .cta-block__title {
    margin: .15em 0 .3em;
    font-family:var(--font);
	color: #fff;
}

.cta-block .cta-block__title strong {
    margin: .15em 0 .3em;
    font-family:var(--font);
}

.cta-block .cta-block__content {
    transition: transform 0.5s ease;
    will-change: transition;
}

.cta-block:hover .cta-block__content {
    transform: translate(0, -5px);
}

.cta-block .cta-block__subTitle {
	font-family: var(--font);
	font-size: 18px;
	color: #fff;
	line-height: 1.25;
}

.cta-block__link {
    color: var(--textcolor);
}

.cta-block .u-blockLink {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-indent: -999em;
}

a.cta-block__readMore.u-readMore {
	color: #fff;
	font-family: var(--font);
	font-size: var(--font-size);
}

.cta-block__readMore:before {
    content: '\27a1' !important;
	font-family:"icons" !important;
	font-size: 18px;
	margin-right: 10px;
	transition: transform 0.5s ease;
}

.cta-block:hover .cta-block__readMore:before {
    transform: translateX(0.15em);
}

/**
 *   Has background image
 */

.cta-block .cta-block__cell {
    height: 10em;
    background: rgba(0, 43, 92, 0.5);
}

.cta-block .cta-block__content,
.cta-block .cta-block__link {
    color: #fff;
}

.cta-block .cta-block__link {
    height: 410px;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

.cta-block .cta-block__date,
.cta-block .cta-block__readMore:before {
    color: #f9a702;
}

/* Menu */
.main-menu-container > ul > li a.udemy,
.main-menu-container > ul > li a.calendar,
.main-menu-container > ul > li a.core-curriculum,
.main-menu-container > ul > li a.faq,
.main-menu-container > ul > li a.preferred-vendor-list,
.main-menu-container > ul > li a.training-request-form-outside-curriculum-\<-3,
.main-menu-container > ul > li a.training-request-form-outside-curriculum-\>-3 {
	background: var(--buttonhover) !important;
	color: var(--buttontexthover) !important;
	font-size: 15px !important;
	line-height: 40px !important;
	height: 40px !important;
	border: none !important;
}

.main-menu-container > ul > li a.udemy:before,
.main-menu-container > ul > li a.calendar:before,
.main-menu-container > ul > li a.core-curriculum:before,
.main-menu-container > ul > li a.faq:before,
.main-menu-container > ul > li a.preferred-vendor-list:before,
.main-menu-container > ul > li a.training-request-form-outside-curriculum-\<-3:before,
.main-menu-container > ul > li a.training-request-form-outside-curriculum-\>-3:before {
    content: '\27a1' !important;
    font-family: "icons" !important;
    color: #ffffff !important;
    font-size: 20px;
    font-weight: 400;
    top: 2px !important;
    left: 0px;
    position: relative;
    transition: transform 300ms;
    display: inline-block;
    margin-right: 10px;
}

.main-menu-container > ul > li a.udemy:hover:before,
.main-menu-container > ul > li a.calendar:hover:before,
.main-menu-container > ul > li a.core-curriculum:hover:before,
.main-menu-container > ul > li a.faq:hover:before,
.main-menu-container > ul > li a.preferred-vendor-list:hover:before,
.main-menu-container > ul > li a.training-request-form-outside-curriculum-\<-3:hover:before,
.main-menu-container > ul > li a.training-request-form-outside-curriculum-\>-3:hover:before {
    transform: translateX(3px) !important;
}

.main-menu-container > ul > li a.training-request-form-outside-curriculum-\>-3 {
	padding-bottom: 10px !important;
	height: 50px !important;
}

#keyword-search-container .ffb-input::placeholder,
.netd-filter-group .date-container .date-field-container input[type="text"]::placeholder, 
.netd-filter-group .time-container .date-field-container input[type="text"]::placeholder,
.netd-filter-group .token-input-box[type="text"]::placeholder,
.netd-filter-group input[type="text"]::placeholder {
    color: var(--textcolor);
}

/* Manage center */
body.manage-centre.frameless #main-document-div #main-content {
    margin-top: 56px;
}

table#system_configuration_table td.headers {
  font-family: var(--font);
}

body.frameless:not(.home) #document-body #document-body {
    padding: 0 !important;
    margin: 0 !important;
}

/* EPA Paspoort - START */
.side-widget.html-widget.dynamicApiWidget .widget-header {
    color: var(--headers);
    background: transparent;
    text-align: center;
    font-weight: normal;
    font-size: 24px;
    text-transform: none;
    padding: 5px 27px !important;
    text-align: left;
    margin: 0;
    font-family: var(--font);
}

.side-widget.html-widget.dynamicApiWidget span.widget-heading-text:after {
    content: "";
    display: block;
    background: url(images/line.png) repeat-x top left;
    width: 150px;
    height: 14px;
    position: relative;
    z-index: 1;
    top: 5px;
}

.side-widget.html-widget.dynamicApiWidget .widget-content table thead th {
    background: var(--grey) !important;
}
/* EPA Paspoort - EIND */

/* Mijn docenten - Geplande cursussen */
div#dynamicApiWidget3 .content {
  padding: 40px 25px 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

div#dynamicApiWidget3 .content a {
  width: 50%;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 20px;
}

div#dynamicApiWidget3 .content a .date {
  width: 60px;
  height: 60px;
  border-radius: 5px;
  background: var(--bordercolor);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  margin-right: 18px;
  -ms-flex: 0 0 60px;
      flex: 0 0 60px;
}

div#dynamicApiWidget3 .content a .date .number {
  font-weight: 800;
  font-size: 24px;
  line-height: 24px;
  letter-spacing: 0.09em;
  color: #fff;
}

div#dynamicApiWidget3 .content a .date .month {
  font-weight: bold;
  font-size: 14px;
  line-height: 14px;
  letter-spacing: 0.09em;
  color: #fff;
  text-transform: uppercase;
}

div#dynamicApiWidget3 .content a .meta {
  margin: 0;
  display: -ms-flexbox;
  display: flex;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
}

div#dynamicApiWidget3 .content a .h3 {
  font-size: 18px;
  line-height: 20px;
  font-family: proxima-nova, sans-serif;
  font-weight: bold;
  max-width: 250px;
  color: #101010;
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  overflow: hidden;
  max-height: 42px;
  transition: color 200ms;
  margin-bottom: 5px;
}

div#dynamicApiWidget3 .content a .time {
  font-family: proxima-nova, sans-serif;
  color: #AAAAAA;
  font-weight: bold;
  font-size: 14px;
  line-height: 14px;
}

div#dynamicApiWidget3 .content a:nth-child(1) .date {
  background: #00C1DE;
}

div#dynamicApiWidget3 .content a:hover .h3 {
  color: #00C1DE;
}

.side-widget.html-widget.dynamicApiWidget-ShowInterest .showInterest a {
	font-family: var(--font);
	font-size: 20px;
	line-height: 24px;
	font-weight: 600;
	color: var(--textcolor);
	overflow-wrap: break-word;
}

.side-widget.html-widget.dynamicApiWidget-ShowInterest .showInterest ul {
	list-style: none !important;
	padding: 0;
	margin: 0;
}

.side-widget.html-widget.dynamicApiWidget-ShowInterest .showInterest li {
	border-bottom: 1px solid transparent; border-color: var(--bordercolor);	
	padding: 10px 25px;
}

.side-widget.html-widget.dynamicApiWidget-ShowInterest .showInterest span.date {
    color: #6F757B;
	text-transform: lowercase;
	font-size: var(--font-size);
	line-height: 24px;
}

.side-widget.html-widget.dynamicApiWidget-ShowInterest .showInterest li:before {
    content: "\E49D";
    font-family: 'Flaticons Stroke';
    margin-left: -25px;
    margin-right: 9px;
	font-size: 14px;
	color: #EDD453;
}

.side-widget.html-widget.dynamicApiWidget-ShowInterest .widget-content {
    background: #ffffff !important;
	width: auto;
    box-sizing: border-box;
    padding: 24px 32px 24px;
}

/* DAUW - Cursushistorie */
.side-widget.html-widget.dynamicApiWidget-History .history h2 {
    font-size: 24px;
    line-height: 32px;
    padding: 0 !important;
    margin: 0 0 4px !important;
}

.side-widget.html-widget.dynamicApiWidget-History .history a {
	font-family: var(--font);
	font-size: var(--font-size);
	line-height: 24px;
	height: 24px;
	padding: 0;
	color: var(--link);
	overflow-wrap: break-word;
	margin: 0 12px 0 0;
}

.side-widget.html-widget.dynamicApiWidget-History .history a:hover {
	color: var(--linkhover);
}

.side-widget.html-widget.dynamicApiWidget-History .history span.history a:before {
    content: "\EBB9";
    font-family: "tcc-icons";
    font-size: var(--font-size);
    line-height: 24px;
    position: relative;
    top: 2px;
    margin: 0 4px 0 12px;
}

.side-widget.html-widget.dynamicApiWidget-History .history span.replay a:before {
    content: "\EB7B";
    font-family: "tcc-icons";
    font-size: var(--font-size);
    line-height: 24px;
    position: relative;
    top: 2px;
    margin: 0 4px 0 0;
}

.side-widget.html-widget.dynamicApiWidget-History .history ul {
	list-style: none !important;
	padding: 0;
	margin: 0;
}

.side-widget.html-widget.dynamicApiWidget-History .history li {
	border-bottom: 1px solid transparent; border-color: var(--bordercolor);	
	padding: 12px 0px;
}

.side-widget.html-widget.dynamicApiWidget-History .history span.date {
    color: #6F757B;
	text-transform: lowercase;
	font-size: var(--font-size);
	line-height: 24px;
}

.side-widget.html-widget.dynamicApiWidget-History .widget-content {
    background: #ffffff !important;
	width: auto;
    box-sizing: border-box;
    padding: 24px 32px 24px;
}

div#dynamicApiWidget-History a.button {
    background: var(--button);
    border: 0 !important;
    border-radius: var(--borderradius);
    box-shadow: none;
    color: var(--buttontext);
    text-decoration: none !important;
    font-family: var(--font);
    font-size: var(--font-size);
    font-weight: 400 !important;
    line-height: 48px;
    letter-spacing: 0;
    text-transform: inherit;
    text-shadow: none;
    box-sizing: border-box;
    height: 48px;
    margin: 24px 0 0 0 !important;
    padding: 0 24px;
    text-align: center;
    line-height: 48px;
    outline: none !important;
    cursor: pointer;
	display: inline-block;
	float: right;
}

div#dynamicApiWidget-History a.button:hover {
	background: var(--buttonhover);
    border-color: transparent;
    box-shadow: none;
    color: var(buttontexthover);
}

/* NEWS widget */
.side-widget.news-article .widget-content {
    background: #ffffff;
}

#home-widgets.container_12 #column_0.grid_8 {
    margin: 0 32px 0 0;
}

/* Certificaten */
.side-widget.html-widget.certificaten .widget-content,
.side-widget.html-widget.dynamicApiWidget-Certificates .widget-content,
.side-widget.expiring-certifications .widget-content {
    background: var(--secondary);
	color: var(--white);
}

.side-widget.html-widget.dynamicApiWidget-Certificates .widget-content p {
	color: #fff;
}

.side-widget.expiring-certifications .widget-content {
    background: var(--white);
}

.side-widget.expiring-certifications .widget-content a {
    background: var(--button);
    color: var(--buttontext);
    padding: 0 24px;
    height: 48px;
    line-height: 48px;
    border-radius: var(--borderradius);
    margin-top: 24px;
}

.side-widget.expiring-certifications .widget-content a:hover {
	background: var(--buttonhover);
	color: var(--buttontexthover);
	text-decoration: none;
}


.side-widget.html-widget.certificaten .certificaten {
  display: flex;
      flex-direction: column;
}

.certificaat {
    padding: 16px 0;
    border-bottom: 1px solid rgba(255,255,255,0.2);
    display: flex;
    flex-flow: row;
	justify-content: space-between;
	align-items: center;
	align-content: center;
	column-gap: 32px;
	color: var(--buttontext);
	font-weight: 600;
}

.certificaat a {
    color: var(--buttontext) !important;
    font-weight: 600;
    line-height: 24px;
	width: calc(66.66% - 32px);
}

.certificaat a:hover {
	text-decoration: underline;
	color: var(--buttontext);
}	

.certificaat span.datum {
	width: calc(33.33% - 0);
	text-align: right;
	color: var(--buttontext);
	font-weight: 300;
}

.certificaten a.button {
    background: var(--buttonhover) !important;
    width: fit-content !important;
    height: 48px;
    line-height: 48px;
    margin: 24px 0 0 auto;
    font-weight: 600;
	padding: 10px 20px 10px 25px;
	position: relative;
	top: 10px;
	color: var(--buttontext) !important;
}

.certificaten a.button:hover:after {
   transform: translateX(10px);
}


.certificaten a.button:after {
    font-family: "tcc-icons";
    content: "\EB49";
    font-size: var(--font-size);
    line-height: 20px;
    margin: 0 0 0 8px;
    display: inline-block;
    position: relative;
    top: 3px;
	transition: transform 250ms;
}

.icon-bx-arrow-next:before{content:'\004c';}

#catalog_children {
  display: block;
}
 
#catalog_children a {
  width: calc(25% - 10px);
  margin: 0 8px 0 0 !important;
  padding: 0 !important;
  box-sizing: border-box;
  background: #fff;
  text-decoration: none;
  position: relative;
}

#catalog_children a:after {
    z-index: 0;
    content: ' ';
    display: block;
    width: 100%;
    height: calc(100% - 0px);
    background: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.5) 100%);
    position: absolute;
    top: 0;
    left: 0;
}
 
#catalog_children a .image {
  width: 100%;
  height: 360px;
  overflow: hidden;
}
 
#catalog_children a .image img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transform: scale(1);
  transition: transform 500ms;
}
 
#catalog_children a .title {
    text-decoration: none;
    padding: 32px 32px;
    line-height: 40px;
    font-size: 32px;
    font-family: var(--font);
    color: #ffffff;
    height: auto;
    background: transparent;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
	z-index: 1;
	box-sizing: border-box;
}
 
#catalog_children a:hover .image img {
  transform: scale(1.3);
}
 
#catalog_children a:hover .title {
  text-decoration: none;
}

#catalog_children .flickity-prev-next-button.previous {
    right: 96px !important;
    top: 344px !important;
    position: absolute;
    left: inherit;
    padding: 0 !important;
    margin: 0 !important;
    z-index: 9999999999;
}

#catalog_children .flickity-prev-next-button.next {
    right: 32px;
    top: 344px !important;
    padding: 0 !important;
    margin: 0 !important;
}

#catalog_children .flickity-slider,
#catalog_children .flickity-viewport,
.side-widget.html-widget.Catalog .widget-content,
#catalog_children,
.side-widget.html-widget.Catalog {
    overflow-y: visible !important;
}

#catalog_children .flickity-slider,
#catalog_children .flickity-viewport,
#catalog_children {
	width: 100% !important;
}

.side-widget.html-widget.Catalog .widget-content {
	overflow-x: hidden !important;
	height: 434px !important;
}

.side-widget.html-widget.Catalog {
	margin-bottom: 24px !important;
}

.netd-drop-down-btn-container > .netd-button span.netd-icon.icon-cog {
    color: #252525;
}

.action-nav .button.netd-button-icon-text, .action-nav button.netd-button-icon-text, .action-nav input.netd-button-icon-text[type="submit"], .action-nav input.netd-button-icon-text[type="reset"], .action-nav input.netd-button-icon-text[type="button"], .action-nav span.netd-button-icon-text#file-upload-btn-pop.button {
    padding: 0px 24px 0px 12px;
}

.date-button-container span.netd-icon.icon-calendar {
    color: #252525;
}

#quick-navigation>.quick-nav-container>form button.search-btn, #quick-navigation>.quick-nav-container>form input.search-btn[type="submit"], #quick-navigation>.quick-nav-container>form input.search-btn[type="reset"], #quick-navigation>.quick-nav-container>form input.search-btn[type="button"], #quick-navigation>.quick-nav-container>form span.search-btn#file-upload-btn-pop.button {
    top: 88px !important;
}

#quick-navigation>.quick-nav-container>form button.search-btn span.netd-icon.icon-search::before, #quick-navigation>.quick-nav-container>form input.search-btn[type="submit"] span.netd-icon.icon-search::before, #quick-navigation>.quick-nav-container>form input.search-btn[type="reset"] span.netd-icon.icon-search::before, #quick-navigation>.quick-nav-container>form input.search-btn[type="button"] span.netd-icon.icon-search::before, #quick-navigation>.quick-nav-container>form span.search-btn#file-upload-btn-pop.button span.netd-icon.icon-search::before {
    content: "\e45a";
    font-family: "Flaticons Stroke";
    position: relative !important;
    color: #333;
    font-size: 20px;
}

#quick-navigation>.quick-nav-container p.hint a.close-btn span.netd-icon.icon-remove::before {
    content: "\0055";
    font-family: tcc-icons;
    font-style: normal;
    font-weight: 400;
    font-size: 21px;
    color: #333;
    line-height: 2rem;
}

ul#quick-nav-suggestion-list li.ui-menu-item a.ui-menu-item-wrapper span.menu-name {
    color: var(--link);
}

.param_header {
    background-color: var(--tableheaders);
    color: var(--tableheadertext);
    font-size: 1em;
    padding: 4px;
}

td {
    color: var(--textcolor);
}

/* Kwaliteitspaspoort */
#home-widgets .widget-content {
    max-height: none;
}

.home div#tooltip {
    display: none !important;
}

div.my-training {
    background: transparent;
    width: calc(100% - 0px);
	padding-bottom: 0px;
	margin-bottom: 0px;
}

div#qualityPassportWidgetsUserView h3 {
    border-bottom: 1px solid #dddddd;
    padding: 0;
    margin: 0;
}

#home-widgets .side-widget.html-widget .widget-content div#qualityPassportWidgetsUserView h3 a:hover,
#home-widgets .side-widget.html-widget .widget-content div#qualityPassportWidgetsUserView h3 a:focus,
#home-widgets .side-widget.html-widget .widget-content div#qualityPassportWidgetsUserView h3 a:hover > span,
#home-widgets .side-widget.html-widget .widget-content div#qualityPassportWidgetsUserView h3 a:active > span,
#home-widgets .side-widget.html-widget .widget-content div#qualityPassportWidgetsUserView h3 a:focus > span {
    color: #0093d8 !important;
    text-decoration: none !important;
}

div#qualityPassportWidgetsUserView h3 span {
    text-transform: none;
}

#home-widgets .side-widget.html-widget .widget-content div#qualityPassportWidgetsUserView h3 span {
    color: #000000 !important;
    font-weight: 500;
}

#home-widgets .widget-content div.my-training table thead th {
    font-weight: 400;
    color: #01496d;
    background: #f8f8f8;
    border-bottom: 1px solid #f4f2f2;
}

#home-widgets .widget-content div.my-training table thead th:hover {
    box-shadow: none;
}

div.my-training .panel-group {
    margin-bottom: 0;
}

div.my-training .panel-group .panel {
    margin-bottom: 0;
    border-radius: 0px;
    box-shadow: none;
	border-width: 0 0 1px 0 !important;
    border-bottom: 1px solid #f4f2f2 !important;
}

div.my-training .panel-group .panel a {
	margin-top: 0 !important;
}

div.my-training .panel-group .panel+.panel {
    margin-top: 0px;
}

div.my-training .panel-heading {
    padding: 17px 40px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
	border-top: 1px solid #f4f2f2;
}

.panel-default>.panel-heading {
    background-color: #ffffff !important;
    border-color: #ddd;
}

#home-widgets .side-widget.html-widget .widget-content div#qualityPassportWidgetsUserView h4 span {
	color: var(--primary) !important;
	padding-left: 10px;
	font-family: var(--font);
	font-weight: 600;
	font-size: var(--font-size);
}

/*#home-widgets .side-widget.html-widget .widget-content div#qualityPassportWidgetsUserView h4 span:before {
    content: "\e49f";
    font-family: "Flaticons Stroke";
    position: absolute;
    margin-left: -20px;
    margin-top: 1px;
}*/

.pull-right.glyphicon {
    float: right!important;
    padding-right: 30px !important;
}

/* @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { 
	.pull-right.glyphicon {
		padding-right: 41.0% !important;
	}
 }
 
 _:-ms-lang(x), _:-webkit-full-screen, .pull-right.glyphicon {
	 padding-right: 41.0% !important;
 }
 
 */

#home-widgets .side-widget.html-widget .widget-content div#qualityPassportWidgetsUserView .panel-heading span:before,
#home-widgets .side-widget.html-widget .widget-content div#qualityPassportWidgetsUserView .panel-heading a span:before {
    color: var(--primary) !important;
}

#home-widgets .side-widget.html-widget .widget-content div#qualityPassportWidgetsUserView .panel-heading span.glyphicon-remove-sign:before {
	color: #D70560 !important;
}

#home-widgets .side-widget.html-widget .widget-content div#qualityPassportWidgetsUserView .panel-heading span.glyphicon.glyphicon-ok-sign:before {
	color: #249473 !important;
}

#home-widgets .side-widget.html-widget .widget-content div#qualityPassportWidgetsUserView .panel-heading span.glyphicon-asterisk:before {
	color: var(--primary) !important;
}

#home-widgets .side-widget.html-widget .widget-content div#qualityPassportWidgetsUserView .panel-heading span.glyphicon-play:before {
	color: #707792 !important;
}

#home-widgets .side-widget.html-widget .widget-content div#qualityPassportWidgetsUserView .panel-heading span.glyphicon-info-sign:before {
	color: var(--primary) !important;
}

#home-widgets .side-widget.html-widget .widget-content div#qualityPassportWidgetsUserView .panel-heading span.glyphicon-exclamation-sign:before {
	color: var(--primary) !important;
}

#home-widgets .side-widget.html-widget .widget-content div#qualityPassportWidgetsUserView .panel-heading .glyphicon {
    top: 0px;
}

#home-widgets .side-widget.html-widget .widget-content div#qualityPassportWidgetsUserView h3 a {
    width: 100%;
    display: block;
    margin: 0;
	padding: 17px 40px 17px 40px;
}

/*#home-widgets .side-widget.html-widget .widget-content div#qualityPassportWidgetsUserView h3 a span:first-child {
    width: 50%;
    display: inline-block;
}

#home-widgets .side-widget.html-widget .widget-content div#qualityPassportWidgetsUserView h3 a span:last-child {
    text-align: right;
    display: inline-block;
    width: 49%;
}*/

div.my-training .table>tbody>tr>td, 
div.my-training .table>tbody>tr>th, 
div.my-training .table>tfoot>tr>td, 
div.my-training .table>tfoot>tr>th, 
div.my-training .table>thead>tr>td, 
div.my-training .table>thead>tr>th {
    padding: 5px 0px !important;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #f4f2f2 !important;
	font-family: var(--font);
}

#home-widgets .side-widget .widget-content div.my-training th:first-child,
#home-widgets .side-widget .widget-content div.my-training td:first-child {
    padding-left: 50px !important;
}

#home-widgets .side-widget .widget-content div.my-training td:first-child + td {
	padding: 5px 5px !important;
	text-align: center;
}

#home-widgets .side-widget .widget-content div.my-training th:last-child,
#home-widgets .side-widget .widget-content div.my-training td:last-child {
    padding-right: 30px !important;
}

#home-widgets .side-widget.html-widget .widget-content div.my-training div#qualityPassportWidgetsUserView {
    color: #707792;
}

/* Iconen */

.glyphicon-remove-sign:before {
    content: "\e880" !important;
	color: #D70560;
	font-family: 'Linearicons-Free' !important;
	font-size: 22px;
	position: relative;
	top: -4px;
}

#home-widgets .side-widget.html-widget .widget-content div#qualityPassportWidgetsUserView h3 span.glyphicon-remove-sign:before {
    content: "\e880" !important;
    color: #D70560;
    font-family: 'Linearicons-Free' !important;
    font-size: 25px;
    margin-top: -19px;
    margin-left: -10px;
    position: absolute;
}

.glyphicon-asterisk:before {
    content: "\e864" !important;
	color: #01496d;
	font-family: 'Linearicons-Free' !important;
	font-size: 22px;
	position: relative;
	top: -4px;
}

.glyphicon-play:before {
    content: "\e87a" !important;
	font-family: 'Linearicons-Free' !important;
	color: var(--textcolor);
	font-size: 20px;
    top: -3px !important;
    position: relative;
}

.glyphicon-refresh:before {
    content: "\e031";
	font-size: 15px;
	color: var(--textcolor);
}

.glyphicon-ok-sign:before {
    content: "\e87f" !important;
	font-family: 'Linearicons-Free' !important;
	color: #249473;
	font-size: 22px;
	position: relative;
	top: -4px;
}

.glyphicon-info-sign:before {
    content: "\e87c" !important;
	font-family: 'Linearicons-Free' !important;
	color: #01496d;
	font-size: 20px;
	top: -5px;
    position: relative;
}

.glyphicon-minus:before {
    content: "\e873" !important;
	font-family: 'Linearicons-Free' !important;
	color: #000000;
	font-size: 18px;
    font-weight: bold;
}

.glyphicon-exclamation-sign:before {
    content: "\e87c" !important;
	font-family: 'Linearicons-Free' !important;
	color: #01496d;
	top: -5px;
    position: relative;
	font-size: 22px;
}

.glyphicon-plus:before {
    content: "\e874" !important;
	font-family: 'Linearicons-Free' !important;
	color: #000000;
	font-size: 18px;
    font-weight: bold;
}

span.glyphicon {
    width: 25px;
    padding: 0;
    box-sizing: border-box;
    text-align: center;
    height: 25px;
	line-height: 25px;
}

div#qualityPassportWidgetsUserView .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    border-top: 1px solid transparent;
	border-color: var(--bordercolor);
}

div#qualityPassportWidgetsUserView .table>thead>tr>th {
    border-bottom: 2px solid transparent;
	border-color: var(--bordercolor);
}

/* Kwaliteitspaspoort met functieprofiel */
#home-widgets .side-widget.html-widget .widget-content a {
    margin-top: 0;
}

div#qualityPassportWidgetsUserView h3 {
    border-bottom: 1px solid #dddddd;
    padding: 0;
    margin: 0;
    background: #fff;
}

div#qualityPassportWidgetsUserView .table>tbody>tr>td, 
div#qualityPassportWidgetsUserView .table>tbody>tr>th, 
div#qualityPassportWidgetsUserView .table>tfoot>tr>td, 
div#qualityPassportWidgetsUserView .table>tfoot>tr>th, 
div#qualityPassportWidgetsUserView .table>thead>tr>td, 
div#qualityPassportWidgetsUserView .table>thead>tr>th {
    padding: 10px 10px !important;
}

.panel-group .panel,
.panel-heading {
	border-radius: 0 !important;
}

#home-widgets .side-widget.html-widget .widget-content div#qualityPassportWidgetsUserView h3 span.glyphicon-remove-sign:before {
    content: "\e5a3" !important;
    color: #EE3333;
    font-family: 'Flaticons Stroke' !important;
    font-size: 25px;
    margin-top: -24px;
    margin-left: -10px;
    position: absolute;
}

div#qualityPassportWidgetsUserView h3 {
    margin-bottom: 5px !important;
}

#home-widgets .side-widget.html-widget .widget-content div#qualityPassportWidgetsUserView h3 span {
    color: #0091D4 !important;
    font-weight: 600;
    font-family: var(--font);
    font-size: 20px !important;
}

#home-widgets .side-widget.html-widget .widget-content div#qualityPassportWidgetsUserView h3 a {
    padding: 5px 10px 5px 10px;
}	

div[id^="jobProfile"] {
    margin-top: 0px;
}

div#qualityPassportWidgetsUserView h3 a span.glyphicon {
    float: right;
    position: relative;
    top: 20px;
    right: 15px;
}

div#qualityPassportWidgetsUserView h3 a[aria-expanded="true"]:after {
	content: "\e5a8" !important;
    font-family: 'Flaticons Stroke' !important;
    color: #0091D4;
    font-size: 25px;
    position: absolute;
    margin: 2px 0px 0px 10px;
}

div#qualityPassportWidgetsUserView h3 a:after,
div#qualityPassportWidgetsUserView h3 a[aria-expanded="false"]:after {
	content: "\e5a9" !important;
    font-family: 'Flaticons Stroke' !important;
    color: #0091D4;
    font-size: 25px;
    position: absolute;
    margin: 2px 0px 0px 10px;	
}

div#qualityPassportWidgetsUserView h3 a:active,
#home-widgets .side-widget.html-widget .widget-content div#qualityPassportWidgetsUserView h3 a:active > span,
#home-widgets .side-widget.html-widget .widget-content div#qualityPassportWidgetsUserView h3 a:focus,
#home-widgets .side-widget.html-widget .widget-content div#qualityPassportWidgetsUserView h3 a:focus > span {
	color: inherit !important;
}

#home-widgets .side-widget.html-widget .widget-content div#qualityPassportWidgetsUserView h3 a:hover:after,
#home-widgets .side-widget.html-widget .widget-content div#qualityPassportWidgetsUserView h3 a:hover {
 color: #0093d8  !important;
}

#home-widgets .side-widget.html-widget .widget-content div#qualityPassportWidgetsUserView .panel-group {
    margin-bottom: 5px;
}

#home-widgets .side-widget.html-widget .widget-content div#qualityPassportWidgetsUserView .panel-group .panel+.panel {
    margin-top: -1px;
}

#home-widgets .side-widget.html-widget .widget-content div#qualityPassportWidgetsUserView .panel-heading {
    padding: 10px 10px 10px 10px;
}	

#home-widgets .side-widget.html-widget .widget-content div#qualityPassportWidgetsUserView .table>tbody>tr>td, 
#home-widgets .side-widget.html-widget .widget-content div#qualityPassportWidgetsUserView .table>tbody>tr>th, 
#home-widgets .side-widget.html-widget .widget-content div#qualityPassportWidgetsUserView .table>tfoot>tr>td, 
#home-widgets .side-widget.html-widget .widget-content div#qualityPassportWidgetsUserView .table>tfoot>tr>th, 
#home-widgets .side-widget.html-widget .widget-content div#qualityPassportWidgetsUserView .table>thead>tr>td, 
#home-widgets .side-widget.html-widget .widget-content div#qualityPassportWidgetsUserView.table>thead>tr>th {
    vertical-align: middle;
}

/* Manager */
div#qualityPassportWidgetsManagementView {
    max-height: 600px;
}

div#qualityPassportWidgetsManagementView .table-responsive {
    overflow-x: visible;
}

div#qualityPassportWidgetsManagementView  thead th {
  position: -webkit-sticky; /* for Safari */
  position: sticky;
  top: 0px;
  z-index: 2;
}

div#document-body.nieuws div.my-training div#qualityPassportWidgetsManagementView td:first-child {
  position: -webkit-sticky; /* for Safari */
  position: sticky;
  left: 0;
  background: #f5f5f5;
  z-index: 1;
  min-width: 200px;
}

div#document-body.nieuws div.my-training div#qualityPassportWidgetsManagementView table thead th {
    font-weight: 400;
    color: #ffffff;
    background: #01496d;
    border-bottom: 1px solid #dddddd;
    /* white-space: nowrap; */
    padding: 10px 20px !important;
    width: 200px !important;
    min-width: 200px !important;
}

div#document-body.nieuws div.my-training div#qualityPassportWidgetsManagementView tr.showJobProfileList th {
  position: -webkit-sticky; /* for Safari */
  position: sticky;
  top: 0;
  z-index: 2;	
}

div#document-body.nieuws div.my-training div#qualityPassportWidgetsManagementView tr.showJobProfileList th {
    background: #0091D4 !important;
}

div#document-body.nieuws div.my-training td {
	background: #fff;
}

div.my-training div#qualityPassportWidgetsManagementView .table>tbody>tr>td, 
div.my-training div#qualityPassportWidgetsManagementView .table>tbody>tr>th, 
div.my-training div#qualityPassportWidgetsManagementView .table>tfoot>tr>td, 
div.my-training div#qualityPassportWidgetsManagementView .table>tfoot>tr>th, 
div.my-training div#qualityPassportWidgetsManagementView .table>thead>tr>td, 
div.my-training div#qualityPassportWidgetsManagementView .table>thead>tr>th {
    padding: 5px 20px 15px !important;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #dddddd !important;
    font-family: "Open Sans", sans-serif;
}

div.my-training div#qualityPassportWidgetsManagementView .table>tbody>tr>td {
	color: #000;
}

div#widgetManagementView {
    overflow: auto;
	max-height: 600px;
}

div#widgetManagementView table {
    margin-bottom: 0;
}

:focus {
	outline: none !important;
	box-shadow: none !important;
}

div#qualityPassportWidgetsUserView h3 a span.glyphicon.glyphicon-ok-sign {
    top: 0;
    right: 0;
}

div#qualityPassportWidgetsUserView h3 a span.glyphicon {
    display: none;
}

h4.panel-title span {
    font-size: 17px !important;
}

.side-widget.html-widget.kwaliteitspaspoort .widget-header {
    display: none !important;
}

.side-widget.html-widget.kwaliteitspaspoort .widget-content {
    padding: 0 !important;
}

div.my-training h2 {
    color: var(--headers);
    font-weight: 600;
    font-size: 24px;
    line-height: 47px;
    letter-spacing: 1px;
    letter-spacing: 0.09em;
	padding: 20px 40px 0;
	height: 75px;
    border-bottom: 1px solid transparent;
	border-color: var(--bordercolor);
	margin: 0 0 -1px;
}

div#widgetUserView h2 {
    color: var(--headers);
    background: transparent;
    font-family: var(--font);
    text-align: center;
    font-weight: 600;
    font-size: 40px;
    text-transform: none;
    padding: 0 32px 24px;
    text-align: left;
	line-height: 64px;
    margin: 0;
}

div#qualityPassportWidgetsUserView .table th:nth-child(1) {
    padding-left: 20px !important;
}

div#qualityPassportWidgetsUserView th {
    background: var(--tableheaders) !important;
	border-radius: 0 !important;
}

div#qualityPassportWidgetsUserView .table tbody td:nth-child(1) {
    padding-left: 30px !important;
}

.panel {
	border: none !important;
}

.general-calendar-container .events-list .event-item .title, .personal-calendar-container .events-list .event-item .title {
    font-size: 13px;
}

.general-calendar-container .events-list .event-item .time, .personal-calendar-container .events-list .event-item .time {
    width: 50px;
}

.general-calendar-container .events-list .event-item>.netd-icon, .personal-calendar-container .events-list .event-item>.netd-icon {
    font-size: 12px;
}

.widget-content a {
    color: var(--link);
}

.widget-content a:hover {
	color: var(--linkhover);
}

#home-widgets .widget-content {
	font-family: var(--font);
}

.side-widget.html-widget.kwaliteitspaspoort .widget-header {
    display: none !important;
}

button, input, select, textarea {
    font-family: var(--font);
    font-size: var(--font-size);
}

body.home button {
	font-family: var(--font);
	font-size: var(--font-size);
	color: var(--buttontext);
}

div#PERSONALEVENTDIV {
    visibility: visible;
}

body.home button, body.home input, body.home select, body.home textarea {
    font-family: var(--font);
    font-size: var(--font-size);
}

#home-widgets .side-widget.expiring-certifications .widget-content table thead th {
    font-weight: bold;
    color: var(--tableheadertext);
    background: var(--tableheaders);
	border-radius: 0;
}

#home-widgets .side-widget.expiring-certifications .widget-content table td {
	padding: 8px 4px;
}

#home-widgets .side-widget.expiring-certifications  .widget-content {
  padding: 32px 32px 24px;
}

#home-widgets .side-widget.expiring-certifications .widget-content table tr {
	border-bottom: 1px solid transparent;
	border-color: var(--bordercolor);
}

/* Responsive Startpagina */

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
	
	/* logo */
	#navigation-container::before {
		left: 24px;
	}
	
	#navigation-container::before {
		background-size: auto 20px !important;
	}
	
	/* Inschrijvingen */
	#home-widgets .side-widget.recent-enrollment .widget-content ul li {
		width: calc(100% - 0px) !important;
	}
	
	/* Catalogi */
	#catalog_children a {
		width: calc(100% - 0px);
	}
	
	/* Kolommen */
	#home-widgets.container_12 .grid_8 {
		flex-basis: calc(100% - 0px);
		width: calc(100% - 0px);
	}
	
	#home-widgets.container_12 .grid_4 {
		flex-basis: calc(100% - 0px);
		width: calc(100% - 0px);
	}
	
	/* Headers */
	#home-widgets .side-widget .widget-header {
		padding: 0px 24px 24px;
		font-size: 28px;
		line-height: 36px;
	}
	
	#home-widgets .side-widget.recent-enrollment .widget-header {
		font-size: 28px;
		padding: 0px 24px;
		line-height: 36px;
	}
	
	#welkom {
		font-size: 36px;
		line-height: 48px;
		top: 48px;
	}
	
	/* Secundair menu */
	#navigation-container .sec-menu-container a.manage,
    #navigation-container .sec-menu-container a.user-profile,
	#navigation-container .sec-menu-container a.mail,
	#navigation-container .sec-menu-container a.contact-us {
		display: none !important;
	}
	

	
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
	
	
	
}

tr#reset-password-userId {
    display: none;
}

/* Widget Vouchercode invoeren */
.html-widget.voucher .widget-content {
	background: #fff;
}

.html-widget.voucher .widget-content a.button {
	color: var(--buttontexthover) !important;
	display: inline-block;
}



#role-access-control .netd-table tbody input[type='radio'] {
	width: 100%;
	height: 100%;
}

/*************************/
/*** OPENSTAANDE TAKEN ***/
/*************************/

.side-widget.html-widget.task_approval {
    margin-left: 40px;
}

.side-widget.html-widget.task_approval .widget-content {
    background: #fff;
    padding: 32px !important;
	overflow: visible !important;
}

div#dynamicApiWidget-task_approval {
    background: #fff;
    padding: 0;
    box-sizing: border-box;
}
 
div#dynamicApiWidget-task_approval h2 {
    font-size: 18px !important;
    line-height: 20px !important;
    font-family: var(--fontHeaders);
    font-weight: bold;
    color: var(--headers);
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    transition: color 200ms;
    margin-bottom: 5px;
    text-transform: none;
}
 
div#dynamicApiWidget-task_approval span.programma,
div#dynamicApiWidget-task_approval span.deadline {
    font-weight: normal;
    font-size: var(--font-size) !important;
    line-height: 1.5 !important;
    display: block;
	opacity: 0.8;
}

div#dynamicApiWidget-task_approval span.deadline.N {
    color: #ff9900 !important;
}

div#dynamicApiWidget-task_approval span.deadline.Y {
    color: #ff0000 !important;
}
 
div#dynamicApiWidget-task_approval span.deadline:before {
    content: "\EA28";
    font-size: var(--font-size);
    font-family: "tcc-icons";
    margin-right: 4px;
}
 
div#dynamicApiWidget-task_approval span.programma:before {
    content: "\f115";
    font-size: 14px;
    font-family: "netdicon";
    margin-right: 4px;
}

div#dynamicApiWidget-task_approval span.link {
	display: flex;
	justify-content: flex-end;
}
 
div#dynamicApiWidget-task_approval a.button {
    font-weight: 600;
    color: #fff;
    display: inline-block;
    margin-top: 12px;
	margin-left: 4px;
	line-height: 48px;
	height: 48px;
	padding: 0 12px;
	width: fit-content;
}

div#dynamicApiWidget-task_approval a.details.button {
	pointer-events: none;
	cursor: hand;
}

div#dynamicApiWidget-task_approval .tooltip:hover a.button {
	background: var(--buttonhover);
}
 
div#dynamicApiWidget-task_approval ul {
    padding: 0;
    margin: 0;
}
 
div#dynamicApiWidget-task_approval li::marker {
    content: "";
}
 
div#dynamicApiWidget-task_approval li {
    border-bottom: 1px solid var(--bordercolor);
    padding-bottom: 12px;
    margin-bottom: 12px;
}
 
div#dynamicApiWidget-task_approval li:last-child {
    border: none;
    margin: 0;
    padding: 0;
}

/* Tooltip container */
div#dynamicApiWidget-task_approval .tooltip {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

/* Tooltip tekst */
div#dynamicApiWidget-task_approval .tooltip .tooltiptext {
  visibility: hidden;
  background-color: #333;
  color: #fff;
  text-align: left; /* Tekst links uitlijnen */
  border-radius: 6px;
  padding: 10px;
  position: absolute;
  z-index: 1000; /* Zorg dat hij boven andere elementen staat */
  bottom: 125%; /* Plaats tooltip boven de link */
  left: 50%;
  transform: translateX(-50%);
  width: auto; /* Breedte dynamisch */
  max-width: 400px; /* Maximale breedte */
  min-width: 320px; /* Verwijder standaard min-width */
  white-space: normal; /* Sta meerdere regels toe */
  word-wrap: break-word; /* Breek lange woorden af */
  overflow-wrap: break-word;
  opacity: 0;
  transition: opacity 0.3s;
  box-sizing: content-box; /* Houd padding uit de breedteberekening */
  font-size: 14px;
  line-height: 1.4;
}

/* Tooltip pijltje */
div#dynamicApiWidget-task_approval .tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%; /* Plaats pijltje onder de tooltip */
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #333 transparent transparent transparent;
}

/* Toon tooltip wanneer de gebruiker erover hovert */
div#dynamicApiWidget-task_approval .tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

div#dynamicApiWidget-task_approval .tooltip .tooltiptext strong,
div#dynamicApiWidget-task_approval .tooltip .tooltiptext strong em,
div#dynamicApiWidget-task_approval .tooltip .tooltiptext em strong {
	font-size: 14px !important;
	color: #fff !important;
	font-weight: 600;
}

div#dynamicApiWidget-task_approval .tooltip .tooltiptext em {
	font-size: 14px !important;
	color: #fff !important;
	font-weight: 400;
}

/*************************/
/*** OPENSTAANDE TAKEN ***/
/*************************/

/* UPGRADE 25.2.1 */
#overview.overview_accordion fieldset legend.ui-accordion-header {
    padding: 1rem 1rem 1rem 2rem;
}

#overview.overview_accordion .ui-accordion-header-active {
    background: #f4f4f4;
}
/* UPGRADE 25.2.1*/

/***********************/
/*** UPGRADE 25.10.1 ***/
/***********************/

#overview fieldset .dropdown-menu-list {
    min-width: 100%;
}

/* datumvelden */
.ui-datepicker td span, .ui-datepicker td a {
    color: var(--textcolor) !important;
    background: #ffffff !important;
	border: none !important;
}

.ui-datepicker td span.ui-state-hover, .ui-datepicker td a.ui-state-hover {
  color: var(--textcolor) !important;
  background: var(--lightgrey) !important;
  border: 0 !important;
}

.ui-datepicker td span.ui-state-highlight, .ui-datepicker td span.ui-state-active, .ui-datepicker td a.ui-state-highlight, .ui-datepicker td a.ui-state-active {
    color: #ffffff !important;
    background: var(--primary) !important;
    border: 0 !important;
}

/* invulvelden */
.netd-filter-group .token-input-box[type="text"] {
    height: 46px;
}

.token-input-box[type="text"] {
    height: 46px;
}

/* knoppen */
.netd-drop-down-btn-container:hover > .netd-button:first-child, .netd-drop-down-btn-container.active > .netd-button:first-child, html[dir=rtl] .netd-drop-down-btn-container:hover > .netd-button:first-child, html[dir=rtl] .netd-drop-down-btn-container.active > .netd-button:first-child {
    border: 1px solid var(--bordercolor) !important;
    border-bottom: 0px !important;
}

#quick-navigation>.quick-nav-container>form button.search-btn, #quick-navigation>.quick-nav-container>form input.search-btn[type="submit"], #quick-navigation>.quick-nav-container>form input.search-btn[type="reset"], #quick-navigation>.quick-nav-container>form input.search-btn[type="button"], #quick-navigation>.quick-nav-container>form span.search-btn#file-upload-btn-pop.button {
    top: 96px !important;
}

.bookmark-container ~ .info-button {
    margin: 3rem 1rem 0 0;
}

.btn:not(.pf-button), .user-selector-button, .netd-form input[type="text"] + .btn {
    transform: translateY(0px);
}

.netd-drop-down-btn-container button, .netd-drop-down-btn-container input[type="submit"], .netd-drop-down-btn-container input[type="reset"], .netd-drop-down-btn-container input[type="button"],
.netd-drop-down-btn-container .button,
.netd-drop-down-btn-container .btn,
.netd-drop-down-btn-container .netd-button,
.netd-drop-down-btn-container input.button,
.netd-drop-down-btn-container input[type="submit"],
.netd-drop-down-btn-container input[type="reset"],
.netd-drop-down-btn-container input[type="button"] {
  transform: translateY(0px);
}

#selector_field .btn {
  transform: translateY(0px);
}

/* tabbladen */
.tabs ul li.selected a {
    background: inherit;
    border: inherit;
    border-bottom: inherit;
    margin-right: 0;
    color: inherit !important;
    font-weight: 600;
    height: inherit;
    border-radius: inherit;
}

.tabs ul li.selected a:hover {
    background: var(--lightgrey);
    border-color: var(--lightgrey);
    color: var(--textcolor) !important;
    margin-right: 0;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    border-radius: 24px;
}

.tabs ul li a.selected {
    background: var(--buttonhover);
    border: 0px solid var(--buttonhover);
    border-bottom: transparent;
    margin-right: 0;
    color: var(--buttontexthover) !important;
    font-weight: 600;
    height: 48px;
    border-radius: 24px;
}

.permissions-view .tabs ul li.selected a.selected, .permissions-view .tabs ul li.selected:hover a.selected {
    position: relative;
    color: var(--buttontexthover) !important;
    padding-bottom: 24px;
    background: var(--buttonhover);
    border-bottom-width: 0;
    box-shadow: none;
    cursor: default;
    height: auto !important;
    border-radius: 0;
}

.permissions-view .sections-container {
    border-radius: 0;
}

/* iconen */
#quick-navigation>.quick-nav-container p.hint a.close-btn span.netd-icon.icon-remove::before {
    content: "\f19e";
    font-family: fluenticons;
    font-style: normal;
    font-weight: 400;
    font-size: 21px;
    color: #333;
    line-height: 2rem;
}

/***********************/
/*** UPGRADE 25.10.1 ***/
/***********************/