@charset "UTF-8";
/* _____ MIXINS _____ */
/* ADDS A BROWSER PREFIX TO A PROPERTY */
/* FOR USING OUR EPICONS WITH NO ICON- CLASS */
/* overflow-wrap rule with legacy word-wrap added */
/* hide text overflow with an ellipsis */
/*! normalize.css v2.0.1 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/*
 * Corrects `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block;
}

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

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

/*
 * Addresses styling for `hidden` attribute not present in IE 8/9.
 */
[hidden] {
  display: none;
}

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

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

/* ==========================================================================
   Links
   ========================================================================== */
/*
 * Addresses `outline` inconsistency between Chrome and other browsers.
 */
a:focus,
.button--as-link:focus {
  outline: thin dotted;
}

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

/* ==========================================================================
   Typography
   ========================================================================== */
/*
 * Addresses `h1` font sizes within `section` and `article` in Firefox 4+,
 * Safari 5, and Chrome.
 */
h1 {
  font-size: 2em;
}

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

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

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

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

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

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

/*
 * Sets consistent quote types.
 */
q {
  quotes: "“" "”" "‘" "’";
}

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

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/**********=FOUNDATION BLOCKS**********/
html,
body,
form {
  height: 100%;
}

.modal-body form {
  height: auto;
}

html {
  font-size: 62.5%;
}

body {
  background: #fff;
  color: #000;
  font-family: museo-sans-1, sans-serif;
  font-size: 1.2rem;
  line-height: 1.5;
  outline-style: none !important;
}

/***=basic typography***/
h1,
.h1,
h2,
.h2,
p {
  margin: 0 0 0.5em;
}

h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin: 0 0 0.25em;
}

* + h2,
* + h3,
* + h4,
* + h5,
* + h6 {
  margin-top: 0.5em;
}

/*=headings*/
h1,
.h1 {
  font-size: 2.4rem;
  font-weight: 100;
  line-height: 1.25;
}

h2,
.h2 {
  font-size: 2rem;
  font-weight: 300;
  line-height: 1.25;
}

h3,
.h3 {
  font-size: 1.6rem;
  font-weight: 500;
}

h4,
.h4 {
  font-size: 1.4rem;
  font-weight: 700;
}

h5,
.h5 {
  font-size: 1.2rem;
  font-weight: 700;
}

h6,
.h6 {
  font-size: 1.2rem;
  font-weight: 300;
  text-transform: uppercase;
}
h6 b,
h6 strong,
.h6 b,
.h6 strong {
  font-weight: 900;
}

/*=headings (end)*/
p,
ol,
ul,
.content-nav-bar > ul li {
  font-size: 1.2rem;
}

ol {
  margin-left: 0;
  padding: 0 0 0 2.5em;
}

ul, .content-nav-bar > ul li {
  list-style: none;
  margin: 0;
  padding: 0;
}

a,
.a {
  color: #026dba;
}
a:hover, a:focus,
.a:hover,
.a:focus {
  color: #2e4e77;
}
a.no-under,
.a.no-under {
  text-decoration: none;
}

html[data-focus-source=key] *:focus,
html[data-focus-source=key] input:focus,
html[data-focus-source=key] select:focus,
html[data-focus-source=key] button:focus {
  outline: 3px solid #3dbbdb !important;
  overflow: -moz-hidden-unscrollable;
}

small {
  color: inherit;
  font-size: 0.8em;
  /* this is one of the only em font size we should keep, since it needs to be relative of its parent, not the root element */
}

hr {
  border: 0;
  border-top: 0.1rem solid #e5e5e1;
  height: 0;
  margin-bottom: 1.6rem;
  margin-top: 1.6rem;
}

/**********=FOUNDATION BLOCKS (END)**********/
/**********=FORM BLOCKS*********/
/*#region BasicFormElements */
/***=text input/select/textarea***/
input[type=text], input[type=password], input[type=search], input[type=number], input.search {
  border: 1px solid #ccc;
  border-radius: 3px;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  color: #616b72;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.2rem;
  height: 2.2rem;
  padding-left: 0.33em;
  padding-right: 0.33em;
  transition: border linear 0.2s, box-shadow linear 0.2s;
  width: inherit;
}
input[disabled] {
  background: #ddd;
  border-color: #aaa;
  color: #333131 !important;
}
input[type=radio], input[type=checkbox] {
  vertical-align: text-bottom;
}
input[type=radio]:disabled, input[type=checkbox]:disabled {
  cursor: not-allowed;
  opacity: 0.4;
}
input.short-number {
  width: 40px;
}

/***=select***/
select {
  border: 1px solid #ccc;
  border-radius: 3px;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  color: #616b72;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.2rem;
  height: 2.2rem;
  max-width: 100%;
  padding-left: 0.33em;
  padding-right: 0;
  transition: border linear 0.2s, box-shadow linear 0.2s;
  width: inherit;
}
select[multiple=multiple] {
  height: auto;
  min-width: 250px;
}
select[disabled] {
  background: #ddd;
  border-color: #aaa;
  color: #333131 !important;
}

/***=textarea***/
textarea {
  border: 1px solid #ccc;
  border-radius: 3px;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  color: #616b72;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.2rem;
  height: 120px;
  padding-left: 0.33em;
  padding-right: 0.33em;
  transition: border linear 0.2s, box-shadow linear 0.2s;
  width: inherit;
}
textarea[disabled] {
  background: #ddd;
  border-color: #aaa;
  color: #333131 !important;
}

/***=label***/
label {
  color: #333131;
  display: block;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.25;
  margin: 0.5em 0 0.25em;
  text-shadow: 0 0 2px #fff;
}
label.label--no-style {
  color: #000;
  display: inline;
  font-weight: 400;
  line-height: 1.33;
  margin: 0;
  text-shadow: none;
}

/***=fieldset***/
fieldset {
  border: 0;
  margin: 0 0 15px;
  padding: 6px 0 0;
}
fieldset p {
  margin: 0 0 0.42em;
}

/***=legend***/
legend {
  font-size: 1.6rem;
  font-weight: 500;
  margin: 0;
  padding: 0;
}

/*#endregion*/
/**********=FORM BLOCKS (end)*********/
/**********=HELPER CLASSES**********/
/*#region HelperClasses */
.hide-test {
  display: none !important;
}

/***=jump links***/
.jump-link {
  left: -5000px;
  position: absolute;
}

/***=inline indent levels***/
.inlineIndentLevel0,
td.indentLevel1 {
  padding-left: 0;
}

.inlineIndentLevel1,
td.indentLevel2 {
  padding-left: 15px;
}

.inlineIndentLevel2,
td.indentLevel3 {
  padding-left: 30px;
}

.inlineIndentLevel3,
td.indentLevel4 {
  padding-left: 45px;
}

.inlineIndentLevel4,
td.indentLevel5 {
  padding-left: 60px;
}

.inlineIndentLevel5,
td.indentLevel6 {
  padding-left: 75px;
}

.inlineIndentLevel6,
td.indentLevel7 {
  padding-left: 90px;
}

.inlineIndentLevel7,
td.indentLevel8 {
  padding-left: 105px;
}

.inlineIndentLevel8,
td.indentLevel9 {
  padding-left: 120px;
}

.inlineIndentLevel9,
td.indentLevel10 {
  padding-left: 135px;
}

.inlineIndentLevel10 {
  padding-left: 150px;
}

/*#endregion*/
/**********=HELPER CLASSES (end)**********/
/**********=ACCESSIBILITY CLASSES**********/
.sr-text {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

/***=Universal Access Skip Links***/
.ua-skip-link {
  left: -5000px;
  position: absolute;
}
.ua-skip-link:focus {
  background: #333131;
  color: #fff;
  font-size: 1.4rem;
  font-weight: bold;
  left: 45%;
  outline: none !important;
  padding: 1em;
  text-decoration: none;
  z-index: 100;
}
.ua-skip-link:active {
  text-decoration: underline;
}

/**********=ACCESSIBILITY CLASSES (end)**********/
/**********=TABLES**********/
table {
  max-width: 100%;
}

/**********=TABLES (end)**********/
/**********=BLOCK (basic block...open for extension)**********/
.block {
  display: block;
}

/**********=BLOCK (END)**********/
/**********=NAV (basic nav)**********/
.nav,
.nav ul,
.nav .content-nav-bar > ul li,
.content-nav-bar > ul .nav li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.nav .nav-item .nav__item {
  margin: 0;
}

/**********=NAV (end)**********/
/**********=BUTTON (basic button)**********/
.ui-button, .dark-button,
input.ui-button,
.ColVis_MasterButton {
  background-color: #e6e6e6;
  background-image: linear-gradient(#fff, #fff 25%, #e6e6e6);
  background-repeat: no-repeat;
  border: 1px solid #ccc;
  border-bottom-color: #bbb;
  border-radius: 4px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  color: #333;
  cursor: pointer;
  display: inline-block;
  font-size: 1.3rem;
  font-weight: normal;
  line-height: 1.17;
  margin: 0;
  overflow: visible;
  padding: 0.4em 1.1em 0.5em;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  transition: 0.1s linear all;
}
.ui-button:hover, .dark-button:hover, .ui-button:focus, .dark-button:focus,
input.ui-button:hover,
input.ui-button:focus,
.ColVis_MasterButton:hover,
.ColVis_MasterButton:focus {
  background-image: none;
  color: #333131;
  text-decoration: none;
}
.ui-button:focus, .dark-button:focus,
input.ui-button:focus,
.ColVis_MasterButton:focus {
  outline: 1px dotted #333;
}
.page-header .ui-button:focus, .page-header .dark-button:focus,
.page-header input.ui-button:focus,
.page-header .ColVis_MasterButton:focus {
  outline: 2px dotted #fff;
}
.ui-button.active, .active.dark-button, .ui-button:active, .dark-button:active,
input.ui-button.active,
input.ui-button:active,
.ColVis_MasterButton.active,
.ColVis_MasterButton:active {
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.ui-button [class^=icon-]:not(.icon-button), .dark-button [class^=icon-]:not(.icon-button),
.ui-button [class*=" icon-"]:not(.icon-button),
.dark-button [class*=" icon-"]:not(.icon-button),
input.ui-button [class^=icon-]:not(.icon-button),
input.ui-button [class*=" icon-"]:not(.icon-button),
.ColVis_MasterButton [class^=icon-]:not(.icon-button),
.ColVis_MasterButton [class*=" icon-"]:not(.icon-button) {
  vertical-align: middle;
}

/**********=BUTTON (end)**********/
/**********=ANIMATIONS**********/
.animated {
  animation-duration: 0.6s;
  animation-fill-mode: both;
  transition: background-color 0.5s ease;
}
.animated * {
  transition: background-color 0.5s ease;
}

.animated-fast {
  animation-duration: 0.3s;
  animation-fill-mode: both;
}

.rotating {
  animation: rotation 2s infinite linear;
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
.slide-in-down {
  animation-name: slide-in-down;
}

.bounceIn {
  animation-name: bounceIn;
}

.pulse {
  animation-name: pulse;
}

@keyframes slide-in-down {
  0% {
    opacity: 0;
    transform: translateY(-500px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes bounceIn {
  0% {
    opacity: 0;
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
    transform: scale(1.05);
  }
  70% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes pulse {
  0% {
    transform: scale3d(1, 1, 1);
  }
  50% {
    transform: scale3d(1.05, 1.05, 1.05);
  }
  100% {
    transform: scale3d(1, 1, 1);
  }
}
/**********=ANIMATIONS (end)**********/
/*#region jQueryUIRules */
/***=workaround for flexslider loading in hidden jquery UI tab content - TRUNK-2251***/
#tab-setup[aria-hidden=true],
#tab-tags[aria-hidden=true] {
  clip: rect(1px, 1px, 1px, 1px);
  display: block !important;
  overflow: hidden;
  position: absolute !important;
}

/***************JQUERY UI******************/
.ui-widget-header {
  background: #f6a828 url("images/ui-bg_gloss-wave_35_f6a828_500x100.png") 50% 50% repeat-x;
  border: 1px solid #e78f08;
  color: #fff;
  font-weight: bold;
}
.ui-widget-header a {
  color: #fff;
}

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  background-repeat: no-repeat;
  display: block;
  overflow: hidden;
  text-indent: -99999px;
}

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  background-image: url("../images/ui/ui-icons_222222_256x240.png");
  height: 16px;
  width: 16px;
}
.ui-widget-content .ui-icon {
  background-image: url("../images/ui/ui-icons_222222_256x240.png");
}
.ui-widget-header .ui-icon {
  background-image: url("../images/ui/ui-icons_ffffff_256x240.png");
}
.ui-state-default .ui-icon {
  background-image: url("../images/ui/ui-icons_ef8c08_256x240.png");
}
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
  background-image: url("../images/ui/ui-icons_ef8c08_256x240.png");
}
.ui-state-active .ui-icon {
  background-image: url("../images/ui/ui-icons_ef8c08_256x240.png");
}
.ui-state-highlight .ui-icon {
  background-image: url("../images/ui/ui-icons_228ef1_256x240.png");
}
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
  background-image: url("../images/ui/ui-icons_ffd27a_256x240.png");
}

/* positioning */
.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-off {
  background-position: -96px -144px;
}

.ui-icon-radio-on {
  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 {
  background-position: -80px -160px;
}

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
  background-position: -80px -160px;
}

.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;
}

.ui-resizable-handle {
  display: block;
  font-size: 0.1px;
  position: absolute;
  z-index: 99999;
}

.ui-resizable-se {
  bottom: 1px;
  cursor: se-resize;
  height: 12px;
  right: 1px;
  width: 12px;
}
.ui-dialog .ui-resizable-se {
  bottom: 3px;
  height: 14px;
  right: 3px;
  width: 14px;
}

/* Misc visuals
----------------------------------*/
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 4px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 4px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 4px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 4px;
}

/***=autocomplete (jquery ui) ***/
.ui-autocomplete {
  background: #efefef;
  border: 1px solid #e0e0e0;
  cursor: default;
  left: 0;
  list-style: none;
  margin: 0;
  max-height: 260px;
  overflow-y: auto;
  padding: 0;
  position: absolute;
  text-transform: capitalize;
  top: 0;
}
.ui-autocomplete em.match {
  color: #000;
  font-style: normal;
}

.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-menu-item {
  margin: 0;
  padding: 0;
  zoom: 1;
}

.ui-menu-divider {
  border-width: 1px 0 0;
  font-size: 0;
  height: 0;
  line-height: 0;
  margin: 5px -2px;
}

.ui-menu-item a {
  display: block;
  padding: 0.3em 0.8em;
  text-decoration: none;
}

.ui-menu .ui-state-disabled {
  font-weight: normal;
  line-height: 1.5;
  margin: 0.4em 0 0.2em;
}

.ui-menu .ui-state-disabled a {
  cursor: default;
}

.ui-menu .ui-state-focus {
  background: #d0ebf5;
  color: #2e4e77;
  cursor: pointer;
}

/***=datepicker (jquery ui) ***/
.ui-datepicker {
  background: #fff;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
  font: 9pt Arial, Helvetica, sans-serif;
  height: auto;
  margin: 5px auto 0;
  z-index: 100;
}
.ui-datepicker a {
  text-decoration: none;
}
.ui-datepicker table {
  width: 100%;
}
.ui-datepicker thead {
  background-color: #f7f7f7;
  background-image: linear-gradient(to bottom, #f7f7f7 0%, #f1f1f1 100%);
  border-bottom: 1px solid #bbb;
}
.ui-datepicker th {
  color: #666;
  font-size: 0.8rem;
  padding: 0.625em 0;
  text-shadow: 1px 0 0 #fff;
  text-transform: uppercase;
}
.ui-datepicker tbody td {
  border-right: 1px solid #bbb;
  padding: 0;
}
.ui-datepicker tbody td:last-child {
  border-right: 0;
}
.ui-datepicker tbody tr {
  border-bottom: 1px solid #bbb;
}
.ui-datepicker tbody tr:last-child {
  border-bottom: 0;
}
.ui-datepicker td span,
.ui-datepicker td a {
  color: #666;
  display: inline-block;
  font-weight: bold;
  height: 30px;
  line-height: 2.5;
  text-align: center;
  text-shadow: 1px 1px 0 #fff;
  width: 30px;
}

.ui-datepicker-header {
  background: #333131 url("../images/layout/layout-box-bg-dark.png") repeat 0 0;
  border-color: #111;
  border-style: solid;
  border-width: 1px 0 0;
  box-shadow: inset 0 1px 1px 0 rgba(250, 250, 250, 0.2);
  color: #e0e0e0;
  font-weight: bold;
  line-height: 2.5;
  text-shadow: 1px -1px 0 #000;
}

.ui-datepicker-title {
  text-align: center;
}

.ui-datepicker-month {
  margin-right: 4px;
}

.ui-datepicker-year {
  margin-left: 4px;
}

.ui-datepicker-prev,
.ui-datepicker-next {
  background-image: url("../images/ui/ui-datepicker-arrows.png");
  background-repeat: no-repeat;
  cursor: pointer;
  display: inline-block;
  height: 30px;
  line-height: 6;
  overflow: hidden;
  text-align: center;
  width: 30px;
}

.ui-datepicker-prev {
  background-position: center -30px;
  float: left;
}

.ui-datepicker-next {
  background-position: center 0;
  float: right;
}

.ui-datepicker-prev span,
.ui-datepicker-next span {
  visibility: hidden;
}

.ui-datepicker-calendar .ui-state-default {
  background: #ededed;
  background-image: linear-gradient(to bottom, #ededed 0%, #dedede 100%);
  box-shadow: inset 1px 1px 0 0 rgba(250, 250, 250, 0.5);
}
.ui-datepicker-calendar .ui-state-hover {
  background: #f7f7f7;
}
.ui-datepicker-calendar .ui-state-active {
  background: #0072bc;
  border: 1px solid #2e4e78;
  box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.1);
  color: #fff;
  margin: -1px;
  position: relative;
  text-shadow: 0 1px 0 #4d7a85;
}
.ui-datepicker-calendar td:first-child .ui-state-active {
  margin-left: 0;
  width: 29px;
}
.ui-datepicker-calendar td:last-child .ui-state-active {
  margin-right: 0;
  width: 29px;
}
.ui-datepicker-calendar tr:last-child .ui-state-active {
  height: 29px;
  margin-bottom: 0;
}

.ui-datepicker-unselectable .ui-state-default {
  background: #f4f4f4;
  color: #b4b3b3;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto !important;
}

.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
  margin: 0 auto;
  width: 100%;
}

.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 {
  border-left-width: 0;
}

.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;
  font-size: 0;
  width: 100%;
}

.ui-datepicker-multi .ui-datepicker-group-last,
.ui-datepicker-multi .ui-datepicker-group-middle {
  border-left: 1px solid rgba(51, 49, 49, 0.6);
  margin-left: -1px;
}

/* RTL support */
.ui-datepicker-rtl {
  direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
  left: auto;
  right: 2px;
}

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  left: auto;
  right: 1px;
}

.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 {
  float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: right;
}

.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
  border-left-width: 1px;
  border-right-width: 0;
}

.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 1px;
  border-right-width: 0;
}

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
  display: none;
  /*sorry for IE5*/
  display: block;
  /*sorry for IE5*/
  filter: mask();
  /*must have*/
  height: 200px;
  /*must have*/
  left: -4px;
  /*must have*/
  position: absolute;
  /*must have*/
  top: -4px;
  /*must have*/
  width: 200px;
  /*must have*/
  z-index: -1;
  /*must have*/
}

/**********=JQUERY UI (END)**********/
/*#endregion*/
/**********=RESPONSIVE**********/
@media only screen and (max-width: 69em) {
  html,
body,
form {
    height: auto;
    min-height: 100%;
  }
}
/***=Mobile (Portrait/Landscape - less than 768px) ***/
@media only screen and (max-width: 47.9375em) {
  .ui-datepicker-multi-2 .ui-datepicker-group,
.ui-datepicker-multi-3 .ui-datepicker-group,
.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 100%;
  }

  .ui-datepicker td span,
.ui-datepicker td a {
    width: 100%;
  }
}
/***prevent default zoom on input focus for mobile***/
.touch select,
.touch textarea,
.touch input[type=text],
.touch input[type=password],
.touch input[type=datetime],
.touch input[type=datetime-local],
.touch input[type=date],
.touch input[type=month],
.touch input[type=time],
.touch input[type=week],
.touch input[type=number],
.touch input[type=email],
.touch input[type=url],
.touch input[type=search],
.touch input[type=tel],
.touch input[type=color] {
  font-size: 16px !important;
  line-height: 1 !important;
}

/*/////////////////////////////////////////////////////*/
/*------------------------------------------------------[ =Autocomplete ]--*/
/*TO-DO: Redesign*/
.contact-person, .contact-list {
  background: url(../images/autocomplete-person.png) no-repeat 0 50%;
  display: block;
  padding-left: 15px;
}

.contact-list {
  background-image: url(../images/autocomplete-list.png);
}

.ac_over {
  background-color: #d9ebbe !important;
  color: #000 !important;
}

/*/////////////////////////////////////////////////////*/
/*------------------------------------------------------[ =Breadcrumbs ]--*/
/*Note lp-breadcrumbs is the newer one. "bold" is likely unused at this point*/
.ui-breadcrumb-bold {
  float: left;
  height: 32px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.ui-breadcrumb-bold li {
  background: #efefef;
  float: left;
  height: 32px;
}
.ui-breadcrumb-bold li.active {
  background: url(../images/breadcrumb-divider-last.png) no-repeat 0 50%;
  color: #fff;
  font-size: 1.2rem;
  font-weight: bold;
  height: 12px;
  line-height: 1;
  padding: 10px 20px 10px 35px;
}
.ui-breadcrumb-bold li a {
  background: url(../images/breadcrumb-divider.png) no-repeat 0 50%;
  color: #666;
  display: block;
  font-size: 1.2rem;
  line-height: 1;
  padding: 10px 0 10px 35px;
}
.ui-breadcrumb-bold li a:hover, .ui-breadcrumb-bold li a:focus {
  color: #000;
  text-decoration: none;
}
.ui-breadcrumb-bold li:first-child a {
  background: none;
  padding-left: 15px;
}

/*Static Breadcrumb (shows inheritance)*/
ul.ui-breadcrumb-static, .content-nav-bar > ul li.ui-breadcrumb-static {
  background: #f5f5f5;
  border: 1px solid #6d6c6a;
  border-radius: 5px;
  float: left;
  height: 22px;
  list-style: none;
  margin: 3px 12px 12px 0;
  padding: 0;
}
ul.ui-breadcrumb-static + *, .content-nav-bar > ul li.ui-breadcrumb-static + * {
  clear: left;
}
ul.ui-breadcrumb-static li, .content-nav-bar > ul li.ui-breadcrumb-static li {
  background: url(../images/ui/ui-bc-static-parent.png) no-repeat 0 50% #949390;
  color: #fff;
  float: left;
  font-size: 1.1rem;
  font-weight: bold;
  line-height: 1.1;
  padding: 5px 6px 5px 16px;
  text-decoration: none;
  text-shadow: 0 0 2px rgba(51, 49, 49, 0.5);
}
ul.ui-breadcrumb-static li:first-child, .content-nav-bar > ul li.ui-breadcrumb-static li:first-child {
  background-image: none;
  padding-left: 6px;
}
ul.ui-breadcrumb-static li.direct-membership, .content-nav-bar > ul li.ui-breadcrumb-static li.direct-membership, ul.ui-breadcrumb-static li.last-child, .content-nav-bar > ul li.ui-breadcrumb-static li.last-child {
  background-color: transparent;
  color: #000;
  padding-left: 6px;
  text-shadow: 0 0 2px rgba(255, 255, 255, 0.5);
}
ul.ui-breadcrumb-static li + li.direct-membership, .content-nav-bar > ul li.ui-breadcrumb-static li + li.direct-membership, ul.ui-breadcrumb-static li + li:last-child, .content-nav-bar > ul li.ui-breadcrumb-static li + li:last-child {
  padding-left: 16px;
}
ul.ui-breadcrumb-static li.course-group, .content-nav-bar > ul li.ui-breadcrumb-static li.course-group {
  color: #d1480d;
}

.course-group:before {
  background-color: #d1480d;
  border-radius: 6px;
  box-shadow: inset 0 0 3px rgba(51, 49, 49, 0.5);
  color: #fff;
  content: "Course";
  display: inline-block;
  font-size: 0.8rem;
  height: 12px;
  line-height: 1.5;
  margin-right: 3px;
  padding: 0 4px;
  text-align: center;
  text-shadow: none;
  text-transform: uppercase;
  vertical-align: text-top;
}

/*/////////////////////////////////////////////////////*/
/*------------------------------------------------------[ =Buttons ]--*/
/* +Column Resizing Actions */
/* Default based on it being in left (master) column */
.ui-column-expand {
  background: url(../images/ui/ui-icons-black.png) no-repeat 50% -1412px transparent;
  border-left: 1px solid #fff;
  float: right;
  height: 24px;
  overflow: hidden;
  text-indent: -500px;
  width: 24px;
  /* Mirrored if in right (detail) column */
  /* Alernate State when column has been expanded: */
}
.col-detail .ui-column-expand {
  background-position: 50% -1444px;
}
.col-master.col-expanded .ui-column-expand {
  background-position: 50% -1444px;
}
.col-detail.col-expanded .ui-column-expand {
  background-position: 50% -1412px;
}
.ui-column-expand:hover, .ui-column-expand:focus {
  background-color: rgba(51, 49, 49, 0.1);
}

/* +Toggle Switch */
/* Default style is assumed toggled-on (yes/on/true) */
a.toggle-switch {
  background: #d0ebf5;
  /* Old browsers */
  background-image: linear-gradient(to bottom, #d0ebf5 4%, #95cee5 50%);
  border: 1px solid #ccc;
  border-bottom: 1px solid #dbdbdb;
  border-radius: 8px;
  box-shadow: et 0 2px 3px rgba(0, 54, 99, 0.3);
  color: #2a76b0;
  display: inline-block;
  font: normal uppercase bolder 10px/16px;
  height: 16px;
  margin: 0 auto;
  padding: 0 0 0 16px;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-indent: -2px;
  text-shadow: 0 0 3px #fff;
  vertical-align: middle;
  width: 28px;
}
a.toggle-switch:before {
  background: #e5e5e1;
  /* Old browsers */
  background: linear-gradient(to bottom, #dbdbdb 0%, #ffffff 100%);
  border: 1px solid #999;
  border-radius: 8px;
  content: "";
  height: 14px;
  left: 0;
  position: absolute;
  top: 0;
  width: 14px;
}
a.toggle-switch.toggled-off {
  background: #d3d2ce;
  /* Old browsers */
  background-image: linear-gradient(to top, whitesmoke 4%, #d3d2ce 50%);
  box-shadow: inset 0 2px 3px rgba(51, 49, 49, 0.3);
  color: #555151;
  padding: 0 16px 0 0;
  text-indent: 2px;
  text-shadow: 0 0 3px #fff;
}
a.toggle-switch.toggled-off:before {
  left: 30px;
}

/*/////////////////////////////////////////////////////*/
/*------------------------------------------------------[ =Dashboard ]--*/
/* Widget Layout */
.widget {
  box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.15);
  margin: 0;
  padding: 0;
}
.widget.widget-tall {
  height: 384px;
}
.col-flush-left .widget {
  border-right: 1px solid #f5f5f5;
}
.widget .widget-bar {
  background: url(../images/layout/layout-portlet-header.png);
  box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
  height: 24px;
  margin: 0;
  padding: 0;
  position: relative;
}
.widget .widget-bar h2 {
  color: #e5e5e1;
  float: left;
  font-size: 1.4rem;
  font-weight: 700;
  height: 24px;
  line-height: 1.71;
  margin: 0;
  padding: 0 12px;
  text-shadow: 0 0 2px #333131;
}

.widget-toolbar {
  height: 16px;
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 4px;
  top: 4px;
}
.widget-toolbar li {
  float: left;
  font-size: 1rem;
  height: 16px;
  line-height: 1.6;
  margin-left: 4px;
}
.widget-toolbar li a {
  background: #6d6c6a;
  border-radius: 8px;
  color: #fff;
  display: inline-block;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1;
  padding: 3px 6px;
  text-decoration: none;
  text-shadow: 0 0 2px #333131;
}
.widget-toolbar li a:hover, .widget-toolbar li a:focus {
  background: #2A76B0;
}

.widget-content {
  background: url(../images/layout/layout-box-shadow-top.png) repeat-x 0 0;
  overflow-y: auto;
  padding: 17px 12px 12px;
}

/*+Portfolio Progress*/
.widget-portfolios td {
  border: 1px solid #ec008c;
  padding: 8px;
}

span.page-modified {
  float: left;
  color: #6d6c6a;
  font-size: 1rem;
  font-weight: 500;
  height: 24px;
  line-height: 2.4;
  margin-left: 12px;
}

ul.page-properties, .content-nav-bar > ul li.page-properties,
ul.rubric-properties,
.content-nav-bar > ul li.rubric-properties {
  float: right;
  list-style: none;
  margin: 0;
  padding: 0;
}

ul.page-properties, .content-nav-bar > ul li.page-properties {
  float: none;
  position: absolute;
  right: 0;
  top: 0;
}

ul.page-properties li, .content-nav-bar > ul li.page-properties li,
ul.rubric-properties li,
.content-nav-bar > ul li.rubric-properties li {
  float: right;
  font-size: 1rem;
  font-weight: 500;
  height: 24px;
  list-style: none;
  margin-left: 4px;
  padding: 0;
}
ul.page-properties li .flag, .content-nav-bar > ul li.page-properties li .flag,
ul.rubric-properties li .flag,
.content-nav-bar > ul li.rubric-properties li .flag {
  display: inline-block;
  margin-top: 6px;
}

.portfolio-progress-bar {
  margin-top: 7px;
}

.property-overdue,
.property-due,
.property-info {
  background: url(../images/ui/ui-icons-white.png) 50% -1575px no-repeat;
  border-radius: 10px;
  display: block;
  height: 18px;
  margin-top: 3px;
  overflow: hidden;
  padding: 0;
  text-indent: -500px;
  width: 18px;
}

.property-overdue {
  background-color: #dd0201;
}

.property-due {
  background-color: #d1480d;
}

.property-info {
  background-image: url(../images/ui/ui-icons-black.png);
  background-position: center -1318px;
  cursor: pointer;
}

.property-positive,
.property-negative,
.property-neutral {
  border-radius: 9px;
  color: #fff;
  display: inline-block;
  font-weight: 500;
  height: 18px;
  line-height: 1.8;
  margin-top: 3px;
  padding: 0 6px;
  text-shadow: 0 0 2px #a8a7a3;
}

.property-positive {
  background: #6e9e2f;
}

.property-negative {
  background: #c2c1bc;
}

.property-neutral {
  background: #757472;
}

a.resultsLinkPending,
a.resultsLinkComplete,
a.property-link-pending,
a.property-link-overdue {
  color: #fff;
  float: left;
  font-size: 1rem;
  font-weight: 700;
  height: 16px;
  line-height: 1.6;
  margin-top: 4px;
  text-decoration: none;
  text-shadow: 0 0 2px rgba(51, 49, 49, 0.5);
}

a.resultsLinkPending,
a.property-link-pending {
  border-bottom-left-radius: 9px;
  border-top-left-radius: 9px;
  background: #2e4e77;
  padding: 0 6px 0 8px;
}

a.resultsLinkComplete,
a.property-link-overdue {
  background: #6e9e2f;
  border-bottom-right-radius: 9px;
  border-top-right-radius: 9px;
  padding: 0 8px 0 6px;
}

a.property-link-overdue {
  background: #dd0201;
}

a.property-link-none {
  background: #a8a7a3;
}

ul.rubric-properties a, .content-nav-bar > ul li.rubric-properties a {
  margin-top: 0;
}

a.resultsLinkPending:hover, a.resultsLinkComplete:hover,
a.resultsLinkPending:focus, a.resultsLinkComplete:focus {
  background: #333131;
}

.page-info.toggle-panel {
  border: 0;
  margin: 0;
  padding: 0;
}

.page-info.toggle-open {
  background: url(../images/layout/layout-box-shadow-top.png) 0 0 repeat-x;
  border: 1px solid #d3d2ce;
  border-width: 0 1px 1px;
  display: block;
  margin: 4px 0 4px 24px;
  padding: 17px 12px 12px;
}

/*=widget item*/
.widget-item {
  border-bottom: 1px solid #e5e5e1;
  margin: 0 0 12px -12px;
  padding: 0 12px 12px;
  width: 100%;
}

/*Standards Progress*/
div.widget-standardsprogress h3,
div.widget-rubricprogress h3 {
  color: #333131;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.1;
  margin: 0 0 4px;
}

div.widget-standardsprogress h3 a,
div.widget-rubricprogress h3 a {
  color: #333131;
  text-decoration: none;
}

div.widget-standardsprogress h3 a:hover,
div.widget-rubricprogress h3 a:hover,
div.widget-standardsprogress h3 a:focus,
div.widget-rubricprogress h3 a:focus {
  color: #000;
  text-decoration: underline;
}

/* Surveys & News */
div.widget-surveys h3 {
  background: url(../images/layout/layout-box-bg.png);
  border-bottom: 1px solid #a8a7a3;
  color: #333131;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1;
  margin: 0 0 0 -12px;
  padding: 5px 12px;
  text-shadow: 0 0 2px #fff;
  width: 100%;
}

div.widget-surveys ul, div.widget-surveys .content-nav-bar > ul li, .content-nav-bar > ul div.widget-surveys li,
div.widget-new ul,
div.widget-new .content-nav-bar > ul li,
.content-nav-bar > ul div.widget-new li {
  list-style: none;
  margin: 6px 0;
  padding: 0;
}

div.widget-surveys li,
div.widget-news li {
  border-bottom: 1px dotted #d3d2ce;
  font-size: 1.2rem;
  height: 20px;
  line-height: 1.67;
  margin: 0 0 4px;
  overflow: hidden;
  padding: 0 0 4px;
  position: relative;
  text-overflow: ellipsis;
  white-space: nowrap;
}

div.widget-surveys li:hover {
  background: #f5f5f5;
}

div.widget-surveys li a {
  background: #757472;
  border-radius: 8px;
  color: #fff;
  display: inline-block;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1;
  padding: 3px 6px;
  position: absolute;
  right: 0;
  text-decoration: none;
  text-shadow: 0px 0px 2px #333131;
  top: 2px;
}

div.widget-surveys li a:hover, div.widget-surveys li a:focus {
  background: #2A76B0;
}

/* Tool Tip Scores/Numbers */
.tip-score {
  background: url(../images/layout/layout-box-bg-trans.png);
  border-radius: 5px;
  color: #fff;
  display: inline-block;
  font-size: 1rem;
  font-weight: 700;
  margin-right: 4px;
  padding: 3px 6px;
  text-shadow: 0 0 2px #333131;
}

.tip-score-green {
  background-color: #6e9e2f;
}

.tip-score-red {
  background-color: #dd0201;
}

.tip-score-gray {
  background-color: #6d6c6a;
}

.tip-score-black {
  background-color: #000000;
}

.tip-score.tip-score-target {
  background-color: #fff;
  color: #6d6c6a;
  text-shadow: 0 0 2px #fff;
}

/* +CWR Browser */
.data-controls {
  background: #6d6c6a url(../images/layout/layout-box-bg-trans.png);
  height: 524px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

div.data-interval-primary {
  background: #4d4949 url(../images/layout/layout-box-bg-trans.png);
  border-bottom: 1px solid #807F7C;
  height: 31px;
}

.col-data-generator div.data-interval-primary {
  background: #2e4e77 url(../images/layout/layout-box-bg-trans.png);
  border-bottom: 1px solid #fff;
  height: 57px;
  margin-left: -12px;
  margin-top: -12px;
  overflow: visible;
  padding: 0 12px;
  white-space: nowrap;
  width: 100%;
}

.accordion-panel-content div.data-interval-primary h4 {
  background: rgba(51, 49, 49, 0.25);
  border: none;
  border-bottom: 1px solid #1b304d;
  color: #fff;
  font-size: 1.4rem;
  font-weight: 500;
  height: 24px;
  line-height: 1.71;
  margin: 0 0 0 -12px;
  padding: 0 12px;
  text-shadow: 0 0 2px #000;
  width: 100%;
}

.accordion-panel-content div.data-interval-primary + h4 {
  margin-top: 0;
}

div.data-interval-primary label {
  border-left: 1px solid #333131;
  border-right: 1px solid #333131;
  color: #D3D2CE;
  display: inline-block;
  font-size: 1.1rem;
  font-weight: 700;
  height: 31px;
  line-height: 2.82;
  margin: 0 8px 0 0;
  padding: 0 12px;
  text-shadow: 0 0 2px #000;
  text-transform: uppercase;
}

.col-data-generator div.data-interval-primary label {
  border-left: 1px solid #1b304d;
  border-right: 1px solid #1b304d;
  color: #fff;
  font-size: 1rem;
  margin: 0 7px 0 0;
  padding: 0 8px;
}

div.data-interval-primary label:first-child {
  border-left: none;
}

.col-data-generator div.data-interval-primary label:first-child {
  padding-left: 0;
}

div.data-interval-primary input {
  border: none;
  border-radius: 3px;
  font-size: 1.1rem;
  height: 18px;
  line-height: 1.64;
  margin: 0 12px 0 0;
  padding: 0 6px;
  width: 84px;
}

.col-data-generator div.data-interval-primary input {
  margin-right: 7px;
  width: 80px;
}

#data_controls_accordion {
  height: 468px;
}

ul.data-selection-summary, .content-nav-bar > ul li.data-selection-summary {
  list-style: none;
  margin: 12px 0;
  padding: 0;
}

ul.data-selection-summary li, .content-nav-bar > ul li.data-selection-summary li {
  margin: 0 0 4px;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.2;
}

span.data-selection-question {
  display: block;
  line-height: 1.6;
  margin-bottom: 4px;
}

span.data-selection-answer {
  display: block;
  line-height: 1.6;
  margin-bottom: 8px;
  margin-left: 22px;
}

span.data-selection-question:before,
span.data-selection-answer:before {
  background: #333131;
  border-radius: 3px;
  color: #fff;
  content: "Q";
  float: left;
  font-size: 1rem;
  font-weight: 700;
  height: 16px;
  line-height: 1.6;
  margin: 0 4px 0 0;
  padding: 0;
  text-align: center;
  text-shadow: 0 0 2px #000;
  width: 16px;
}

span.data-selection-answer:before {
  content: "A";
  background: #6e9e2f;
}

.data-legend {
  float: left;
  height: 448px;
  overflow-y: auto;
  padding: 0;
  position: relative;
  width: 279px;
}

.legend-toggle-off,
.legend-toggle-on {
  border-radius: 0;
  box-sizing: border-box;
  margin: 0 !important;
  width: 50%;
}

.data-series-set h3 {
  background: #e5e5e1 url(../images/layout/layout-box-bg-trans.png);
  border-bottom: 1px solid #fff;
  border-top: 1px solid #fff;
  color: #333131;
  cursor: pointer;
  font-size: 1.4rem;
  font-weight: 100;
  line-height: 1.15;
  margin: 0 0 12px 0;
  padding: 4px 12px 4px 0;
  text-shadow: 0 0 3px #fff;
}

.data-series-set h3.disabled {
  color: #6d6c6a;
  opacity: 0.75;
}

.data-series-set h3:before {
  background: url(../images/ui/ui-icons-black.png) center -1384px no-repeat;
  content: "";
  float: left;
  height: 18px;
  line-height: 0;
  width: 24px;
}

.data-series-set h3.disabled:before {
  background-position: center -584px;
}

.data-series {
  cursor: pointer;
  margin-bottom: 6px;
}

.data-series:last-child {
  margin-bottom: 12px;
}

.data-series.disabled {
  opacity: 0.35;
}

.data-series h4 {
  color: #000;
  font-size: 1.1rem;
  line-height: 1.1;
  margin: 0 0 4px;
}

.data-series.disabled h4 {
  color: #333131;
  text-decoration: line-through;
}

dl.data-series-mnmdsdn {
  overflow: hidden;
}

dl.data-series-mnmdsdn dt,
dl.data-series-mnmdsdn dd {
  background-color: #666;
  color: #fff;
  float: left;
  font-size: 1rem;
  font-weight: 500;
  height: 20px;
  line-height: 2;
  margin: 0;
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
}

dl.data-series-mnmdsdn dt {
  border-radius: 5px 0 0 5px;
  font-weight: 700;
  padding: 0;
  text-align: center;
  width: 28px;
}

dl.data-series-mnmdsdn dd {
  border-radius: 0 5px 5px 0;
  font-weight: 700;
  margin-right: 4px;
  padding: 0 5px 0 0;
  width: 20px;
}

/*Result/Chart Side*/
.data-report-wrapper .doc-viewers {
  display: none;
}

.data-header-report {
  background: #d0ebf5 url(../images/layout/layout-box-bg-trans.png);
  height: 24px;
  position: relative;
}

.data-report-scope {
  color: #333131;
  font-size: 1.2rem;
  font-weight: 900;
  line-height: 2;
  padding-left: 12px;
  text-shadow: 0 0 3px #fff;
}
.results-report .data-report-scope {
  margin-right: 300px;
  white-space: nowrap;
}
@media only screen and (max-width: 47.9375em) {
  .results-report .data-report-scope {
    margin-right: 0;
  }
}

@media only screen and (max-width: 47.9375em) {
  .results-report .toolbar {
    position: static;
  }
}

.data-report-chart {
  height: 476px;
  margin-left: 280px;
  width: auto;
}

.data-report-wrapper .stTable {
  overflow-y: auto;
  width: 100%;
}

/*Chart view switches*/
a.data-report-view-table,
a.data-report-view-column,
a.data-report-view-line,
a.data-report-view-pie {
  background-image: url(../images/ui/ui-icons-black.png);
  background-repeat: no-repeat;
  border-left: 1px solid #fff;
  display: block;
  height: 24px;
  overflow: hidden;
  text-indent: -400px;
  width: 24px;
}

a.data-report-view-table.disabled,
a.data-report-view-column.disabled,
a.data-report-view-line.disabled,
a.data-report-view-pie.disabled {
  background-color: #c2c1bc;
  cursor: default;
  opacity: 0.5;
}

a.data-report-view-table {
  background-position: 50% -1893px;
}

a.data-report-view-column {
  background-position: 3px -1924px;
}

a.data-report-view-line {
  background-position: 3px -1956px;
}

a.data-report-view-pie {
  background-position: 3px -1988px;
}

a.data-report-view-table.selected,
a.data-report-view-column.selected,
a.data-report-view-line.selected,
a.data-report-view-pie.selected {
  background-color: #6d6c6a;
  background-image: url(../images/ui/ui-icons-white.png);
}

/*Drill Box*/
.data-drill-box {
  background: #2e4e77 url(../images/layout/layout-box-bg-trans.png);
  float: left;
  padding: 0;
  position: absolute;
  z-index: 500;
}

ul.data-drill-links, .content-nav-bar > ul li.data-drill-links {
  margin: 0;
  padding: 0;
}

ul.data-drill-links li, .content-nav-bar > ul li.data-drill-links li {
  border-bottom: 1px solid #233e61;
}

ul.data-drill-links a, .content-nav-bar > ul li.data-drill-links a {
  color: #fff;
  display: block;
  line-height: 1;
  padding: 6px 12px;
  text-decoration: none;
}

ul.data-drill-links a:hover, .content-nav-bar > ul li.data-drill-links a:hover, ul.data-drill-links a:focus, .content-nav-bar > ul li.data-drill-links a:focus {
  background: #333131;
}

/* +Legends */
dl.legend {
  margin: 0 0 15px;
  max-width: 480px;
  overflow: hidden;
}

dl.legend dt {
  border-bottom: 1px dotted #aaa;
  clear: both;
  color: #333131;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1;
  margin-bottom: 6px;
  margin-right: 5rem;
  padding: 3px 0;
}

dl.legend dd {
  background: #333131;
  border-radius: 7px;
  color: #fff;
  float: right;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.2;
  margin-top: -2.4rem;
  padding: 3px 6px;
  text-align: right;
  width: 4rem;
}

dl.legend.legend-inline {
  max-width: 100%;
}

dl.legend.legend-inline dt {
  border: none;
  clear: none;
  float: left;
  margin-right: 0;
}

dl.legend.legend-inline dd {
  float: left;
  margin: 0 12px 0 6px;
  width: auto;
}

/* Legend Classes */
/* Legend Color Classes */
dl dd.legend-number {
  background-color: #333131;
}

dl dd.legend-mean {
  background-color: #000;
}

dl dd.legend-median {
  background-color: #d1480d;
}

dl dd.legend-overdue {
  background-color: #dd0201;
}

/* +Results */
div.result-bar {
  background: url(../images/layout/layout-box-bg.png);
  border: 1px solid #fff;
  display: inline-block;
  font-size: 1.2rem;
  height: 24px;
  line-height: 2;
  margin: 0 12px 12px 0;
  padding: 0 0 0 6px;
  width: 220px;
}

div.result-bar span {
  background: #333131;
  color: #fff;
  float: right;
  font-size: 1rem;
  font-weight: bold;
  height: 24px;
  line-height: 2.4;
  min-width: 12px;
  padding: 0 6px;
  text-align: center;
  text-shadow: 0 0 3px rgba(255, 255, 255, 0.6);
}

/*/////////////////////////////////////////////////////*/
/*------------------------------------------------------[ ==Department Editor ]--*/
/* I've kept some of the class names the same as before */
/* TO-DO: refactor class names for consistency */
.dept-actions {
  background: url(../images/layout/layout-box-bg-med.png);
}

.dept-actions.toolbar {
  position: relative;
}

.dept-actions ul, .dept-actions .content-nav-bar > ul li, .content-nav-bar > ul .dept-actions li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.dept-actions li {
  float: left;
  height: 24px;
}

table.dept-members-table {
  border-collapse: collapse;
  border-left: 1px solid #e5e5e1;
  border-right: 1px solid #e5e5e1;
  font-size: 1.2rem;
  width: 100%;
}

table.dept-members-table tr:first-child td {
  background: url(../images/layout/layout-box-shadow-top.png) 0 0 repeat-x;
  padding-top: 8px;
}

table.dept-members-table td {
  border-bottom: 1px solid #e5e5e1;
  height: 24px;
  line-height: 2;
  padding-left: 6px;
}

table.dept-members-table tr:nth-child(even) td {
  background: url(../images/layout/layout-box-bg-trans.png);
}

table.dept-members-table td span {
  float: right;
  margin-top: 3px;
}

table.dept-members-table tr:hover {
  background-color: #e6f5fa;
}

/*Subgroup and Coursegroup Styling*/
table.dept-members-table tr.subgroup td,
table.dept-members-table tr.coursegroup td {
  background: url(../images/layout/layout-box-bg-trans.png);
  border-bottom: 1px solid #fff;
  height: 32px;
  line-height: 2.67;
  padding: 0;
}

table.dept-members-table tr.subgroup td {
  background-color: #e8f7fc;
}

table.dept-members-table tr.coursegroup td {
  background-color: #fffbd1;
}

table.dept-members-table tr.inactive td {
  background-color: #f5e4e4;
}

table.dept-members-table tr.inactive:before {
  content: "";
  display: none;
}

table.dept-members-table tr.subgroup a,
table.dept-members-table tr.coursegroup a {
  background-image: url(../images/ui/ui-icons-black.png);
  background-position: 5px -832px;
  background-repeat: no-repeat;
  box-shadow: inset 0 0 2px rgba(211, 210, 206, 0.75);
  color: #2A76B0;
  display: block;
  height: 32px;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 2.67;
  padding: 0 6px 0 28px;
  text-decoration: none;
  text-shadow: 0px 0px 3px #fff;
  transition: background 0.3s ease;
}

table.dept-members-table tr.coursegroup a {
  background-position: 5px -768px;
  color: #d1480d;
}

table.dept-members-table tr.subgroup a:hover,
table.dept-members-table tr.coursegroup a:hover,
table.dept-members-table tr.subgroup a:focus,
table.dept-members-table tr.coursegroup a:focus {
  background-color: #757472;
  color: #fff;
  text-shadow: 0 0 2px #333131;
}

table.dept-members-table tr.subgroup:hover a:after,
table.dept-members-table tr.coursegroup:hover a:after {
  background-image: url(../images/ui/ui-icons-white.png);
  background-position: 5px -192px;
  background-repeat: no-repeat;
  content: "";
  float: right;
  height: 32px;
  width: 32px;
}

/* +Turnitin */
.tii-report {
  background: #fff;
  border: 2px solid #000;
  border-radius: 5px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  display: inline-block;
  min-height: 26px;
  padding: 12px;
  position: relative;
}

.tii-report .arrow {
  border-bottom: 5px solid #000000;
  border-bottom-color: rgba(0, 0, 0, 0.9);
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  height: 0;
  left: 12px;
  position: absolute;
  top: -7px;
  width: 0;
}

.tii-report dl {
  float: left;
  height: 26px;
  margin: 0;
}

.tii-report dt, .tii-report dd {
  border: 1px solid #d3d2ce;
  float: left;
  height: 24px;
  line-height: 2;
  margin: 0 0 12px;
  padding: 0 6px;
}

.tii-report dt {
  border-radius: 3px 0 0 3px;
  color: #6d6c6a;
}

.tii-report dd {
  background: #eee;
  border-left: none;
  border-radius: 0 3px 3px 0;
  color: #333131;
  font-weight: 700;
  margin-right: 6px;
}

.tii-report dt.overall {
  color: #000;
}

.tii-report dt.overall + dd {
  background: #333131;
  color: #fff;
}

.tii-report a {
  border-radius: 3px;
  float: left;
  height: 24px;
  line-height: 2;
  padding: 0 8px;
}

/*/////////////////////////////////////////////////////*/
/*------------------------------------------------------[ =Dialog/Prompt ]--*/
/* +Modal */
.ui-dialog {
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 6px;
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  overflow: auto;
  position: absolute;
  resize: both;
  z-index: 1050;
}
.ui-dialog.no-resize {
  resize: none;
}

.ui-dialog.fade {
  top: -25%;
  transition: opacity 0.3s linear, top 0.3s ease-out;
}

.ui-dialog.fade.in {
  top: 50%;
}

.modal-header {
  border-bottom: 1px solid #eee;
  padding: 9px 0;
}
.modal-header h3 {
  margin-bottom: 0;
  padding-right: 32px;
}
.modal-header .close-button {
  margin-top: 2px;
}

.modal-body {
  padding: 12px;
}
.modal-body .content-wrap {
  padding-left: 1.2rem;
  padding-top: 1.2rem;
}

.modal-footer {
  background-color: #f5f5f5;
  border-radius: 0 0 6px 6px;
  border-top: 1px solid #ddd;
  box-shadow: inset 0 1px 0 #fff;
  margin: 0 0 -12px -12px;
  padding: 12px;
  width: 100%;
}
.modal-footer:before, .modal-footer:after {
  content: "";
  display: table;
}
.modal-footer:after {
  clear: both;
}
.modal-footer button {
  margin-bottom: 0;
  margin-left: 5px;
}

.ui-dialog .ui-dialog-buttonpane {
  padding: 0 12px 15px;
}

.ui-dialog .ui-dialog-buttonpane button {
  margin: 0 3px;
}

/* Collaborate modal */
div.collaborate-link,
div.collaborate-workspace {
  background-color: #f5f5f5;
  border-right: 1px solid #fff;
  height: 130px;
  margin: 0 0 15px;
  padding: 75px 12px 12px;
  position: relative;
}

div.collaborate-link:before,
div.collaborate-workspace:before {
  background: url(../images/layout/layout-collaborate-modal-icons.png) 0 0 no-repeat;
  content: "(icon)";
  display: block;
  height: 50px;
  left: 12px;
  overflow: hidden;
  position: absolute;
  text-indent: -1000px;
  top: 12px;
  width: 100px;
}

div.collaborate-link:before {
  background-position: 0 -50px;
}

/*---------------[ =Modal Default Body ]---------------*/
/* Default modal body which IE will use since it can't see the media queries */
body.modal-body {
  background: transparent;
  height: auto;
}

body.modal-body.eportfolio {
  padding: 15px;
}

body.inlinePortlet-body {
  background: transparent;
  padding: 12px;
}

body.modal-body #ep-page-wrapper, body.modal-body #content, body.modal-body #header-wrapper,
body.inlinePortlet-body #ep-page-wrapper, body.inlinePortlet-body #content, body.inlinePortlet-body #header-wrapper {
  background: transparent;
  min-width: 0;
  padding: 0;
  width: 100%;
}

.modal-page-wrapper {
  padding: 15px 12px;
}
.modal-page-wrapper > h2 {
  overflow: hidden;
  text-overflow: ellipsis;
}

/*/////////////////////////////////////////////////////*/
/*------------------------------------------------------[ =Form Inputs/Controls ]--*/
/* +Control Box (searching/filtering) */
.control-box {
  background: #fff;
  border: 1px solid #fff;
  border-radius: 5px;
  margin-bottom: 12px;
  padding: 12px;
  transition: border linear 0.2s, box-shadow linear 0.2s;
}

.control-box.open {
  background: #f9f9f9;
  border: 1px solid #D3D2CE;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
}

.control-box-toggle, .ui-widget-content .control-box-toggle {
  border-right: 1px dotted #D3D2CE;
  color: #616b72;
  display: inline-block;
  font-size: 1.2rem;
  font-weight: 700;
  margin-left: -12px;
  margin-top: -12px;
  padding: 12px 6px 0 0;
  text-decoration: none;
  text-transform: uppercase;
  transition: margin 0.2s linear;
}

.control-box-toggle:before {
  box-sizing: content-box;
  background-image: url('data:image/svg+xml;utf8,<svg width="20" height="20" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"><g><title>Layer 1</title><path d="m7.76886,0.41618l-2.57583,2.57347l6.89222,6.89329l-6.89219,6.89101l2.57583,2.57451l9.46673,-9.46555l-9.46675,-9.46673z" fill="a3a1a1" id="svg_1"/></g></svg>');
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 80%;
  content: " ";
  display: inline-block;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  height: 19px;
  line-height: 1.67;
  margin-right: 0.2em;
  text-align: right;
  transition: all 0.4s ease-out;
  width: 19px;
  vertical-align: middle;
}

.open .control-box-toggle:before {
  transform: rotate(90deg);
}

.open .control-box-toggle {
  color: #333131;
  margin-left: 0;
}

.control-box-toggle--lg {
  font-size: 1.8rem;
  font-weight: 500;
  padding-right: 9px;
}
.control-box-toggle--lg:before {
  background-position: 50% 25%;
}

.control-box-toggle ins {
  display: none;
}

.control-box-toggle:hover,
.open .control-box-toggle:hover {
  color: #2a76b0;
}

.control-box-items {
  display: none;
  margin-top: 24px;
}

.control-box hr {
  background: #e5e5e1;
  border: none;
  height: 1px;
  margin: 12px 0 12px -12px;
  padding: 0 12px;
  width: 100%;
}

.control-box__filters .form-field.inline {
  vertical-align: top;
}

.control-box-presets {
  background: #e1e0e0;
  background: rgba(41, 49, 49, 0.15);
  border-radius: 5px;
  margin-bottom: 12px;
  padding: 12px 12px 0;
  overflow: visible;
}

.control-box-presets-details {
  padding-bottom: 12px;
}

.control-box-detail .heading-section-divider {
  border: none;
  margin-top: 12px;
}

.control-box-detail .heading-section-divider:first-child {
  border-radius: 5px 5px 0 0;
  margin-top: 0;
}

/* +Feedback Sliders */
/* +Number Sliders */
p.points-balance {
  background: url(../images/layout/layout-box-bg.png);
  font-size: 1.2rem;
  font-weight: 700;
  height: 24px;
  line-height: 2;
  margin: 8px 0;
  padding-left: 8px;
}

span.points-value {
  border-left: 2px solid #fff;
  color: #000;
  display: block;
  float: right;
  font-size: 1.1rem;
  font-weight: 900;
  height: 24px;
  line-height: 2.18;
  min-width: 16px;
  padding: 0 4px;
  text-align: center;
}

span.points-value.has-remainder {
  background: #c00;
  color: #fff;
}

div.number-slider, div.feedback-slider {
  margin: 12px 35px 0 0;
}

div.number-slider .ui-widget-header,
div.feedback-slider .ui-widget-header {
  height: inherit;
  margin: 0;
  padding: 0;
}

input[type=text].feedback-value,
input[type=text].number-slider-value {
  border: none;
  float: right;
  font-size: 1.1rem !important;
  font-weight: bold;
  line-height: 1;
  padding: 2px 0 !important;
  text-align: center;
  width: 25px !important;
}

textarea.feedback-comments {
  height: 80px;
  margin-bottom: 10px;
  width: 100%;
}

a#feedback-save.disabled {
  background-colour: #666;
  opacity: 0.35;
}

/* +Portfolio Permissions */
.portfolio-permissions {
  border: 1px solid #e5e5e1;
  margin-bottom: 15px;
  overflow: auto;
}

.permissions-users {
  background: #6d6c6a;
  border-right: 1px solid #e5e5e1;
  float: left;
  width: 252px;
}
@media only screen and (max-width: 69em) {
  .permissions-users {
    float: none;
    width: auto;
  }
}

.permissions-pages {
  border-left: 1px solid #e5e5e1;
  margin-left: 252px;
}
@media only screen and (max-width: 69em) {
  .permissions-pages {
    margin-left: 0;
  }
}

.permissions-users h2, .permissions-pages h2 {
  background: url(../images/layout/layout-portlet-header.png);
  color: #fff;
  font-size: 1.2rem;
  font-weight: 700;
  height: 24px;
  line-height: 2;
  margin: 0;
  padding: 0 12px;
}

/***=TODO:  this should really be in a data table***/
.permissions-labels {
  background: url(../images/layout/layout-box-bg.png);
  height: 36px;
  margin: 0;
  padding: 0;
  text-align: center;
}

.permissions-labels li {
  border-left: 1px solid #e5e5e1;
  height: 36px;
  margin: 0;
  width: 59px;
}

.permissions-labels label {
  border-bottom: 1px solid #fff;
  font-size: 1.1rem;
  height: 19px;
  line-height: 1.73;
  margin: 0;
}

.permissions-labels a {
  display: block;
  font-size: 1rem;
  height: 16px;
  line-height: 1.6;
  text-decoration: none;
}

ul.permissions-tree, .content-nav-bar > ul li.permissions-tree {
  background: url(../images/layout/layout-even-row-bg.png) 0 0;
  border-top: 1px solid #e5e5e1;
  clear: right;
  margin: 0;
}

ul.permissions-tree li, .content-nav-bar > ul li.permissions-tree li {
  background-position: 12px 6px;
  padding-left: 30px;
}

.permissions-radios {
  clear: right;
  height: 24px;
}

.permissions-radios span {
  border-left: 1px solid #e5e5e1;
  height: 24px;
  line-height: 2;
  text-align: center;
  width: 59px;
}

@media only screen and (max-width: 37.5em) {
  .permissions-tree.toc-tree {
    background-image: url(../images/layout/layout-even-row-big-bg.png);
    margin-left: 0;
    padding-left: 3px;
  }
}

@media only screen and (max-width: 37.5em) {
  .toc-tree .page {
    clear: right;
    min-height: 48px;
    padding-left: 15px;
  }
}

.page__title {
  display: inline-block;
  height: 24px;
}
@media only screen and (max-width: 37.5em) {
  .page__title {
    display: block;
    height: auto;
  }
}

@media only screen and (max-width: 37.5em) {
  .toc-tree .page__children {
    margin-left: 0;
  }
}

/*/////////////////////////////////////////////////////*/
/*------------------------------------------------------[ =iframes ]--*/
.portfolio-preview-frame {
  border: none;
  border-top: 1px solid #333131;
}

.modalIframe {
  border: none;
  outline: none;
}

/*/////////////////////////////////////////////////////*/
/*------------------------------------------------------[ =Importers ]--*/
/* +Standards */
.placeholder {
  background-color: #cff;
}

.ui-nestedSortable-error {
  background: #fbe3e4;
  color: #8a1f11;
}

ol.sortable, ol.sortable ol {
  list-style-type: none;
  margin: 0 0 0 36px;
  padding: 0;
}

ol.sortable {
  margin: 0 0 1em;
}

.sortable li {
  margin: 12px 0 0;
}

.sortable li div.handle {
  background: #e5e5e1 url(../images/layout/layout-drag-texture.png) 0 0 repeat-y;
  border: 1px solid #ccc;
  border-radius: 5px;
  cursor: move;
  padding: 12px 12px 12px 18px;
}

#standards input, #standards textarea {
  width: 100%;
}

.standard-block {
  background: #f5f5f5;
  margin: 0 0 12px;
  padding: 12px;
}

.standard-block p {
  margin-bottom: 0;
}

button.standardsplitter {
  height: 16px;
  margin-left: -24px;
  opacity: 0;
}

button.standardsplitter:hover {
  height: 28px;
  opacity: 1;
}

/*/////////////////////////////////////////////////////*/
/*------------------------------------------------------[ =Instrument Editor ]--*/
/*Enable bullets in level descriptors*/
.format-text ul, .format-text .content-nav-bar > ul li, .content-nav-bar > ul .format-text li {
  list-style-type: disc;
  padding: 0 0 0 2.5em;
}

.instrument-editor {
  overflow-x: auto;
  padding-top: 36px;
  position: relative;
}

/* Criterion Rows */
.i-edit-criterion-template {
  display: none;
}

.i-edit-criterion-name-wrapper {
  position: relative;
}

.i-edit-criterion-name.toggle-panel .toggle-panel-content p {
  font-size: 1.1rem;
  line-height: 1.2;
}

.i-edit-criterion-weight {
  background-color: #333131;
  color: #fff;
  float: left;
  font-size: 1rem;
  font-weight: 500;
  height: 24px;
  line-height: 2.4;
  margin: 0 6px 0 0;
  opacity: 0.5;
  text-align: center;
  text-shadow: 0 0 2px #000;
  width: 24px;
}

.i-edit-criterion-weight:hover {
  opacity: 1;
}

.i-edit-criterion-level:hover {
  background: rgba(208, 235, 245, 0.25) url(../images/layout/layout-box-bg-trans.png);
}

.i-edit-criterion-level-wrapper {
  position: relative;
}

/* Formula Editing */
.i-edit-criterion-sources {
  background: url(../images/layout/layout-box-bg-trans.png);
  min-height: 24px;
  padding: 5px;
  position: relative;
}

div.i-edit-criterion-source {
  border: 1px dotted #fff;
  font-size: 1.1rem;
  line-height: 1.3;
  margin-bottom: 15px;
  padding: 8px;
}

/*/////////////////////////////////////////////////////*/
/*------------------------------------------------------[ =jQuery UI ]--*/
.ui-widget {
  font-family: museo-sans-1, sans-serif;
}

/***=sortable (drag and drop)***/
.item-drop-placeholder {
  background: #effae1;
  border: 1px dotted #6e9e2f;
  border-radius: 24px 0 0 24px;
  display: block;
  height: 48px;
  margin-bottom: 15px;
  position: relative;
  width: 99.5%;
  z-index: 500;
}

.item-drop-placeholder:before {
  background: url(../images/ui/ui-insert-here-horizontal.png) 0 0 no-repeat;
  content: "Insert Here";
  height: 18px;
  left: -24px;
  overflow: hidden;
  position: absolute;
  text-indent: -500px;
  top: 15px;
  width: 100px;
}

.portfolio-paragraph-inline + .item-drop-placeholder {
  background: url(../images/ui/ui-insert-here-vertical.png) 50% 50% no-repeat;
  display: inline-block;
  height: 60px;
  margin-right: 6px;
  width: 32px;
}

/* +Dialog (modal) */
.ui-widget-overlay {
  background: #6d6c6a;
  height: 100%;
  left: 0;
  position: absolute;
  opacity: 0.6;
  top: 0;
  width: 100%;
}

div.ui-dialog div.ui-dialog-titlebar {
  background: transparent;
  border: 0;
  cursor: move;
  font-size: 1.4rem;
  font-weight: 300;
  height: 24px;
  line-height: 1.71;
  padding: 0 30px 0 0;
  position: relative;
}

div.ui-dialog div.ui-dialog-titlebar .ui-dialog-title {
  font-size: 1.4rem;
  font-weight: 300;
  height: 24px;
  line-height: 1.71;
  margin: 0;
  padding: 0;
}

div.ui-dialog a.ui-dialog-titlebar-close {
  border-radius: 0 6px 0 0;
  height: 24px;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 2px;
  top: 2px;
  width: 22px;
}

div.grade-column-dialog a.ui-dialog-titlebar-close {
  border-radius: 0;
  right: 33px;
  top: 24px;
}

div.ui-dialog a.ui-dialog-titlebar-close span.ui-icon {
  background: url(../images/ui/ui-icons-black.png) 49% -580px no-repeat;
  display: block;
  height: 24px;
  overflow: hidden;
  text-indent: 100%;
  width: 22px;
}

div.ui-dialog a.ui-dialog-titlebar-close:hover,
div.ui-dialog a.ui-dialog-titlebar-close:focus {
  background: rgba(150, 150, 150, 0.25);
}

div.ui-dialog div.ui-dialog-content {
  padding: 0 12px 15px;
}

div.ui-dialog iframe.ui-dialog-content {
  border: none;
  padding: 0;
}

/* +Slider */
.ui-slider {
  border: 1px solid #ddd;
  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-horizontal {
  height: 6px;
}

.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-slider-horizontal .ui-widget-header {
  background: url(../images/layout/layout-portlet-header.png);
  border: none;
  height: 6px;
  margin: 0;
  padding: 0;
}

.ui-slider-horizontal .ui-slider-handle {
  background: transparent url(../images/ui/ui-slider-handle.png) 0 0 no-repeat;
  border: none;
  cursor: pointer;
  height: 20px;
  margin-left: -5px;
  top: -8px;
  width: 11px;
}

.ui-slider-horizontal .ui-state-hover {
  background-position: -11px 0;
}

.ui-slider-horizontal .ui-state-active {
  background-position: -22px 0;
}

/* +Tab Overrides */
.ui-tabs .ui-tabs-panel {
  border: none;
}

.ui-tabs .ui-tabs-panel.ui-tabs-hide {
  display: none;
}

.compartment .ui-tabs .ui-tabs-panel, .compartment.ui-tabs .ui-tabs-panel {
  padding: 0;
}

.compartment .ui-widget-content {
  background-image: none;
}

/* PILL TABS overrides */
.ui-tabs.pill-tabs .ui-widget-header {
  background-color: transparent;
  background-image: none;
  border-bottom: none;
  box-shadow: none;
  margin-left: 0;
  overflow: hidden;
}
.ui-tabs.pill-tabs .ui-widget-header .ui-state-disabled {
  text-decoration: line-through;
}
.ui-tabs.pill-tabs .ui-widget-header .ui-state-disabled .ui-tabs-anchor {
  cursor: not-allowed;
}

.ui-tabs.pill-tabs .ui-widget-header .ui-state-default,
.ui-tabs.pill-tabs .ui-tabs-nav li.ui-tabs-active {
  background-color: transparent;
  background-image: none;
  border: none;
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
}

.ui-tabs.pill-tabs .ui-widget-header .ui-state-hover,
.ui-tabs.pill-tabs .ui-widget-header .ui-state-focus {
  background-color: transparent;
}

.ui-tabs.pill-tabs .ui-widget-header .ui-state-focus {
  outline: 1px dotted #333 !important;
}

.ui-tabs.pill-tabs .ui-tabs-anchor {
  background: #EEEFF0;
  border-radius: 25px;
  color: #2D2E2E;
  height: 36px;
  line-height: 36px;
  display: block;
  text-shadow: none;
}

.ui-tabs.pill-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  background: #2E3D52;
  color: #fff;
}

.pill-tabs.reversed-tabs .ui-tabs-anchor {
  background: rgba(0, 0, 0, 0.1);
  color: #fff;
}

.ui-tabs.pill-tabs.reversed-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  background: #327EBD;
  color: #fff;
}

/***=responsive tabs***/
@media only screen and (max-width: 53.125em) {
  /*.responsive-tabs > .ui-tabs-nav {
  	position: absolute;
  	z-index: 1;
  }*/
}
/**********=LIST PICKER**********/
.list-picker {
  margin-bottom: 15px;
  position: relative;
}

.ui-dialog .list-picker {
  margin-bottom: 0;
  width: 770px;
}

/***=lp bucket (requires block)***/
.lp-bucket {
  background: url(../images/layout/layout-box-bg.png);
  margin: 0 12px 0 0;
  padding: 12px;
}

/***=lp list (requires block)****/
.lp-list {
  border: 1px solid #d3d2ce;
}

/*=list title*/
.lp-list .lp-list-title {
  background-color: rgba(51, 49, 49, 0.15);
  border: 1px solid #fff;
  color: #333131;
  font-size: 1.2rem;
  font-weight: 700;
  margin: 0;
  min-height: 15px;
  padding: 9px 6px 8px;
  text-shadow: 0 0 2px #fff;
}

/*=list toolbar*/
.lp-list .lp-list-toolbar {
  border: 1px solid #fff;
  border-top: 0;
  list-style: none;
  margin: 0;
  min-height: 20px;
  padding: 0;
  text-align: right;
}

.lp-list .lp-list-toolbar li {
  min-height: 20px;
}

/*=list search/scope*/
.lp-list-search, .lp-list-scope {
  background: url(../images/layout/layout-box-bg.png);
  line-height: 2.67;
  padding: 0 6px;
}
.lp-list-search input[type=checkbox] + label, .lp-list-scope input[type=checkbox] + label {
  margin: 0 0 0 3px;
}

/* Make items below search shorter */
.lp-list-search .lp-list-items {
  height: 343px;
}

.lp-list-search input[type=text] {
  background: #fff;
  border: 1px solid #c2c1bc;
  border-radius: 10px;
  font-size: 1rem;
  height: auto;
  line-height: 1.2;
  padding: 2px 4px 3px;
  width: 100%;
}

.lp-list-scope label {
  display: inline-block;
  font-size: 1.1rem;
  white-space: nowrap;
}

/*=list divider*/
.lp-list-divider {
  background: #757472 url(../images/layout/layout-box-bg-trans.png);
  border-bottom: 1px solid #a8a7a3;
  color: #fff;
  cursor: pointer;
  font-size: 1.2rem;
  font-weight: 900;
  height: 24px;
  line-height: 2;
  margin: 0;
  padding: 0 6px;
  text-shadow: 0 0 3px rgba(51, 49, 49, 0.5);
}

.lp-list-divider:hover {
  background-color: #6d6c6a;
}

.lp-list-divider.selected {
  background-color: #2e4e77;
}

/***=list items (requires block)***/
.lp-list-items {
  background: #fff;
  height: 375px;
  overflow-y: auto;
  width: 100%;
}

.ui-dialog .lp-list-items {
  height: 315px;
}

.search-visible + .lp-list-items, .extra-tools-visible .lp-list-items {
  height: 343px;
}

.ui-dialog .search-visible + .lp-list-items, .ui-dialog .extra-tools-visible .lp-list-items {
  height: 283px;
}

.lp-list-items ul, .lp-list-items .content-nav-bar > ul li, .content-nav-bar > ul .lp-list-items li {
  background: #fff;
  list-style: none;
  margin: 0 0 6px;
  min-height: 100%;
  /*To give full drop target*/
  padding: 0;
}

.lp-list-items .lp-list-divider + .pl-current-list {
  min-height: 24px;
  /*Override for alphabetical*/
}

.lp-list-items li {
  border-bottom: 1px solid #d3d2ce;
  font-size: 1.2rem;
  line-height: 2;
  list-style: none;
  margin: 0;
  padding: 0 6px;
  min-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.lp-list-items li.with-drag {
  padding-left: 0;
}
.lp-target .lp-list-items li.with-drag {
  padding-left: 6px;
}
.lp-target-stacked .lp-list-items li.with-drag {
  padding-left: 0;
}

/*=selected*/
.lp-list-items .selected {
  background-color: #d0ebf5;
  background-color: rgba(0, 174, 239, 0.2);
  color: #000;
  font-weight: bold;
}

.lp-list-items .ui-selected {
  background-color: #d0ebf5;
}

.lp-list-items .selected a {
  color: #000;
}

/*=viewing*/
.lp-list-items .viewing {
  background-color: #6d6c6a;
  background-color: rgba(51, 49, 49, 0.5);
  color: #fff;
}
.lp-list-items .viewing .drag-handle {
  color: #000;
}

.lp-list-items .viewing a {
  color: #fff;
}

.lp-list-items li a {
  font-size: 1.2rem;
  text-decoration: none;
}

html[data-focus-source=key] .lp-list-items li:focus, html[data-focus-source=key] .lp-list-items a:focus {
  outline: none !important;
  -webkit-box-shadow: inset 0 0 0 3px #3dbbdb !important;
  box-shadow: inset 0 0 0 3px #3dbbdb !important;
}

.lp-list-items li span {
  float: right;
  margin-top: 3px;
}

.lp-list-items li .drag-handle {
  background-color: #f9f9f9;
  cursor: move;
  display: inline-block;
  float: none;
  margin: 0 2px 0 0;
  padding: 0 8px;
}
.lp-list-items li .drag-handle:hover {
  background-color: #2D2E2E;
}
.lp-list-items li .drag-handle:hover .icon-move {
  color: #fff;
}
.lp-target .lp-list-items li .drag-handle {
  display: none;
}
.lp-target-stacked .lp-list-items li .drag-handle {
  display: inline-block;
}
.lp-list-items li.group .drag-handle {
  border-radius: 6px;
  float: left;
  line-height: 1.8;
  margin-top: 2px;
  padding: 0 6px;
}

.lp-list-items .profile-card {
  padding: 1.2rem;
}

/*=source types*/
.lp-list-items .source-type-item {
  font-weight: 500;
  line-height: 2.67;
  min-height: 32px;
  padding: 0;
  position: relative;
}

.lp-list-items .source-type-item a {
  background: url(../images/ui/ui-icons-list-picker.png) 4px 0 no-repeat;
  color: #026dba;
  display: block;
  height: 32px;
  overflow: hidden;
  padding-left: 32px;
  position: relative;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.lp-list-items .source-type-item .selected a {
  color: #000;
}

.lp-list-items .source-contact-master a {
  background-position: 4px -64px;
}

.lp-list-items .source-type-tocs a {
  background-position: 4px -128px;
}

.lp-list-items .source-type-instruments a {
  background-position: 4px -160px;
}

.lp-list-items .source-type-standards a {
  background-position: 4px -192px;
}

.lp-list-items .source-type-workspaces a {
  background-position: 4px -224px;
}

.lp-list-items .source-type-artifacts a {
  background-position: 4px -256px;
}

.lp-list-items .source-type-reports a {
  background-position: 4px -288px;
}

.lp-list-items .source-type-form a {
  background-position: 4px -320px;
}

/*=source contact master*/
.lp-list-items .source-contact-master .source-action {
  display: none;
}

.lp-list-items .source-contact-master .source-master {
  color: #026dba;
  float: none;
  margin: 0;
}

/*=source contact lists*/
.lp-list-items .source-contact-lists {
  background: #f5f5f5 url(../images/layout/layout-box-shadow-top.png) 0 0 repeat-x;
  font-weight: 300;
}

.lp-list-items .source-contact-lists li {
  line-height: 2.67;
  min-height: 32px;
  padding: 0;
}

.lp-list-items .source-contact-list .source-contact-link {
  background-position: 22px -96px;
  padding-left: 50px;
}

/***=inactive/locked (requires group & block)***/
.locked {
  font-style: italic;
}

.lp-list-items .locked {
  background: url(../images/ui/ui-icon-locked.png) 4px 50% no-repeat;
  color: #757472;
  margin-top: 0;
  padding-left: 20px;
}

.inactive:before, .locked:before {
  background-color: #fff;
  border: 1px solid #757472;
  border-radius: 6px;
  color: #666;
  content: "Inactive";
  display: inline-block;
  font-size: 0.8rem;
  font-style: normal;
  font-weight: 700;
  height: 12px;
  line-height: 1.5;
  margin-right: 3px;
  padding: 0 4px;
  text-align: center;
  text-shadow: none;
  text-transform: uppercase;
  white-space: nowrap;
}

.locked:before {
  background-color: #d1480d;
  border: none;
  color: #fff;
  content: "Locked";
}

/***=jstree/artifact fixes***/
.lp-list-items .jstree {
  background: transparent;
  margin-top: 12px;
}

.lp-list-items .jstree li {
  border: none;
  line-height: 1.5;
  min-height: 18px;
}

.lp-list-items .jstree li a {
  font-size: 1.1rem;
}

.lp-list-items .jstree li li {
  margin-left: 18px;
}

.lp-list-items .object-list li {
  padding: 0;
}

.lp-list-items .object-list li span {
  float: none;
  margin-top: 0;
}

/***=list tree***/
.lp-list-items .lp-list-tree {
  padding-top: 12px;
}

.lp-list-tree li {
  border: none;
}

.lp-list-tree li .perm-icon-none {
  float: right;
  opacity: 0.5;
}

.lp-list-tree li:hover > .perm-icon-none {
  opacity: 1;
}

.lp-list-tree > li > a {
  font-weight: bold;
}

.lp-list-tree ul, .lp-list-tree .content-nav-bar > ul li, .content-nav-bar > ul .lp-list-tree li {
  margin-left: 12px;
}

.lp-list-tree li li {
  padding-left: 0;
}

.lp-list-tree li:before {
  background: url(../images/ui/ui-tree-line.png) 0 100% no-repeat;
  content: " ";
  float: left;
  height: 13px;
  width: 10px;
}

.lp-list-tree .selected {
  background-color: transparent;
}

.lp-list-tree .selected > a {
  background-color: #2e4e77;
  border: 2px solid #254166;
  border-radius: 5px;
  color: #fff;
  display: inline-block;
  font-size: 1.1rem;
  font-weight: bold;
  line-height: 1.1;
  margin-bottom: 1px;
  margin-top: 1px;
  padding: 2px 5px;
  text-decoration: none;
}

/*=group picker list tree*/
#groupPicker .lp-list-tree > li a {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
html[data-focus-source=key] #groupPicker .lp-list-tree > li a:focus {
  outline: none !important;
  -webkit-box-shadow: inset 0 0 0 3px #3dbbdb !important;
  box-shadow: inset 0 0 0 3px #3dbbdb !important;
}

#groupPicker .lp-list-tree > li a:after {
  background: #2a76b0;
  border-radius: 6px;
  color: #fff;
  content: "+ pick";
  display: inline-block;
  font-size: 0.8rem;
  font-weight: 500;
  height: 12px;
  line-height: 1.5;
  margin-left: 3px;
  padding: 0 4px;
  text-align: center;
  text-shadow: 0 0 2px #2e4e77;
  text-transform: uppercase;
}

#groupPicker .lp-list-tree > li a:hover, #groupPicker .lp-list-tree > li a:focus {
  text-decoration: none;
}

#groupPicker .lp-list-tree > li a:hover:after, #groupPicker .lp-list-tree > li a:focus:after {
  background-color: #6e9e2f;
  text-decoration: none;
}

/*No pick if locked*/
#groupPicker .lp-list-tree > li .perm-icon-none + a:after {
  display: none;
}

/*=jquery drag/drop for list picker*/
.ui-selected {
  background: #d0ebf5;
}

.ui-draggable-dragging {
  background: #fff;
  border: 1px solid #c2c1bc;
  min-width: 250px;
}

.source-drop {
  background-color: #d7e5b8 !important;
}

/***=group (requires block)***/
.group > .group-item:before {
  background: #757472;
  border-radius: 6px;
  color: #fff;
  content: "Group";
  display: inline-block;
  font-size: 0.8rem;
  height: 12px;
  line-height: 1.5;
  margin-right: 3px;
  padding: 0 4px;
  text-align: center;
  text-shadow: 0 0 2px #333131;
  text-transform: uppercase;
}

/***=group-subgroup (requires group & block)***/
.group-subgroup > .group-item:before {
  content: "Subgroup";
}

.group-subgroup > .group-item.inactive:before {
  content: "Subgroup / Inactive";
}

/***=group-dept (requires group & block)***/
.group-dept > .group-item:before {
  background-color: #333131;
  content: "Dept";
}

.group-dept > .group-item.inactive:before {
  content: "Dept / Inactive";
}

.group-dept > .group-item.locked:before {
  content: "Subgroup / Locked";
}

/***=group-pool (requires group & block)***/
.group-pool > .group-item:before {
  content: "Pool";
}

.group-pool > .group-item.inactive:before {
  content: "Pool / Inactive";
}

.group-pool > .group-item.locked:before {
  content: "Pool / Locked";
}

/***=group-coursegroup (requires group & block)***/
.group-coursegroup > .group-item:before {
  background: #fff;
  border: 1px solid #757472;
  color: #757472;
  content: "Course";
  text-shadow: none;
}

.group-coursegroup > .group-item.inactive:before {
  content: "Course / Inactive";
}

.group-coursegroup > .group-item.locked:before {
  content: "Course / Locked";
}

/***=target/details bucket (requires lp-bucket & block)***/
.lp-target, .lp-details {
  background: url(../images/layout/layout-box-bg-hover.png);
  margin: 0;
}

.lp-target .lp-list, .lp-details .lp-list {
  border-color: #757472;
}

/***=target stacked bucket (requires lp-target, lp-bucket & block)***/
.lp-target-stacked .lp-list .lp-list-items {
  height: 153px;
}

.lp-target-stacked .lp-list:first-child {
  margin-bottom: 12px;
}

/***=source bucket (requires lp-bucket & block)***/
.lp-source .pick-list {
  margin-left: 12px;
}

.lp-source .pick-list:before {
  background: url(../images/ui/ui-toggle-arrow.png) -7px -6px;
  content: "";
  float: left;
  height: 12px;
  margin: 10px 0 0 -12px;
  opacity: 0.75;
  width: 12px;
}

/***=contact management details (requires block)***/
.cm-details {
  padding: 15px 12px;
}

.cm-details-photo img {
  border: 1px solid #333131;
  height: 72px;
  width: 72px;
}

.cm-details-name {
  padding-top: 28px;
}

.cm-details-name h2 {
  font-size: 1.6rem;
  font-weight: 100;
  line-height: 1.125;
}

.cm-details-info {
  font-size: 1.1rem;
  margin: 15px 0;
  width: 100%;
}

.cm-details-info th, .cm-details .cm-details-info td {
  background: url(../images/layout/layout-box-bg-trans.png);
  border-top: 1px solid #fff;
  font-weight: 300;
  padding: 4px 8px;
  text-align: left;
  text-shadow: 0 0 2px #fff;
  vertical-align: middle;
}

.cm-details-info th {
  background-color: #e5e5e1;
  border-right: 1px solid #fff;
  color: #333131;
  font-weight: 700;
  text-transform: capitalize;
  width: 100px;
}

/***=breadcrumb nav (requires nav)***/
.form-field .lp-breadcrumbs {
  float: left;
}

/*TODO:  move to layout.css? */
.ui-dialog .lp-breadcrumbs {
  min-height: 36px;
  padding-right: 160px;
}

.form-field .aside-crumbs {
  float: none;
}

.breadcrumb-nav {
  background: #2A76B0;
  border: 1px solid #254166;
  border-radius: 5px;
  display: inline-block;
  font-size: 1.1rem;
  margin: 3px 12px 12px 0;
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
  white-space: nowrap;
}

.form-field .aside-crumbs .breadcrumb-nav {
  float: none;
  overflow: hidden;
}

.breadcrumb-nav:empty {
  border: none;
  margin-right: 0;
}

.breadcrumb-nav .nav-item {
  background-color: #2e4e77;
  color: #fff;
  max-width: 175px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.breadcrumb-nav .nav-item.selected, .breadcrumb-nav a {
  font-weight: bold;
  line-height: 2;
}

.breadcrumb-nav .nav-item.selected {
  background: url(../images/ui/ui-bc-active.png) 0 50% no-repeat;
  padding: 0 10px 0 14px;
}

.oversized .breadcrumb-nav .nav-item.selected {
  max-width: 140px;
}

.breadcrumb-nav .nav-item a, .breadcrumb-nav .nav-item a:hover, .breadcrumb-nav .nav-item a:focus {
  background: url(../images/ui/ui-bc-parent.png) 0 50% no-repeat;
  color: #fff;
  display: block;
  padding: 0 6px 0 16px;
  text-decoration: none;
}

.breadcrumb-nav .nav-item:first-child a {
  background: none;
  padding-left: 10px;
}

.breadcrumb-nav .nav-item.selected a {
  background: none;
  padding: 0;
}

.breadcrumb-nav .nav-item.oversized, .breadcrumb-nav .nav-item.oversized a {
  overflow: hidden;
  text-overflow: ellipsis;
}

.breadcrumb-nav .nav-item.oversized {
  display: none;
}

.breadcrumb-nav .nav-item:first-child.oversized {
  display: block;
}

.breadcrumb-nav .nav-item:first-child.oversized a {
  width: 15px;
}

.breadcrumb-nav a:hover, .breadcrumb-nav a:focus {
  text-decoration: underline;
}

.oversized .inactive:before {
  display: none;
}

/* List Picker Buttons Bar */
.lp-buttons {
  position: absolute;
  right: 0;
  top: 0;
}

/* Badges */
/* TODO: explore more universal use, move in css file */
.badge-id {
  background-color: #d3d2ce;
  border-radius: 6px;
  box-shadow: inset 0 0 3px rgba(51, 49, 49, 0.3);
  color: #000;
  display: inline-block;
  font-size: 0.9rem;
  height: 12px;
  line-height: 1.33;
  margin-right: 2px;
  padding: 0 4px;
  text-align: center;
  text-shadow: 0px 0px 2px #fff;
  text-transform: uppercase;
  vertical-align: text-top;
}

.lp-list-items li span.badge-id {
  float: none;
}

/**********=LIST PICKER (END)**********/
/* +Collaboration Group Builder & Selector */
#group-prototype {
  display: none;
}

#assignment-groups {
  margin-bottom: 15px;
}

.group-builder-frame {
  background: #EEEFF0;
  display: inline-block;
  margin: 15px 15px 0 0;
  vertical-align: text-top;
  width: 45%;
}

.group-header {
  background-color: rgba(150, 150, 150, 0.25);
  border-bottom: 1px solid #fff;
  height: 24px;
  padding: 0 8px;
}

.group-header h3 {
  background: transparent url(../images/ui/ui-icons-black.png) 0 -836px no-repeat;
  color: #333131;
  float: left;
  font-size: 1.2rem;
  font-weight: 700;
  height: 24px;
  line-height: 2;
  margin: 0;
  padding-left: 22px;
}

.group-balance {
  color: #333131;
  float: right;
  font-weight: 500;
  height: 24px;
  line-height: 2;
  margin: 0;
}

p.group-balance.surplus {
  color: #E18026;
  font-weight: 700;
}

.group-builder-frame ul, .group-builder-frame .content-nav-bar > ul li, .content-nav-bar > ul .group-builder-frame li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.group-builder-frame li {
  background: transparent url(../images/ui/ui-icons-black.png) 0 -1348px no-repeat;
  border-bottom: 1px solid #fff;
  cursor: move;
  font-size: 1.2rem;
  height: 24px;
  line-height: 2;
  list-style: none;
  margin: 0;
  padding: 0 6px 0 18px;
}

#student-group-picker {
  display: none;
}

#student-group-picker .group-builder-frame li {
  background: none;
  cursor: default;
  padding-left: 6px;
}

/*/////////////////////////////////////////////////////*/
/*------------------------------------------------------[ =Lists ]--*/
/* +Checkmark List */
.checkmark-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.checkmark-list li {
  margin: 0;
  padding: 2px 0;
}

.checkmark-list li:before {
  background: url(../images/ui/ui-icons-black.png) 0 -1384px no-repeat;
  content: "";
  float: left;
  height: 14px;
  overflow: hidden;
  width: 20px;
}

.checkmark {
  background: url(../images/ui/ui-icons-green.png) no-repeat 0 -1384px;
  display: inline-block;
  height: 14px;
  overflow: hidden;
  text-indent: -500px;
  width: 20px;
}

/* +Details List */
.details-heading {
  color: #666;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1;
  margin: 0 0 0.5em;
  text-transform: uppercase;
}

.details-list > li {
  color: #333131;
  list-style: none;
  margin: 0 0 4px;
  min-height: 24px;
}

.details-list.floated-list {
  overflow: hidden;
}

/*.modal-body .details-list > li,*/
.details-list.floated-list > li {
  box-sizing: border-box;
  float: left;
  margin-right: 1.9%;
  width: 48%;
}

.details-list strong {
  color: #000;
  padding-right: 4px;
}

.details-list h3 {
  background: #d0ebf5;
  border-radius: 3px;
  color: #6d6c6a;
  display: inline-block;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.2;
  padding: 2px 4px;
  text-transform: uppercase;
}

.details-list h3 + span {
  display: block;
  margin-left: 1.5em;
}

.details-list > li span.detail-content {
  display: block;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.3;
  margin-left: 24px;
  padding: 4px 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.details-list span.assignment-type {
  background: #757472;
  border-radius: 9px;
  color: #fff;
  display: inline-block;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.2;
  margin-left: 5px;
  padding: 2px 8px;
  text-transform: uppercase;
}

.details-list > li .notice,
.details-list > li .error,
.details-list > li .success {
  display: inline-block;
  padding: 2px 6px;
}

.detail-block:before {
  background-image: url(../images/ui/ui-icons-black.png);
  background-repeat: no-repeat;
  content: " ";
  float: left;
  height: 24px;
  overflow: hidden;
  text-indent: -500px;
  width: 24px;
}

.detail-assignment:before {
  background-position: 0 -742px;
}

.detail-assessor:before,
.detail-user:before {
  background-position: 0 -870px;
}

.detail-attachment:before {
  background-position: 0 -70px;
}

.detail-course:before {
  background-position: 0 -774px;
}

.detail-description:before {
  background-position: 0 -806px;
}

.detail-form:before {
  background-position: 0 -1382px;
}

.detail-instrument:before {
  background-position: 0 -710px;
}

.detail-link:before {
  background-position: 0 -1222px;
}

.detail-location:before {
  background-position: 0 -2436px;
}

.detail-name:before {
  background-position: 0 -742px;
}

.detail-score:before {
  background-position: 0 -1254px;
}

.detail-scoring:before {
  background-position: 0 -1254px;
}

.detail-start:before,
.detail-due:before,
.detail-cutoff:before,
.detail-submitted:before {
  background-position: 0 -1574px;
}

.detail-standard:before {
  background-position: 0 -678px;
}

.detail-student:before {
  background-position: 0 -870px;
}

.detail-toc:before {
  background-position: 0 -614px;
}

.detail-type:before {
  background-position: 0 -2376px;
}

.detail-page:before {
  background-position: 0 -646px;
}

.detail-portfolio:before {
  background-position: 0 -38px;
}

.detail-workspace:before {
  background-position: 0 -2376px;
}

.detail-tags {
  padding-bottom: 4px;
}
.detail-tags .tags {
  display: block;
  margin: 0;
}
.detail-tags .tags h3 {
  background: transparent;
  color: #000;
  display: block;
  font-size: 1.2rem;
  padding: 4px 0 0 2px;
}
.detail-tags .tags h3 [class^=icon-]:not(.icon-button), .detail-tags .tags h3 [class*=" icon-"]:not(.icon-button) {
  margin-right: 7px;
}
.detail-tags .tags h3 + .flag.inline {
  margin-left: 2.18em;
}
.detail-tags .tags .flag.inline {
  display: inline;
}

.details-list .detail-criteria-list {
  margin-left: 24px;
}

.details-list .detail-criteria-list li:before {
  background: url(../images/ui/ui-icon-checkmark.png) 0 50% no-repeat;
  color: #6e9e2f;
  content: " ";
  float: left;
  height: 16px;
  width: 18px;
}

.assigned-students {
  list-style: none;
  margin: 0 0 0 20px;
  padding: 0;
}
.picker-selection .assigned-students {
  margin-left: 0;
}

.assigned-students li {
  border-bottom: 1px dotted #ddd;
  font-size: 1.2rem;
  margin: 0;
  padding: 4px 0;
}

/*Assigned Groups (assignment details panel)*/
.assignment-group-details {
  padding: 12px 0 0;
  width: 100%;
  position: relative;
}

table + .assignment-group-details {
  margin-top: 12px;
}

.assignment-group-details .dropdown-menu {
  right: 0;
  position: absolute;
  top: 12px;
  width: 120px;
}

/* +Feedback Numbers (collaboration) */
.feedback-scores {
  list-style: none;
  margin: 4px 0 12px;
  padding: 0;
  overflow: auto;
}
.feedback-scores li {
  background: #2a76b0;
  box-shadow: inset 0 0 2px rgba(51, 49, 49, 0.3);
  border-radius: 20px;
  color: #fff;
  float: left;
  font-size: 1rem;
  font-weight: 700;
  height: 24px;
  line-height: 2.4;
  margin: 0 2px 2px 0;
  min-width: 20px;
  padding: 0 3px;
  text-align: center;
}

/* +Glossary */
dl.glossary {
  margin: 0 0 15px;
  padding: 0;
}
dl.glossary dt {
  background: url(../images/layout/layout-box-bg-trans.png);
  border: 1px solid #c2c1bc;
  border-radius: 5px;
  display: inline-block;
  font-weight: 500;
  margin: 0 0 6px;
  padding: 0 8px;
}
dl.glossary dd {
  color: #333131;
  font-weight: 300;
  line-height: 1.25;
  margin: 0 0 12px;
}

/* +Group Members List (collab members with comments, feedback etc) */
.group-member {
  background: rgba(125, 125, 125, 0.15);
  margin-bottom: 0.6rem;
}
.group-member h3, .tabs-panel .group-member h3 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  font-size: 1.2rem;
  font-weight: 900;
  line-height: 1;
  padding: 8px;
  width: 100%;
}
.group-member h3 a, .tabs-panel .group-member h3 a {
  color: #2e4e77;
  text-decoration: none;
}
.group-member h3 a:hover, .group-member h3 a:focus, .tabs-panel .group-member h3 a:hover, .tabs-panel .group-member h3 a:focus {
  text-decoration: underline;
}

/* +Group Perms Overrides */
.group-perms-overrides {
  list-style: none;
  margin: 0;
  max-width: 712px;
  min-width: 436px;
  padding: 0;
  width: 60%;
}
.group-perms-overrides li {
  border: 1px solid #e5e5e1;
  border-radius: 5px;
  color: #333131;
  font-size: 1.2rem;
  font-weight: 500;
  height: 24px;
  line-height: 2;
  margin: 0 0 8px;
  padding: 6px;
}
.group-perms-overrides li span {
  background: #f5f5f5;
  border: 1px solid #e5e5e1;
  border-radius: 5px;
  color: #d1480d;
  float: right;
  font-size: 1.2rem;
  font-weight: 700;
  height: 22px;
  line-height: 2;
  padding: 0 6px;
}
.group-perms-overrides li a {
  float: right;
  margin-left: 5px;
  width: 150px;
}
.group-perms-overrides li a:hover, .group-perms-overrides li a:focus {
  text-decoration: underline;
}

/* +History Items List */
.history, .compartment-row.history {
  padding: 12px;
}

.history-date, .history-stamp {
  border-bottom: 1px solid #ededeb;
  color: #a8a7a3;
  font-size: 1.8rem;
  font-weight: 100;
  line-height: 1;
  margin: 0 60px 0 -12px;
  padding: 0 0 4px 60px;
}

.history-events {
  list-style: none;
  margin: 8px 60px 12px 48px;
  overflow: visible;
  padding: 0;
}

.workspace-follow-history .history-date,
.workspace-follow-history .history-events {
  margin-right: 12px;
}

.history .history-date,
.history .history-events {
  margin-right: 0;
}

.history-events > li {
  border-bottom: 1px dotted #ededeb;
  position: relative;
}

.history-events > li:before,
td.history-event:before {
  display: inline-block;
  font-family: "epicons";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.6rem;
  height: 24px;
  left: 0;
  position: absolute;
  text-align: center;
  top: 0;
  width: 24px;
}

td.history-event:before {
  position: static;
}

/* Event Classes */
/*[class^=event-]:before { content: "\e60f"; }*/
.event-101:before, .event-page-add:before {
  content: "\e63e";
}

/*page add*/
.event-102:before, .event-page-edit:before {
  content: "\e602";
}

/*page edit*/
.event-103:before, .event-page-delete:before {
  content: "\e634";
}

/*page delete*/
.event-104:before {
  content: "\e628";
}

/*link artifact*/
.event-105:before {
  content: "\e659";
}

/*unlink artifact*/
.event-201:before, .event-artifact-add:before {
  content: "\e625";
}

/*artifact add*/
.event-202:before, .event-artifact-edit:before {
  content: "\e602";
}

/*artifact edit*/
.event-203:before, .event-artifact-delete:before {
  content: "\e634";
}

/*artifact delete*/
.event-204:before, .event-artifact-checkout:before {
  content: "\e624";
}

/*artifact checkout*/
.event-205:before, .event-artifact-checkin:before {
  content: "\e625";
}

/*artifact checkin*/
.event-206:before {
  content: "\e662";
}

/*artifact move*/
.event-301:before {
  content: "\e613";
}

/*portfolio hide*/
.event-302:before {
  content: "\e634";
}

/*portfolio delete*/
.event-303:before {
  content: "\e614";
}

/*portfolio restore*/
.event-306:before {
  content: "\e631";
}

/*portfolio delete page*/
.event-402:before, .event-discussion-reply:before {
  content: "\e615";
}

/*thread reply*/
.event-401:before, .event-discussion-add:before {
  content: "\e616";
}

/*thread create*/
.event-403:before, .event-discussion-edit:before {
  content: "\e602";
}

/*thread edit*/
.event-404:before, .event-discussion-delete:before {
  content: "\e634";
}

/*thread delete*/
.event-1101:before {
  content: "\e63e";
}

/*code add*/
.event-1102:before {
  content: "\e602";
}

/*code edit*/
.event-1103:before {
  content: "\e62e";
}

/*code use*/
.event-2000001:before {
  content: "\e660";
}

/*Alloc Submission*/
.event-2000002:before {
  content: "\e62e";
}

/*Alloc Assessment*/
.event-3000001:before {
  content: "\e62e";
}

/*Assign Due*/
.event-3000002:before {
  content: "\e62e";
}

/*Assign Overdue*/
.event-4000001:before {
  content: "\e610";
}

/*Page Due*/
.event-4000002:before {
  content: "\e610";
  color: #BD3C27;
}

/*Page Overdue*/
.event-5000001:before {
  content: "\e60d";
}

/*Message Received*/
.event-5000002:before {
  content: "\e616";
}

/*Comment Received*/
.event-6000001:before {
  content: "\e62e";
}

/*ToDo Due*/
.event-6000002:before {
  content: "\e62e";
  color: #BD3C27;
}

/*ToDo Overdue*/
.event-6000003:before {
  content: "\e62e";
  color: #39AF55;
}

/*ToDo Completed*/
/*Temp Placeholders*/
li.event-x01:before {
  content: "\e60f";
}

/*Assess,graph line*/
.history-events > li .history-item {
  margin: 0 0 0 24px;
}

.history-events.artifact-history > li .history-item {
  padding-right: 60px;
}

.history-item .item-name {
  color: #333131;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.67;
}

.history-item .item-type {
  color: #7F8C8D;
  font-weight: 900;
}

.history-item .item-modified {
  color: #6d6c6a;
  display: block;
  font-size: 1rem;
  font-weight: 500;
  height: 16px;
  line-height: 1.2;
}

/* At present, actions only used for artifact history */
.history-actions {
  float: right;
  height: 24px;
  margin: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.history-actions li {
  float: left;
  height: 24px;
  overflow: hidden;
  width: 24px;
}
.history-actions li a {
  background: transparent url(../images/ui/ui-icons-black.png) no-repeat;
  display: block;
  height: 24px;
  opacity: 0.4;
  overflow: hidden;
  text-indent: -500px;
  width: 24px;
}
.history-actions li a.action-view {
  background-position: 50% -190px;
}
.history-actions li a.action-download {
  background-position: 50% -286px;
}
.history-actions li a:hover, .history-actions li a:focus {
  opacity: 1;
}

/* +Master Items List */
a.master-list-back {
  background: transparent url(../images/ui/ui-back-button.png) 0 0 no-repeat;
  border-radius: 0 3px 3px 0;
  color: #c2c1bc;
  display: inline-block;
  font-size: 1rem;
  font-weight: 700;
  height: 19px;
  line-height: 1.9;
  margin-right: 6px;
  opacity: 0.7;
  padding: 0 6px 0 12px;
  position: relative;
  text-decoration: none;
  text-transform: none;
}
a.master-list-back:hover, a.master-list-back:focus {
  color: #fff;
  opacity: 1;
}

/* sub heading above split lists */
.master-list-nav h3 {
  background-image: url(../images/layout/layout-box-bg-med.png);
  color: #fff;
  font-size: 1.2rem;
  font-weight: 700;
  height: 24px;
  line-height: 2;
  margin: 0;
  padding: 0 12px;
}

/* +Object List */
.object-list {
  border-top: 1px solid #e5e5e1;
  font-size: 1.2rem;
  font-weight: 300;
  list-style: none;
  margin: 0;
  padding: 0;
}
.object-list > li {
  border-bottom: 1px solid #e5e5e1;
  display: block;
  margin: 0;
}
.object-list > li:nth-child(even) {
  background: #f5f5f5;
}
.object-list > li:hover {
  background: #e8f7fc;
}

.object-item {
  min-height: 36px;
  margin: 0;
}

/* Clickable item */
li.assignment-handle .object-item {
  cursor: pointer;
  padding-left: 10px;
}

.assignment-handle:hover {
  background-color: #f5f5f5;
}

.toggle-open > div.object-item {
  background-color: #daeff7;
}

.object-list > li .object-details {
  float: left;
  font-weight: 500;
  text-shadow: 0 0 3px #fff;
}

.object-list .artifact {
  padding-left: 0;
}

.movable-object.selected--bulk {
  background-color: #fdf7e1;
}

.object-item .object-name {
  color: #000;
  display: block;
  font-size: 1.2rem;
  font-weight: 700;
  padding: 2px 0 0 32px;
  text-shadow: 0 0 2px #fff;
}

.movable-object .object-item .object-name {
  padding-left: 49px;
}

.object-details-simple span.object-name {
  height: 36px;
  line-height: 3;
  overflow: hidden;
  padding-left: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.artifact .object-details-simple span.object-name {
  padding-left: 32px;
}

.artifacts-list .artifact-movable {
  cursor: move;
  position: relative;
}

.artifacts-list .artifact-movable .object-actions {
  cursor: auto;
}

.artifact-movable:before {
  background: url(../images/ui/ui-icons-black.png) 50% -1340px no-repeat;
  border-right: 1px solid rgba(51, 49, 49, 0.1);
  content: "Drag";
  height: 36px;
  left: 0;
  overflow: hidden;
  position: absolute;
  text-indent: -500px;
  top: 0;
  width: 16px;
}

/* Artifacts-specific */
.artifact-checkedout-other p.object-details span.object-name {
  color: #6d6c6a;
}

.artifact-checkedout-me p.object-details span.object-name {
  color: #2e4e77;
}

.object-version {
  background: rgba(211, 210, 209, 0.3);
  border: 1px solid #c2c1bc;
  border-radius: 4px;
  color: #6d6c6a;
  display: inline-block;
  font-size: 0.9rem;
  font-weight: 700;
  height: 13px;
  line-height: 1.44;
  margin-left: 4px;
  padding: 0 4px;
  vertical-align: middle;
}

/* Assignments */
.object-details.assignment-name {
  background: transparent url(../images/ui/ui-icons-black.png) 0 -734px no-repeat;
  padding-left: 24px;
  padding-top: 10px;
}

.object-details.assignment-name.assignment-collaborative {
  background-position: 0 -1278px;
}

.object-item .object-modified {
  color: #444;
  display: block;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.1;
  padding-left: 32px;
}

.movable-object .object-item .object-modified {
  padding-left: 49px;
}

.artifact-checkedout-other .object-modified {
  background: url(../images/ui/ui-icon-locked.png) 0 0 no-repeat;
  padding-left: 14px;
}

.artifact-checkedout-me .object-details .object-modified {
  color: #000;
}

/* Properties list (e.g. assignments list) */
.object-list .object-properties {
  float: right;
  margin: 0;
}
.object-list .object-properties li {
  float: left;
  font-size: 1.1rem;
  font-weight: 500;
  height: 36px;
  line-height: 3.27;
  list-style: none;
  margin: 0;
  padding: 0 12px 0 0;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.object-list .object-properties .object-prop {
  background-color: transparent;
  background-image: url(../images/ui/ui-icons-black.png);
  background-repeat: no-repeat;
  padding-left: 22px;
}
.object-list .object-properties .property-author {
  background-position: 0 -862px;
  min-width: 200px;
}
.object-list .object-properties .property-toc {
  background-position: 0 -606px;
  overflow: hidden;
  width: 140px;
}
.object-list .object-properties .property-department {
  background-position: 0 -158px;
  overflow: hidden;
  width: 110px;
}
.object-list .object-properties .property-date {
  background-position: 0 -1566px;
  width: 75px;
}
.object-list .object-properties .property-workspace {
  background-position: 0 -1278px;
  overflow: hidden;
  width: 110px;
}
.object-list .object-properties .property-posts-unread, .object-list .object-properties .property-posts-total {
  background: #c2c1bc;
  border-raidus: 9px 0 0 9px;
  color: #fff;
  font-size: 1rem;
  font-weight: 700;
  height: 18px;
  line-height: 1.8;
  margin-right: 1px;
  margin-top: 9px;
  padding: 0 6px 0 8px;
  text-shadow: 0 0 2px rgba(51, 49, 49, 0.5);
}
.object-list .object-properties .property-posts-total {
  background: #757472;
  border-raidus: 0 9px 9px 0;
  margin-right: 6px;
  padding: 0 8px 0 6px;
}
.object-list .object-properties .action-follow, .object-list .object-properties .action-unfollow {
  background-color: transparent;
  background-image: none;
  border: none;
  box-shadow: none;
  display: block;
  height: 24px;
  margin-top: 6px;
  opacity: 0.5;
  overflow: hidden;
  padding: 0;
  text-indent: -800px;
  width: 24px;
}

.object-list ul.object-properties li.property-new-posts, .object-list .content-nav-bar > ul li.object-properties li.property-new-posts, .content-nav-bar > ul .object-list li.object-properties li.property-new-posts {
  background: #6e9e2f;
}
.object-list ul.object-properties .action-follow:hover, .object-list .content-nav-bar > ul li.object-properties .action-follow:hover, .content-nav-bar > ul .object-list li.object-properties .action-follow:hover,
.object-list ul.object-properties .action-unfollow:hover,
.object-list .content-nav-bar > ul li.object-properties .action-unfollow:hover,
.content-nav-bar > ul .object-list li.object-properties .action-unfollow:hover,
.object-list ul.object-properties .action-follow:focus,
.object-list .content-nav-bar > ul li.object-properties .action-follow:focus,
.content-nav-bar > ul .object-list li.object-properties .action-follow:focus,
.object-list ul.object-properties .action-unfollow:focus,
.object-list .content-nav-bar > ul li.object-properties .action-unfollow:focus,
.content-nav-bar > ul .object-list li.object-properties .action-unfollow:focus {
  opacity: 1;
}

.object-list.simple-list {
  border: none;
}
.object-list.simple-list > li {
  box-sizing: border-box;
  border-bottom: 1px solid #e5e5e1;
  display: block;
  line-height: 24px;
  list-style: none;
  margin: 0;
  padding: 0.5em 1em;
  width: 100%;
}
.object-list.simple-list > li:nth-child(even) {
  background: #f5f5f5;
}

/* +Portfolio Object List (ex: my portfolios)
	(Same markup, but alternate styles better display the text-dense info) */
.object-list.portfolio-list, .object-list.bubble-list {
  border: none;
}
.object-list.portfolio-list > li, .object-list.bubble-list > li {
  border: 1px solid #e5e5e1;
  border-radius: 7px;
  display: block;
  list-style: none;
  margin: 0 0 8px;
  padding: 0;
  width: 99%;
  /*Stacking fix for isotope*/
}
.object-list.portfolio-list > li:nth-child(even), .object-list.bubble-list > li:nth-child(even) {
  background: #f5f5f5;
}
.object-list.portfolio-list > li:hover, .object-list.bubble-list > li:hover {
  background: url(../images/layout/layout-box-bg-hover.png);
}
.object-list.portfolio-list > li.toggle-open, .object-list.bubble-list > li.toggle-open {
  z-index: 10;
}

/* Corner Badges */
.object-list > li.filter-assignment:before,
.object-list > li.filter-owner:before {
  border-top-left-radius: 7px;
  content: "Assignment";
  height: 12px;
  left: 0;
  overflow: hidden;
  position: absolute;
  text-indent: -500px;
  top: 0;
  width: 12px;
}

.object-list > li.filter-assignment:before {
  background: url(../images/ui/ui-corner-badges.png) -32px 100% no-repeat;
}

.object-list > li.filter-owner:before {
  background: url(../images/ui/ui-corner-badges.png) -64px 100% no-repeat;
}

.object-list .object-item.portfolio {
  padding-left: 32px;
  height: 40px;
}
.object-list .object-item.portfolio .object-details {
  float: left;
  font-weight: 500;
  height: 20px;
  line-height: 1.67;
  margin: 0;
  text-shadow: 0 0 3px #fff;
}
.object-list .object-item.portfolio .object-name {
  color: #000;
  display: block;
  font-size: 1.2rem;
  font-weight: 700;
  height: 24px;
  line-height: 2;
  padding-left: 0;
  text-shadow: 0 0 2px #fff;
}
.object-list .object-item.portfolio .object-properties {
  clear: left;
  float: none;
  height: 16px;
  margin-right: 120px;
}
.object-list .object-item.portfolio .object-properties li {
  background: none !important;
  color: #333131;
  float: left;
  font-size: 1rem;
  font-weight: 500;
  height: 16px;
  line-height: 1.8;
  list-style: none;
  margin: 0;
  padding: 0 6px 0 0;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.object-list .object-item.portfolio .object-properties li:before {
  background: #f5f5f5;
  border: 1px solid #ddd;
  border-radius: 7px;
  color: #757472;
  content: " ";
  float: left;
  font-size: 0.8rem;
  font-weight: 700;
  height: 12px;
  line-height: 1.4;
  margin: 2px 3px 0 0;
  padding: 0 5px;
  text-shadow: 0 0 2px #fff;
  text-transform: uppercase;
}

.object-list.portfolio-list > li:hover ul.object-properties li:before, .object-list.portfolio-list > li:hover .content-nav-bar > ul li.object-properties li:before, .content-nav-bar > ul .object-list.portfolio-list > li:hover li.object-properties li:before,
.object-list.bubble-list > li:hover ul.object-properties li:before,
.object-list.bubble-list > li:hover .content-nav-bar > ul li.object-properties li:before,
.content-nav-bar > ul .object-list.bubble-list > li:hover li.object-properties li:before {
  color: #333131;
}

.object-list div.object-item.portfolio ul.object-properties li.property-date, .object-list div.object-item.portfolio .content-nav-bar > ul li.object-properties li.property-date, .content-nav-bar > ul .object-list div.object-item.portfolio li.object-properties li.property-date {
  width: 100px;
}

.object-list div.object-item.portfolio ul.object-properties li.property-date:before, .object-list div.object-item.portfolio .content-nav-bar > ul li.object-properties li.property-date:before, .content-nav-bar > ul .object-list div.object-item.portfolio li.object-properties li.property-date:before {
  content: "Last";
}

.object-list div.object-item.portfolio ul.object-properties li.property-department, .object-list div.object-item.portfolio .content-nav-bar > ul li.object-properties li.property-department, .content-nav-bar > ul .object-list div.object-item.portfolio li.object-properties li.property-department {
  width: 140px;
}

.object-list div.object-item.portfolio ul.object-properties li.property-department:before, .object-list div.object-item.portfolio .content-nav-bar > ul li.object-properties li.property-department:before, .content-nav-bar > ul .object-list div.object-item.portfolio li.object-properties li.property-department:before {
  content: "Dept";
  speak: spell-out;
}

.object-list div.object-item.portfolio ul.object-properties li.property-course, .object-list div.object-item.portfolio .content-nav-bar > ul li.object-properties li.property-course, .content-nav-bar > ul .object-list div.object-item.portfolio li.object-properties li.property-course {
  width: 140px;
}

.object-list div.object-item.portfolio ul.object-properties li.property-course:before, .object-list div.object-item.portfolio .content-nav-bar > ul li.object-properties li.property-course:before, .content-nav-bar > ul .object-list div.object-item.portfolio li.object-properties li.property-course:before {
  content: "Course";
}

.object-list div.object-item.portfolio ul.object-properties li.property-toc, .object-list div.object-item.portfolio .content-nav-bar > ul li.object-properties li.property-toc, .content-nav-bar > ul .object-list div.object-item.portfolio li.object-properties li.property-toc {
  width: 160px;
}

.object-list div.object-item.portfolio ul.object-properties li.property-toc:before, .object-list div.object-item.portfolio .content-nav-bar > ul li.object-properties li.property-toc:before, .content-nav-bar > ul .object-list div.object-item.portfolio li.object-properties li.property-toc:before {
  content: "TOC";
  speak: spell-out;
}

.object-list div.object-item.portfolio ul.object-properties li.property-workspace, .object-list div.object-item.portfolio .content-nav-bar > ul li.object-properties li.property-workspace, .content-nav-bar > ul .object-list div.object-item.portfolio li.object-properties li.property-workspace {
  width: 160px;
}

.object-list div.object-item.portfolio ul.object-properties li.property-workspace:before, .object-list div.object-item.portfolio .content-nav-bar > ul li.object-properties li.property-workspace:before, .content-nav-bar > ul .object-list div.object-item.portfolio li.object-properties li.property-workspace:before {
  content: "Space";
}

.object-list div.object-item.portfolio ul.object-properties li.property-assignment, .object-list div.object-item.portfolio .content-nav-bar > ul li.object-properties li.property-assignment, .content-nav-bar > ul .object-list div.object-item.portfolio li.object-properties li.property-assignment {
  width: 160px;
}

.object-list div.object-item.portfolio ul.object-properties li.property-assignment:before, .object-list div.object-item.portfolio .content-nav-bar > ul li.object-properties li.property-assignment:before, .content-nav-bar > ul .object-list div.object-item.portfolio li.object-properties li.property-assignment:before {
  content: "Assign";
}

.object-list div.object-item.portfolio ul.object-properties li.property-due, .object-list div.object-item.portfolio .content-nav-bar > ul li.object-properties li.property-due, .content-nav-bar > ul .object-list div.object-item.portfolio li.object-properties li.property-due {
  width: 100px;
  text-indent: 0;
}

.object-list div.object-item.portfolio ul.object-properties li.property-due:before, .object-list div.object-item.portfolio .content-nav-bar > ul li.object-properties li.property-due:before, .content-nav-bar > ul .object-list div.object-item.portfolio li.object-properties li.property-due:before {
  content: "Due";
}

/* Object list actions (e.g. artifact list) */
.action-action, .object-list .object-actions li a {
  background: transparent url(../images/ui/ui-icons-black.png) no-repeat;
  display: block;
  height: 36px;
  opacity: 0.25;
  overflow: hidden;
  text-indent: -500px;
  transition: background 0.3s ease;
  width: 24px;
}

.object-list .object-actions {
  float: right;
  margin: 0 8px 0 0;
}
.object-list .object-actions li {
  float: left;
  height: 36px;
  list-style: none;
  overflow: hidden;
  width: 24px;
}
.object-actions__menu {
  text-align: center;
  font-size: 2.2rem;
  line-height: 28px;
  cursor: pointer;
  margin-top: 4px;
  padding: 0 4px;
  border: 1px solid transparent;
  border-radius: 3px;
  background: none;
}
.object-actions__menu [class^=icon-] {
  vertical-align: middle;
}

.object-actions__menu.oversized {
  margin: 0;
  font-size: 2.4rem;
  line-height: 36px;
  padding: 0 6px;
}

.object-actions__menu:hover {
  border: 1px solid rgba(100, 100, 100, 0.3);
  color: #000;
}

.action-action {
  display: inline-block;
  vertical-align: middle;
}
.action-action:hover, .action-action:focus {
  background-color: #ade4f7;
  opacity: 1;
}

.portfolio-list .object-actions {
  margin-top: 2px;
  min-width: 120px;
}

/* Row hover and active overrides */
.object-list > li.toggle-open ul.object-actions li a, .object-list > li.toggle-open .content-nav-bar > ul li.object-actions li a, .content-nav-bar > ul .object-list > li.toggle-open li.object-actions li a {
  opacity: 0.6;
}

.object-list > li:hover ul.object-actions li a, .object-list > li:hover .content-nav-bar > ul li.object-actions li a, .content-nav-bar > ul .object-list > li:hover li.object-actions li a, .object-list > li.toggle-open:hover ul.object-actions li a {
  opacity: 1;
}

.object-list ul.object-actions li a.action-add, .object-list .content-nav-bar > ul li.object-actions li a.action-add, .content-nav-bar > ul .object-list li.object-actions li a.action-add, .action-action.action-add {
  background-position: 50% -414px;
}

.object-list ul.object-actions li a.action-archive, .object-list .content-nav-bar > ul li.object-actions li a.action-archive, .content-nav-bar > ul .object-list li.object-actions li a.action-archive, .action-action.action-archive {
  background-position: 50% -958px;
}

.object-list ul.object-actions li a.action-checkout, .object-list .content-nav-bar > ul li.object-actions li a.action-checkout, .content-nav-bar > ul .object-list li.object-actions li a.action-checkout, .action-action.action-checkout {
  background-position: 50% -222px;
}

.object-list ul.object-actions li a.action-checkin, .object-list .content-nav-bar > ul li.object-actions li a.action-checkin, .content-nav-bar > ul .object-list li.object-actions li a.action-checkin, .action-action.action-checkin {
  background-position: 50% -254px;
}

.object-list ul.object-actions li a.action-copy, .object-list .content-nav-bar > ul li.object-actions li a.action-copy, .content-nav-bar > ul .object-list li.object-actions li a.action-copy, .action-action.action-copy {
  background-position: 50% -1662px;
}

.object-list ul.object-actions li a.action-delete, .object-list .content-nav-bar > ul li.object-actions li a.action-delete, .content-nav-bar > ul .object-list li.object-actions li a.action-delete, .action-action.action-delete {
  background-color: transparent;
  background-position: 50% -350px;
}

.object-list ul.object-actions li a.action-download, .object-list .content-nav-bar > ul li.object-actions li a.action-download, .content-nav-bar > ul .object-list li.object-actions li a.action-download, .action-action.action-download {
  background-position: 50% -286px;
}

.object-list ul.object-actions li a.action-edit, .object-list .content-nav-bar > ul li.object-actions li a.action-edit, .content-nav-bar > ul .object-list li.object-actions li a.action-edit, .action-action.action-edit {
  background-position: 50% -382px;
}

.object-list ul.object-actions li a.action-history, .object-list .content-nav-bar > ul li.object-actions li a.action-history, .content-nav-bar > ul .object-list li.object-actions li a.action-history, .action-action.actionhistory- {
  background-position: 50% -94px;
}

.object-list ul.object-actions li a.action-insert, .object-list .content-nav-bar > ul li.object-actions li a.action-insert, .content-nav-bar > ul .object-list li.object-actions li a.action-insert, .action-action.action-insert {
  background-position: 50% -1822px;
}

.object-list ul.object-actions li a.action-move-up, .object-list .content-nav-bar > ul li.object-actions li a.action-move-up, .content-nav-bar > ul .object-list li.object-actions li a.action-move-up, .action-action.action-move-up {
  background-position: 50% -2464px;
}

.object-list ul.object-actions li a.action-move-down, .object-list .content-nav-bar > ul li.object-actions li a.action-move-down, .content-nav-bar > ul .object-list li.object-actions li a.action-move-down, .action-action.action-move-down {
  background-position: 50% -2493px;
}

.object-list ul.object-actions li a.action-pdf, .object-list .content-nav-bar > ul li.object-actions li a.action-pdf, .content-nav-bar > ul .object-list li.object-actions li a.action-pdf, .action-action.action-pdf {
  background: url(../images/ui/ui-icons-artifacts.png) no-repeat 50% -222px;
}

.object-list ul.object-actions li a.action-requirements, .object-list .content-nav-bar > ul li.object-actions li a.action-requirements, .content-nav-bar > ul .object-list li.object-actions li a.action-requirements, .action-action.action-requirements {
  background-position: 50% -1376px;
}

.object-list ul.object-actions li a.action-security, .object-list .content-nav-bar > ul li.object-actions li a.action-security, .content-nav-bar > ul .object-list li.object-actions li a.action-security, .action-action.action-security {
  background-position: 50% -1630px;
}

.object-list ul.object-actions li a.action-settings, .object-list .content-nav-bar > ul li.object-actions li a.action-settings, .content-nav-bar > ul .object-list li.object-actions li a.action-settings, .action-action.action-settings {
  background-position: 50% -1856px;
}

.object-list ul.object-actions li a.action-unarchive, .object-list .content-nav-bar > ul li.object-actions li a.action-unarchive, .content-nav-bar > ul .object-list li.object-actions li a.action-unarchive, .action-action.action-unarchive {
  background-position: 50% -990px;
}

.object-list ul.object-actions li a.action-undelete, .object-list .content-nav-bar > ul li.object-actions li a.action-undelete, .content-nav-bar > ul .object-list li.object-actions li a.action-undelete, .action-action.action-undelete {
  background-position: 50% -1694px;
}

.object-list ul.object-actions li a.action-unlink, .object-list .content-nav-bar > ul li.object-actions li a.action-unlink, .content-nav-bar > ul .object-list li.object-actions li a.action-unlink, .action-action.action-unlink {
  background-position: 50% -2206px;
}

.object-list ul.object-actions li a.action-upload, .object-list .content-nav-bar > ul li.object-actions li a.action-upload, .content-nav-bar > ul .object-list li.object-actions li a.action-upload, .action-action.action-upload {
  background-position: 50% -318px;
}

.object-list ul.object-actions li a.action-view, .object-list .content-nav-bar > ul li.object-actions li a.action-view, .content-nav-bar > ul .object-list li.object-actions li a.action-view, .action-action.action-view {
  background-position: 50% -190px;
}

.object-list ul.object-actions li a.action-rename, .object-list .content-nav-bar > ul li.object-actions li a.action-rename, .content-nav-bar > ul .object-list li.object-actions li a.action-rename, .action-action.action-rename {
  background-position: 50% -1150px;
}

.object-list .artifact-checkedout-other ul.object-actions li a.action-checkout, .object-list .artifact-checkedout-other .content-nav-bar > ul li.object-actions li a.action-checkout, .content-nav-bar > ul .object-list .artifact-checkedout-other li.object-actions li a.action-checkout {
  background-color: #fff200;
}

.object-list ul.object-actions li a.selected, .object-list .content-nav-bar > ul li.object-actions li a.selected, .content-nav-bar > ul .object-list li.object-actions li a.selected, .object-list li.object-expanded ul.object-actions li a.selected {
  background-color: #fff;
}

.object-list ul.object-actions li a:hover, .object-list .content-nav-bar > ul li.object-actions li a:hover, .content-nav-bar > ul .object-list li.object-actions li a:hover, .object-list ul.object-actions li a:focus, .object-list .content-nav-bar > ul li.object-actions li a:focus, .content-nav-bar > ul .object-list li.object-actions li a:focus {
  background-color: #ade4f7;
  opacity: 1;
}

.portfolio-list .toggle-panel-content,
.bubble-list .toggle-panel-content {
  z-index: 10;
}

/* Object Item Types */
.object-item.artifact.selected {
  background-color: #fdf5d9;
}

div.artifact.ui-draggable-dragging {
  border-radius: 5px;
  height: 36px;
  overflow: hidden;
  padding: 0;
  width: 28px;
}

.object-list > li div.ui-draggable-dragging p.object-details,
.ui-draggable-dragging p.object-details-simple span.object-name {
  display: none;
}

.artifact.ui-draggable-dragging .object-actions,
.jstree-dnd-helpder .object-actions {
  display: none;
}

/* Artifact (pseudo class icons) */
.artifact {
  padding-left: 32px;
  position: relative;
}
.artifact:before {
  background: transparent url(../images/ui/ui-icons-artifacts.png) center 2px no-repeat;
  content: "";
  height: 36px;
  left: 0;
  margin-right: 4px;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 32px;
}
.artifact.movable-object:before {
  left: 17px;
}
.azf-list .artifact {
  padding-left: 0;
}
.azf-list .artifact:before {
  display: none;
}

a.artifact {
  display: inline-block;
  height: 32px;
  line-height: 2.67;
}

.artifact-doc:before:before, .artifact-docx:before {
  background-position: center -32px;
}

.artifact-xls:before, .artifact-xlsx:before {
  background-position: center -64px;
}

.artifact-ppt:before, .artifact-pptx:before, .artifact-pps:before {
  background-position: center -96px;
}

.artifact-pages:before {
  background-position: center -128px;
}

.artifact-numbers:before {
  background-position: center -160px;
}

.artifact-key:before, .artifact-keynote:before {
  background-position: center -192px;
}

.artifact-pdf:before {
  background-position: center -224px;
}

.artifact-txt:before, .artifact-rtf:before, .artifact-csv:before {
  background-position: center -256px;
}

.artifact-jpg:before, .artifact-jpeg:before, .artifact-JPG:before, .artifact-JPEG:before, .artifact-gif:before, .artifact-png:before, .artifact-tif:before, .artifact-bmap:before, .artifact-bmp:before, .artifact-pict:before {
  background-position: center -288px;
}

.artifact-html:before, .artifact-swf:before, .artifact-xml:before {
  background-position: center -320px;
}

.artifact-mp3:before, .artifact-aac:before, .artifact-wav:before, .artifact-m4a:before, .artifact-aif:before, .artifact-wma:before, .artifact-mid:before, .artifact-audio:before {
  background-position: center -350px;
}

.artifact-mpg:before, .artifact-mov:before, .artifact-wmv:before, .artifact-flv:before, .artifact-mp4:before, .artifact-avi:before, .artifact-video:before {
  background-position: center -382px;
}

/*Pseudo-artifact*/
.artifact-form:before {
  background-position: center -415px;
}

.object-item.portfolio {
  background: transparent url(../images/ui/ui-icons-black.png) 7px -30px no-repeat;
  padding-left: 26px;
}
.filter-collaborative .object-item.portfolio {
  background-position: 7px -1276px;
}

.object-item.archived, .object-item.deleted {
  background-color: #fffbcc;
  background-color: rgba(255, 242, 0, 0.6);
  background-image: url(../images/ui/ui-icons-black.png);
  background-repeat: no-repeat;
  border-left: 2px solid #827b00;
  color: #6d6c6a;
  opacity: 0.75;
  padding-left: 24px;
}

.object-item.archived {
  background-position: 7px -958px;
}
.object-item.archived a {
  color: #827b00;
}

.object-item.deleted {
  background-color: #f0dcdc;
  background-color: rgba(240, 220, 220, 0.6);
  background-position: 7px -350px;
  border-left: 2px solid #dd0201;
}
.object-item.deleted a {
  color: #9e0b0f;
}

/*Restore/Remove buttons*/
.choice .restore-button {
  display: none;
}

.choice.deleted .restore-button {
  display: inline-block;
}

.choice.deleted .remove-button {
  display: none;
}

.object-item.instrument, .object-item.requirements {
  background: transparent url(../images/ui/ui-icons-black.png) 3px -702px no-repeat;
  padding-left: 26px;
}

.artifact-status {
  line-height: 44px;
}
.artifact-status .flag.oversized {
  margin-right: 5px;
}

.object-list .artifact-status {
  float: left;
  margin-left: 1rem;
}

/*=annotated docs */
.annotated-docs .portfolio-paragraph-artifact .ui-button, .annotated-docs .portfolio-paragraph-artifact .dark-button,
.annotated-docs .portfolio-paragraph-artifact .button {
  margin: 0 4px;
}

/* +To-Do List*/
.ep-page-header-todos {
  background: #57A957 url(../images/ui/ui-icons-white.png) no-repeat 4px -1383px;
  border-radius: 9px;
  color: #fff;
  display: inline-block;
  font-size: 1rem;
  font-weight: 700;
  height: 17px;
  line-height: 1.8;
  padding: 0 6px 0 24px;
  text-decoration: none;
  text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
  text-transform: uppercase;
  transition: all 0.2s linear;
}

.ep-page-header-todos:hover, .ep-page-header-todos:focus {
  background-color: #333131;
}

.todo-list {
  border: 1px solid #e5e5e1;
  border-bottom: none;
  border-radius: 7px 7px 0 0;
  list-style: none;
  margin: 0;
  padding: 0;
}
.todo-list > .todo-item {
  border-bottom: 1px dashed #d3d2ce;
  box-sizing: border-box;
  margin: 0;
  padding: 18px 12px 12px;
  font-size: 1.2rem;
  position: relative;
  width: 100%;
}
.todo-list > .todo-item:last-child {
  border: none;
}
.todo-list .todo-item.checked {
  background: #DDF5E3;
}
.todo-list input {
  float: left;
  height: 18px;
  margin-right: 4px;
  width: 18px;
}
.todo-list label {
  left: -1000px;
  position: absolute;
  visibility: hidden;
}
.todo-list .flag {
  border-radius: 0 0 3px 3px;
  left: 14px;
  position: absolute;
  top: 0px;
}
.todo-list .todo-due {
  background: url(../images/ui/ui-icons-black.png) 0 -1575px no-repeat;
  color: #333131;
  float: right;
  font-weight: 700;
  line-height: 1.5;
  overflow: hidden;
  padding-left: 24px;
}
.todo-list .todo-due.overdue {
  background-image: url(../images/ui/ui-icons-red.png);
}
.todo-list p {
  color: #333131;
  font-size: 1.4rem;
  line-height: 1.3;
  margin: 0 0 0.4rem;
}
.todo-list .todo-described {
  cursor: pointer;
}
.todo-list .todo-described:after {
  background: url(../images/ui/ui-icons-green.png) 50% -806px no-repeat;
  content: "";
  display: inline-block;
  height: 18px;
  overflow: hidden;
  vertical-align: text-bottom;
  width: 24px;
}
.todo-list .todo-description {
  color: #000;
  display: none;
  font-size: 1.2rem;
  margin-right: 0;
  padding: 6px 0;
}
.todo-list .todo-created {
  color: #6d6c6a;
  font-size: 1.1rem;
  margin-right: 0;
}
.todo-list .todo-created a {
  color: #333131;
  font-weight: 700;
  padding-right: 6px;
  text-decoration: none;
}
.todo-list .todo-created a:hover, .todo-list .todo-created a:focus {
  text-decoration: underline;
}
.todo-list .todo-created .todo-creator {
  color: #6d6c6a;
  font-weight: 500;
  padding: 0;
}
.todo-list > .checked .todo-task {
  text-decoration: line-through;
}
.todo-list > .checked .todo-created {
  color: #7F8C8C;
}
.todo-list > .checked .todo-actions {
  text-decoration: none;
}
.todo-list .todo-actions {
  height: 18px;
  margin: 0;
  opacity: 0;
  transition: opacity 0.2s linear;
}
.todo-list li:hover .todo-actions {
  opacity: 1;
}

.todo-comments.messages-block {
  background: transparent;
  margin: 12px 0 0 0;
  padding: 0;
}
.todo-comments h3 {
  background: url(../images/ui/ui-icons-green.png) 0 -134px no-repeat;
  color: #6d6c6a;
  cursor: pointer;
  font-size: 1.2rem;
  font-weight: 700;
  height: 24px;
  line-height: 2;
  margin: 0;
  padding-left: 24px;
}

.todo-footer {
  background: url(../images/layout/layout-box-bg.png);
  border: 1px solid #e5e5e1;
  border-radius: 0 0 7px 7px;
  padding: 12px;
}

.todo-form button {
  margin: 0;
}

/* +URL List */
.url-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.url-list li {
  background: #fff;
  border-bottom: 1px solid #d3d2ce;
  border-top: 1px solid #fff;
  margin: 0;
}
.url-list h3 {
  background: url(../images/layout/layout-box-bg-trans.png);
  font-size: 1.2rem;
  height: 24px;
  margin: 0;
  padding: 0 100px 0 6px;
  position: relative;
}
.url-list h3 a {
  color: #333131;
  display: block;
  font-size: 1.2rem;
  height: 24px;
  line-height: 2;
  overflow: hidden;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.url-list h3 a:hover, .url-list h3 a:focus {
  color: #000;
}

.url-property-date, .url-property-type {
  color: #333131;
  height: 24px;
  line-height: 2;
  position: absolute;
  top: 0;
}

.url-property-date {
  right: 32px;
}

.url-property-type {
  background-image: url(../images/ui/ui-icons-black.png);
  background-repeat: no-repeat;
  overflow: hidden;
  right: 0;
  text-indent: -500px;
  width: 32px;
}
.url-property-type.page {
  background-position: 7px -644px;
  position: absolute;
}
.url-property-type.portfolio {
  background-position: 7px -36px;
  position: absolute;
}
.url-property-type.subpages {
  background-position: 7px -2406px;
  position: absolute;
}

/* +User List */
.user-list {
  list-style: none;
  margin: 15px 0;
  padding: 0;
}
.user-list li {
  color: #6d6c6a;
  font-size: 1.4rem;
  line-height: 1.71;
  margin: 0;
}
.user-list li > .perm-wrap, .user-list li > .name {
  float: left;
}
.user-list li > .name {
  margin: 0.2rem 0 0 0.5rem;
}
.user-list li > span {
  vertical-align: text-bottom;
}
.user-list.group-list li {
  background: url(../images/ui/ui-icons-black.png) 0 -836px no-repeat;
  border-bottom: 1px solid #f5f5f5;
  font-weight: 500;
  line-height: 1.33;
  padding: 4px 0 4px 24px;
}
.user-list .item-count {
  background: #757472;
  border-radius: 7px;
  color: #fff;
  float: right;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1;
  padding: 3px 9px;
}

/*/////////////////////////////////////////////////////*/
/*------------------------------------------------------[ =Menus & Navigation ]--*/
/* +Content Menu */
.content-toolbar {
  bottom: 2px;
  height: 24px;
  margin: 1rem 0;
  position: relative;
  text-align: center;
  width: inherit;
  z-index: 50;
}
.content-toolbar.form-builder-toolbar {
  margin-bottom: -12px;
  margin-top: -12px;
}
.content-toolbar:after {
  background: #000;
  content: "";
  display: block;
  height: 1px;
  margin-top: -18px;
  width: 100%;
}
.content-toolbar .dropdown-menu {
  width: 15rem;
}
.content-toolbar .menu-first {
  border: none;
  box-shadow: inset 0 0 3px rgba(221, 244, 251, 0.4);
}

.content-tools {
  border-radius: 5px;
  background: #fff;
  border: 1px solid #c2c1bc;
  display: inline-block;
  height: 24px;
  list-style: none;
  margin: 0 auto;
  padding: 0 !important;
  /*TODO: this is only because of rules undoing the padding reset which affects user content. Need to remove reset on lists and see what's broken*/
}
.content-tools > li {
  border-right: 1px solid #c2c1bc;
  float: left;
  height: 24px;
  list-style: none;
  margin: 0;
  position: relative;
  text-align: left;
}
.content-tools > li:last-child {
  border-right: none;
}
.content-tools a {
  color: #616b72;
  cursor: pointer;
  display: block;
  font-size: 1.2rem;
  font-weight: 500;
  padding: 0 8px 0 8px;
  text-align: left;
  text-decoration: none;
}
.content-tools > li > a {
  height: 24px;
  line-height: 2;
}
.content-tools > li > a:hover, .content-tools > li > a:focus {
  background-color: #e5e5e1;
  color: #000;
}
.content-tools .icon-button {
  padding-left: 24px;
}

/* +Drop Down Menus */
.dropdown-menu {
  color: #333131;
  font-size: 1.2rem;
  font-weight: 700;
  height: 24px;
  list-style: none;
  min-width: 118px;
  position: relative;
  visibility: visible;
  /* Drop Menu Classes */
}
.dropdown-menu.toolbar-menu {
  background-color: transparent;
  border-left: 1px solid #fff;
  float: right;
  width: 150px;
}
.toolbar-tools .dropdown-menu.toolbar-menu {
  border-left: none;
}
.dropdown-menu.data-dataset-selector {
  width: 220px;
}

.primary-dropdown-menu {
  background-color: #2a76b0;
  background-image: linear-gradient(to bottom, #3d95d9, #2a76b0);
  width: 200px;
}

/* Drop Menu Pieces */
.menu-first {
  background: #e5e5e1 url(../images/ui/ui-drop-arrow.png) 100% 50% no-repeat;
  border: 1px solid #c2c1bc;
  box-sizing: border-box;
  height: 24px;
  line-height: 2;
  padding: 0 24px 0 8px;
}
.primary-dropdown-menu .menu-first {
  background-color: transparent;
  border: 1px solid #ccc;
  border-color: #2a76b0 #2a76b0 #2e4e77;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  color: #fff;
  text-shadow: 0 0 3px rgba(51, 49, 49, 0.5);
}
.primary-dropdown-menu .menu-first:hover {
  background-color: #2a76b0;
  border-color: #2a76b0 #2a76b0 #2e4e77;
}
.dropdown-menu.artifacts-menu .menu-first {
  background: url(../images/ui/ui-icons-black.png) 6px -324px no-repeat;
  border-bottom: none;
  border-right: none;
  border-top: none;
  height: 24px;
  line-height: 2;
  padding-left: 28px;
}

.menu-first:hover, .toolbar-menu div.menu-first:hover,
.menu-first:focus, .toolbar-menu div.menu-first:focus {
  background-color: #c2c1bc;
  border-color: #a8a7a3;
  cursor: pointer;
}

.down-list {
  overflow: hidden;
  display: none;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
.down-list li {
  background: #333131;
  border-bottom: 1px solid #000;
  margin: 0;
  position: relative;
  white-space: nowrap;
  width: 100%;
}
.down-list li:hover {
  background: #333131 url(../images/ui/ui-drop-link-hover.png);
}
.down-list li a {
  color: #e5e5e1;
  display: block;
  font-size: 1.1rem;
  font-weight: 700;
  line-height: 1;
  margin: 0;
  padding: 6px 8px;
  text-decoration: none;
}
.down-list li a.ui-button, .down-list li a.dark-button, .down-list li a.button {
  color: #333;
}
.down-list li a.alert-button {
  color: #fff;
}
.down-list li.selected {
  background: #d0ebf5 url(../images/layout/layout-box-shadow-top-trans.png) 0 0 repeat-x;
  position: relative;
}
.down-list li.selected a {
  color: #2e4e77;
  text-shadow: 0 0 2px #fff;
}
.down-list li.selected a:before {
  content: "✓ ";
}
.down-list input {
  left: 3px;
  position: absolute;
  top: 3px;
}
.down-list label {
  color: #fff;
  font-size: 1.2rem;
  font-weight: 500;
  padding: 0 6px 0 4px;
  text-shadow: 0 0 2px #000;
}
.down-list input[type=checkbox] + label {
  box-sizing: border-box;
  display: block;
  height: 24px;
  line-height: 2;
  overflow: hidden;
  padding-left: 24px;
  text-overflow: ellipsis;
  width: 100%;
}
.down-list .action-modifier {
  padding: 0 8px 6px;
}
.down-list .action-modifier input {
  position: static;
}
.down-list .action-modifier label, .down-list .action-modifier input[type=checkbox] + label {
  display: inline;
  font-size: 1.1rem;
  font-weight: 700;
  line-height: 1;
  padding: 0 0 0 4px;
}

li.divider-before:before,
li.divider-after:after {
  background: #000;
  content: "";
  display: block;
  height: 8px;
}

/* +Nav Bar (content) */
.content-nav-bar {
  background: #232323;
  width: 100%;
}
.content-nav-bar > ul, .content-nav-bar > ul .content-nav-bar > li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.content-nav-bar > ul li {
  border-right: 1px solid #333131;
  float: left;
  position: relative;
}
.content-nav-bar > ul li a {
  color: #d3d2ce;
  display: block;
  font-size: 1.2rem;
  font-weight: 700;
  padding: 8px 8px 6px 8px;
  text-decoration: none;
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.7);
}
.content-nav-bar > ul li a:hover, .content-nav-bar > ul li a:focus {
  background-color: #6d6c6a;
  background-color: rgba(168, 167, 163, 0.5);
  box-shadow: inset 0 0 3px rgba(51, 49, 49, 0.75);
  color: #fff;
}
.content-nav-bar > ul li a.selected {
  background-color: #0072bc;
  background-color: rgba(0, 114, 188, 0.75);
  color: #fff;
}
.content-nav-bar > ul li a [class^=icon-]:not(.icon-button), .content-nav-bar > ul li a [class*=" icon-"]:not(.icon-button) {
  margin-right: 4px;
}

/* +Options Menu */
.options-menu-heading {
  border-top: 1px dotted #ccc;
  clear: both;
  color: #333131;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1;
  margin: 0.5em 0;
  padding: 0.5em 0 0;
  text-transform: uppercase;
}

.options-menu {
  line-height: 1;
  list-style: none;
  margin: 0 0 5px;
  padding: 0;
  vertical-align: middle;
}
.options-menu.inline {
  display: inline-block;
  margin-bottom: 0;
  margin-left: 6px;
  vertical-align: text-top;
}
.options-menu li {
  float: left;
  margin: 0 4px 4px 0;
}
.options-menu a, .options-menu button {
  background-color: #fff;
  background-image: none;
  border-color: #cccbcb;
  border-color: rgba(51, 49, 49, 0.25);
  border-radius: 9px;
  color: #666;
  display: block;
  filter: none;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1;
  padding: 4px 6px;
  text-decoration: none;
  text-shadow: 0 0 2px #fff;
  text-transform: uppercase;
  transition: all 0.2s linear;
  vertical-align: middle;
}
.options-menu a:hover, .options-menu a:focus, .options-menu button:hover, .options-menu button:focus {
  background-color: #d3d2ce;
  color: #333131;
}
.options-menu li.selected a, .options-menu a.selected, .options-menu li.selected button, .options-menu button.selected {
  background-color: #57a957;
  color: #fff;
  text-shadow: 0 0 2px #333131;
}

/* +Pagination */
.pagination {
  margin: 12px 0;
}
.pagination ul, .pagination .content-nav-bar > ul li, .content-nav-bar > ul .pagination li {
  border-radius: 3px;
  box-shadow: 0 1px 2px rgba(51, 49, 49, 0.1);
  display: inline-block;
  margin: 0;
  padding: 0;
}
.pagination li {
  display: inline;
}
.pagination a, .pagination td > span,
.pagination .page__end {
  border: 1px solid #d3d2ce;
  border-left-width: 0;
  float: left;
  line-height: 2;
  padding: 0 10px;
  text-decoration: none;
}
.pagination a:hover, .pagination a:focus, .pagination .selected a, .pagination .active a, .pagination td > span,
.pagination .page__end {
  background-color: #f5f5f5;
}
.pagination .page__end {
  color: #94938f;
}
.pagination .selected a, .pagination .active a, .pagination td > span {
  color: #6F6F6F;
  cursor: default;
}
.pagination .disabled a, .pagination .disabled a:hover, .pagination .disabled a:focus {
  background-color: transparent;
  color: #6F6F6F;
  cursor: default;
}
.pagination li:first-child a, .pagination td > a:first-child, .pagination td > span:first-child,
.pagination li:first-child .page__end {
  border-left-width: 1px;
  border-radius: 3px 0 0 3px;
}
.pagination li:last-child a, .pagination td > a:last-child, .pagination td > span:last-child,
.pagination li:last-child .page__end {
  border-radius: 0 3px 3px 0;
}

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

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

.pager {
  list-style: none;
  margin: 0 0 16px;
  text-align: center;
}
.pager:before, .pager:after {
  display: table;
  content: "";
}
.pager:after {
  clear: both;
}
.pager li {
  display: inline;
}
.pager a {
  background-color: #fff;
  border: 1px solid #d3d2ce;
  border-radius: 15px;
  display: inline-block;
  padding: 5px 14px;
}
.pager a:hover, .pager a:focus {
  background-color: #f5f5f5;
  text-decoration: none;
}
.pager .next a {
  float: right;
}
.pager .previous a {
  float: left;
}

/*/////////////////////////////////////////////////////*/
/*------------------------------------------------------[ =Panels ]--*/
/* +Accordion Block */
.ui-accordion .ui-accordion-header {
  border-radius: 0;
}

/* +Assignment/Submission Information */
.assignments-detail .col-body > h2 {
  background: url(../images/layout/layout-portlet-header.png);
  color: #fff;
  font-size: 1.6rem;
  line-height: 1;
  margin: 0;
  padding: 6px 12px;
}

.assignment-statusbar {
  background: url(../images/layout/layout-box-bg.png);
  font-size: 1.2rem;
  font-weight: 700;
  height: 28px;
  line-height: 2;
  margin: 0 0 8px;
}
.assignment-statusbar p {
  border-right: 1px solid #fff;
  float: left;
  font-weight: 500;
  line-height: 2.33;
  margin: 0;
  padding: 0 6px;
}
.assignment-statusbar p.assignment-status-percent {
  background: url(../images/layout/layout-box-bg-dark.png);
  color: #fff;
  font-weight: 900;
  text-shadow: 0 0 2px #000;
}
.assignment-statusbar .ui-button, .assignment-statusbar .dark-button,
.assignment-statusbar .button {
  border-radius: 0;
}

.assignment-status-actions {
  float: right;
  list-style: none;
  margin: 0;
  padding: 0;
}
.assignment-status-actions li {
  border-left: 1px solid #fff;
  float: left;
  margin: 0;
}

.select-students fieldset, .select-students .form-field.full {
  margin-bottom: 0;
}
.select-students .bordered-panel {
  margin: 12px 0 0;
}

/* +Carousels */
.carousel {
  margin: 0;
  padding: 0;
  position: relative;
}

.carousel-header {
  background: #000;
  border-bottom: 1px solid #fff;
  padding-left: 1rem;
  position: relative;
}
.carousel-header h2 {
  color: #fff;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 2;
  margin: 0;
  text-shadow: 0px 0px 3px #333131;
}

.carousel-content {
  height: auto;
  position: relative;
}

.flex-control-nav {
  background: #efefef;
  border-top: 1px solid #fff;
  line-height: 2;
  list-style: none;
  margin-top: 15px;
  padding: 0;
  text-align: center;
}
.flex-control-nav li {
  display: inline-block;
  margin: 0 3px;
}
.flex-control-nav li a {
  background: #2a76b0;
  border: 1px solid #254166;
  border-radius: 4px;
  box-shadow: inset 0px 0px 2px rgba(211, 210, 206, 0.75);
  cursor: pointer;
  display: block;
  height: 7px;
  overflow: hidden;
  text-indent: -500px;
  transition: background 0.3s ease;
  width: 7px;
}
.flex-control-nav li a:hover, .flex-control-nav li a:focus {
  background: #6d6c6a;
  border-color: #333131;
}
.flex-control-nav li a.flex-active {
  background: #d0ebf5;
  border-color: #0072bc;
}

.carousel-header.fixed, .carousel-pagination.fixed {
  position: fixed;
}

/* Themes Carousel */
.theme-carousel {
  width: 100%;
  margin: 15px 0;
}
.theme-carousel .carousel-content {
  background: url(../images/layout/layout-box-bg.png);
  overflow: hidden;
  padding: 15px 0 0;
}
.theme-carousel .slides li {
  height: 150px;
  padding: 0 24px;
  text-align: center;
}
.theme-carousel .carousel-content .slides li h3 {
  border: 1px solid #c2c1bc;
  border-radius: 5px;
  color: #6d6c6a;
  display: inline-block;
  font-size: 1.1rem;
  font-weight: 700;
  line-height: 2;
  margin-bottom: 6px;
  max-width: 138px;
  overflow: hidden;
  padding: 0 6px;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.theme-carousel .carousel-content .slides li a {
  background: #fff;
  border: 1px solid #c2c1bc;
  display: block;
  height: 112px;
  overflow: hidden;
  width: 150px;
}
.theme-carousel .carousel-content .slides li.selected, .theme-carousel .carousel-content .slides li:hover {
  opacity: 1;
}
.theme-carousel .carousel-content .slides li.selected h3 {
  background: #6d6c6a;
  border-color: #333131;
  color: #fff;
}
.theme-carousel .carousel-content .slides li.selected a, .theme-carousel .carousel-content .slides li.selected a:hover, .theme-carousel .carousel-content .slides li.selected a:focus {
  border-color: #0072bc;
}
.theme-carousel .carousel-content .slides li img {
  border: none;
  height: 112px;
  width: 150px;
}

/* +Editor Wrapper */
.editor-wrapper {
  padding: 15px 0;
}

/* +Loading Animations */
.ui-dialog-loading {
  border: none !important;
  background: none !important;
  box-shadow: none !important;
  margin: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
}
html[data-focus-source=key] .ui-dialog-loading:focus {
  outline: none !important;
}

.ui-dialog-loading .ui-dialog-content {
  background: none !important;
  margin: 0 !important;
  min-height: 32px !important;
  overflow: hidden !important;
  padding: 0 !important;
}

.ui-dialog-loading .ui-dialog-titlebar {
  display: none !important;
}

#dispProc {
  text-align: center;
  width: 100%;
  margin: 5px auto;
}

.ui-dialog-loading #dispProc {
  margin: 0;
  min-width: 24px;
  width: auto;
}

.processing-message {
  background: #333131;
  border-radius: 5px;
  display: inline-block;
}
.processing-message p {
  color: #fff;
  display: inline-block;
  font-weight: 500;
  font-size: 1.2rem;
  line-height: 2.67;
  padding-right: 10px;
}

.processing-animation {
  background: url(../images/ajax-progress-reversed.gif) 50% 50% no-repeat;
  display: inline-block;
  height: 24px;
  padding: 4px;
  vertical-align: middle;
  width: 24px;
}

.spinner {
  animation: rotate 0.8s infinite linear;
  display: inline-block;
  border-width: 3px;
  border-style: solid;
  border-radius: 50%;
  border-color: #4A90E2;
  border-right-color: transparent;
  height: 18px;
  margin: 4px;
  vertical-align: middle;
  width: 18px;
}

/* +NEWSFLASHES (TODO: refactor) */
.view-newsflash > .unit {
  overflow: hidden;
}
.view-newsflash > .unit h2 {
  overflow: hidden;
  text-overflow: ellipsis;
}

.newsflash-content {
  min-height: 150px;
}
.newsflash-content ul, .newsflash-content .content-nav-bar > ul li, .content-nav-bar > ul .newsflash-content li, .newsflash-content ol {
  padding-left: 2.5em;
}
.newsflash-content ul > li, .newsflash-content .content-nav-bar > ul li > li, .content-nav-bar > ul .newsflash-content li > li, .newsflash-content ol > li {
  margin-bottom: 0.28em;
}
.newsflash-content ul, .newsflash-content .content-nav-bar > ul li, .content-nav-bar > ul .newsflash-content li {
  list-style: disc;
}
.newsflash-content ol {
  list-style: decimal;
}
.newsflash-content > span {
  display: block;
}

.newsflash-details {
  overflow: hidden;
  table-layout: fixed;
}
.newsflash-details tr:first-child td {
  border-top: 1px solid #c2c2c2;
}

/* +Toggle Panels */
.toggle-panel {
  margin: 15px 0;
}
.toggle-panel:last-child {
  margin-bottom: 0;
}

.auto-toggle-setup {
  cursor: pointer;
}

/* Toggle Heading Block */
.toggle-panel-heading {
  background: #e5e5e1;
  border-bottom: 1px solid #d3d2ce;
  min-height: 24px;
}
.toggle-open > .toggle-panel-heading {
  background: #c2c1bc;
}
.toggle-panel-heading h2 {
  background-color: transparent;
  border-left: 1px solid #fff;
  color: #333131;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 2;
  margin: 0 0 0 24px;
  padding-left: 7px;
}

.toggle-panel-arrow {
  background: transparent url(../images/ui/ui-toggle-arrow.png) 0 0 no-repeat;
  float: left;
  height: 24px;
  overflow: hidden;
  text-indent: -500px;
  width: 24px;
}
.toggle-open > .toggle-panel-heading .toggle-panel-arrow {
  background-position: 0 100%;
}
.toggle-panel-arrow:hover, .toggle-panel-arrow:focus {
  background-color: #c2c1bc;
}

.has-toggle-arrow:before {
  display: inline-block;
  content: "\e900";
  font-family: "epicons";
  speak: none;
  width: 1.25em;
}

.toggle-open > .auto-toggle-setup .icon-plus:before {
  content: "\e634";
}

.toggle-open .has-toggle-arrow:before {
  content: "\e6b2";
}

/* Toggle Content Block */
.toggle-panel-content {
  background: #fff url(../images/layout/layout-box-shadow-top.png) repeat-x left top;
  border: 1px solid #d3d2ce;
  border-width: 0 1px 1px;
  display: none;
  padding: 17px 12px 12px;
}

.toggle-panel-content.toggle-panel-content-plain, .toggle-panel-content-plain {
  background: transparent;
  border: none;
  display: none;
  padding: 0;
}

ul.toggle-panel-content, .content-nav-bar > ul li.toggle-panel-content {
  background-image: none;
  border: none;
}

/* Search Toggle */
.search-panel {
  margin-left: -12px;
  margin-top: -15px;
  padding-left: 12px;
  padding-right: 12px;
  width: 100%;
}

.search-panel-content {
  border-left: none;
  border-right: none;
  margin-left: -12px;
  padding-left: 12px;
  padding-right: 12px;
  width: 100%;
}

/* +User Info/Profile Card (popup) */
.profile-photo {
  border: 1px solid rgba(0, 0, 0, 0.5);
  border-radius: 38px;
  box-shadow: inset 0 0 4px rgba(255, 255, 255, 0.9);
  float: left;
  height: 75px;
  margin-right: 12px;
  margin-bottom: 12px;
  overflow: hidden;
  width: 75px;
}
.profile-photo img {
  border: 0;
  height: 75px;
  width: 75px;
}

.profile-mod {
  border-radius: 50px;
  height: 100px;
  margin-bottom: 85px;
}
.profile-mod .profile-photo {
  border-radius: 75px;
  float: none;
  height: 150px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  bottom: -25px;
  width: 150px;
}
.profile-mod .profile-photo img {
  height: 150px;
  width: 150px;
}

.profile-card hr {
  background: whitesmoke;
  border: none;
  height: 2px;
  margin: 0 0 0 -12px;
  padding: 0 12px;
  width: 100%;
}

.profile-header-block {
  margin-left: 87px;
}

.profile-name {
  color: #616b72;
  font-size: 2.8rem;
  font-weight: 700;
  line-height: 1.25;
  margin-bottom: 0.8rem;
}

.profile-section-heading {
  color: #616b72;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 1;
  margin: 12px 0;
}
.toggle-open .profile-section-heading {
  color: #000;
}

.profile-card .toggle-panel {
  margin: 0;
}

.profile-card .toggle-panel-content {
  background: none;
  border: none;
  border-top: 1px solid rgba(51, 49, 49, 0.3);
  margin: 0 0 0 -12px;
  padding: 12px;
  width: 100%;
}

.profile-membership .toggle-panel-content {
  max-height: 200px;
  overflow-y: scroll;
}

.profile-card .table {
  margin: 0;
}

/*/////////////////////////////////////////////////////*/
/*------------------------------------------------------[ =Portlets ]--*/
/* +Global Classes */
.portlet {
  margin-bottom: 15px;
}

.portlet-header {
  background: #616b72;
  height: 24px;
  position: relative;
}
.portlet-header h1, .portlet-header h2 {
  color: #fff;
  float: left;
  font-size: 1.2rem;
  font-weight: 700;
  height: 24px;
  line-height: 2;
  padding-left: 12px;
  text-shadow: 0 0 2px rgba(51, 49, 49, 0.5);
}

.portlet-body {
  background: #fff url(../images/layout/layout-box-shadow-top.png) 0 0 repeat-x;
  padding: 17px 12px 12px;
}
.portlet-body blockquote {
  color: #333131;
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 300;
  line-height: 1.25;
}
.portlet-body blockquote cite {
  color: #757472;
  display: block;
  font-size: 1.1rem;
  font-style: normal;
  line-height: 1.27;
  margin: 12px 0 0;
  padding: 0;
}
.portlet-body blockquote cite strong {
  color: #333131;
}
.portlet-body blockquote cite .timestamp {
  color: #6d6c6a;
}

.portlet-stat-bar-header {
  /*Heading _above_ a stat bar*/
  background: #e5e5e1 url(../images/layout/layout-box-bg-trans.png);
  color: #333131;
  font-size: 0.9rem;
  font-weight: 500;
  height: 18px;
  line-height: 2;
  margin: -15px 0 0 -12px;
  padding: 0 12px;
  text-shadow: 0 0 2px #fff;
  text-transform: uppercase;
  width: 100%;
}
.portlet-stat-bar-header + .portlet-stat-bar {
  margin-bottom: 10px;
  margin-top: 15px;
}

.portlet-stat-bar {
  height: 50px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.portlet-stat-bar li {
  float: left;
  margin: -15px 12px 0 0;
}
.portlet-stat-bar h3 {
  border-left: 2px solid #757472;
  color: #6d6c6a;
  font-size: 0.9rem;
  margin: 0;
  padding: 3px 0 0 6px;
  text-transform: uppercase;
}
.portlet-stat-bar a {
  color: #2A76B0;
  text-decoration: none;
}
.portlet-stat-bar a:hover, .portlet-stat-bar a:hover .stat-bar-number, .portlet-stat-bar a:focus, .portlet-stat-bar a:focus .stat-bar-number {
  color: #2e4e77;
}
.portlet-stat-bar .stat-bar-number {
  color: #000;
  display: block;
  font-size: 3.2rem;
  font-weight: 700;
  line-height: 1;
  padding: 6px 0 0 6px;
}
.portlet-stat-bar .stat-bar-text {
  color: #6d6c6a;
  display: block;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.78;
  padding: 6px 0 0 6px;
}
.portlet-stat-bar .stat-bar-text a {
  color: #6d6c6a;
}

/*/////////////////////////////////////////////////////*/
/*------------------------------------------------------[ =Plugins ]--*/
/* +jQuery.jsTree */
.jstree-ep4 ul, .jstree-ep4 .content-nav-bar > ul li, .content-nav-bar > ul .jstree-ep4 li {
  margin-top: 4px !important;
}

.jstree-ep4 li, .jstree-ep4 ins {
  background-color: transparent;
  background-image: url(../images/ui/ui-jstree-sprites.png);
  background-repeat: no-repeat;
}

.jstree-ep4 li {
  background-position: -90px 0;
  background-repeat: repeat-y;
  margin-bottom: 4px !important;
  overflow-x: hidden;
  position: relative;
}

.jstree-ep4 li.jstree-last {
  background: transparent;
}

.jstree-ep4 ins {
  float: left;
}

.jstree-ep4 li a {
  color: #333131;
  display: block;
  font-size: 1.1rem;
  font-weight: 300;
  height: 22px;
  line-height: 2;
  overflow: hidden;
  padding: 0 35px 0 1px;
  text-overflow: ellipsis;
}
html[data-focus-source=key] .jstree-ep4 li a:focus {
  outline: none !important;
  -webkit-box-shadow: inset 0 0 0 3px #3dbbdb !important;
  box-shadow: inset 0 0 0 3px #3dbbdb !important;
}

.jstree-ep4 li .flag {
  position: absolute;
  right: 6px;
  top: 4px;
}

/*Float clear for sibling ul*/
.jstree-ep4 li ul, .jstree-ep4 li .content-nav-bar > ul li, .content-nav-bar > ul .jstree-ep4 li li {
  clear: left;
}

.jstree-ep4 .jstree-open > ins {
  background-position: -72px 2px;
}

.jstree-ep4 .jstree-closed > ins {
  background-position: -54px 2px;
}

.jstree-ep4 .jstree-leaf > ins {
  background-position: -36px 2px;
}

.jstree-ep4 .jstree-hovered {
  background: url(../images/layout/layout-box-bg-trans.png);
  border: 0;
  padding: 0 35px 0 1px;
}

.jstree-ep4 .jstree-clicked {
  background: url(../images/layout/layout-box-bg-hover.png);
  border: 0;
  color: #000;
  font-weight: 900;
  padding: 0 35px 0 1px;
}

.jstree-ep4 a .jstree-icon {
  height: 22px;
  background-position: -56px -16px;
}

.jstree-ep4 a.jstree-loading .jstree-icon {
  background: url(../images/ui/ui-jstree-loading.gif) 50% 50% no-repeat !important;
}

.jstree-ep4 a.incomplete .jstree-icon {
  background-position: -56px -54px;
}

.jstree-ep4 a.complete .jstree-icon {
  background-position: -74px -36px;
}

.jstree-ep4.jstree-focused {
  background: transparent;
}

.jstree-ep4 .jstree-no-dots li,
.jstree-ep4 .jstree-no-dots .jstree-leaf > ins {
  background: transparent;
}

.jstree-ep4 .jstree-no-dots .jstree-open > ins {
  background-position: -18px 0;
}

.jstree-ep4 .jstree-no-dots .jstree-closed > ins {
  background-position: 0 0;
}

.jstree-ep4 .jstree-no-icons a .jstree-icon {
  display: none;
}

.jstree-ep4 .jstree-search {
  font-style: italic;
}

.jstree-ep4 .jstree-no-icons .jstree-checkbox {
  display: inline-block;
}

.jstree-ep4 .jstree-no-checkboxes .jstree-checkbox {
  display: none !important;
}

.jstree-ep4 .jstree-checked > a > .jstree-checkbox {
  background-position: -38px -19px;
}

.jstree-ep4 .jstree-unchecked > a > .jstree-checkbox {
  background-position: -2px -19px;
}

.jstree-ep4 .jstree-undetermined > a > .jstree-checkbox {
  background-position: -20px -19px;
}

.jstree-ep4 .jstree-checked > a > .jstree-checkbox:hover {
  background-position: -38px -37px;
}

.jstree-ep4 .jstree-unchecked > a > .jstree-checkbox:hover {
  background-position: -2px -37px;
}

.jstree-ep4 .jstree-undetermined > a > .jstree-checkbox:hover {
  background-position: -20px -37px;
}

#vakata-dragged.jstree-ep4 ins {
  background: transparent !important;
}

#vakata-dragged.jstree-ep4 .jstree-ok {
  background: url(../images/ui/ui-jstree-sprites.png) -2px -53px no-repeat !important;
}

#vakata-dragged.jstree-ep4 .jstree-invalid {
  background: url(../images/ui/ui-jstree-sprites.png) -18px -53px no-repeat !important;
}

#jstree-marker.jstree-ep4 {
  background: url(../images/ui/ui-jstree-sprites.png) -40px -57px no-repeat !important;
  text-indent: -100px;
}

#jstree-marker-line.jstree-ep4 {
  background: transparent;
  border: none;
  border-bottom: 1px solid #d1480d;
  width: 18px;
  z-index: 0;
}

.jstree-ep4 a.jstree-search {
  color: #0ff;
}

.jstree-ep4 .jstree-locked a {
  color: #c0c0c0;
  cursor: default;
}

#vakata-contextmenu.jstree-ep4-context, #vakata-contextmenu.jstree-ep4-context li ul, #vakata-contextmenu.jstree-ep4-context li .content-nav-bar > ul li, .content-nav-bar > ul #vakata-contextmenu.jstree-ep4-context li li {
  background: #f0f0f0;
  border: 1px solid #979797;
  box-shadow: 1px 1px 2px #999;
}

#vakata-contextmenu.jstree-ep4-context a {
  color: #000;
}

#vakata-contextmenu.jstree-ep4-context a:hover, #vakata-contextmenu.jstree-ep4-context a:focus, #vakata-contextmenu.jstree-ep4-context .vakata-hover > a {
  background: #e8eff7;
  border: 1px solid #aecff7;
  border-radius: 2px;
  color: #000;
  padding: 0 5px;
}

#vakata-contextmenu.jstree-ep4-context li.jstree-contextmenu-disabled a,
#vakata-contextmenu.jstree-ep4-context li.jstree-contextmenu-disabled a:hover,
#vakata-contextmenu.jstree-ep4-context li.jstree-contextmenu-disabled a:focus {
  background: transparent;
  border: 0;
  color: #c0c0c0;
  padding: 1px 4px;
}

#vakata-contextmenu.jstree-ep4-context li.vakata-separator {
  background: #fff;
  border-top: 1px solid #e0e0e0;
  margin: 0;
}

#vakata-contextmenu.jstree-ep4-context li ul, #vakata-contextmenu.jstree-ep4-context li .content-nav-bar > ul li, .content-nav-bar > ul #vakata-contextmenu.jstree-ep4-context li li {
  margin-left: -4px;
}

/*
 * jsTree "TOC" theme (cascades on top of EP4 theme)
*/
.jstree-toc {
  margin-right: -12px;
}

.jstree-toc:focus, .treeMenu:focus {
  outline: none;
}

/*Light on Dark*/
.jstree-toc li, .jstree-toc ins {
  background-image: url(../images/ui/ui-jstree-toc-sprites-reversed.png);
}

.jstree-toc li a {
  color: #fff;
  font-weight: 500;
}

.jstree-toc .jstree-hovered {
  background: transparent;
  color: #91ddf2;
}

.jstree-toc .jstree-clicked {
  background: #fff;
  border-radius: 3px 0 0 3px;
  color: #2A76B0;
}

.jstree-toc .jstree-clicked ins.jstree-icon {
  background-image: url(../images/ui/ui-jstree-toc-sprites.png);
}

#vakata-dragged.jstree-toc .jstree-ok {
  background-image: url(../images/ui/ui-jstree-toc-sprites-reversed.png) !important;
}

#vakata-dragged.jstree-toc .jstree-invalid {
  background-image: url(../images/ui/ui-jstree-toc-sprites-reversed.png) !important;
}

#jstree-marker.jstree-toc {
  background-image: url(../images/ui/ui-jstree-toc-sprites-reversed.png) !important;
}

/*Dark on White*/
/*.col-tabs .jstree-toc li,*/
/*.portfolio-tree selector for new editor UI, to-do: refactor tree theme + upgrade*/
.col-tabs .jstree-toc ins,
.portfolio-tree.jstree-toc ins {
  background-image: url(../images/ui/ui-jstree-toc-sprites.png);
}

.col-tabs .jstree-toc li a,
.portfolio-tree.jstree-toc li a {
  color: #333131;
  font-weight: 300;
}

.col-tabs .jstree-toc .jstree-hovered,
.portfolio-tree.jstree-toc .jstree-hovered {
  background: url(../images/layout/layout-box-bg-trans.png);
  color: #333131;
}

.col-tabs .jstree-toc .jstree-clicked,
.portfolio-tree.jstree-toc .jstree-clicked {
  background: url(../images/layout/layout-box-bg-hover.png);
  color: #000;
}

/* +jQuery.miniColors */
.miniColors-trigger {
  background: url(../images/ui/ui-colorpicker-trigger.png) 50% 50% no-repeat;
  display: inline-block;
  height: 20px;
  margin: 0 0.25em;
  outline: none;
  vertical-align: middle;
  width: 20px;
}

.miniColors-selector {
  background: #fff;
  border: solid 1px #bbb;
  border-radius: 5px;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);
  height: 150px;
  padding: 5px;
  position: absolute;
  width: 175px;
  z-index: 999999;
}
.miniColors-selector.black {
  background: #000;
  border-color: #000;
}

.miniColors-colors {
  background: url(../images/ui/ui-colorpicker-gradient.png) 50% 50% no-repeat;
  cursor: crosshair;
  height: 150px;
  left: 5px;
  position: absolute;
  top: 5px;
  width: 150px;
}

.miniColors-hues {
  background: url(../images/ui/ui-colorpicker-rainbow.png) 50% 50% no-repeat;
  cursor: crosshair;
  height: 150px;
  left: 160px;
  position: absolute;
  top: 5px;
  width: 20px;
}

.miniColors-colorPicker {
  background: url(../images/ui/ui-colorpicker-circle.gif) 50% 50% no-repeat;
  height: 11px;
  position: absolute;
  width: 11px;
}

.miniColors-huePicker {
  background: url(../images/ui/ui-colorpicker-line.gif) 50% 50% no-repeat;
  height: 3px;
  left: -3px;
  position: absolute;
  width: 26px;
}

/* +jQuery.tinyscrollbar */
.scroll-panel {
  width: auto;
}
.scroll-panel .viewport {
  overflow: hidden;
  position: relative;
  width: inherit;
}
.scroll-panel .overview {
  left: 0;
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.scroll-panel .scrollbar {
  background: transparent;
  background-position: 0 0;
  float: right;
  opacity: 0.15;
  position: relative;
  width: 15px;
}
.scroll-panel .scrollbar:hover, .scroll-panel .scrollbar:focus {
  background: #fff;
  opacity: 1;
}
.scroll-panel:hover .scrollbar {
  background: #fff;
  opacity: 0.5;
}
.scroll-panel .track {
  background: transparent;
  border-radius: 7px;
  height: 100%;
  padding: 0;
  position: relative;
  width: 15px;
}
.scroll-panel .thumb {
  background: url(../images/ui/ui-scrollbar-thumb.png) no-repeat 50% bottom;
  border-radius: 12px;
  cursor: pointer;
  height: 20px;
  left: -5px;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 25px;
}
.scroll-panel .thumb .end {
  background: url(../images/ui/ui-scrollbar-thumb.png) 50% 0 no-repeat;
  height: 5px;
  overflow: hidden;
  width: 25px;
}
.scroll-panel .disable {
  display: none;
}

/* +jQuery.isotope */
.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/*/////////////////////////////////////////////////////*/
/*------------------------------------------------------[ =Status Flags/Dots ]--*/
.status-flag {
  background-image: url(../images/ui/ui-status-icons.png);
  background-repeat: no-repeat;
  display: inline-block;
  height: 16px;
  overflow: hidden;
  text-indent: -500px;
  vertical-align: middle;
  width: 16px;
}

.status-new {
  background-position: 0 0;
}
.status-new.off {
  background-position: 0 -16px;
}

.status-required {
  background-position: -16px 0;
}
.status-required.off {
  background-position: -16px -16px;
}

.status-updated {
  background-position: -32px 0;
}
.status-updated.off {
  background-position: -32px -16px;
}

.status-completed {
  background-position: -48px 0;
}
.status-completed.off {
  background-position: -48px -16px;
}

.status-locked {
  background-position: -64px 0;
}
.status-locked.off {
  background-position: -64px -16px;
}

/* +Corner Badges */
.corner-badge {
  position: relative;
}
.corner-badge:before {
  background-image: url(../images/ui/ui-corner-badges.png);
  background-repeat: no-repeat;
  content: " ";
  height: 10px;
  left: 0;
  overflow: hidden;
  position: absolute;
  text-indent: -500px;
  top: 0;
  width: 10px;
}

.corner-badge-blue:before {
  background-position: 0 100%;
}

.corner-badge-gold:before {
  background-position: -32px 100%;
}

.corner-badge-green:before {
  background-position: -64px 100%;
}

/*/////////////////////////////////////////////////////*/
/*------------------------------------------------------[ =Tabs ]--*/
.tab-badge {
  background: #2a76b0;
  border: 1px solid rgba(46, 78, 119, 0.3);
  border-radius: 10px;
  color: #fff;
  display: inline-block;
  font-size: 1rem;
  font-weight: 700;
  height: 18px;
  line-height: 1.8;
  min-width: 18px;
  position: absolute;
  right: -4px;
  text-align: center;
  text-decoration: none;
  text-indent: 0;
  text-shadow: 0 0 3px rgba(46, 78, 119, 0.9);
  top: -8px;
}
.tab-badge.error {
  background-color: #c43c35;
  border-color: #ab2922;
  text-shadow: 0 0 3px #ab2922;
}

/* +Vertical Tabbed Column */
.col-tabs .col-body {
  padding: 0 0 100px;
}
.col-tabs .tabs-wrapper {
  float: left;
  overflow: hidden;
  transition: width 0.5s ease;
  width: 30px;
}
.col-tabs .tabs-list {
  margin: 6px 0 0;
  padding: 0;
  list-style: none;
  width: 30px;
  background: none;
  border: none;
}
.col-tabs .tabs-list li.tab {
  background: none;
  border: none;
  height: 24px;
  list-style: none;
  margin: 0;
  overflow: hidden;
  padding: 0 6px 0 0;
  transition: width 0.5s ease;
  width: 24px;
}
.col-tabs .tabs-list li.ui-tabs-active, .col-tabs .tabs-list li.ui-tabs-active:hover, .col-tabs .tabs-list li.ui-tabs-active:focus {
  background: transparent url(../images/ui/ui-tabs-vertical-active.png) 100% 50% no-repeat;
}
.col-tabs .tabs-list li.ui-tabs-selected.ui-state-hover {
  background-color: transparent;
  padding-right: 6px;
}
.col-tabs .tabs-list a {
  background: transparent url(../images/ui/ui-icons-white.png) no-repeat 3px 0px;
  color: #d3d2ce;
  display: block;
  font-size: 1.2rem;
  font-weight: 500;
  height: 24px;
  line-height: 2;
  opacity: 0.5;
  overflow: hidden;
  padding: 0;
  text-decoration: none;
  text-indent: 32px;
  transition: width 0.5s ease;
  width: 24px;
}
.col-tabs .tabs-list li.ui-tabs-active a, .col-tabs .tabs-list li a:hover, .col-tabs .tabs-list li a:focus {
  opacity: 1;
}
.col-tabs .tabs-list li.tab-assessment a,
.col-tabs .tabs-list li.tab-instrument a {
  background-position: 3px -708px;
}
.col-tabs .tabs-list li.tab-assignment a, .col-tabs .tabs-list li.tab-pending-assignments a {
  background-position: 3px -740px;
}
.col-tabs .tabs-list li.tab-completed a {
  background-position: 3px -1380px;
}
.col-tabs .tabs-list li.tab-completed-assignments a {
  background-position: 3px -2310px;
}
.col-tabs .tabs-list li.tab-completed-pool a {
  background-position: 3px -2562px;
}
.col-tabs .tabs-list li.tab-dashboard a {
  background-position: 3px -1796px;
}
.col-tabs .tabs-list li.tab-dept a {
  background-position: 3px -164px;
}
.col-tabs .tabs-list li.tab-groups a {
  background-position: 3px -836px;
}
.col-tabs .tabs-list li.tab-history a {
  background-position: 3px -100px;
}
.col-tabs .tabs-list li.tab-info, .col-tabs .tabs-list li.tab-summary a {
  background-position: 3px -1316px;
}
.col-tabs .tabs-list li.tab-links a {
  background-position: 3px -1220px;
}
.col-tabs .tabs-list li.tab-pending a {
  background-position: 3px -1572px;
}
.col-tabs .tabs-list li.tab-pending-instrument a {
  background-position: 3px -2178px;
}
.col-tabs .tabs-list li.tab-pending-pool a {
  background-position: 3px -2146px;
}
.col-tabs .tabs-list li.tab-settings a {
  background-position: 3px -1862px;
}
.col-tabs .tabs-list li.tab-setup a {
  background-position: 3px -900px;
}
.col-tabs .tabs-list li.tab-sharing a {
  background-position: 3px -932px;
}
.col-tabs .tabs-list li.tab-standards a {
  background-position: 3px -676px;
}
.col-tabs .tabs-list li.tab-students a {
  background-position: 3px -868px;
}
.col-tabs .tabs-list li.tab-submissions a {
  background-position: 3px -964px;
}
.col-tabs .tabs-list li.tab-toc a {
  background-position: 3px -612px;
}

/*Hover*/
div.col-tabs div.tabs-wrapper:hover, div.col-tabs div.tabs-wrapper:focus {
  width: 200px;
}

div.col-tabs div.tabs-wrapper:hover ~ .tabs-panel {
  margin-left: 200px;
  width: 94%;
}

div.col-tabs div.tabs-wrapper:hover li.tab {
  width: 194px;
}

div.col-tabs div.tabs-wrapper:hover a {
  width: 194px;
}

div.col-tabs ul.tabs-list a:hover, div.col-tabs .content-nav-bar > ul li.tabs-list a:hover, .content-nav-bar > ul div.col-tabs li.tabs-list a:hover, div.col-tabs ul.tabs-list a:focus, div.col-tabs .content-nav-bar > ul li.tabs-list a:focus, .content-nav-bar > ul div.col-tabs li.tabs-list a:focus,
.col-tabs .tabs-list li.ui-tabs-active a {
  color: #fff;
}

/* +Tabs Panels */
div.col-tabs .tabs-panel,
.compartment div.col-tabs .tabs-panel {
  background: #fff;
  margin-left: 30px;
  min-height: 400px;
  padding: 12px;
  transition: margin 0.5s ease;
}

.tabs-panel > h2 {
  color: #333131;
  display: none;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 2;
}
.tabs-panel > h3 {
  font-size: 1.6rem;
}
.tabs-panel > hr {
  background: #e5e5e1;
  border: none;
  height: 1px;
  margin-left: -11px;
  padding: 0 12px 0 11px;
  width: 100%;
}

/*/////////////////////////////////////////////////////*/
/*------------------------------------------------------[ =Toolbars ]--*/
/* +Global Classes */
.toolbar {
  height: 24px;
  position: absolute;
  right: 0;
  top: 0;
}
.content-header .toolbar {
  top: 9px;
}

.toolbar-tools {
  height: 24px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.col-header .toolbar-tools {
  background: url(../images/layout/layout-box-bg.png);
}
.toolbar-tools li {
  border-left: 1px solid #fff;
  float: left;
  font-size: 1.2rem;
  min-height: 24px;
  line-height: 2;
  position: relative;
  /* Toolbar Tool Classes */
}
.toolbar-tools li:empty {
  display: none;
}
.toolbar-tools li ul, .toolbar-tools li .content-nav-bar > ul li, .content-nav-bar > ul .toolbar-tools li li {
  padding-left: 0;
}
.toolbar-tools li.tool-name {
  background: url(../images/ui/ui-icons-black.png) 3px -868px no-repeat;
  font-weight: 500;
  padding: 0 0 0 24px;
}
.toolbar-tools li.tool-name span {
  display: block;
  height: 100%;
  line-height: 2;
  padding: 0 28px 0 0;
}

span.pending {
  background: url(../images/assessment/assessment-status-icons.png) 100% 0 no-repeat;
}

span.incomplete {
  background: url(../images/assessment/assessment-status-icons.png) 100% -24px no-repeat;
}

span.complete {
  background: rgba(110, 158, 47, 0.15) url(../images/assessment/assessment-status-icons.png) 100% -48px no-repeat;
}

span.held {
  background: rgba(110, 158, 47, 0.15) url(../images/assessment/assessment-status-icons.png) 100% -72px no-repeat;
}

.toolbar-tools li.tool-name span.complete, .toolbar-tools li.tool-name span.held {
  background-color: transparent;
}
.toolbar-tools li.tool-groupname {
  background: url(../images/ui/ui-icons-black.png) 3px -836px no-repeat;
  padding: 0 8px 0 24px;
  font-weight: 500;
}
.toolbar-tools li.tool-date {
  background: url(../images/ui/ui-icons-black.png) 3px -1572px no-repeat;
  font-weight: 500;
  padding: 0 8px 0 24px;
}
.toolbar-tools li.tool-wordcount, .toolbar-tools li.tool-submission-date {
  font-size: 1rem;
  font-weight: 700;
  padding: 0 8px;
  text-transform: uppercase;
  white-space: nowrap;
}

span#wordCount,
span#lblSubmittedDate {
  display: inline-block;
  font-weight: 300;
  padding-left: 6px;
  text-transform: none;
}

.toolbar-tools li.tool-checkbox {
  font-weight: 500;
  padding: 0 8px 0 4px;
}
.toolbar-tools li.tool-checkbox label, .toolbar-tools li.tool-checkbox input[type=checkbox] + label {
  display: inline-block;
  height: 24px;
  line-height: 2;
}
.toolbar-tools li.tool-score {
  background: rgba(255, 255, 255, 0.4) url(../images/ui/ui-icons-black.png) 3px -1252px no-repeat;
  font-weight: 500;
  padding: 0 8px 0 24px;
}
.toolbar-tools li a.action-search {
  background-color: #6d6c6a;
}
.toolbar-tools li a.action-search:hover, .toolbar-tools li .toolbar-tools li a.action-search:focus {
  background-color: #333131;
}
.toolbar-tools li a.action-search.selected {
  background-color: #000;
}
.toolbar-tools li a.action-search.selected:hover, .toolbar-tools li a.action-search.selected:focus {
  background-color: #000;
}
.toolbar-tools .form-field {
  padding-left: 6px;
}

/* Plain toolbar buttons (no coloured bg) */
/* TO-DO: Figure out if I'll ever actually use this and remove if not */
.tool-button {
  color: #333131;
  float: left;
  font-size: 1.2rem;
  font-weight: 700;
  height: 24px;
  line-height: 2;
  padding: 0 8px;
  text-decoration: none;
}
.tool-button:hover, .tool-button:focus {
  background-color: #e5e5e1;
}

/* +Search toolbar */
.toolbar-search {
  height: 24px;
  float: left;
  padding-left: 8px;
}
.toolbar-search input.form-search-field {
  float: left;
  font-weight: 300;
  width: 120px;
}
.toolbar-search .toolbar-search-submit {
  background: url(../images/ui/ui-icons-black.png) 50% -548px no-repeat;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  margin-left: 4px;
  overflow: hidden;
  padding: 0;
  text-indent: -500px;
  width: 24px;
}
.toolbar-search a.toolbar-advanced-open {
  border-right: 1px solid #fff;
}

.toolbar-search-advanced {
  border-right: 1px solid #fff;
  display: none;
  float: left;
  height: 24px;
  position: relative;
}
.toolbar-search-advanced label {
  float: left;
  font-size: 1rem;
  height: 24px;
  line-height: 2.4;
  margin: 0;
  padding: 0 8px;
}
.toolbar-search-advanced input[type=text] {
  float: left;
  width: 60px;
}
.toolbar-search-advanced a.toolbar-advanced-close {
  background: url(../images/ui/ui-icons-black.png) 50% -580px no-repeat;
  border-left: 1px solid #fff;
  margin-left: 4px;
  overflow: hidden;
  padding: 0;
  text-indent: -500px;
  width: 24px;
}

/* +Assignments toolbar */
.toolbar-assignments {
  border-left: 1px solid #fff;
  float: right;
}

/* +Inline Toolbar */
.inline-toolbar {
  background: url(../images/layout/layout-box-bg-dark.png);
  border-bottom: 1px solid #fff;
  height: 24px;
  margin-left: -12px;
  padding: 0 12px;
  position: relative;
  width: 100%;
}
.inline-toolbar ul.toolbar-tools, .inline-toolbar .content-nav-bar > ul li.toolbar-tools, .content-nav-bar > ul .inline-toolbar li.toolbar-tools {
  float: right;
  margin: 0 -12px 0 0;
}

/*/////////////////////////////////////////////////////*/
/*------------------------------------------------------[ =Tooltips ]--*/
.ep4-tip {
  position: relative;
}

.ep4-tip-box, .element-tip-box {
  background: transparent url(../images/ui/ui-tip-triangle.png) 50% 100% no-repeat;
  overflow-wrap: break-word;
  word-wrap: break-word;
  padding: 0 0 6px;
  position: absolute;
  z-index: 2000;
}
.ep4-tip-box > div, .element-tip-box > div {
  background: #333131;
  border-radius: 5px;
  color: #fff;
  display: block;
  font-size: 1.1rem;
  font-weight: 500;
  height: auto;
  line-height: 1.27;
  margin: 0;
  overflow: visible;
  padding: 8px;
  text-shadow: 0 0 2px #000;
}
.ep4-tip-box > div strong, .element-tip-box > div strong, .ep4-tip-box > div b, .element-tip-box > div b {
  font-size: 1.05rem;
  font-weight: 800;
}

div.level-tip > div {
  max-width: 360px;
}

.ep4-tip-box ul, .ep4-tip-box .content-nav-bar > ul li, .content-nav-bar > ul .ep4-tip-box li {
  list-style-type: disc;
  margin: 12px 0;
  padding: 0 0 0 2.5em;
}

.ep4-tip-box > div * {
  background-color: none;
  color: #fff;
  font-size: 1.1rem;
  text-shadow: 0 0 2px #000;
}

/* Content Triggers (like info icon) */
.info-tip {
  background: url(../images/ui/ui-icon-info-tip.png) 50% 50% no-repeat;
  cursor: pointer;
  display: inline-block;
  height: 12px;
  overflow: hidden;
  text-indent: -1000px;
  vertical-align: text-bottom;
  width: 12px;
}

/* Instrument Highlighting */
.element-tip-box {
  display: none;
}

a.observed, a.missing {
  display: inline-block;
  padding: 4px 4px 0px;
  color: #c1e573;
  text-shadow: 0px 0px 2px #000;
  text-decoration: none;
}

a.missing {
  color: #e57373;
}

/* +Tooltip */
/* New. To-Do: Replace ep4-tip with this. */
.tooltip, .complex-tip {
  display: block;
  font-size: 1.2rem;
  opacity: 0;
  padding: 5px;
  position: absolute;
  visibility: visible;
  z-index: 900;
  /*Corner Arrows*/
}
.tooltip .tooltip-arrow, .complex-tip .tooltip-arrow {
  height: 0;
  position: absolute;
  width: 0;
}
.tooltip.in, .complex-tip.in {
  opacity: 0.8;
}
.tooltip.top, .complex-tip.top {
  margin-top: -2px;
}
.tooltip.top .tooltip-arrow, .complex-tip.top .tooltip-arrow {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #000;
  bottom: 0;
  left: 50%;
  margin-left: -5px;
}
.tooltip.right, .complex-tip.right {
  margin-left: 2px;
}
.tooltip.right .tooltip-arrow, .complex-tip.right .tooltip-arrow {
  border-bottom: 5px solid transparent;
  border-right: 5px solid #000;
  border-top: 5px solid transparent;
  left: 0;
  margin-top: -5px;
  top: 50%;
}
.tooltip.bottom, .complex-tip.bottom {
  margin-top: 2px;
}
.tooltip.bottom .tooltip-arrow, .complex-tip.bottom .tooltip-arrow {
  border-bottom: 5px solid #000;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  left: 50%;
  margin-left: -5px;
  top: 0;
}
.tooltip.left, .complex-tip.left {
  margin-left: -2px;
}
.tooltip.left .tooltip-arrow, .complex-tip.left .tooltip-arrow {
  border-bottom: 5px solid transparent;
  border-left: 5px solid #000;
  border-top: 5px solid transparent;
  margin-top: -5px;
  right: 0;
  top: 50%;
}
.tooltip.top.right-corner .tooltip-arrow, .tooltip.bottom.right-corner .tooltip-arrow, .complex-tip.top.right-corner .tooltip-arrow, .complex-tip.bottom.right-corner .tooltip-arrow {
  left: auto;
  right: 16px;
}
.tooltip.top.left-corner .tooltip-arrow, .tooltip.bottom.left-corner .tooltip-arrow, .complex-tip.top.left-corner .tooltip-arrow, .complex-tip.bottom.left-corner .tooltip-arrow {
  left: 16px;
}
.tooltip.left.top-corner .tooltip-arrow, .tooltip.right.top-corner .tooltip-arrow, .complex-tip.left.top-corner .tooltip-arrow, .complex-tip.right.top-corner .tooltip-arrow {
  top: 16px;
}
.tooltip.left.bottom-corner .tooltip-arrow, .tooltip.right.bottom-corner .tooltip-arrow, .complex-tip.left.bottom-corner .tooltip-arrow, .complex-tip.right.bottom-corner .tooltip-arrow {
  bottom: 16px;
  top: auto;
}

.tooltip-inner {
  background-color: #000;
  border-radius: 5px;
  color: #fff;
  height: 24px;
  line-height: 2;
  max-width: 500px;
  padding: 4px 8px;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
}

.complex-tip .tip-header {
  padding-bottom: 0.6rem;
  text-align: right;
}
.complex-tip .tip-header .tooltip-close-button {
  opacity: 1;
}
.complex-tip .icon-bubble {
  padding-right: 0.4rem;
}
.complex-tip .tooltip-inner {
  background-color: #3E3E3F;
  border-bottom: 1px solid #fff;
  border-radius: 0;
  height: auto;
  line-height: 1.4;
  max-width: 40rem;
  padding: 1rem 1.6rem 0.5rem;
  text-align: left;
  white-space: normal;
}
.complex-tip .tooltip-inner:first-child {
  border-radius: 5px 5px 0 0;
}
.complex-tip .tooltip-inner:last-child {
  border-radius: 0 0 5px 5px;
  border-bottom: 0;
}
.complex-tip .tooltip-inner:only-child {
  border-radius: 5px;
}
.complex-tip .tooltip-inner.tip-action {
  cursor: pointer;
}
.complex-tip .tooltip-inner.tip-action:hover {
  background: #2A7EBD;
}
.complex-tip.top .tooltip-arrow {
  border-top-color: #3E3E3F;
}
.complex-tip.top .tip-action:hover .tooltip-arrow {
  border-top-color: #2A7EBD;
}
.complex-tip.right .tooltip-arrow {
  border-right-color: #3E3E3F;
}
.complex-tip.right .tip-action:hover .tooltip-arrow {
  border-right-color: #2A7EBD;
}
.complex-tip.bottom .tooltip-arrow {
  border-bottom-color: #3E3E3F;
}
.complex-tip.bottom .tip-action:hover .tooltip-arrow {
  border-bottom-color: #2A7EBD;
}
.complex-tip.left .tooltip-arrow {
  border-left-color: #3E3E3F;
}
.complex-tip.left .tip-action:hover .tooltip-arrow {
  border-left-color: #2A7EBD;
}
.complex-tip .show-more {
  background: #000;
  color: #fff;
  display: block;
  font-weight: bold;
  padding-bottom: 1rem;
  text-align: center;
}
.complex-tip.in {
  opacity: 1;
}

/* +Popover */
.popover__container {
  position: relative;
}

.popover {
  padding: 5px;
  position: absolute;
  z-index: 1000;
}
.popover .arrow {
  height: 0;
  position: absolute;
  width: 0;
}
.popover.top {
  margin-top: -5px;
}
.popover.top .arrow {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #000;
  border-top-color: rgba(0, 0, 0, 0.9);
  bottom: 0;
  left: 50%;
  margin-left: -5px;
}
.popover.right {
  margin-left: 5px;
}
.popover.right .arrow {
  border-bottom: 5px solid transparent;
  border-right: 5px solid #000;
  border-right-color: rgba(0, 0, 0, 0.9);
  border-top: 5px solid transparent;
  left: 0;
  margin-top: -5px;
  top: 50%;
}
.popover.bottom {
  margin-top: 5px;
}
.popover.bottom .arrow {
  border-bottom: 5px solid #000;
  border-bottom-color: rgba(0, 0, 0, 0.9);
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  left: 50%;
  margin-left: -5px;
  top: 0;
}
.popover.left {
  margin-left: -5px;
}
.popover.left .arrow {
  border-bottom: 5px solid transparent;
  border-left: 5px solid #000;
  border-left-color: rgba(0, 0, 0, 0.9);
  border-top: 5px solid transparent;
  margin-top: -5px;
  right: 0;
  top: 50%;
}
.popover .popover-inner {
  background: #000;
  background: rgba(0, 0, 0, 0.9);
  border-radius: 6px;
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  max-width: 474px;
  min-width: 280px;
  overflow: hidden;
  padding: 3px;
  /* remove focus outline until https://chalkandwire.atlassian.net/browse/TRUNK-785 is complete */
}
.popover .popover-inner > .popover-menu:focus {
  outline: none;
}
.popover .popover-content {
  background-clip: padding-box;
  background-color: #fff;
  border-radius: 3px;
  max-height: 500px;
  overflow: auto;
  padding: 12px;
}
.popover .popover-title {
  background-color: #f5f5f5;
  border-bottom: 1px solid #eee;
  border-radius: 3px 3px 0 0;
  line-height: 1;
  margin: 0;
  padding: 9px 12px;
}
.popover .popover-title + .popover-content {
  background-clip: padding-box;
  border-radius: 0 0 3px 3px;
}
.popover p, .popover ul, .popover .content-nav-bar > ul li, .content-nav-bar > ul .popover li, .popover ol {
  margin-bottom: 0;
}
.popover .popover-menu li {
  height: 28px;
  list-style: none;
  margin: 0;
}
.popover .popover-menu li:last-child {
  border-bottom: 0;
}
.popover .popover-menu li.popover-menu-close {
  border-top: 1px dotted #444141;
}
.popover .popover-menu li a,
.popover .popover-menu li .button--as-link {
  color: #d3d2ce;
  display: block;
  font-size: 1.2rem;
  height: 28px;
  line-height: 2.33;
  padding: 0 6px;
  text-decoration: none;
  text-shadow: 0 0 3px #000;
  text-transform: capitalize;
}
.popover .popover-menu li a:hover, .popover .popover-menu li a:focus,
.popover .popover-menu li .button--as-link:hover,
.popover .popover-menu li .button--as-link:focus {
  color: #fff;
  text-indent: 6px;
}
.popover .popover-menu li.popover-menu-close a, .popover .popover-menu li.popover-menu-close .button--as-link {
  color: #eedc94;
}
.popover .popover-menu > li + li {
  border-top: 1px solid #333131;
}

/*/////////////////////////////////////////////////////*/
/*------------------------------------------------------[ =Trees ]--*/
/* +Folder Tree */
.folder-tree {
  list-style: none;
  margin: 0;
  padding: 0;
}
.folder-tree li, .folder-tree li.selected {
  background-color: transparent;
  border: none;
  margin: 0 0 0 18px;
}
.folder-tree li:before, .folder-tree li.selected:before {
  background: url(../images/ui/ui-jstree-sprites.png) -54px -18px no-repeat;
  content: "";
  float: left;
  height: 18px;
  overflow: hidden;
  width: 18px;
}
.folder-tree li.selected:before {
  background-position: -54px -36px;
}
.folder-tree li.selected > a {
  color: #2a76b0;
}

/* +Standard Tree */
.standard-tree {
  list-style: none;
  margin: 0;
  padding: 0;
}
.standard-tree .standard-tree-subsection {
  list-style: none;
  margin: 0 0 0 36px;
  padding: 0;
}

.standard-tree-section {
  border: 1px solid #e5e5e1;
  border-radius: 5px;
  margin: 0 0 15px;
  padding: 12px;
}
.standard-tree-section:hover, .standard-tree-section:focus {
  border-color: #c2c1bc;
}
.standard-tree-section ul.details-list > li:hover, .standard-tree-section .content-nav-bar > ul li.details-list > li:hover, .content-nav-bar > ul .standard-tree-section li.details-list > li:hover, .standard-tree-section ul.details-list > li:focus, .standard-tree-section .content-nav-bar > ul li.details-list > li:focus, .content-nav-bar > ul .standard-tree-section li.details-list > li:focus {
  background: none;
}

/* +TOC Tree (assignments, authoring etc etc) */
ul.toc-tree, .content-nav-bar > ul li.toc-tree, div.toc-tree > ul, .content-nav-bar > ul div.toc-tree > li {
  list-style: none;
  margin: 0 0 8px 24px;
  padding: 0;
}

.tabs-panel ul.toc-tree, .tabs-panel .content-nav-bar > ul li.toc-tree, .content-nav-bar > ul .tabs-panel li.toc-tree {
  margin-left: 0;
}

ul.toc-tree li, .content-nav-bar > ul li.toc-tree li, div.toc-tree ul li, .content-nav-bar > ul div.toc-tree li li {
  background: url(../images/ui/ui-icon-page.png) 0 6px no-repeat;
  color: #6d6c6a;
  font-size: 1.2rem;
  font-weight: 300;
  line-height: 2;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 0 0 18px;
}
ul.toc-tree li > input[type=checkbox], .content-nav-bar > ul li.toc-tree li > input[type=checkbox], div.toc-tree ul li > input[type=checkbox], div.toc-tree .content-nav-bar > ul li li > input[type=checkbox], .content-nav-bar > ul div.toc-tree li li > input[type=checkbox] {
  margin-right: 5px;
}

ul.toc-tree li.selected > a, .content-nav-bar > ul li.toc-tree li.selected > a {
  background-color: #2e4e77;
  border: 2px solid #254166;
  border-radius: 5px;
  color: #fff;
  display: inline-block;
  font-size: 1.1rem;
  font-weight: bold;
  height: 12px;
  line-height: 1.1;
  padding: 2px 4px;
  text-decoration: none;
}

ul.toc-tree li.selected > a:hover, .content-nav-bar > ul li.toc-tree li.selected > a:hover, ul.toc-tree li.selected > a:focus, .content-nav-bar > ul li.toc-tree li.selected > a:focus {
  color: #fff;
}

ul.toc-tree li a, .content-nav-bar > ul li.toc-tree li a, div.toc-tree ul li a, .content-nav-bar > ul div.toc-tree li li a {
  color: #2a76b0;
}

ul.toc-tree li a:hover, .content-nav-bar > ul li.toc-tree li a:hover, div.toc-tree ul li a:hover, .content-nav-bar > ul div.toc-tree li li a:hover,
ul.toc-tree li a:focus,
.content-nav-bar > ul li.toc-tree li a:focus, div.toc-tree ul li a:focus, .content-nav-bar > ul div.toc-tree li li a:focus {
  color: #2E4e77;
}

/*Child Pages*/
ul.toc-tree ul, .content-nav-bar > ul li.toc-tree ul, ul.toc-tree .content-nav-bar > ul li, .content-nav-bar > ul ul.toc-tree li, .content-nav-bar > ul li.toc-tree li, div.toc-tree > ul ul, .content-nav-bar > ul div.toc-tree > li ul, div.toc-tree > ul .content-nav-bar > ul li, .content-nav-bar > ul div.toc-tree > ul li, .content-nav-bar > ul div.toc-tree > li li {
  list-style: none;
  margin: 0 0 0 4px;
  padding: 0;
}

/* Permissions State */
/*Icons*/
ul.toc-tree li.perm-none, .content-nav-bar > ul li.toc-tree li.perm-none {
  color: #a8a7a3;
}

ul.toc-tree li.perm-view a, .content-nav-bar > ul li.toc-tree li.perm-view a {
  color: #6d6c6a;
}

/*to-do: refactor to eliminate the empty elements*/
span.perm-icon-none,
span.perm-icon-view,
span.perm-icon-assigned {
  display: inline-block;
  height: 12px;
  padding-left: 5px;
  width: 12px;
}

span.perm-icon-none {
  background: url(../images/ui/ui-icon-locked.png) 100% 2px no-repeat;
  opacity: 0.35;
}

span.perm-icon-none:hover {
  opacity: 1;
}

span.perm-icon-view {
  background: url(../images/ui/ui-icon-view.png) 100% 2px no-repeat;
}

span.perm-icon-assigned {
  background: url(../images/ui/ui-icon-star.png) 50% 2px no-repeat;
}

/*Link States*/
.jstree-ep4 li a.perm-link-none, .jstree-ep4 li a.perm-link-none:hover, .jstree-ep4 li a.perm-link-none:focus {
  color: #a8a7a3;
  text-decoration: none;
}

/* +TOC Linkages Tree (Standards & Instruments) */
dl.standards-links,
dl.outcome-links {
  font-size: 1.2rem;
  margin: 4px 0 6px 28px;
}
dl.standards-links dt,
dl.outcome-links dt {
  background: #f5f5f5 url(../images/ui/ui-icons-black.png) 5px -676px no-repeat;
  border: 1px solid #c2c1bc;
  border-radius: 3px;
  color: #333131;
  display: block;
  font-size: 1.2rem;
  font-weight: 700;
  height: 24px;
  line-height: 2;
  margin-bottom: 6px;
  padding: 0 6px 0 28px;
  text-overflow: ellipsis;
  text-shadow: 0px 0px 2px #fff;
}
dl.standards-links dd,
dl.outcome-links dd {
  color: #333131;
  font-size: 1.2rem;
  font-weight: 300;
  line-height: 1.25;
  margin-bottom: 8px;
}

dl.outcome-links dt {
  background-position: 5px -2436px;
}

abbr.instructional-level-1,
abbr.instructional-level-2,
abbr.instructional-level-3 {
  border: 1px solid rgba(51, 49, 49, 0.5);
  border-radius: 5px;
  box-shadow: inset 0 0 4px rgba(255, 255, 255, 0.5);
  color: #fff;
  float: right;
  font-size: 1rem;
  font-weight: bold;
  height: 16px;
  line-height: 1.6;
  margin: 3px 0 0 6px;
  padding: 0;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 0 3px rgba(51, 49, 49, 0.5);
  width: 20px;
}

abbr.instructional-level-1 {
  background: #d1480d;
}

abbr.instructional-level-2 {
  background: #27a9e0;
}

abbr.instructional-level-3 {
  background: #6e9e2f;
}

.instruments-links li {
  background: none;
  margin: 0 0 4px 0;
}
.instruments-links li .instrument-name, .instruments-links li .criterion-name {
  background-color: #ebf6fa;
  border: 1px solid #d0ebf5;
  border-radius: 3px;
  color: #333131;
  display: inline-block;
  font-size: 1.2rem;
  font-weight: 700;
  min-height: 24px;
  line-height: 2;
  margin-bottom: 4px;
  padding: 0 6px 0 27px;
  text-overflow: ellipsis;
  text-shadow: 0 0 2px #fff;
}
.instruments-links li .instrument-name [class^=icon-]:not(.icon-button),
.instruments-links li .instrument-name [class*=" icon-"]:not(.icon-button), .instruments-links li .criterion-name [class^=icon-]:not(.icon-button),
.instruments-links li .criterion-name [class*=" icon-"]:not(.icon-button) {
  font-size: 1.4rem;
  margin-left: -22px;
  margin-right: 7px;
  vertical-align: text-bottom;
}
.instruments-links li .instrument-name strong, .instruments-links li .criterion-name strong {
  border: 1px solid #c2c1bc;
  border-radius: 3px;
  color: #6d6c6a;
  display: inline-block;
  font-weight: 900;
  height: 16px;
  line-height: 1.33;
  margin-right: 4px;
  padding: 0 6px;
  text-align: center;
  vertical-align: middle;
}
.instruments-links li .criterion-name {
  background-color: #f2fafc;
}

span.linkage-count {
  background: #757472;
  border-radius: 5px;
  color: #fff;
  display: inline-block;
  font-size: 0.9rem;
  font-weight: 700;
  line-height: 1.11;
  margin: 0 4px;
  padding: 2px 7px;
}

.linkage-tree li.toggle-panel > span.auto-toggle-setup {
  background: url(../images/ui/ui-toggle-arrow.png) -7px -6px no-repeat;
  color: #333131;
  cursor: pointer;
  padding-left: 14px;
}

.linkage-tree li.toggle-open > span.auto-toggle-setup {
  background-position: -7px -30px;
  color: #000;
}

.linkage-tree li.toggle-open > span.auto-toggle-setup + span.linkage-count {
  background-color: #333131;
}

/*/////////////////////////////////////////////////////*/
/*------------------------------------------------------[ =Type Elements ]--*/
blockquote.overall-comment {
  background-color: #f5f5f5;
  border: 1px solid #eee;
  border: 1px solid rgba(51, 49, 49, 0.1);
  border-radius: 4px;
  box-shadow: inset 0 0 2px white;
  color: #333131;
  font-size: 1.4rem;
  font-weight: 100;
  line-height: 1.57;
  margin: 0 0 24px;
  min-height: 24px;
  overflow: hidden;
  padding: 12px;
  text-overflow: ellipsis;
}
blockquote.overall-comment cite {
  background-color: #fff;
  border: 1px solid rgba(51, 49, 49, 0.1);
  border-radius: 9px;
  color: #6d6c6a;
  display: inline-block;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  height: 18px;
  line-height: 1.3;
  padding: 0 8px;
  text-transform: uppercase;
}

/* Footnotes/Disclaimers/Tips */
.search-results, .default-text {
  color: #8d8e90;
  font-size: 2.6rem;
  font-weight: 100;
}
.search-results strong, .default-text strong {
  color: #7d7e70;
  font-weight: 500;
}

.default-text h2 {
  color: #8d8e90;
  font-size: 3.1rem;
  font-weight: 100;
  line-height: 1.2;
  margin: 0;
}

.footnote {
  color: #6d6c6a;
  font-size: 1rem;
  line-height: 1.5;
}
.footnote sup {
  color: #d1480d;
}

.heading-section-divider {
  background: #dfe1e3;
  border-top: 1px solid #c2c1bc;
  font-size: 1.8rem;
  line-height: 1;
  margin: 0 0 15px -12px;
  padding: 12px;
  text-shadow: 0 0 3px #fff;
  width: 100%;
}
.heading-section-divider:first-child {
  margin-top: -12px;
}

/* Inline Heading Icons */
span.heading-submit-portfolio,
span.heading-submit-page {
  background-image: url(../images/ui/ui-icons-black.png);
  background-repeat: no-repeat;
  display: inline-block;
  padding-left: 22px;
}

span.heading-submit-portfolio {
  background-position: 0 -38px;
}

span.heading-submit-page {
  background-position: 0 -646px;
}

/* Mini first line */
.heading-mini {
  background: #757472;
  border-radius: 9px;
  color: #fff;
  display: inline-block;
  font-size: 0.9rem;
  font-weight: 700;
  line-height: 1;
  padding: 4px 6px;
  text-shadow: 0 0 2px #989793;
  text-transform: uppercase;
}
.page-header h2 .heading-mini {
  margin-top: 1.8rem;
}

/* +Submit Headings */
.submit-status {
  border: 1px dotted #ddd;
  border-radius: 7px;
  color: #666;
  font-size: 1.4rem;
  font-weight: 700;
  margin-top: 4px;
  padding: 8px 4px 8px 8px;
  text-transform: uppercase;
}
.submit-status .flag {
  line-height: 1.3;
  vertical-align: text-bottom;
}

.submit-summary {
  color: #8d8e90;
  font-size: 2.4rem;
  font-weight: 100;
  line-height: 1.4;
}
.submit-summary .heading-mini {
  background: #757472;
  text-align: center;
  vertical-align: middle;
  width: 55px;
}
.submit-summary strong {
  color: #7d7e80;
  font-weight: 500;
}

/*/////////////////////////////////////////////////////*/
/*------------------------------------------------------[ =Video Commenting ]--*/
.portfolio-paragraph-media, .media-player {
  margin: 0 auto;
}

.media-toolbar {
  margin: 6px 0;
}

.media-new-comment {
  margin: 24px 0 0;
}

.comment-timing {
  background-color: #fdf5d9;
  border: 1px solid #fceec1;
  border-radius: 4px;
  color: #404040;
  cursor: pointer;
  display: inline-block;
  font-size: 1rem;
  font-weight: 700;
  height: 18px;
  line-height: 1.8;
  padding: 0 6px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

/*/////////////////////////////////////////////////////*/
/*------------------------------------------------------[ =Slick Slider Carousel ]--*/
.slick-slider {
  position: relative;
  display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Slider */
.slick-loading .slick-list {
  background: #fff url("../ajax-progress-small.gif") center center no-repeat;
}

/* Icons */
/* Arrows */
.slick-prev,
.slick-next {
  background: rgba(255, 255, 255, 0.9);
  border: none;
  border-radius: 20px;
  position: absolute;
  display: block;
  height: 30px;
  width: 30px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  color: transparent;
  top: 50%;
  margin-top: -10px\9 ;
  /*lte IE 8*/
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  outline: none;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: #fff;
  color: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.5;
}

.slick-prev:before, .slick-next:before {
  display: block;
  color: #25A286;
  font-family: "epicons";
  font-size: 20px;
  line-height: 1;
  margin: 0 auto;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -34px;
}
[dir=rtl] .slick-prev {
  left: auto;
  right: -34px;
}
.slick-prev:before {
  content: "\e67c";
}
[dir=rtl] .slick-prev:before {
  content: "\e678";
}

.slick-next {
  right: -34px;
}
[dir=rtl] .slick-next {
  left: -34px;
  right: auto;
}
.slick-next:before {
  content: "\e678";
}
[dir=rtl] .slick-next:before {
  content: "\e67c";
}

/* Dots */
.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  /*bottom: -45px;*/
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: museo-sans-1;
  font-size: 28px;
  line-height: 28px;
  text-align: center;
  color: #aaaaaa;
  opacity: 0.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: #3498DB;
  opacity: 0.75;
}

/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------[ =Legacy (TO-DO: Refactor) ]------------*/
/* LEGACY SUPPORT */
/* ui.css */
/*Student Results/My Results*/
.overall-score-box {
  width: 202px;
}
.overall-score-box + table {
  margin-top: 1em;
}
.overall-score-box > span {
  background: #fff;
  border: 1px solid #c2c1bc;
  border-radius: 7px;
  display: block;
  padding: 4px 3px 4px 6px;
}
.overall-score-box .score {
  float: right;
  margin-left: 4px;
}

.results-expand, .results-collapse {
  float: left;
  height: 24px;
  line-height: 2;
  overflow: hidden;
  position: relative;
  text-decoration: none;
  text-indent: -250px;
  width: 24px;
}
.results-expand:before, .results-collapse:before {
  background: #757472;
  border: 1px solid #84837f;
  border-radius: 3px;
  color: #fff;
  content: "+";
  font-size: 1.3rem;
  font-weight: 900;
  height: 16px;
  left: 3px;
  line-height: 1.23;
  position: absolute;
  text-align: center;
  text-indent: 0;
  text-shadow: 0 0 3px #6d6c6a;
  top: 3px;
  width: 16px;
}

.results-collapse:before {
  background: #989793;
  border: 1px solid #84837f;
  content: "-";
}

.results-expand:hover:before, .results-collapse:hover:before,
.results-expand:focus:before, .results-collapse:focus:before {
  background: #6d6c6a;
}

/* Dialog Overrides */
.dialog-no-close .ui-dialog-titlebar-close {
  display: none !important;
}

/* Modal Upload Warning */
.dialog-uploading .ui-dialog-content {
  background: #fff url(../images/icon-warning-yellow.png) 10px 10px no-repeat;
  font-size: 1.2rem;
  height: 30px !important;
  min-height: 24px !important;
  padding: 10px 10px 10px 32px !important;
}

.dialog-uploading .ui-dialog-titlebar-close {
  display: none !important;
}

/* Dialog Content containers */
.addMessageContainer {
  padding: 0;
}
.addMessageContainer #highlightedText {
  background: #e3e3e3;
  border: 1px dotted #999;
  padding: 0.3em;
}
.addMessageContainer textarea {
  width: 99% !important;
}
.addMessageContainer h3, .addMessageContainer p {
  margin: 0.25em 0;
}

/* View full image zoom */
.ui-dialog.image-zoom .ui-dialog-content {
  line-height: 0;
  margin: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
}

/* Vertical Tabs (used in inbox)
----------------------------------*/
.ui-tabs-vertical .ui-tabs-nav {
  float: left;
}

.ui-tabs-vertical .ui-tabs-nav li {
  border-bottom-width: 1px !important;
  border-radius: 4px 0 0 4px !important;
  border-right-width: 0;
  clear: left;
  margin: 0 -1px 0 0;
  width: 200px;
}

.ui-tabs-vertical .ui-tabs-nav li a {
  display: block;
}

.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-selected {
  border-bottom-width: 1px !important;
  border-right-width: 0 !important;
  padding-right: 11px !important;
}

.ui-tabs-vertical .ui-tabs-panel {
  margin-left: 221px;
  min-height: 200px;
}

/* Folder tree stuff (old artifact image gallery)*/
.imgFolder, .imgFolderOpen,
.artFolder, .artFolderOpen {
  display: inline-block;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1;
  padding: 3px 3px 3px 24px;
}

.artFolderOpen {
  color: #000;
}

.imgFolder, .artFolder {
  background: transparent url(../images/icon-folder.png) 0 50% no-repeat;
}

.imgFolderOpen, .artFolderOpen {
  background: transparent url(../images/icon-folder-open.png) 0 50% no-repeat;
}

/* LEGACY SUPPORT */
/* components.css */
/* Portfolio Setup */
#dlThemes > span, .wrapper-systemTheme {
  display: inline-block;
  padding: 0 8px 15px 0;
  text-align: center;
  width: 200px;
  *display: inline;
  *zoom: 1;
}

#dlThemes input, .systemTheme {
  border: 2px solid #999 !important;
  height: 150px;
  opacity: 0.5;
  filter: alpha(opacity=50);
  width: 200px;
}

.systemTheme {
  display: block;
}

#dlThemes input:hover,
#dlThemes input:focus {
  border: 2px solid #555 !important;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
}

#dlThemes input.active, .systemTheme.active {
  border: 2px solid #252525 !important;
  opacity: 1;
  filter: alpha(opacity=100);
}

#dlThemes {
  margin: 10px 0;
}

#dlThemes p, .wrapper-systemTheme p {
  background: #e0e0e0;
  border: 2px solid #ccc;
  border-radius: 5px;
  color: #555;
  display: inline-block;
  font-size: 1.1rem;
  font-weight: bold;
  line-height: 1;
  margin: 5px auto;
  padding: 3px 5px;
  text-align: center;
}

#dlThemes .active + p, .wrapper-systemTheme .active + p {
  background: #333;
  border: 2px solid #000;
  color: #fff;
}

/*---------------[ =Frames and Resources ]---------------*/
.portfolio-frame {
  background: #efefed;
  border-top: 1px solid #fff;
  margin: 25px 0;
  padding: 0 12px 12px;
}
.ui-sortable .portfolio-frame {
  cursor: move;
}
#pageEditing .ui-sortable .portfolio-frame {
  cursor: default;
}
.portfolio-frame.empty-frame {
  display: none;
}
.portfolio-frame .portfolio-frame-heading {
  border-bottom: 1px solid #fff;
  margin: 0 0 8px -12px;
  text-shadow: 0 0 3px #fff;
  width: 100%;
}
.portfolio-frame h2.portfolio-frame-heading {
  background: #d7d7d3;
  color: #333131;
  font-size: 1.8rem;
  font-weight: 500;
  padding: 12px 12px 10px;
}
.portfolio-frame h3.portfolio-frame-heading {
  color: #6d6c6a;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1;
  padding: 8px 12px;
}
.portfolio-frame .portfolio-frame-question, .portfolio-frame .portfolio-frame-instructions {
  margin: 12px 0;
}
.portfolio-frame .portfolio-frame-question ul, .portfolio-frame .portfolio-frame-question .content-nav-bar > ul li, .content-nav-bar > ul .portfolio-frame .portfolio-frame-question li, .portfolio-frame .portfolio-frame-instructions ul, .portfolio-frame .portfolio-frame-instructions .content-nav-bar > ul li, .content-nav-bar > ul .portfolio-frame .portfolio-frame-instructions li {
  list-style-type: disc;
  padding-left: 30px;
}
.portfolio-frame .portfolio-frame-question ul ul, .content-nav-bar > ul .portfolio-frame .portfolio-frame-question li ul, .portfolio-frame .portfolio-frame-question .content-nav-bar > ul li, .content-nav-bar > ul .portfolio-frame .portfolio-frame-question li li, .portfolio-frame .portfolio-frame-instructions ul ul, .content-nav-bar > ul .portfolio-frame .portfolio-frame-instructions li ul, .portfolio-frame .portfolio-frame-instructions .content-nav-bar > ul li, .content-nav-bar > ul .portfolio-frame .portfolio-frame-instructions li li {
  list-style-type: circle;
}
.portfolio-frame .portfolio-frame-question ul ul ul, .content-nav-bar > ul .portfolio-frame .portfolio-frame-question li ul ul, .portfolio-frame .portfolio-frame-question .content-nav-bar > ul li ul, .content-nav-bar > ul .portfolio-frame .portfolio-frame-question li li ul, .portfolio-frame .portfolio-frame-question .content-nav-bar > ul ul li, .content-nav-bar > ul .portfolio-frame .portfolio-frame-question li ul li, .portfolio-frame .portfolio-frame-question .content-nav-bar > ul li li, .content-nav-bar > ul .portfolio-frame .portfolio-frame-question li li li, .portfolio-frame .portfolio-frame-instructions ul ul ul, .content-nav-bar > ul .portfolio-frame .portfolio-frame-instructions li ul ul, .portfolio-frame .portfolio-frame-instructions .content-nav-bar > ul li ul, .content-nav-bar > ul .portfolio-frame .portfolio-frame-instructions li li ul, .portfolio-frame .portfolio-frame-instructions .content-nav-bar > ul ul li, .content-nav-bar > ul .portfolio-frame .portfolio-frame-instructions li ul li, .portfolio-frame .portfolio-frame-instructions .content-nav-bar > ul li li, .content-nav-bar > ul .portfolio-frame .portfolio-frame-instructions li li li {
  list-style-type: square;
}
.portfolio-frame .toggle-panel-content {
  background-color: #f5f5f5;
}
.portfolio-frame ul, .portfolio-frame .content-nav-bar > ul li, .content-nav-bar > ul .portfolio-frame li {
  margin-bottom: 12px;
  margin-top: 6px;
}
.portfolio-frame .portfolio-artifacts-list {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.portfolio-frame .portfolio-artifacts-list li {
  border: 1px solid #fff;
  border-top: none;
  cursor: default;
  font-size: 1.2rem;
  margin: 0;
  padding: 8px 0;
}
.portfolio-frame .portfolio-artifacts-list li:first-child {
  border-top: 1px solid #fff;
}
.portfolio-frame .portfolio-artifacts-list a {
  display: block;
  height: auto;
  line-height: 1.7;
}

/**********=RESPONSIVE**********/
/***=tablet (768px - 1100px)***/
@media only screen and (min-width: 48em) and (max-width: 69em) {
  /*=list search/scope*/
  .lp-list-search, .lp-list-scope {
    padding: 0;
    text-align: center;
  }
  .lp-list-search input[type=checkbox] + label, .lp-list-scope input[type=checkbox] + label {
    font-size: 1.05rem;
    margin-left: 1px;
  }
}
/***=Mobile (Portrait/Landscape - less than 768px) ***/
@media only screen and (max-width: 47.9375em) {
  div.data-interval-primary {
    height: auto;
  }
  div.data-interval-primary input {
    width: 70%;
  }

  .list-picker {
    padding-top: 40px;
  }
}
/***=Mobile (Portrait) (<= 320px)***/
@media only screen and (max-width: 20em) {
  div.data-interval-primary input {
    width: 60%;
  }
}
/*---------------[ =Base (very general) styles ]---------------*/
/*****=basic form elements*****/
/***=select***/
select.chosen {
  min-width: 250px;
  padding: 0;
  width: 100%;
}

select.uploadUpdates {
  height: auto;
  width: 100%;
}

select.full {
  width: 100%;
}

select.wide {
  max-width: 330px;
}

/***=label***/
/*=required label*/
label.required::after,
.accessible-required {
  color: #dd0201;
  content: " *";
  font-size: 1.2rem;
  font-weight: 700;
  vertical-align: middle;
}

.accessible-required[title] {
  border-bottom: 0;
}

label.required.hide-after::after {
  display: none;
}

label.inline {
  display: inline;
}

label b,
label strong {
  color: #000;
}

.lbl--plain {
  font-weight: normal;
  line-height: 1.5;
  margin: 0;
  text-shadow: none;
}

/* To do, figure out where paragraph classes are used and why */
p.radio label,
p.checkbox label,
input[type=radio] + label,
input[type=checkbox] + label,
[class^=icon-] + label,
.radio-check__lbl {
  display: inline-block;
  margin: 0 5px;
}

input[type=radio]:checked + label.radio-label,
input[type=checkbox]:checked + label.radio-label {
  color: #000;
}

input[disabled] + label {
  opacity: 0.7;
}

.form-field--radio,
.form-field--checkbox {
  padding-left: 20px;
}
.form-field--radio label,
.form-field--checkbox label {
  margin-bottom: 0;
  vertical-align: top;
}
.form-field--radio input[type=radio],
.form-field--radio input[type=checkbox],
.form-field--checkbox input[type=radio],
.form-field--checkbox input[type=checkbox] {
  float: left;
  margin-left: -20px;
}

.radio--horizontal {
  display: inline-block;
  margin-bottom: 0;
}

/***=fieldset***/
/*=shaded fieldset*/
fieldset.form-fieldset-shaded {
  background: url("../images/layout/layout-box-bg.png");
  padding: 8px;
}

fieldset.form-fieldset-shaded hr {
  background: #f5f5f5;
  border: 0;
  height: 2px;
  margin: 15px 0 15px -8px;
  padding: 0 8px;
  width: 100%;
}

fieldset.form-fieldset-shaded h3,
fieldset.form-fieldset-shaded h4 {
  border-bottom: 1px solid #fff;
  border-top: 1px solid #fff;
  line-height: 2;
  margin-left: -8px;
  padding: 0 8px;
  position: relative;
  text-shadow: 0 0 3px #fff;
  width: 100%;
}

fieldset.form-fieldset-shaded h3 {
  background: url("../images/layout/layout-box-bg-trans.png");
  color: #333131;
}

fieldset.form-fieldset-shaded h4 {
  background: url("../images/layout/layout-box-bg-hover.png");
  color: #000;
}

/*=inline fieldset*/
fieldset.inline {
  display: inline-block;
  vertical-align: text-top;
  width: 250px;
}

fieldset.inline + fieldset.inline {
  margin-left: 12px;
}

.form-field__inline-group .form-field {
  margin-left: 3rem;
}
.form-field__inline-group .form-field:first-child {
  margin-left: 0;
}

/*****=basic form elements (END)*****/
/*****=form element extensions*****/
input[type=text].form-field-date {
  width: 100px;
}

input[type=text].form-field-copyname {
  color: #6d6c6a;
  font-size: 1.4rem;
  line-height: 1.3;
  width: 250px;
}

/***=full width input***/
input[type=text].full {
  width: 100%;
}

/***=search input***/
input[type=search],
input.search {
  border-radius: 12px;
  padding: 0 8px;
  width: 150px;
}

.table-toolbar input.search,
.table-toolbar input[type=search] {
  position: absolute;
  right: 0;
  top: 9px;
}

/***=alternate resize options for textarea***/
.resize-none {
  resize: none;
}

.resize-both {
  resize: both;
}

.resize-vertical {
  resize: vertical;
}

.resize-horizontal {
  resize: horizontal;
}

/***=subscription code textarea*****/
textarea.subscription-code {
  height: 300px;
}

/* Legacy Classes (TO DO, refactor) */
.lineInstructions {
  color: #444;
  display: inline-block;
  font-size: 1.1rem;
  font-style: italic;
  font-weight: bold;
  margin-top: 5px;
}

.h-radio-list td {
  padding-right: 10px;
}

.v-radio-list td {
  padding-bottom: 10px;
}

/*****=form element extensions (END)*****/
/*****=form field*****/
.form-field {
  margin: 0 0 15px;
  overflow: visible;
  position: relative;
  /***TODO:  remove width declaration??***/
  width: 250px;
  /*****=form field extensions (all require form-field)*****/
  /*TODO:  try to remove width declarations??*/
  /***=oversized field***/
}
.form-field input + input,
.form-field input + select,
.form-field select + select,
.form-field select + input {
  margin-top: 0.8rem;
}
.form-field.short {
  width: 115px;
}
.form-field.short-number {
  width: 40px;
}
.form-field.long {
  width: 360px;
}
.form-field.slider {
  overflow: visible;
}
.form-field.color-picker input[type=text] {
  width: 75px;
}
.form-field.oversized {
  width: 360px;
}
.form-field.oversized label {
  color: #000;
  font-size: 2rem;
  font-weight: 300;
  line-height: 1.25;
}
.form-field.oversized label .message-alert {
  font-size: 1.2rem;
  vertical-align: middle;
}
.form-field.oversized label .flag.oversized {
  display: inline-block;
}
.form-field.oversized input,
.form-field.oversized select {
  color: #767572;
  font-size: 1.6rem;
  height: 36px;
}
.form-field.oversized input[type=radio],
.form-field.oversized input[type=checkbox] {
  height: auto;
}
.form-field.oversized input[type=radio] + label,
.form-field.oversized input[type=checkbox] + label {
  vertical-align: middle;
}
.form-field.oversized.short {
  width: 115px;
}
.form-field.oversized.short-number {
  width: 40px;
}

/*****=form field (END)*****/
.form-field--md {
  margin: 0 0 2.5rem;
  width: 430px;
}
@media only screen and (max-width: 47.9375em) {
  .form-field--md {
    max-width: 430px;
    width: 100%;
  }
}
.form-field--md .flag {
  font-size: 1.2rem;
  font-weight: normal;
  margin-left: 5px;
}

.form-field--md__label {
  color: #000;
  font-size: 1.6rem;
  font-weight: 500;
  margin-bottom: 8px;
}

.form-field--md__text,
.form-field--md .form-field--md__text {
  font-size: 1.4rem;
  padding: 0.33em;
}
.form-field--md__text[type=text], .form-field--md__text[type=number],
.form-field--md .form-field--md__text[type=text],
.form-field--md .form-field--md__text[type=number] {
  height: auto;
}

.form-field--md__select {
  font-size: 1.4rem;
  height: auto;
  padding: 0.33em;
}

.form-field--check {
  margin-bottom: 0.9em;
  padding-left: 1.6rem;
  position: relative;
}
.form-field--check.d-inline-block + .form-field--check.d-inline-block {
  margin-left: 1.5rem;
}

.form-field--check__input {
  margin-left: -1.6rem;
  margin-top: 0.3rem;
  position: absolute;
}

.form-field--check__label {
  font-size: 1.4rem;
  font-weight: normal;
}

.form-field--check__panel {
  border-left: 2px solid #dedede;
  margin-left: 4rem;
  padding-left: 2rem;
}
.form-field--check__panel p {
  margin-bottom: 1em;
}

/***=form field search/button combo***/
.form-field--search-combo {
  width: 100%;
}
.form-field--search-combo .form-field {
  display: inline-block;
}
.form-field--search-combo input[type=search] {
  border-radius: 0;
  padding: 0.33em;
  width: inherit;
}
.form-field--search-combo button,
.form-field--search-combo button:hover,
.form-field--search-combo button:active,
.form-field--search-combo button:focus {
  background: #252B42;
  border-radius: 0;
  border-width: 1px;
  box-shadow: none;
  color: #fff;
  padding: 3px 7px;
  text-shadow: none;
}

/***=full/field action/tall fields***/
.form-field.full {
  margin-top: 15px;
  width: 100%;
}
.form-field.full textarea {
  height: 200px;
}
.form-field.field-action {
  margin-top: 15px;
  width: 100%;
}
.form-field.field-action input,
.form-field.field-action select {
  max-width: 250px;
}
.form-field.tall textarea {
  height: 350px;
}
.form-field.brief textarea {
  height: 100px;
}

/***=inline field***/
.form-field.inline {
  display: inline-block;
  margin-right: 6px;
  vertical-align: middle;
}
.form-field.inline.v-top {
  margin-top: 15px;
  vertical-align: top;
}
.form-field.inline.v-baseline {
  vertical-align: baseline;
}
.custom-fields-filter .form-field.inline {
  vertical-align: bottom;
}
.form-field.inline label {
  margin-top: 0;
}
.form-field.inline.oversized {
  margin-right: 15px;
  vertical-align: text-top;
}

/***=question dropdown wrappers***/
.topic-dropdown,
.question-dropdown,
.response-dropdown {
  width: 100%;
}

/***=date field***/
.form-field.date {
  width: 100px;
}

.form-field--date {
  width: auto;
}

.form-field.date-from,
.form-field--date-from {
  padding-right: 20px;
}

.form-field.date-from::after,
.form-field--date-from::after {
  background: url("../images/ui/ui-toggle-arrow.png") 50% -2px;
  bottom: 0;
  content: "";
  height: 22px;
  opacity: 0.5;
  position: absolute;
  right: 0;
  width: 12px;
}

.date-time__between-txt {
  display: inline-block;
  margin-left: 0.6rem;
  margin-right: 0.6rem;
}

/***=other field***/
.form-field.other {
  background: rgba(255, 255, 255, 0.75);
  border: 1px dotted #ccc;
  border-radius: 3px;
  box-sizing: border-box;
  padding: 4px;
}

input.other ~ input[type=text] {
  visibility: hidden;
  width: 125px;
}

input.other:checked ~ input[type=text] {
  visibility: visible;
}

/***=stretched/stripped/hug***/
.form-field.stretch,
.form-field.stripped {
  width: auto;
}

.form-field.stripped {
  margin: 7px 0 0;
}

.form-field.hug {
  margin: 0;
}
.form-field.hug label {
  margin-top: 0;
}

/***=details field***/
.form-field-details {
  margin-top: 12px;
}

input[type=radio] ~ .form-field-details,
input[type=checkbox] ~ .form-field-details {
  margin-left: 24px;
}

/***=stacked fields***/
.stacked-fields {
  border: 1px solid #d3d2ce;
  border-radius: 5px;
  max-width: 450px;
  min-width: 360px;
}
.stacked-fields .form-field {
  box-sizing: border-box;
  margin: 0;
  padding: 6px;
  transition: height 0.3s ease;
}
.stacked-fields .form-field + .form-field {
  border-top: 1px solid #d3d2ce;
}

/*****=form field extensions (END)*****/
/*****=form actions*****/
.actions {
  margin: 0 0 20px;
}
.actions.inline {
  vertical-align: bottom;
}
.actions.inline.oversized {
  display: inline-block;
}
.actions a,
.actions button {
  margin-right: 3px;
}
.actions a:last-child,
.actions button:last-child {
  margin-right: 0;
}

/*****=form actions (END)*****/
/*****=picker selection*****/
.picker-selection {
  background-color: #efefef;
  border: 1px solid #ddd;
  border-radius: 5px;
  box-sizing: border-box;
  display: inline-block;
  line-height: 1.17;
  margin: 0;
  max-width: 100%;
  min-height: 14px;
  overflow: hidden;
  padding: 0.6rem 0.8rem;
  text-overflow: ellipsis;
  vertical-align: middle;
}

.picker-selection a {
  font-weight: bold;
  text-decoration: none;
}

.picker-selection.type-heading {
  padding-left: 28px;
}

/*temporary rule, due to cascade*/
/*****=picker selection (END)*****/
/*****=add/delete stakeholder (field placements)*****/
.add-new-stakeholder {
  margin: 0 0 2rem 3.2rem;
}

.stakeholder .form-field.inline {
  margin-bottom: 1rem;
}
.stakeholder input[type=text] {
  height: 3rem;
}
.stakeholder input[type=checkbox] {
  margin-left: 7px;
  vertical-align: top;
}
.stakeholder input[type=checkbox] + label {
  vertical-align: top;
}
.stakeholder .picker-selection {
  padding-bottom: 0.7rem;
  padding-top: 0.7rem;
}

.remove-stakeholder {
  background: #ed1c24;
  border-radius: 50%;
  color: #fff;
  display: inline-block;
  height: 12px;
  margin: 0.4rem 1rem 0 0;
  overflow: hidden;
  padding: 0.5rem;
  text-decoration: none;
  text-indent: -9000px;
  vertical-align: top;
  width: 12px;
}
.remove-stakeholder::before {
  display: block;
  height: 12px;
  position: absolute;
  text-align: center;
  text-indent: 0;
  width: 12px;
}
.remove-stakeholder:hover, .remove-stakeholder:focus {
  color: #fff;
}

/*****=hints*****/
.form-hint {
  background-color: #eedc94;
  background-image: linear-gradient(top, #fceec1, #eedc94);
  background-repeat: repeat-x;
  border: 1px solid #eedc94;
  border-radius: 4px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
  color: #404040;
  display: inline-block;
  line-height: 1.2;
  padding: 4px 8px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

input:focus + .form-hint,
textarea:focus + .form-hint {
  visibility: visible;
}

/*****=hints (END)*****/
/*****=Case-specific Form Components*****/
/***=process steps (requires block)***/
.col-process .col-header {
  height: auto;
}

.col-summary .col-body {
  min-height: 0;
}

.col-summary .col-icon {
  background: transparent url("../images/ui/ui-icons-black.png") 50% -1316px no-repeat;
}

/***=actions bar (requires block)***/
.actions-bar {
  background: #94938f;
  width: 100%;
}

.actions-bar ul, .actions-bar .content-nav-bar > ul li, .content-nav-bar > ul .actions-bar li,
.actions-bar li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.actions-bar a {
  background-color: #2e4e77;
  border: 1px solid #254166;
  box-shadow: inset 0 0 2px rgba(211, 210, 206, 0.75);
  color: #fff;
  display: block;
  font-size: 1.1rem;
  font-weight: 700;
  line-height: 1.1;
  padding: 5px 8px;
  text-decoration: none;
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
}

.actions-bar li.form-action-cancel a {
  background-color: #94938f;
  border-color: #6d6c6a;
}

.actions-bar li.form-action-primary a {
  background-color: #0072bc;
}

.actions-bar li a:hover {
  background-color: #333131;
  border: 1px solid #222131;
}

/*****=Case-specific Form Components (END) *****/
/*****=plugins*****/
/***=chosen***/
select.chosen-select {
  width: 320px;
}

.form-field.col-filter select.chosen-select {
  width: inherit;
}

.form-field.col-filter .chzn-container-single .chzn-single,
.form-field.col-filter .chzn-container-single .chzn-single div {
  border-radius: 0;
}

.chzn-container {
  display: block;
  margin-bottom: 1em;
}

/*****=plugins (END)*****/
/*****=user made forms (TO DO: remove for new form builder in ui css)*****/
/***=wrapper***/
.userForm-wrapper {
  background: #fff;
  border: 1px solid #e5e5e1;
  border-radius: 5px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.2rem;
  margin-bottom: 15px;
  padding: 12px;
}

.userForm-wrapper select {
  min-width: 250px;
}

/***=section***/
/*To-Do: the renderer is using -heading for _questions_ and -section for "headings"...confusing and needs fixing*/
.userForm-section {
  border-bottom: 1px dotted #ccc;
  color: #414b52;
  display: block;
  font-size: 2.4rem;
  font-weight: 100;
  line-height: 1;
  margin: 0 0 0.5em;
  padding-bottom: 0.25em;
}

/***=heading***/
.userForm-heading {
  color: #616b72;
  display: block;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 300;
  margin: 0 0 0.5em;
}

.userForm-wrapper .comment-box {
  margin-bottom: 24px;
  width: 100%;
}

/***=summary***/
.userForm-summary-wrapper {
  background: #616b72;
  border-radius: 5px;
  margin: 0 0 24px;
}

.userForm-summary {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.userForm-summary li {
  border-top: 1px solid #818b92;
  color: #d1dbe2;
  font-size: 1.2rem;
  height: 24px;
  line-height: 2;
  margin: 0;
  padding: 6px;
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}

.userForm-summary li:first-child {
  border-top: 0;
}

.userForm-summary li strong {
  color: #fff;
  padding-right: 4px;
}

li.userForm-summary-item::before {
  background-image: url("../images/ui/ui-icons-white.png");
  background-repeat: no-repeat;
  content: "";
  float: left;
  height: 24px;
  width: 28px;
}

.userForm-summary-form::before {
  background-position: 50% -1158px;
}

.userForm-summary-date::before {
  background-position: 50% -1572px;
}

.userForm-summary-assessor::before {
  background-position: 50% -868px;
}

.userForm-summary-student::before {
  background-position: 50% -868px;
}

.userForm-summary-placement::before {
  background-position: 50% -2436px;
}

/***=user form (table)***/
/*Tables wrap _every_ question right now, so css selectors need to be clever*/
/*To-Do: get Marc to fix that renderer code*/
.userForm {
  margin-bottom: 36px;
  min-width: 100%;
}

.userForm th {
  background: #616b72;
  border-bottom: 1px dotted #c2c2c2;
  border-left: 1px solid #fff;
  color: #fff;
  font-weight: 700;
  padding: 4px 6px;
  text-align: left;
  text-shadow: -2px #333131;
  vertical-align: top;
}

.userForm td {
  border-left: 1px dotted #c2c2c2;
  padding: 6px;
  vertical-align: middle;
}

.userForm > tbody td {
  border-bottom: 1px dotted #c2c2c2;
}

.userForm > tbody > tr:first-child:last-child td:first-child:last-child {
  border-bottom: 0;
  padding-left: 0;
}

.userForm td:first-child {
  border-left: 0;
}

.userForm .caption td {
  background: #efefef;
  border-bottom: 1px solid #c2c2c2;
  color: #333131;
  font-size: 1.4rem;
  font-weight: 700;
  padding: 4px 6px;
}

/*=total row*/
.userForm .userFormTotal {
  background: #4f5256;
}

.userForm .userFormTotal td {
  background: #4f5256;
  border-bottom: 0;
  color: #fff;
  font-weight: bold;
}

.userForm .userFormTotal td:first-child {
  border-left: 0;
}

/*=inputs/textares*/
.userForm textarea {
  min-width: 400px;
}

.userForm input[type=text] {
  min-width: 200px;
}

.userForm tr + tr input[type=text],
.userForm tr + tr textarea {
  min-width: 200px;
  width: 100%;
}

/*=profile choice*/
.userForm .profile-choice {
  margin-right: 8px;
}

/*****=user made forms (END)*****/
/*******=NOTE:  Moved some form-builder-related rules from ep4-ui.css.  Rules will need to be refactored and re-organized within file*******/
/*****=form builder*****/
/*Temp:*/
.form-builder-edit + .form-builder-preview {
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  padding-top: 15px;
}

/*end Temp*/
#form-builder {
  padding-bottom: 175px;
}

/***=include comments***/
#includeComments {
  background: #c2c1bc;
  border-bottom: 1px solid #6d6c6a;
  border-top: 2px solid #fff;
  position: relative;
}

/***=form row***/
.form-row {
  /*not element specific*/
  background: #ededeb;
  border-bottom: 1px solid #d3d2ce;
  border-top: 1px solid #fff;
  /*temp: */
  position: relative;
}
.ui-sortable .form-row {
  cursor: move;
}

.form-row:hover {
  background: #e6f1f5;
}

header.form-row {
  background: #e5e5e1 url("../images/layout/layout-box-bg-trans.png");
}

.form-row hr {
  background: rgba(255, 255, 255, 0.75);
  border: 0;
  border-bottom: 1px solid #e5e5e1;
  height: 1px;
  margin: 0 0 15px -12px;
  padding: 0 12px;
  width: 100%;
}

/*=form builder preview*/
.form-builder-preview.excluded {
  background: #e5e5e1 url("../images/layout/layout-disabled-bg.png");
  font-style: italic;
}

.form-builder-preview.excluded::before {
  background: #d1480d;
  color: #fff;
  content: "Will Not Be Included";
  display: inline-block;
  font-size: 1.2rem;
  line-height: 1.5;
  margin-left: -12px;
  padding-right: 155px;
  text-indent: 12px;
}

/*=heading mini*/
.form-row .heading-mini {
  background-color: #757472;
  text-shadow: 0 0 2px rgba(51, 49, 49, 0.35);
}

/*=form builder type*/
.form-builder-type {
  border-bottom: 1px solid #fff;
  margin: 0;
  width: auto;
}

.form-builder-type,
.form-builder-edit,
.form-builder-preview {
  padding: 12px;
}

.form-builder-preview .form-field:last-child {
  margin-bottom: 0;
}

.form-builder-type,
.form-builder-edit {
  background-color: rgba(208, 235, 245, 0.25);
  box-shadow: inset 0 0 8px rgba(42, 118, 176, 0.25);
}

/***=form row actions***/
.form-row-actions {
  margin: 0;
  opacity: 0.5;
  padding: 0;
  position: absolute;
  right: 0;
  top: 10px;
  z-index: 100;
}

.form-row:hover .form-row-actions {
  opacity: 1;
}

.form-row-actions li {
  background: #fff;
  float: left;
  margin: 0 0 0 1px;
  overflow: hidden;
}

.form-row-actions a {
  background-image: url("../images/ui/ui-icons-black.png");
  background-repeat: no-repeat;
  color: #333131;
  display: block;
  font-size: 1.1rem;
  font-weight: 700;
  height: 24px;
  line-height: 2.18;
  overflow: hidden;
  text-decoration: none;
  text-indent: -500px;
  text-transform: uppercase;
  transition: width 0.3s ease;
  width: 24px;
}

.form-row-actions .action-edit {
  background-position: 3px -388px;
}

.form-row-actions .action-copy {
  background-position: 3px -1668px;
}

.form-row-actions .action-delete {
  background-position: 3px -356px;
}

.form-row:hover .form-row-actions a {
  padding: 0 6px 0 24px;
  text-indent: 0;
  width: 40px;
}

.form-row:hover .form-row-actions .action-copy {
  width: 60px;
}

.form-row.editing .form-row-actions .action-edit {
  background-color: #333131;
  background-image: url("../images/ui/ui-icons-white.png");
}

.form-row-actions .action-save {
  background-image: url("../images/ui/ui-icons-black.png");
  padding: 0 6px 0 24px;
  text-indent: 0;
  width: auto;
}

.form-row-actions .action-delete {
  background-color: #fff;
}

.form-row-actions a:hover {
  background-color: #d0ebf5;
}

/***=single/multiple responses***/
.form-builder-responses {
  border: 1px solid #ccc;
  border-radius: 3px;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
  display: inline-block;
  list-style: none;
  margin: 0 0 24px;
  padding: 15px 12px;
}

.form-drag-handle {
  background: rgba(255, 255, 255, 0.35) url("../images/ui/ui-icons-black.png") 50% -1349px no-repeat;
  border: 1px solid rgba(51, 49, 49, 0.2);
  border-radius: 3px 0 0 3px;
  border-right: 0;
  display: inline-block;
  height: 20px;
  margin-top: -2px;
  vertical-align: text-top;
  width: 20px;
}

.form-drag-handle:hover {
  background-color: #fff;
  cursor: move;
}

.form-builder-responses .deleted input {
  background-color: #efefef;
  opacity: 0.7;
}

.form-builder-responses .deleted label {
  color: #d1480d;
}

/*****=form builder (END)*****/
/*****=scale slider*****/
/* TODO: remove userForm location-dependant stuff */
.rangeContainer {
  border: 1px solid #efefef;
  padding: 6px;
  text-align: center;
}

input.sliderValue {
  display: block;
  margin: 3px auto;
  min-width: 40px !important;
  text-align: center;
  width: 40px !important;
}

.slider-container {
  float: left;
  margin-top: 4px;
  width: 50%;
}

.form-scale-slider {
  display: inline-block;
  margin: 10px 6px 0;
  width: 150px;
}

.form-scale-label {
  background: #616b72 url("../images/layout/layout-box-bg-trans.png");
  border: 1px solid #e5e5e1;
  border-radius: 0 5px 5px 0;
  border-right: 0;
  box-shadow: inset 0 0 8px rgba(51, 49, 49, 0.5);
  color: #fff;
  display: inline-block;
  font-size: 1rem;
  font-weight: 500;
  min-width: 50px;
  padding: 2px 10px;
  text-shadow: 0 0 2px #333131;
  vertical-align: top;
}

.form-scale-label.min-label {
  border-radius: 5px 0 0 5px;
}

/*****=scale slider (END)*****/
/*****=grid ui*****/
.form-builder-grid-block {
  border: 1px solid #ccc;
  border-radius: 3px;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
  float: left;
  margin-bottom: 15px;
  max-width: 435px;
  padding: 15px 12px;
}

.form-builder-grid-rows {
  margin-right: 12px;
}

.form-builder-grid-cols + * {
  clear: both;
}

.form-builder-grid-block header {
  background: #616b72 url("../images/layout/layout-box-bg-trans.png");
  border-radius: 3px;
  min-width: 420px;
  padding: 0 8px;
  text-align: right;
}

.form-builder-grid-block h4 {
  color: #fff;
  float: left;
  font-size: 1.4rem;
  font-weight: 100;
  line-height: 2.3;
  margin: 0;
}

.form-builder-grid-block header label {
  color: #fff;
  display: inline-block;
  font-weight: 500;
  text-shadow: 0 0 2px #000;
}

.form-builder-grid-block header select {
  height: 18px;
  margin-top: 7px;
  width: 100px;
}

.form-builder-grid-block .form-builder-responses {
  border: 0;
  box-shadow: none;
  padding: 1em 0 0;
}

.form-grid {
  background: #fff;
  border: 0;
  border-collapse: collapse;
  font-size: 1.2rem;
  margin: 6px 0 8px;
  width: 100%;
}

.form-grid caption {
  color: #333131;
  font-size: 1.6rem;
  font-weight: 500;
  padding-bottom: 8px;
  text-align: left;
}

.form-grid thead th,
.form-grid thead td {
  background: #94938f url("../images/layout/layout-box-bg-trans.png");
  border-bottom: 1px solid #6d6c6a;
  border-left: 1px solid #fff;
  color: #fff;
  font-weight: 700;
  padding: 4px 6px;
  text-align: left;
  text-shadow: 0 0 2px #333131;
  vertical-align: top;
}

.form-grid thead td {
  background: none;
}

.form-grid td {
  border-left: 1px dotted #c2c1bc;
  padding: 6px;
  vertical-align: middle;
}

.form-grid tr + tr td {
  border-top: 1px dotted #c2c1bc;
}

.form-grid tr + tr:last-child td {
  border-bottom: 1px dotted #c2c1bc;
}

.form-grid td:first-child {
  border-left: 0;
  text-align: left;
}

.form-grid tr.form-grid-heading td {
  background: #d0ebf5 url("../images/layout/layout-table-head-bg.png");
  border-bottom: 1px solid #d0ebf5;
  color: #333131;
  font-size: 1.4rem;
  font-weight: 500;
  padding: 6px;
  text-align: left;
}

/***=total row***/
.form-grid tr.form-grid-total {
  background: #4f5256;
}

.form-grid tr.form-grid-total td {
  background: #4f5256;
  border-bottom: 0;
  color: #fff;
  font-weight: bold;
}

.form-grid tr.form-grid-total td:first-child {
  border-left: 0;
}

/***=form fields***/
.form-grid input[type=text],
.form-grid textarea {
  width: 100%;
}

/*****=grid ui (END)*****/
/* ================================================================================================ */
/* =======================================      LEGACY     ======================================== */
/* ================================================================================================ */
.edit-criterion input[type=text] {
  width: 190px;
}

/* Add Portfolio */
#rblBuildType label {
  color: #fff;
}

/**********=RESPONSIVE**********/
/***=Mobile (Portrait/Landscape - less than 768px) ***/
@media only screen and (max-width: 47.9375em) {
  .chzn-container {
    width: auto !important;
  }

  .form-field.long {
    margin-right: 0;
    width: 100%;
  }

  .stacked-fields {
    max-width: none;
    min-width: 0;
  }
}
/*****=FORM REFACTORING (BEM)*****/
.form-field__label {
  font-size: 1.3rem;
  font-weight: normal;
}

.form-field__note {
  margin-bottom: 20px;
  margin-top: -10px;
}
.form-field--md + .form-field__note {
  margin-top: -20px;
}

.fieldset {
  padding: 0 1.4rem;
}
.fieldset .form-field--radio {
  margin-bottom: 10px;
}

.fieldset__legend {
  font-size: 1.2rem;
  margin-bottom: 1em;
}

.fieldset__choice,
.form-field.fieldset__choice {
  display: inline-block;
  vertical-align: middle;
  width: auto;
}

.fieldset__or,
.form-field.fieldset__or {
  display: inline-block;
  padding: 0 30px;
  vertical-align: middle;
  width: auto;
}

/*---------------[ =Table Styles ]---------------*/
.stTable {
  display: none;
  overflow: auto;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  max-width: 100%;
}

/***=NOTE:  fix for 8944 - strange issue where font-size dropdown keeps shrinking in width when resizing content pasted from word ***/
.mceMenu table {
  max-width: none;
}

caption {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.5;
  margin-top: 0.5em;
  text-align: left;
}

.table {
  margin-bottom: 16px;
  width: 100%;
}
.table th,
.table td {
  border-top: 1px solid #d3d2ce;
  line-height: 1.33;
  padding: 8px;
  text-align: left;
}
.table#tags_table {
  table-layout: fixed;
}
.table#tags_table th,
.table#tags_table td {
  overflow: hidden;
  text-overflow: ellipsis;
}
.my_portfolios .table {
  table-layout: fixed;
}
.my_portfolios .table td,
.my_portfolios .table th {
  overflow: hidden;
  text-overflow: ellipsis;
}

.fixed-table {
  table-layout: fixed;
}
.fixed-table td,
.fixed-table th {
  overflow: hidden;
  text-overflow: ellipsis;
}
.fixed-table td.actions-cell,
.fixed-table th.actions-cell {
  overflow: visible;
}
.fixed-table td.id-cell,
.fixed-table th.id-cell {
  width: 60px;
}

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

.table th.align-right,
.table td.align-right {
  text-align: right;
}

.table th {
  font-weight: bold;
  vertical-align: bottom;
}

.table.top-aligned th {
  vertical-align: top;
}

.th--rowheader,
.table .th--rowheader {
  font-weight: 300;
  vertical-align: top;
}

.table th:not(.th--rowheader) a {
  color: #000;
}

.table th.table-bulk-select {
  width: 60px;
}
.table th.table-bulk-select input[type=checkbox] {
  /*display: block;
  margin-bottom: 4px;*/
  margin-right: 4px;
}

.table th.table-heading-date,
.table th.table-heading-actions {
  width: 115px;
}

.table th.table-heading-score {
  width: 90px;
}

.table th.table-heading-hits,
.table th.table-heading-id {
  width: 40px;
}

.table th.table-heading-scorebar {
  width: 90px;
}

.table td {
  font-weight: 300;
  vertical-align: top;
}

.table thead tr:first-child th,
.table thead tr:first-child td {
  border-top: 0;
}

.table tbody + tbody {
  border-top: 2px solid #d3d2ce;
}

.table-condensed th,
.table-condensed td {
  padding: 4px 5px;
}

.table-bordered {
  border: 1px solid #d3d2ce;
  border-collapse: separate;
  border-radius: 4px;
  max-width: none;
}

.table--no-border th,
.table--no-border td {
  border-top: 0;
}

/*Firefox Hack because it bases the bottom position on the center of the <tr>'s border*/
@-moz-document url-prefix() {
  .results-table,
.dataTable {
    clear: both;
  }
}
.stTable .table-bordered {
  border-collapse: collapse;
  border-radius: 0;
  clear: both;
}

.table-bordered th + th,
.table-bordered td + td,
.table-bordered th + td,
.table-bordered td + th {
  border-left: 1px solid #d3d2ce;
}

.stTable .table-bordered th + th,
.stTable .table-bordered td + td,
.stTable .table-bordered th + td,
.stTable .table-bordered td + th {
  border: 1px solid #d3d2ce;
}

.table-bordered thead:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child td {
  border-top: 0;
}

.stTable .table-bordered thead:first-child tr:first-child th,
.stTable .table-bordered tbody:first-child tr:first-child th,
.stTable .table-bordered tbody:first-child tr:first-child td {
  border-top: 1px solid #d3d2ce;
}

.table-bordered thead:first-child tr:first-child th:first-child,
.table-bordered tbody:first-child tr:first-child td:first-child {
  border-radius: 4px 0 0;
}

.table-bordered thead:first-child tr:first-child th:last-child,
.table-bordered tbody:first-child tr:first-child td:last-child {
  border-radius: 0 4px 0 0;
}

.table-bordered thead:last-child tr:last-child th:first-child,
.table-bordered tbody:last-child tr:last-child td:first-child {
  border-radius: 0 0 0 4px;
}

.table-bordered thead:last-child tr:last-child th:last-child,
.table-bordered tbody:last-child tr:last-child td:last-child {
  border-radius: 0 0 4px;
}

.stTable .table-bordered thead:first-child tr:first-child th:first-child,
.stTable .table-bordered tbody:first-child tr:first-child td:first-child,
.stTable .table-bordered thead:first-child tr:first-child th:last-child,
.stTable .table-bordered tbody:first-child tr:first-child td:last-child,
.stTable .table-bordered thead:last-child tr:last-child th:first-child,
.stTable .table-bordered tbody:last-child tr:last-child td:first-child,
.stTable .table-bordered thead:last-child tr:last-child th:last-child,
.stTable .table-bordered tbody:last-child tr:last-child td:last-child {
  border-radius: 0;
}

.table-striped tbody tr:nth-child(odd) td,
.table-striped tbody tr:nth-child(odd) th {
  background-color: #f5f5f5;
}

.table tr.selected td,
.table-striped tbody tr.selected td,
.table tr.mm-selected td,
.table-striped tbody tr.mm-selected td,
.table tr.selected .th--rowheader,
.table-striped tbody tr.selected .th--rowheader,
.table tr.mm-selected .th--rowheader,
.table-striped tbody tr.mm-selected .th--rowheader {
  background-color: #d0ebf5;
}

/*General hover colouring*/
.table tr:hover > td,
.table tr:hover > .th--rowheader,
.table-striped tbody tr:nth-child(odd):hover > td,
.table tr:focus > td,
.table-striped tbody tr:nth-child(odd):focus > td,
.table tr:focus > .th--rowheader,
.table-striped tbody tr:nth-child(odd):focus > .th--rowheader {
  background: #f2fafc;
}

.table.table-nohover tr:hover > td,
.table-striped.table-nohover tbody tr:nth-child(odd):hover > td {
  background: #fff;
}

.table tr.pagination td {
  background: none;
  border: 0;
}

.table tr.pagination:hover td {
  background: none;
}

/* Sub classes */
tr.clickable,
tr.menu_item {
  cursor: pointer;
}

tr.clickable:hover td,
tr.clickable:hover .th--rowheader {
  background: #e8f7fc !important;
}

tr.clickable.selected:hover td,
tr.clickable.selected:focus td,
tr.clickable.selected:hover .th--rowheader,
tr.clickable.selected:focus .th--rowheader {
  background-color: #d0ebf5 !important;
}

tr.clickable:active td,
tr.clickable:active .th--rowheader {
  background: #d0ebf5 !important;
}

tr.error td {
  background-color: #fddfde !important;
  border-color: #fbc7c6 !important;
}

tr.error:hover td {
  background-color: #edcfce !important;
}

tr.warning td {
  background-color: #fdf5d9 !important;
}

tr.warning:hover td {
  background-color: #fdf5d9 !important;
}

tr.notice td {
  background-color: #e8f7fc !important;
}

tr.notice:hover td {
  background-color: #e8f7fc !important;
}

tr.success td {
  background-color: #d1eed1 !important;
}

tr.success:hover td {
  background-color: #d1eed1 !important;
}

tr.archived td {
  background-color: rgba(255, 243, 4, 0.35) !important;
  border-color: #e5e500 !important;
}

tr.archived:hover td {
  background-color: rgba(255, 243, 4, 0.35) !important;
}

tr.archived td {
  color: rgba(0, 0, 0, 0.8);
}

tr.outcome-only td,
tr.outcome-only:hover td {
  background-color: #e1e1e1 !important;
}

.table-toolbar {
  height: 28px;
  padding: 6px 0;
  position: relative;
}

.table a {
  text-decoration: none;
}

/*---------------[ =Collaboration Members Permissions Table ]---------------*/
.perms-creator td,
.perms-creator .th--rowheader {
  background-color: #dfe1e3 !important;
  background-color: rgba(97, 107, 114, 0.1) !important;
}

.perms-pending td {
  background: #fffcf0 !important;
  font-style: italic;
}

tr.perms-pending td * {
  opacity: 0.8;
}

tr.perms-pending .toggle-switch {
  font-style: normal;
}

/*---------------[ =Choice Counts Table w/ Fake Checkboxes ]---------------*/
.table-checkboxed tbody tr:hover {
  cursor: pointer;
}

.table-checkboxed tbody tr td:first-child::before {
  background: #fff;
  border: 1px solid #c2c1bc;
  border-radius: 2px;
  content: "Not Selected";
  float: left;
  height: 10px;
  margin-right: 8px;
  margin-top: 2px;
  overflow: hidden;
  text-indent: -500px;
  width: 10px;
}

.table-checkboxed tbody tr.active td:first-child::before {
  background: transparent url("../images/ui/ui-icons-green.png") -3px -1386px no-repeat;
  border: 0;
  content: "Selected";
  float: left;
  height: 12px;
  overflow: hidden;
  text-indent: -500px;
  width: 12px;
}

tr.active td {
  background-color: #d1eed1 !important;
}

/*---------------[ =Chi-Square Simulator ]---------------*/
#chi_sim_wrapper {
  padding: 12px 0;
}

.chi-sim-table th {
  background-color: #f5f5f5;
}

.chi-sim-table tfoot td,
.chi-sim-table td:last-child {
  background-color: #d0ebf5;
}

.chi-sim-table tfoot th,
.chi-sim-table th:last-child {
  background-color: #d0ebf5;
}

#lblResults .ui-selecting,
#results-live-table_wrapper .ui-selecting,
#lblResults tr.clickable:active td.ui-selecting {
  background: #ffde1f !important;
}

#lblResults .ui-selected,
#lblResults tr.clickable:active td.ui-selected {
  background: #d1480d;
  color: #fff;
}

.simulator::before {
  background: #ffde1f;
  color: #333131;
  content: "Drag a selection along a row for where you want to test.";
  display: inline-block;
  font-size: 1.2rem;
  line-height: 2;
  padding: 0 12px;
}

.simulator tbody td:hover {
  background: #ffc !important;
  cursor: crosshair;
}

/*---------------[ =epDatagrid class (legacy) ]---------------*/
.epDatagrid {
  width: 100%;
}

.modal-body .epDatagrid {
  width: auto;
}

.epDatagrid + .epDatagrid {
  margin-top: 1em;
}

/*THEAD*/
.epDatagrid thead tr {
  background: url("../images/layout/layout-table-head-bg.png");
}

.epDatagrid thead td,
.epDatagrid thead th {
  border-top: 1px solid #fff;
  font-size: 1.2rem;
  font-weight: 700;
  padding: 8px 4px;
  text-align: left;
  text-shadow: 0 0 3px #fff;
  text-transform: capitalize;
  vertical-align: middle;
}

.epDatagrid thead th {
  border-bottom: 1px solid #b8d9e5;
  border-left: 1px solid #fff;
  color: #333131;
  font-weight: 500;
}

.epDatagrid thead td {
  border-bottom: 1px solid #b8d9e5;
  border-left: 0;
  color: #595856;
  font-weight: 300;
  text-align: center;
}

/*TBODY*/
/*epTblHeader legacy support*/
.epDatagrid tr.epTblHeader,
.epDatagrid tr.epTblHeader:first-child {
  background: url("../images/layout/layout-table-head-bg.png");
}

.epDatagrid .epTblHeader td {
  border-bottom: 1px solid #b8d9e5;
  border-left: 1px solid #fff;
  border-top: 1px solid #fff;
  color: #333131;
  font-size: 1.2rem;
  font-weight: 700;
  padding: 8px 4px;
  text-align: left;
  text-shadow: 0 0 3px #fff;
  text-transform: capitalize;
  vertical-align: middle;
}

.epDatagrid td,
.epDatagrid .th--rowheader {
  border-bottom: 1px solid #e5e5e1;
  border-left: 1px solid #e5e5e1;
  font-weight: 300;
  padding: 8px 4px;
}

.epDatagrid td:first-child,
.epDatagrid th:first-child,
.epDatagrid .th--rowheader:first-child {
  border-left: 0;
}

.epDatagrid tbody tr.even td,
.epDatagrid tbody tr.even .th--rowheader {
  background: url("../images/layout/layout-table-row-bg.png");
}

.epDatagrid tbody tr:first-child {
  background: url("../images/layout/layout-box-shadow-top.png") 0 0 repeat-x;
}

.epDatagrid tbody tr.odd:first-child td,
.epDatagrid tbody tr.odd:first-child .th--rowheader {
  padding-top: 14px;
}

.epDatagrid tbody tr:hover td,
.epDatagrid tbody tr:hover .th--rowheader {
  background-color: #e8f4e6;
  background-color: rgba(220, 237, 213, 0.35);
}

.epDatagrid tbody tr.epTblHeader:hover td {
  background-color: transparent;
}

.epDatagrid tr.epTblPagerStyle:hover td {
  background: none;
}

/*TFOOT*/
.epDatagrid tfoot td,
.epDatagrid tfoot th {
  background: #96a5b0 url("../images/layout/layout-table-row-bg.png");
  border-bottom: 1px solid #e5e5e1;
  border-left: 1px solid #e5e5e1;
  color: #fff;
  font-weight: 300;
  padding: 8px 4px;
  text-shadow: 0 0 3px rgba(51, 49, 49, 0.5);
}

/* Special Classes */
th.th-members,
thead td.th-members,
th.th-portfolios,
thead td.th-portfolios {
  font-size: 1.6rem;
  text-align: center;
  width: 18px;
}

tbody .th-members,
tbody .th-portfolios {
  text-align: center;
}

.epDatagrid .epTblHeader .th-faculty,
.epDatagrid .epTblHeader .th-students,
.epDatagrid .epTblHeader .th-themes,
.epDatagrid .epTblHeader .th-tocs,
.epDatagrid .epTblHeader .th-subadmins,
.epDatagrid .epTblHeader .th-departments {
  background: url("../images/ui/ui-icons-black.png") 4px -830px no-repeat;
  padding-left: 26px;
  white-space: nowrap;
}

.epDatagrid .epTblHeader .th-departments {
  background-position: 4px -158px;
}

.epDatagrid .epTblHeader .th-faculty {
  background-position: 4px -830px;
}

.epDatagrid .epTblHeader .th-students {
  background-position: 4px -862px;
}

.epDatagrid .epTblHeader .th-themes {
  background-position: 4px -894px;
}

.epDatagrid .epTblHeader .th-tocs {
  background-position: 4px -606px;
}

tr.invite-pending td {
  background: url("../images/layout/layout-box-bg.png");
  color: #c2c1bc;
  font-style: italic;
  font-weight: 700;
  text-shadow: 0 0 2px #fff;
}

td.no-overflow {
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
}

/*=ignored*/
td.ignored,
th.ignored {
  background: #d3d3d3;
}

/*---------------[ =datatables.jquery rules ]---------------*/
/* For custom dataTables classes: use "dT-" prefex. e.g. ".dT-row-odd" */
.dataTables_wrapper {
  position: relative;
}

.dT-toolbar {
  border-top: 1px solid #d3d2ce;
  color: #6d6c6a;
  height: 24px;
  padding: 12px 0;
}

.dT-toolbar label {
  color: #6d6c6a;
  font-weight: 500;
  margin: 0;
}

.dataTables_length {
  float: left;
  height: 24px;
  margin-bottom: 10px;
  margin-top: 10px;
}
.dataTables_length label {
  margin: 0;
}

.dataTables_length select {
  width: 60px;
}

div.dataTables_filter {
  float: right;
  margin-bottom: 10px;
  margin-top: 10px;
}
div.dataTables_filter label {
  margin: 0;
}

.dataTables_processing {
  left: 35%;
  position: absolute;
  top: 50px;
  z-index: 1;
}

.progressbar-wrap {
  padding: 8px 13px 8px 8px;
}

.progressbar {
  background: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
  color: #222;
  height: 2em;
  overflow: hidden;
  position: relative;
  width: 400px;
}

.progressbar-wrap .progressbar {
  margin-left: 3px;
}

.progressbar .progress-label {
  font-size: 1.2rem;
  font-weight: bold;
  position: absolute;
  text-align: center;
  text-shadow: none;
  top: 3px;
  width: 400px;
}

.ui-progressbar .ui-progressbar-value {
  background: #bfc2c7;
  border: 1px solid #aaa;
  color: #222;
  font-weight: bold;
  height: 100%;
  margin: -1px;
}

.ui-progressbar .ui-progressbar-overlay {
  background: url("../images/ui/animated-overlay.gif");
  height: 100%;
  opacity: 0.25;
}

.ColVis {
  float: right;
  height: 22px;
  line-height: 22px;
  margin-bottom: 10px;
  margin-right: 6px;
  margin-top: 10px;
}

.ColVis_MasterButton {
  vertical-align: top;
}
.ColVis_MasterButton:focus {
  outline: 0;
}

.ColVis_collection {
  background: #333131;
  border-bottom: 1px solid #000;
  z-index: 2002;
}
.ColVis_collection label {
  border-bottom: 1px solid #5b5a5a;
  color: #fff;
  cursor: pointer;
  font-size: 1.1rem;
  font-weight: 700;
  line-height: 1.6;
  margin: 0;
  padding: 0.4em 0.82em;
  text-shadow: none;
}
.ColVis_collection li:last-child label {
  border-bottom: 0;
}
.ColVis_collection input[type=checkbox] {
  margin-right: 2px;
}

div.ColVis_collectionBackground {
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1100;
}

/*datatables button toolbar*/
.DTTT,
.DTTT_container {
  float: right;
  margin: 10px 6px 10px 0;
}

.touch .DTTT,
.touch .DTTT_container {
  display: none;
}

.flash .DTTT,
.flash .DTTT_container {
  display: block;
}

.DTTT .ui-button, .DTTT .dark-button,
.DTTT_container .ui-button,
.DTTT_container .dark-button,
.DTTT .button,
.DTTT_container .button {
  margin-right: 4px;
}

/*Datatables Tools Info Popups*/
.DTTT_print_info {
  background: linear-gradient(top, #fff 0%, #f3f3f3 89%, #f9f9f9 100%);
  border: 1px solid #000;
  border: 1px solid rgba(0, 0, 0, 0.5);
  border-radius: 6px;
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
  color: #333;
  height: 150px;
  left: 50%;
  margin-left: -200px;
  margin-top: -75px;
  opacity: 0.95;
  padding: 10px 30px;
  position: fixed;
  text-align: center;
  top: 50%;
  width: 400px;
}

.DTTT_print_info h6 {
  font-size: 2.8rem;
  font-weight: normal;
  line-height: 1;
  margin: 1em;
}

.DTTT_print_info p {
  font-size: 1.4rem;
  line-height: 1.43;
}

.DataTables_sort_wrapper {
  padding-right: 22px;
  position: relative;
}

.DataTables_sort_icon {
  bottom: 0;
  position: absolute;
  right: 0;
}

table thead .sorting,
table thead .sorting_asc,
table thead .sorting_desc,
table thead .sorting_asc_disabled,
table thead .sorting_desc_disabled {
  background-position: 100% 50%;
  background-repeat: no-repeat;
  cursor: pointer;
  padding-right: 16px;
}

table thead .sorting {
  background-image: url("../images/ui/ui-sorting-default.png");
}

table thead .sorting_asc {
  background-image: url("../images/ui/ui-sorting-asc.png");
}

table thead .sorting_desc {
  background-image: url("../images/ui/ui-sorting-desc.png");
}

table thead .sorting_asc_disabled {
  background-image: url("../images/ui/ui-sorting-asc-disabled.png");
}

table thead .sorting_desc_disabled {
  background-image: url("../images/ui/ui-sorting-desc-disabled.png");
}

.dataTables_info {
  color: #666;
  float: right;
}

/* /end datatables() */
.plusplus {
  background-color: #6e9e2f !important;
  color: #000 !important;
}

.plusplus::after {
  content: "++";
}

.plus {
  background-color: #c1d9a3 !important;
  color: #000 !important;
}

.plus::after {
  content: "+";
}

.minusminus {
  background-color: #e51717 !important;
  color: #000 !important;
}

.minusminus::after {
  content: "--";
}

.minus {
  background-color: #f5989d !important;
  color: #000 !important;
}

.minus::after {
  content: "-";
}

.plusplus a,
.plus a,
.minusminus a,
.minus a {
  color: #000;
}

/* +Chi-Square Headers */
.chi_header {
  background-color: #a4d8eb;
  color: #000 !important;
  font-weight: 500;
  text-shadow: 0 0 2px #fff;
}

.chi_header.selected {
  background-color: #fff200;
  font-weight: 500;
}

/* +Escalation Table */
.escalation-options-table {
  border: 1px solid #fff;
  width: 100%;
}

.escalation-options-table th {
  color: #fff;
  font-size: 1.4rem;
  font-weight: 500;
  height: 24px;
  line-height: 1.71;
  text-align: center;
  width: 50%;
}

.escalation-options-table th.pass {
  background: #6e9e2f;
  border-right: 1px solid #fff;
  text-shadow: 0 0 2px #4d731d;
}

.escalation-options-table th.fail {
  background: #dd0201;
  text-shadow: 0 0 2px #b80909;
}

.escalation-options-table td {
  border-top: 1px solid #fff;
  padding: 12px;
  vertical-align: top;
}

.escalation-options-table td:first-child {
  border-right: 1px solid #fff;
}

/* +Alpha Table (Chi Square) */
.alpha-table {
  margin: 15px 0;
}

.alpha-table th,
.alpha-table td {
  border: 1px solid #fff;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.2rem;
  padding: 4px 6px;
}

.alpha-table th {
  background-color: #d0ebf5;
}

.alpha-table tfoot td {
  background-color: #ddd;
}

.alpha-table tfoot th {
  background-color: #bfd2d9;
}

.alpha-table .highlighted {
  background: #ff0;
  font-weight: bold;
}

/* Results Actions Dropdown Menu (To Do: determine if needed) */
.results-menu {
  margin-bottom: 5px;
  position: relative;
  width: 200px;
}

.results-menu .down-list {
  position: absolute;
}

/*---------------[ =legacy lib/tables.css ]---------------*/
/*To do, get rid of this stuff */
/* make this like the new pagination */
.epTblPagerStyle {
  line-height: 1;
}

.epTblPagerStyle td {
  background: #fff;
  border-bottom: 0;
  border-left: 0;
  border-right: 0;
  border-top: 2px solid #000;
  font-weight: bold;
  line-height: 1;
  padding: 10px 0 !important;
  text-align: left;
}

.epTblPagerStyle a {
  background: #efefef;
  line-height: 1;
  padding: 3px 7px;
}

.epTblPagerStyle a:hover {
  background: #252525;
  color: #fff;
  text-decoration: none;
}

.epTblPagerStyle span {
  background: #1b75bb;
  color: #fff;
  line-height: 1;
  padding: 3px 7px;
}

/* (To Do: Deprecate and replace) */
td.red a,
td.black a,
span.red a,
span.black a {
  color: #fff;
}

span.red,
span.black {
  color: #fff;
  font-size: 1.1rem;
  font-weight: bold;
  line-height: 1.4;
  margin: 3px auto;
  overflow: hidden;
  padding: 3px 4px;
  text-align: center;
}

span.red {
  background: url("../images/dashboard/score-bg-red.png") 50% 50% repeat-x;
}

span.black {
  background: url("../images/dashboard/score-bg-black.png") 50% 50% repeat-x;
}

/* Codes  (To Do: Determine if deprecated) */
.subscription-code-table tr td:first-child,
.subscription-code-table tr.epTblTrItem td:first-child,
.subscription-code-table tr.epTblTrAlternating td:first-child,
.epDatagrid.subscription-code-table tr.epTblTrItem td:first-child,
.epDatagrid.subscription-code-table tr.epTblTrAlternating td:first-child,
.epDatagrid.subscription-code-table tr td:first-child,
.subscription-code {
  font-family: "Courier New", Courier, monospace;
  text-transform: uppercase;
}

/* Folder tree (image gallery only?!?) (To Do: Determine if deprecated) */
.folder-tree {
  border: 0;
  border-collapse: collapse;
  width: 100%;
}

.folder-tree td {
  padding-bottom: 4px;
  padding-top: 4px;
}

.folder-tree tr:hover td {
  background: #f5f5f5;
}

/* Tablesorter.jquery plugin */
.tablesorter th.header {
  background-color: #979a9c !important;
  background-image: url("../../images/tables/table-sort-none.png") !important;
  background-position: right center !important;
  background-repeat: no-repeat !important;
  border-left: 1px solid #fff !important;
  cursor: pointer;
  font-weight: bold;
  padding-right: 20px !important;
}

.tablesorter th.header:first-child {
  border-left: 0 !important;
}

.tablesorter th.headerSortDown {
  background-color: #6d7073 !important;
  background-image: url("../../images/tables/table-sort-asc.png") !important;
}

.tablesorter th.headerSortUp {
  background-color: #6d7073 !important;
  background-image: url("../../images/tables/table-sort-desc.png") !important;
}

/* -------------------------------------------------------------------------------------------------- 

	* Description:		Portfolio & Portfolio-related Rendering (like assessment)

====[ PORTFOLIO: ]====================================================================================== */
/*#region PortfolioCompletion */
.portfolio-tree-status {
  list-style: none;
  margin-bottom: 1em;
}

.portfolio-completion {
  line-height: 44px;
  margin-bottom: 2px;
  padding: 0 240px 0 0;
  position: relative;
}
.portfolio--enhanced-ui .portfolio-completion {
  display: flex;
  line-height: 1.5;
  margin-bottom: 0;
  padding: 0;
  position: static;
}
.portfolio-completion.hasTPA {
  line-height: 89px;
}
.portfolio--enhanced-ui .portfolio-completion.hasTPA {
  line-height: 1.5;
}
.portfolio-completion .submit-button,
.portfolio-completion .tpa-submit {
  border: 0;
  border-radius: 0;
  font-size: 2rem;
  font-weight: 100;
  height: 44px;
  line-height: 44px;
  opacity: 1;
  padding: 0;
  position: absolute;
  right: 0;
  text-transform: uppercase;
  top: 0;
  width: 240px;
}
.portfolio--enhanced-ui .portfolio-completion .submit-button,
.portfolio--enhanced-ui .portfolio-completion .tpa-submit {
  display: block;
  margin-top: 16px;
  position: static;
}
.portfolio-completion .tpa-submit {
  font-size: 1.4rem;
  font-weight: 300;
}
.portfolio-completion .blackboard-connect-unlinked {
    font-size: 1.4rem;
    font-weight: 300;
}
.portfolio-completion .blackboard-connect-linked {
    margin-bottom: 1.6em; 
}
.portfolio-completion .tpa-submit + .submit-button {
  top: 45px;
}
.portfolio-completion .submit-button.success-button,
.portfolio-completion .tpa-submit.priary-button {
  background: #17881d;
}

.external-alert {
  background-color: #004e37;
  background-image: url("../images/ui/icon-redirect.png");
  background-position: 9px 50%;
  background-repeat: no-repeat;
  background-size: 20px;
  border-radius: 3px 3px 0 0;
  box-sizing: border-box;
  color: #fff;
  display: flex;
  font-size: 1.1rem;
  margin: -3rem 0 0 auto;
  padding: 0.7rem 0 0.7rem 3.5rem;
  width: 240px;
}

@media only screen and (max-width: 47.9375em) {
  .external-alert {
    width: 140px;
  }
}
/*hack override for old editor*/
.col-detail .submit-button,
.col-detail .tpa-submit {
  border-radius: 0;
  padding: 0.23em 0.5em 0.31em;
}

/*#region PortfolioPageSummary */
.portfolio-page {
  margin-right: 24px;
  flex: 1;
}

.portfolio-summary {
  background: #2d2e2e;
  box-sizing: border-box;
  color: #fff;
  padding-bottom: 0.4rem;
  position: relative;
  width: 240px;
}
.portfolio--enhanced-ui .portfolio-summary {
  margin-top: -20px;
}
.portfolio--enhanced-ui .portfolio-summary.hasTPA {
  margin-top: 16px;
}
.portfolio-summary::after {
  border-color: #2d2e2e transparent transparent;
  border-style: solid;
  border-width: 36px 120px 0;
  bottom: -36px;
  content: "";
  display: block;
  height: 0;
  left: 0;
  position: absolute;
  width: 0;
}
.portfolio-summary a {
  color: #fff;
  text-decoration: none;
}
.portfolio-summary p {
  line-height: 1.8em;
}
.portfolio-summary hr {
  background: #000;
  border: 0;
  display: block;
  height: 1px;
  margin: 0;
}
.portfolio-summary + .portfolio-page {
  margin-right: 250px;
}

.portfolio-content__requirements {
  display: inline-block;
  position: relative;
  z-index: 1;
}
.portfolio-content__requirements .dropdown-menu {
  background: #fff;
  border: 0;
  box-shadow: 2px 2px 6px #ccc;
  display: none;
  font-weight: 300;
  min-width: 600px;
  padding: 2rem;
  position: absolute;
}

.portfolio-content__requirements__heading {
  color: #2d2e2e;
  font-size: 1.7rem;
  font-weight: 300;
  margin-bottom: 1em;
}

.portfolio-content__requirements__trigger {
  font-size: 1.4rem;
  text-decoration: none;
}

.portfolio-content__missing {
  color: #555;
  font-size: 1.4rem;
  font-weight: 300;
  margin-bottom: 1.1em;
}

#portfolioSubmission .inlinePortlet {
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.user-submissions-block {
  border-bottom: 1px solid #000;
  margin-bottom: 1.2rem;
  padding-bottom: 1.2rem;
}
.user-submissions-block .submitted {
  margin-bottom: 0.4rem;
}
.user-submissions-block .allocation-action {
  background-color: #000;
  display: block;
  margin-bottom: 1px;
  padding: 0.6rem;
}
.user-submissions-block .allocation-action:hover {
  background-color: rgba(0, 0, 0, 0.5);
}
.user-submissions-block .allocation-action [class^=icon-],
.user-submissions-block .allocation-action [class*=" icon-"] {
  margin-right: 0.6rem;
}
.user-submissions-block .allocation-action .icon-menu,
.user-submissions-block .allocation-action .icon-dot-menu-v {
  margin: 0.5rem 0.3rem 0 0;
}
.user-submissions-block .allocation-action .flag {
  margin-left: 0.6rem;
}

.portfolio-submissions {
  border-bottom: 0;
}
.portfolio-submissions li {
  border-bottom: 1px solid #000;
  line-height: 2rem;
  margin: 0;
  overflow: hidden;
  padding: 1.2rem;
  text-overflow: ellipsis;
}
.portfolio-submissions .submitted {
  background: #36ae54;
}

.maxlist-more {
  margin: 0;
  padding: 12px;
}

/*#endregion*/
/*#region TreePagePerms */
.page-perm-view, .page-perm-none {
  color: #95a4a3;
  position: relative;
}
.page-perm-view::before, .page-perm-none::before {
  font-family: "epicons";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #000;
  content: "\e61b";
  font-size: 120%;
  line-height: 1em;
  position: absolute;
  text-align: center;
  text-shadow: 0 0 6px #fff;
  top: 0.5em;
  z-index: 50px;
}

.page-perm-view {
  color: #000;
}
.page-perm-view::before {
  background: #fff;
  border-radius: 100%;
  color: #327ebd;
  content: "\e627";
}

/*#endregion*/
/*---------------[ =TOC Page Info ]---------------*/
/*old editor only*/
.col-detail .portfolio-content {
  margin-top: -15px;
}

.toc-page-info {
  background: url("../images/layout/layout-box-bg.png");
  border-bottom: 1px solid #d3d2ce;
  border-top: 1px solid #fff;
  margin: 0 0 12px -12px;
  overflow: hidden;
  padding: 12px 12px 0;
  position: relative;
  width: 100%;
}
.toc-page-info .toc-page-info-heading {
  color: #333131;
  float: left;
  font-size: 2.8rem;
  font-weight: 100;
  line-height: 1;
  margin: 0;
  padding: 0 72px 12px 0;
  text-shadow: 0 0 3px rgba(255, 255, 255, 0.75);
}
.toggle-panel .toc-page-info .toc-page-info-heading {
  cursor: pointer;
  padding-right: 32px;
  position: relative;
}
.toc-page-info > .ui-button, .toc-page-info > .dark-button,
.toc-page-info > .button {
  height: 24px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  right: 12px;
  text-indent: -500px;
  top: 13px;
  width: 32px;
}
.toc-page-info > .ui-button::after, .toc-page-info > .dark-button::after,
.toc-page-info > .button::after {
  background: url("../images/ui/ui-icons-black.png") 50% -1316px no-repeat;
  content: "";
  height: 24px;
  left: 4px;
  position: absolute;
  top: 0;
  width: 24px;
}
.toc-page-info .toc-page-info-details {
  border-bottom: 0;
  clear: left;
  color: #333131;
  font-size: 1.2rem;
  font-weight: 300;
  line-height: 1.3;
  margin-left: -12px;
  padding: 12px;
  width: 100%;
}

/*---------------[ =Paragraphs and Paragraph Controls ]---------------*/
.portfolio-paragraph {
  padding-bottom: 6px;
  position: relative;
}
.portfolio-paragraph .journal-entries {
  overflow: auto;
}
.portfolio-paragraph.portfolio-paragraph-inline {
  display: inline-block;
}
.portfolio-paragraph.portfolio-paragraph-inline:hover, .portfolio-paragraph.portfolio-paragraph-inline:focus {
  border-top: 0;
  margin-left: -24px;
  margin-top: 0;
  padding: 0 0 6px 24px;
  width: auto;
}
.portfolio-paragraph .ui-button, .portfolio-paragraph .dark-button,
.portfolio-paragraph .button {
  height: 20px;
  line-height: 1.54;
  margin: 5px 5px 0 0;
  padding: 0 8px;
}
.portfolio-paragraph > .portfolio-frame {
  overflow: hidden;
}

.paragraph-text {
  overflow: hidden;
}
.paragraph-text table {
  border-collapse: separate;
}
.paragraph-text img {
  border-style: solid;
  border-width: 0;
  box-sizing: border-box;
  height: auto;
  max-width: 100%;
}

.portfolio-paragraph-media > * {
  margin: 0 !important;
}
.portfolio-paragraph-media.video-30p > * {
  max-width: 427px;
}
.portfolio-paragraph-media.video-240p > * {
  max-width: 427px;
}
.portfolio-paragraph-media.video-360p > * {
  max-width: 640px;
}
.portfolio-paragraph-media.video-480p > * {
  max-width: 853px;
}
.portfolio-paragraph-media.video-720p > * {
  max-width: 1280px;
}
.portfolio-paragraph-media a.artifact-display-changer {
  background-color: #2e4e77;
  border: 1px solid #254166;
  box-shadow: inset 0 0 2px rgba(211, 210, 206, 0.75);
  color: #fff;
  display: block;
  font-size: 1rem;
  font-weight: 500;
  height: 20px;
  line-height: 2;
  padding: 0 5px;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
  text-transform: uppercase;
  transition: background 0.3s ease;
  width: auto;
}
.portfolio-paragraph-media a.artifact-display-changer:hover, .portfolio-paragraph-media a.artifact-display-changer:focus {
  background: #333131;
  color: #fff;
}

/* Video Commenting */
.video-toolbar {
  margin: 12px 0;
  width: 100%;
}
.video-toolbar > button {
  float: none !important;
}

.video-new-comment {
  border: 1px solid #efefef;
  border-radius: 5px;
  margin: 12px 0;
  padding: 18px 12px 12px;
  width: 454px;
}
.video-new-comment .ui-button, .video-new-comment .dark-button,
.video-new-comment .button {
  float: none;
  margin: 2px;
}

.video-comments.messages-block {
  width: 480px;
}

.portfolio-paragraph-thumbnail {
  background: none;
  border: 0;
  margin: 0 6px 6px 0;
  text-align: left;
}
.portfolio-paragraph-thumbnail.portfolio-paragraph-artifact a {
  background: transparent;
  border: 2px solid transparent;
  display: block;
  height: auto;
  padding: 0;
}
.portfolio-paragraph-thumbnail.portfolio-paragraph-artifact a::before {
  display: none;
}
.portfolio-paragraph-thumbnail.portfolio-paragraph-artifact a:hover, .portfolio-paragraph-thumbnail.portfolio-paragraph-artifact a:focus {
  border: 2px solid #000;
}
.portfolio-paragraph-thumbnail.portfolio-paragraph-artifact a img {
  display: block;
  height: auto;
  max-width: 100%;
}

.portfolio-paragraph-link, .portfolio-paragraph-artifact,
.portfolio-paragraph-form {
  box-shadow: inset 0 0 2px rgba(255, 255, 255, 0.9);
  display: block;
  font-size: 1.2rem;
  position: relative;
}

.portfolio-paragraph-link::before {
  background: #6d6c6a;
  border-radius: 7px;
  color: #fff;
  content: "Go to page →";
  display: inline-block;
  font-size: 1rem;
  line-height: 1.4;
  margin: 0 6px;
  padding: 0 5px;
  text-transform: uppercase;
}
.portfolio-paragraph-link a {
  display: inline-block;
  height: 32px;
  line-height: 2.67;
}

.changed.paragraph-deleted .artifact,
.changed.paragraph-deleted .artifact:hover,
.changed.paragraph-deleted .paragraph-text:not(:empty),
.changed.paragraph-deleted .journal-entries,
.changed.paragraph-deleted .portfolio-paragraph-link {
  background: rgba(216, 28, 28, 0.1);
  border: 2px solid #d81c1c;
}
.changed.paragraph-deleted .artifact .table-striped tbody tr:nth-child(odd) td,
.changed.paragraph-deleted .artifact .table-striped tbody tr:nth-child(odd) th,
.changed.paragraph-deleted .artifact .table tr:hover > td,
.changed.paragraph-deleted .artifact:hover .table-striped tbody tr:nth-child(odd) td,
.changed.paragraph-deleted .artifact:hover .table-striped tbody tr:nth-child(odd) th,
.changed.paragraph-deleted .artifact:hover .table tr:hover > td,
.changed.paragraph-deleted .paragraph-text:not(:empty) .table-striped tbody tr:nth-child(odd) td,
.changed.paragraph-deleted .paragraph-text:not(:empty) .table-striped tbody tr:nth-child(odd) th,
.changed.paragraph-deleted .paragraph-text:not(:empty) .table tr:hover > td,
.changed.paragraph-deleted .journal-entries .table-striped tbody tr:nth-child(odd) td,
.changed.paragraph-deleted .journal-entries .table-striped tbody tr:nth-child(odd) th,
.changed.paragraph-deleted .journal-entries .table tr:hover > td,
.changed.paragraph-deleted .portfolio-paragraph-link .table-striped tbody tr:nth-child(odd) td,
.changed.paragraph-deleted .portfolio-paragraph-link .table-striped tbody tr:nth-child(odd) th,
.changed.paragraph-deleted .portfolio-paragraph-link .table tr:hover > td {
  background: rgba(216, 28, 28, 0.1);
}
.changed.paragraph-deleted .artifact-thumbnail,
.changed.paragraph-deleted .artifact-thumbnail:hover {
  display: inline-block;
}
.changed.paragraph-changed .artifact,
.changed.paragraph-changed .artifact:hover,
.changed.paragraph-changed .paragraph-text:not(:empty),
.changed.paragraph-changed .journal-entries,
.changed.paragraph-changed .portfolio-paragraph-link {
  background: #ffc38e;
  border: 2px solid #ffa500;
}
.changed.paragraph-changed .artifact .table-striped tbody tr:nth-child(odd) td,
.changed.paragraph-changed .artifact .table-striped tbody tr:nth-child(odd) th,
.changed.paragraph-changed .artifact .table tr:hover > td,
.changed.paragraph-changed .artifact:hover .table-striped tbody tr:nth-child(odd) td,
.changed.paragraph-changed .artifact:hover .table-striped tbody tr:nth-child(odd) th,
.changed.paragraph-changed .artifact:hover .table tr:hover > td,
.changed.paragraph-changed .paragraph-text:not(:empty) .table-striped tbody tr:nth-child(odd) td,
.changed.paragraph-changed .paragraph-text:not(:empty) .table-striped tbody tr:nth-child(odd) th,
.changed.paragraph-changed .paragraph-text:not(:empty) .table tr:hover > td,
.changed.paragraph-changed .journal-entries .table-striped tbody tr:nth-child(odd) td,
.changed.paragraph-changed .journal-entries .table-striped tbody tr:nth-child(odd) th,
.changed.paragraph-changed .journal-entries .table tr:hover > td,
.changed.paragraph-changed .portfolio-paragraph-link .table-striped tbody tr:nth-child(odd) td,
.changed.paragraph-changed .portfolio-paragraph-link .table-striped tbody tr:nth-child(odd) th,
.changed.paragraph-changed .portfolio-paragraph-link .table tr:hover > td {
  background: #ffc38e;
}
.changed.paragraph-changed .artifact-thumbnail,
.changed.paragraph-changed .artifact-thumbnail:hover {
  display: inline-block;
}
.changed.paragraph-added .artifact,
.changed.paragraph-added .artifact:hover,
.changed.paragraph-added .paragraph-text:not(:empty),
.changed.paragraph-added .journal-entries,
.changed.paragraph-added .portfolio-paragraph-link {
  background: rgba(51, 153, 51, 0.1);
  border: 2px solid #93c49f;
}
.changed.paragraph-added .artifact .table-striped tbody tr:nth-child(odd) td,
.changed.paragraph-added .artifact .table-striped tbody tr:nth-child(odd) th,
.changed.paragraph-added .artifact .table tr:hover > td,
.changed.paragraph-added .artifact:hover .table-striped tbody tr:nth-child(odd) td,
.changed.paragraph-added .artifact:hover .table-striped tbody tr:nth-child(odd) th,
.changed.paragraph-added .artifact:hover .table tr:hover > td,
.changed.paragraph-added .paragraph-text:not(:empty) .table-striped tbody tr:nth-child(odd) td,
.changed.paragraph-added .paragraph-text:not(:empty) .table-striped tbody tr:nth-child(odd) th,
.changed.paragraph-added .paragraph-text:not(:empty) .table tr:hover > td,
.changed.paragraph-added .journal-entries .table-striped tbody tr:nth-child(odd) td,
.changed.paragraph-added .journal-entries .table-striped tbody tr:nth-child(odd) th,
.changed.paragraph-added .journal-entries .table tr:hover > td,
.changed.paragraph-added .portfolio-paragraph-link .table-striped tbody tr:nth-child(odd) td,
.changed.paragraph-added .portfolio-paragraph-link .table-striped tbody tr:nth-child(odd) th,
.changed.paragraph-added .portfolio-paragraph-link .table tr:hover > td {
  background: rgba(51, 153, 51, 0.1);
}
.changed.paragraph-added .artifact-thumbnail,
.changed.paragraph-added .artifact-thumbnail:hover {
  display: inline-block;
}

.diff--added {
  background: rgba(51, 153, 51, 0.1);
  color: #393;
  text-decoration: none;
}

.diff--deleted {
  background: rgba(216, 28, 28, 0.1);
  color: #d81c1c;
}

/* Basic Content Format Restoration */
.portfolio-paragraph ul, .portfolio-paragraph .content-nav-bar > ul li, .content-nav-bar > ul .portfolio-paragraph li,
.portfolio-frame-question ul,
.portfolio-frame-question .content-nav-bar > ul li,
.content-nav-bar > ul .portfolio-frame-question li,
.portfolio-frame-instructions ul,
.portfolio-frame-instructions .content-nav-bar > ul li,
.content-nav-bar > ul .portfolio-frame-instructions li {
  list-style-type: disc;
  padding-left: 40px;
}

.portfolio-paragraph ul.toolbar-tools, .portfolio-paragraph .content-nav-bar > ul li.toolbar-tools, .content-nav-bar > ul .portfolio-paragraph li.toolbar-tools,
.portfolio-paragraph ul.toolbar-tools ul,
.portfolio-paragraph .content-nav-bar > ul li.toolbar-tools ul,
.content-nav-bar > ul .portfolio-paragraph li.toolbar-tools ul,
.portfolio-paragraph ul.toolbar-tools .content-nav-bar > ul li,
.content-nav-bar > ul .portfolio-paragraph ul.toolbar-tools li,
.portfolio-paragraph .content-nav-bar > ul li.toolbar-tools li,
.content-nav-bar > ul .portfolio-paragraph li.toolbar-tools li,
.portfolio-paragraph .object-list {
  list-style: none;
  padding-left: 0;
}

.portfolio-paragraph ol,
.portfolio-frame-question ol,
.portfolio-frame-instructions ol {
  list-style-position: outside;
  padding-left: 40px;
}

/* Content Creation in Portfolios */
/* Extends .content-toolbar */
#DIV_EditPage {
  z-index: auto;
}

.portfolio-content-controls {
  height: 24px;
  margin: 0;
}
.portfolio-content-controls.default-controls, .portfolio-content-controls.expanded {
  height: 24px;
  margin: 12px 0;
}
.portfolio-content-controls::after {
  display: none;
}
.portfolio-content-controls.expanded::after {
  display: block;
}
.portfolio-content-controls.fixed {
  margin: 0;
  position: fixed;
  top: 0;
  z-index: 1000;
}
.portfolio-content > .portfolio-content-controls {
  bottom: auto;
  position: relative;
}

html {
  font-family: "Open Sans", sans-serif;
}

.wrapper {
  background: #fff;
  margin-left: 300px;
  margin-top: 100px;
  padding: 40px 0;
}

.content-add-insertion {
  background: linear-gradient(to right, rgba(74, 144, 226, 0) 0%, rgba(255, 255, 255, 0) 100%);
  border: 0;
  border-bottom: 1px dotted #000;
  color: #000;
  cursor: pointer;
  display: block;
  font-size: 16px;
  line-height: 48px;
  margin: 0 0 1rem -40px;
  overflow: visible;
  padding: 0 0 0 40px;
  position: relative;
  text-align: left;
  transition: background-color 0.4s;
  width: 100%;
}

.content-add-insertion::before {
  background-color: #000;
  border: 10px solid #000;
  border-bottom-left-radius: 100%;
  border-top-left-radius: 100%;
  border-top-right-radius: 100%;
  bottom: -1px;
  color: #fff;
  content: "+";
  display: block;
  font-size: 24px;
  height: 28px;
  left: -24px;
  line-height: 28px;
  position: absolute;
  text-align: center;
  transition: border-color 0.2s, background-color 0.5s, transform 0.5s;
  width: 28px;
}

.content-add-insertion + .portfolio-paragraph {
  opacity: 0.6;
}

.content-add-insertion:hover {
  background: linear-gradient(to right, rgba(74, 144, 226, 0.2) 0%, rgba(255, 255, 255, 0) 100%);
  border-bottom: 1px solid transparent;
}

.content-add-insertion:hover::before {
  background-color: #4a90e2;
  border-color: #fff;
  color: transparent;
  transform: rotate(-45deg);
}

.portfolio-content-controls.expanded:hover,
.portfolio-content-controls.expanded:focus {
  background: none;
}

.portfolio-content-controls .content-tools {
  display: none;
  overflow: hidden;
}

.portfolio-content-controls.expanded .content-tools {
  display: inline-block;
}

.default-controls li {
  opacity: 0.7;
}

.default-controls:hover li {
  opacity: 1;
}

a.content-cancel {
  color: #c00;
}

/* Comment Hover Triggers */
.regularCommentListContainer {
  margin-bottom: 6px;
  overflow: hidden;
}
.portfolio-work .regularCommentListContainer {
  margin-left: 44px;
}
.regularCommentListContainer .btnMessage {
  background: url("../images/ui/ui-icons-black.png") 0 -1478px no-repeat;
  color: #6d6c6a;
  cursor: default;
  float: left;
  font-size: 1rem;
  font-weight: 500;
  height: 18px;
  line-height: 1.8;
  margin-right: 12px;
  opacity: 0.7;
  padding-left: 20px;
  position: relative;
}
.regularCommentListContainer:hover, .regularCommentListContainer:focus {
  color: #000;
  opacity: 1;
}

.portfolio-content:focus,
.page-paragraph-content:focus,
.page-paragraphs:focus,
.portfolio-paragraph:focus {
  outline: none;
}

.page-paragraph-content .messages-block,
.EpFooter {
  border-top: 1px solid #94938f;
  margin-top: 2.4rem;
  padding: 12px;
}

.portfolio--enhanced-ui .page-paragraph-content {
  margin-top: 30px;
}

.page-paragraph-content__header {
  align-items: baseline;
}

.EpFooter {
  color: #666;
}

/* Portfolio Editing */
.theme-current-block {
  text-align: center;
}

/* Video iFrame */
.video-iframe {
  max-width: 100%;
}

/*#region NEW Editor Controls and Styling */
.portfolio-content-controls.default-controls {
  height: auto;
  margin-right: 2.2rem;
}

.portfolio-content-controls [data-toggle] {
  background: #2d2e2e;
  box-sizing: border-box;
  color: #fff;
  display: block;
  font-size: 1.3rem;
  height: 44px;
  line-height: 44px;
  margin-left: -67px;
  padding: 0 44px 0 67px;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  width: 300px;
}

.portfolio-content-controls.fixed [data-toggle] {
  margin-bottom: 0;
}

/*fix for old editor*/
.col-detail .portfolio-content-controls [data-toggle] {
  margin-left: 0;
}

.portfolio-content-controls.open [data-toggle],
.portfolio-content-controls [data-toggle]:hover,
.portfolio-content-controls [data-toggle]:focus {
  background: #7f8c8c;
  color: #fff;
}

.portfolio-content-controls [data-toggle] [class^=icon-] {
  border-right: 1px solid #fff;
  display: block;
  height: 44px;
  left: 0;
  line-height: 44px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 44px;
}

.portfolio-content-controls [data-toggle] [class^=icon-]:last-child {
  border: 0;
  left: auto;
  right: 0;
}

.portfolio-content-controls .dropdown-menu {
  margin-top: 1px;
  width: 255px;
}
.portfolio-content-controls.open {
  z-index: 1000;
}
.portfolio-content-controls.open .dropdown-menu {
  left: -22px;
}

.portfolio-content-controls.toc-menu .dropdown-menu {
  width: auto;
}

/*fix for old editor*/
.col-detail .portfolio-content-controls [data-toggle] {
  margin-left: 11px;
}

.col-detail .portfolio-content-controls.open .dropdown-menu {
  left: 56px;
  margin-top: 1px;
  width: 255px;
}

/***portfolio setup***/
.portfolioSetup .portfolio-title {
  margin-top: 10px;
}
.portfolioSetup .flag {
  box-sizing: border-box;
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.portfolio-page-tags {
  margin-bottom: 2rem;
}
.portfolio-page-tags .tags {
  margin-bottom: 0.4rem;
}

.portfolio-page-tags-mod {
  margin-bottom: 2rem;
}
.portfolio-page-tags-mod .form-field {
  padding-top: 1.4rem;
}
.portfolio-paragraph .portfolio-page-tags-mod .small-button {
  float: none;
  height: auto;
  line-height: 1.17;
  margin: 0;
  padding: 0.4em 0.82em;
}

.portfolio-page-controls .tag-link {
  color: #7f8c8c;
  float: left;
  padding: 9px 9px 0 0;
  text-decoration: none;
}
.portfolio-page-controls .tag-link.has-tags {
  color: #27ae60;
}

.portfolio-paragraph-controls {
  float: left;
  height: 88px;
  margin-left: -90px;
  position: relative;
  width: 67px;
}

.portfolio-work .portfolio-paragraph-controls {
  float: left;
  height: 50px;
  margin-left: 0;
  width: 44px;
}
.portfolio-work .portfolio-paragraph-controls .open .dropdown-menu {
  left: 44px;
}
.portfolio-work .portfolio-paragraph-tags,
.portfolio-work .paragraph-text,
.portfolio-work .portfolio-paragraph-artifact {
  margin-left: 44px;
  overflow: hidden;
}
.portfolio-work .portfolio-paragraph-form,
.portfolio-work .portfolio-paragraph-link {
  margin-left: 44px;
}
.portfolio-work .data-report-wrapper {
  margin-left: 44px;
}
.portfolio-work .data-report-wrapper .data-report-scope {
  margin-top: 0;
}

.paragraph-drag,
.portfolio-paragraph-controls > .paragraph-comment {
  color: #7f8c8c;
  cursor: move;
  display: block;
  font-size: 1.2rem;
  height: 44px;
  left: 0;
  line-height: 44px;
  opacity: 0.5;
  overflow: hidden;
  position: absolute;
  text-align: center;
  top: 0;
  transition: width 0.5s ease;
  white-space: nowrap;
  width: 23px;
  z-index: 1;
}

.portfolio-paragraph-controls > .paragraph-comment {
  cursor: pointer;
  left: 0;
  opacity: 1;
  text-decoration: none;
  width: 44px;
}

.portfolio-paragraph-controls [data-toggle] {
  color: #7f8c8c;
  display: block;
  font-size: 1.6rem;
  height: 44px;
  line-height: 44px;
  overflow: hidden;
  position: absolute;
  right: 0;
  text-align: center;
  text-decoration: none;
  top: 0;
  white-space: nowrap;
  width: 44px;
}

.paragraph-drag [class^=icon-],
.portfolio-paragraph-controls [data-toggle] [class^=icon-] {
  height: 44px;
  line-height: 42px;
}

.paragraph-drag:hover,
.paragraph-drag:focus {
  background: #2d2e2e;
  color: #fff;
  opacity: 1;
  width: 44px;
}

.portfolio-paragraph-controls [data-toggle]:hover,
.portfolio-paragraph-controls [data-toggle]:focus {
  color: #2d2e2e;
}

.portfolio-paragraph-controls .open [data-toggle],
.portfolio-paragraph-controls .open [data-toggle]:hover {
  background: #7f8c8c;
  color: #fff;
}

.portfolio-paragraph-controls .dropdown-menu {
  list-style: none;
  margin-top: 0;
  top: 0;
  width: 255px;
}
.portfolio-paragraph-controls .open .dropdown-menu {
  left: 68px;
}

.portfolio-paragraph {
  margin-bottom: 2.4rem;
}

.portfolio-paragraph + #inlineContainer {
  margin-top: -2.4rem;
}

.col-detail .portfolio-paragraph {
  margin-left: 78px;
}

.portfolio-paragraph-artifact,
.portfolio-paragraph-form,
.portfolio-paragraph-link {
  background-color: transparent;
  display: block;
  font-size: 1.3rem;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
}
.portfolio-paragraph-artifact .artifact,
.portfolio-paragraph-form .artifact,
.portfolio-paragraph-link .artifact {
  background-color: #f0efed;
  max-width: 85%;
  overflow: hidden;
  padding-right: 1.2rem;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
}

.portfolio-paragraph-link {
  background: #f5f5f5;
  border-radius: 22px;
}

.portfolio-paragraph-link a {
  color: #000;
  display: inline-block;
  height: 44px;
  line-height: 44px;
  text-decoration: none;
}
.changed .portfolio-paragraph-link a {
  color: #333131;
}

.portfolio-paragraph-link a::before {
  font-family: "epicons";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  border-right: 1px solid #fff;
  color: #000;
  content: "\e626";
  display: inline-block;
  float: left;
  font-size: 2rem;
  height: 44px;
  line-height: 44px;
  margin-right: 1.2rem;
  text-align: center;
  text-decoration: none;
  text-indent: 2px;
  width: 44px;
}
.changed .portfolio-paragraph-link a::before {
  border-color: #333131;
  color: #333131;
}

/* Artifact (pseudo class icons) */
.artifact {
  position: relative;
}

a.artifact {
  display: inline-block;
  height: 44px;
  line-height: 44px;
  margin-right: 4px;
  padding: 0;
  text-decoration: none;
}

a.artifact:hover,
.portfolio-paragraph-link a:hover,
a.artifact:focus,
.portfolio-paragraph-link a:focus {
  text-decoration: underline;
}

.artifact::before {
  font-family: "epicons";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border-right: 1px solid #fff;
  color: #2d2e2e;
  content: "\e628";
  display: inline-block;
  float: left;
  font-size: 2rem;
  height: 44px;
  line-height: 44px;
  margin-right: 1.2rem;
  position: static;
  text-align: center;
  text-decoration: none;
  width: 44px;
}

.artifact.movable-object::before {
  content: "\e6b3";
}

.artifact-doc::before,
.artifact-docx::before {
  color: #327ebd;
  content: "\e639";
}

.artifact-xls::before,
.artifact-xlsx::before {
  color: #36ae54;
  content: "\e63a";
}

.artifact-ppt::before,
.artifact-pptx::before,
.artifact-pps::before {
  color: #e18026;
  content: "\e63c";
}

.artifact-odt::before,
.artifact-ods::before,
.artifact-odp::before {
  color: #327ebd;
  content: "\e640";
}

.artifact-pdf::before {
  color: #bd3c27;
  content: "\e638";
}

.artifact-txt::before,
.artifact-rtf::before,
.artifact-csv::before {
  content: "\e633";
}

.artifact-jpg::before,
.artifact-jpeg::before,
.artifact-JPG::before,
.artifact-JPEG::before,
.artifact-gif::before,
.artifact-png::before,
.artifact-tif::before,
.artifact-bmap::before,
.artifact-bmp::before,
.artifact-pict::before {
  content: "\e620";
}

.artifact-html::before,
.artifact-swf::before,
.artifact-xml::before {
  content: "\e63d";
}

.artifact-mp3::before,
.artifact-aac::before,
.artifact-wav::before,
.artifact-m4a::before,
.artifact-aif::before,
.artifact-wma::before,
.artifact-mid::before,
.artifact-audio::before {
  content: "\e604";
}

.artifact-mpg::before,
.artifact-mov::before,
.artifact-wmv::before,
.artifact-flv::before,
.artifact-mp4::before,
.artifact-avi::before,
.artifact-video::before {
  content: "\e605";
}

/*Pseudo-artifact*/
.artifact-form::before {
  content: "\e642";
}

/*statuses*/
.artifact-incomplete::before {
  color: #c0392b;
}

.artifact-completed::before {
  color: #27ee60;
}

.portfolio-paragraph .ui-button, .portfolio-paragraph .dark-button,
.portfolio-paragraph .button {
  height: 20px;
  line-height: 1.54;
  margin: 10px 6px 0 0;
  padding: 0 8px;
}

.portfolio-paragraph .DTTT .ui-button, .portfolio-paragraph .DTTT .dark-button,
.portfolio-paragraph .DTTT .button {
  height: auto;
  line-height: 1.17;
  margin: 0 4px 0 0;
  padding: 0.4em 0.82em;
}

/*#endRegion*/
/**********=RESPONSIVE**********/
/***=tablet (768px - 1100px)***/
@media only screen and (min-width: 48em) and (max-width: 69em) {
  .portfolio-content-controls.expanded .icon-button::before {
    left: 11px;
  }

  .portfolio-content-controls.expanded .icon-button {
    overflow: hidden;
    padding: 0;
    text-indent: 100%;
    width: 42px;
  }

  .portfolio-content-controls [data-toggle] {
    margin-left: -44px;
  }

  .portfolio-content-controls.open .dropdown-menu {
    left: 1px;
  }

  .portfolio-paragraph-controls {
    left: auto;
    margin-left: -60px;
    width: 60px;
  }

  .paragraph-drag,
.portfolio-paragraph-controls > .paragraph-comment {
    width: 16px;
  }

  .portfolio-paragraph-controls.open .dropdown-menu {
    left: 61px;
  }

  .portfolioSetup .primary-button {
    margin-bottom: 5px;
  }
}
/***=Mobile (Portrait/Landscape - less than 768px) ***/
@media only screen and (max-width: 47.9375em) {
  /*Portfolios*/
  .portfolio-content-controls [data-toggle] {
    margin-left: -12px;
  }

  .portfolio-content-controls.open .dropdown-menu {
    left: 33px;
  }

  .portfolio-paragraph-controls {
    float: none;
    height: 44px;
    margin-left: 0;
    width: 69px;
  }

  .paragraph-drag,
.portfolio-paragraph-controls > .paragraph-comment {
    width: 29px;
  }

  .portfolio-paragraph-controls .open .dropdown-menu {
    left: 70px;
  }

  .portfolio-completion .submit-button {
    width: 140px;
  }

  .portfolio-completion {
    padding-right: 140px;
  }

  .portfolio-summary {
    width: 100%;
  }

  .portfolio-summary::after {
    display: none;
  }

  .portfolio-page {
    margin: 12px 0;
  }

  .portfolio-submissions li {
    padding-bottom: 6px;
    padding-top: 8px;
  }
}
.message {
  padding: 2.5rem 2.5rem 0 5.5rem;
}
.message .message-body-actions {
  margin-bottom: 15px;
}
.message .message-actions {
  height: auto;
}
.message .message-actions li {
  display: inline-block;
  float: none;
  height: auto;
}

.message__thread .spotlight {
  background: #eaf3f6;
}

.message__header {
  font-size: 1.8rem;
}
.message__header .message__header__subject {
  overflow: hidden;
  text-overflow: ellipsis;
}
.message--new .message__header {
  font-size: 1.5rem;
  font-weight: bold;
}
.message__header .icon-message {
  color: #0470bd;
}
.message__header .icon-message::before {
  content: "\e60d";
}
.message__header .icon-comment {
  color: #17881d;
}
.message__header .icon-comment::before {
  content: "\e615";
}
.message__header .icon-newsletter {
  color: #bd10e0;
}
.message__header .icon-newsletter::before {
  content: "\e601";
}
.message__header .mailbox__actions {
  float: right;
  margin-top: 7px;
}
.message__header .mailbox__actions > li {
  display: inline-block;
}

.message__subject {
  border-bottom: 2px solid #ccc;
  margin-bottom: 1.5rem;
  padding-bottom: 5rem;
}
.message__subject .form-field.oversized {
  margin-bottom: 0;
}

.message__to {
  border: 1px solid #c4c4c4;
  border-width: 1px 1px 0;
  padding: 0.9rem 1.1rem 2.2rem;
}
.message__to label {
  display: inline-block;
  margin-top: 0.8em;
}
.message__to .message__to__txt {
  margin-left: 2.5rem;
}
.message__to .ms-ctn {
  border: 1px solid #c4c4c4;
  border-radius: 4px;
  margin-right: 0.9rem;
}
.message__to .ms-ctn .dropdown-menu {
  background-color: #fff;
  border: 1px solid #c4c4c4;
  border-radius: 4px;
  left: 0;
  margin: 2px 0 0;
  max-width: 100%;
  padding: 5px 0;
  position: absolute;
  top: 100%;
  width: auto;
  z-index: 1000;
}
.message__to .ms-sel-ctn .ms-sel-item {
  background: #0470bd;
  color: #fff;
  font-size: 1.3rem;
}
.message__to .ms-helper {
  background: #fff;
  padding: 0 3px;
}

.message__meta {
  padding-top: 1.5rem;
}

.message__body {
  border-bottom: 2px solid #ccc;
  padding: 2rem 0 3rem;
}

.message__reply .mce-panel {
  box-sizing: border-box;
}

.message__reply__header {
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-width: 1px 1px 0;
  color: #767572;
  font-size: 1.5rem;
  font-weight: bold;
  margin: 0;
  padding: 1.6rem 1.2rem;
}

.message__actions {
  margin-top: 1.4rem;
}

.msg-peek {
  background: url("../images/ui/peek-arrow.png") 50% 0 no-repeat #fff;
  margin-left: 1.2rem;
  margin-top: -16px;
  padding-top: 16px;
}

.msg-peek__header {
  background: #232323;
  color: #fff;
  padding: 1.2rem;
  position: relative;
}
.msg-peek__header h2 {
  font-size: 1.3rem;
  font-weight: bold;
  margin: 0;
  text-align: center;
}
.msg-peek__header a {
  color: #fff;
  font-size: 1rem;
  position: absolute;
  right: 8px;
  text-decoration: none;
  top: 6px;
}

.msg-peek__body {
  background: #fff;
  border: 1px solid #c4c4c4;
  border-width: 0 1px;
}
.msg-peek__body .notification-panel {
  border-bottom: 1px solid #e7e6e4;
  border-radius: 0;
  margin: 0;
}

.msg-peek__message {
  border-bottom: 1px solid #e7e6e4;
  cursor: pointer;
  padding: 1.2rem;
  border-left: 5px solid #0470bd;
}
.msg-peek__message:hover, .is-unread .msg-peek__message:hover {
  background-color: #f4f4f4;
}

.msg-peek__comment {
  border-bottom: 1px solid #e7e6e4;
  cursor: pointer;
  padding: 1.2rem;
  border-left: 5px solid #17881d;
}
.msg-peek__comment:hover, .is-unread .msg-peek__comment:hover {
  background-color: #f4f4f4;
}

.msg-peek__newsletter {
  border-bottom: 1px solid #e7e6e4;
  cursor: pointer;
  padding: 1.2rem;
  border-left: 5px solid #bd10e0;
}
.msg-peek__newsletter:hover, .is-unread .msg-peek__newsletter:hover {
  background-color: #f4f4f4;
}

.msg-peek__system_notification {
  border-bottom: 1px solid #e7e6e4;
  cursor: pointer;
  padding: 1.2rem;
}
.msg-peek__system_notification:hover, .is-unread .msg-peek__system_notification:hover {
  background-color: #f4f4f4;
}
.is-unread .msg-peek__system_notification {
  background-color: #eaf3f6;
}

.msg-peek__msg__header {
  position: relative;
}
.msg-peek__msg__header h3 {
  font-size: 1.4rem;
  font-weight: normal;
}
.is-unread .msg-peek__msg__header h3, .msg-peek__system_notification .msg-peek__msg__header h3 {
  font-weight: bold;
}
.msg-peek__msg__header .timeago {
  color: #767572;
  font-size: 1.2rem;
  font-weight: normal;
  position: absolute;
  right: 0;
  top: 0;
}
.is-unread .msg-peek__msg__header .timeago, .msg-peek__system_notification .msg-peek__msg__header .timeago {
  font-weight: bold;
}

.msg-peek__footer {
  background-color: #fff;
  border: 1px solid #c4c4c4;
  border-width: 0 1px 1px;
  padding: 0.9rem 1.6rem 1.2rem;
}
.msg-peek__footer a {
  font-size: 1.1rem;
}

/*****=notifications*****/
.notifications-wrap .dataTables_info {
  float: none;
  text-align: right;
}
.notifications-wrap .list-page-nav .dataTables_info {
  color: #2d2e2e;
  float: right;
  padding: 16px 14px 0 0;
}
.notifications-wrap .sort {
  border: 0;
  box-shadow: none;
}

.notification {
  border: 1px solid #c4c4c4;
  margin-bottom: 1.5rem;
  padding: 1rem 2rem 1.5rem;
}
.notification.is-unread {
  background-color: #eaf3f6;
}

.notification__title {
  font-size: 1.4rem;
  font-weight: bold;
  margin-bottom: 0.4em;
}

.notification__date,
.notification__delete {
  font-weight: bold;
  vertical-align: middle;
}

.notification__delete {
  margin-left: 2.2rem;
}

.notification__summary {
  margin-bottom: 1.25em;
  padding-right: 3.5rem;
}

.notification__actions a,
.notification__actions .ui-button,
.notification__actions .dark-button,
.notification__actions .button {
  margin-right: 0.5rem;
}

/* ===============================================================[ =Message Block (ep4) ]========== */
.hidden {
  display: none;
}

.messages-block,
#messages-block {
  background: #fff;
  margin: 15px 0 0;
  padding: 15px 12px 0;
}

.messages-block {
  background: #fff;
  border-bottom: 1px solid #e5e5e1;
  margin: 0 0 15px -12px;
  overflow: auto;
  padding: 0 12px 15px;
  width: 100%;
}
.portfolio-work .messages-block {
  margin-left: 0;
  width: auto;
}
.messages-block ul, .messages-block .content-nav-bar > ul li, .content-nav-bar > ul .messages-block li {
  list-style: none;
  margin: 0 0 0 24px;
  padding: 0;
}
.messages-block > ul, .content-nav-bar > ul .messages-block > li {
  margin-left: 0;
}
.messages-block .message {
  background: #fff;
  border-bottom: 1px solid #e5e5e1;
  box-sizing: border-box;
  margin: 0 0 15px -12px;
  overflow: auto;
  padding: 0 12px 15px;
  width: 100%;
}
.messages-block .message blockquote {
  background: url("../images/layout/layout-blockquote-bg.png");
  border: 1px solid #d3d2ce;
  box-shadow: inset 0 0 2px rgba(211, 210, 206, 0.75);
  color: #333131;
  display: block;
  font-size: 1.2rem;
  font-weight: 500;
  margin: 15px 0 0;
  padding: 12px;
}
.messages-block .message blockquote.message-grammar, .messages-block .message blockquote.message-Grammar {
  background-color: #def2c2;
  border-color: #aacc7a;
}
.messages-block .message blockquote.message-spelling, .messages-block .message blockquote.message-Spelling {
  background-color: #ffd9db;
  border-color: #de5959;
}
.messages-block .message blockquote.message-spelling, .messages-block .message blockquote.message-Audio {
  background-color: #afdfe5;
  border-color: #93c5cc;
}
.messages-block .message blockquote.message-spelling, .messages-block .message blockquote.message-Normal {
  background-color: #fcee33;
  border-color: #e5d822;
}
.messages-block.thread-view .message {
  border: 1px solid #c2c1bc;
  border-radius: 5px;
  margin: 0 0 15px;
  padding: 15px 12px;
  width: auto;
}

.message-response {
  border-bottom: 0;
  border-top: 1px solid #e1f3fa;
  margin: 15px 0 0;
  padding: 15px 0 0 24px;
  width: auto;
}
.message-response:first-child {
  border: 0;
  margin-top: 0;
  padding-top: 0;
}
.thread-view .message-response {
  background: #f5f5f5;
  border: 1px solid #e5e5e1;
  margin: 0 0 15px;
  padding: 15px 12px;
  width: auto;
}

.message-header {
  height: 24px;
  margin: 0 0 12px;
  width: 100%;
}

.message-author {
  color: #a8a7a3;
  float: left;
  font-size: 1.2rem;
  font-weight: 300;
  height: 24px;
  line-height: 2;
  margin-left: -12px;
}
.message-author h3, .ept-body .message-author h3 {
  background: url("../images/layout/layout-name-bar.png") no-repeat 0 0;
  color: #333131;
  float: left;
  font-size: 1.2rem;
  font-weight: 700;
  height: 24px;
  line-height: 2;
  margin: 0 6px 0 0;
  padding: 0 6px 0 16px;
}

ul.message-actions, .content-nav-bar > ul li.message-actions {
  float: right;
  height: 20px;
  list-style-type: none;
  margin: 2px 0 0;
  padding: 0;
}
.message-body-actions ul.message-actions, .message-body-actions .content-nav-bar > ul li.message-actions, .content-nav-bar > ul .message-body-actions li.message-actions {
  float: none;
  margin: 0;
}
ul.message-actions li, .content-nav-bar > ul li.message-actions li {
  float: left;
  height: 20px;
  margin-left: 6px;
}
ul.message-actions a, .content-nav-bar > ul li.message-actions a {
  background-color: #c2c1bc;
  border: 1px solid #a8a7a3;
  border-radius: 5px;
  box-shadow: inset 0 0 2px rgba(211, 210, 206, 0.85);
  color: #fff;
  display: block;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1;
  margin: 0;
  opacity: 0.65;
  padding: 5px 8px;
  text-decoration: none;
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
  transition: background 0.3s ease;
}
.message-header:hover ul.message-actions a, .message-header:hover .content-nav-bar > ul li.message-actions a, .content-nav-bar > ul .message-header:hover li.message-actions a {
  opacity: 1;
}
ul.message-actions a:hover, .content-nav-bar > ul li.message-actions a:hover {
  background-color: #6d6c6a;
  border-color: #333131;
}

.message-body pre {
  font-family: museo-sans-1, sans-serif;
}

.message-body-actions {
  display: block;
  margin: 15px 0 0;
}
.message-body-actions ul.message-actions a, .message-body-actions .content-nav-bar > ul li.message-actions a, .content-nav-bar > ul .message-body-actions li.message-actions a {
  background-color: #2a76b0;
  border: 1px solid #2e4e77;
  border-radius: 5px;
  box-shadow: inset 0 0 2px rgba(211, 210, 206, 0.85);
  color: #fff;
  display: block;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1;
  margin: 0;
  opacity: 0.85;
  padding: 6px 9px;
  text-decoration: none;
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
  transition: background 0.3s ease;
}
.message-body-actions ul.message-actions a:hover, .message-body-actions .content-nav-bar > ul li.message-actions a:hover, .content-nav-bar > ul .message-body-actions li.message-actions a:hover {
  background-color: #6d6c6a;
  border-color: #333131;
  opacity: 1;
}

/*/////////////////////////////////////////////////////*/
/*------------------------------------------------------[ =Inbox Rows ]--*/
.message-row-sgpublic {
  background-color: #ddfefe;
}

.message-row-sgprivate {
  background-color: #b8d0dd;
}

.message-row-assesscomment {
  background-color: #e2ffe6;
}

.message-row-system {
  background-color: #ffb287;
}

.message-row-newsletter {
  background-color: #faecff;
}

.message-row-newsflash {
  background-color: #ffe1f0;
}

.message-row-invitation {
  background-color: #f8f087;
}

.message-row-rubcomment {
  background-color: #b5e2b3;
}

/* ------------------------------------------------------------------[ Commenting Related ]--------*/
/* Classes for highlights in body text */
.cmtNormal {
  background: #fcee33;
}

.cmtSpelling {
  background: #f2b6b6;
}

.cmtGrammar {
  background: #cae048;
}

.cmtAudio {
  background: #afdfe5;
}

.cmtNonJS {
  background: #e3e5e4;
}

.cmtNormal,
.cmtSpelling,
.cmtGrammar,
.cmtAudio,
.cmtNonJS {
  color: #000;
  padding: 3px 1px;
}

.cmtNormal:hover,
.cmtSpelling:hover,
.cmtGrammar:hover,
.cmtAudio:hover,
.cmtNonJS:hover {
  cursor: pointer;
}

.paragraph-preview .cmtNormal:hover,
.paragraph-preview .cmtSpelling:hover,
.paragraph-preview .cmtGrammar:hover,
.paragraph-preview .cmtAudio:hover,
.paragraph-preview .cmtNonJS:hover {
  cursor: default;
}

/* Advanced Commenting Toggle (<span> wrapper) */
.advanced-commenting {
  background: #c2c1bc url("../images/layout/layout-box-bg-med.png");
  display: none;
  /*todo: get rid of this checkbox altogether since we're gonna permanently leave it and comment buttons enabled*/
  font-family: museo-sans-1, sans-serif;
  height: 24px;
  margin: 0 0 15px;
  padding: 0 6px;
}
.advanced-commenting input {
  float: left;
  margin: 6px 0 0;
  padding: 0;
}
.advanced-commenting label,
.advanced-commenting input[type=checkbox] + label {
  color: #333131;
  display: inline-block;
  font-size: 1.2rem;
  font-weight: 500;
  height: 24px;
  line-height: 2;
  margin: 0;
  padding: 0 0 0 6px;
  text-shadow: 0 0 2px #fff;
}

/*-------------------------------------------------------------------[ Preview Rollover Box Styles ]----------*/
#message-popup {
  background: #fff;
  border: 1px solid #6d6c6a;
  border-radius: 5px;
  font-family: museo-sans-1, sans-serif;
  padding: 15px 12px 0;
  position: absolute;
  width: 300px;
  z-index: 999;
}

/**********=TYPOGRAPHY EXTENSIONS**********/
/*#region HeadingExtensions */
h1 .required,
h2 .required,
h3.required,
h1 .updated,
h2 .updated,
h3.updated,
h1 .visible,
h2 .visible,
h3.visible {
  background-position: 0 0;
}

.standard-grey {
  color: #6B7676;
}

/***=content header h1***/
.content-header > h1 {
  color: #333131;
  font-size: 1.2rem;
  font-weight: 700;
  margin: 0;
  overflow: hidden;
  padding: 0.34em 2.1em 0.42em 0;
  text-indent: 0.5em;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/*=content header icons*/
.col-master.portfolio .content-header > h1::before,
.col-detail.portfolio .content-header > h1::before,
.col-master.manual .content-header > h1::before,
.col-master.assessment .content-header > h1::before,
.col-detail.manual .content-header > h1::before,
.col-master.form .content-header > h1::before,
.col-detail.form .content-header > h1::before {
  background: url("../images/ui/ui-icons-black.png") 50% -36px no-repeat;
  border-right: 1px solid #fff;
  content: "";
  float: left;
  height: 24px;
  margin-right: 0;
  width: 24px;
}

.col-detail.portfolio .content-header > h1::before {
  background-position: 50% -644px;
}

.col-master.manual .content-header > h1::before {
  background-position: 50% -836px;
}

.col-master.assessment .content-header > h1::before,
.col-detail.manual .content-header > h1::before {
  background-position: 50% -708px;
}

.col-master.form .content-header > h1::before {
  background-position: 50% -836px;
}

.col-detail.form .content-header > h1::before {
  background-position: 50% -1380px;
}

/* Overrides */
.col-detail.portfolio div.col-header > h1 {
  float: left;
}

/***=master list heading***/
.master-list-heading {
  background: #fff;
  color: #2d2e2e;
  font-size: 2rem;
  font-weight: 300;
  margin: 0;
  padding: 0.6em 0;
  position: relative;
}
.master-list-heading input[type=checkbox] {
  vertical-align: middle;
}
.master-list-heading label {
  color: #7f8c8c;
  font-size: 1.2rem;
  font-weight: 500;
  vertical-align: middle;
}
.master-list-heading > a {
  border-radius: 0;
  position: absolute;
  right: 0;
  top: 2px;
}
.master-list-heading.include-inactive {
  background: transparent;
  height: auto;
  padding: 0.25em 0.75em;
  text-transform: none;
}

.text-lowercase {
  text-transform: lowercase;
}

.text-uppercase {
  text-transform: uppercase;
}

.text-capitalize {
  text-transform: capitalize;
}

/***=type headings (extends headings)***/
.type-heading {
  background-image: url("../images/ui/ui-icons-black.png");
  background-repeat: no-repeat;
  padding-left: 2.34em;
}
.type-heading.master-list-heading {
  background-image: url("../images/ui/ui-icons-white.png");
}

.heading-upcoming {
  background-position: 5px -96px;
}

.heading-courses {
  background-position: 5px -768px;
}

.heading-comments {
  background-position: 5px -132px;
}

.heading-folders {
  background-position: 5px -516px;
}

.heading-toc {
  background-position: 5px -612px;
}

.heading-page {
  background-position: 5px -644px;
}

.heading-mailboxes {
  background-position: 5px -1604px;
}

.heading-members {
  background-position: 5px -834px;
}

.heading-inbox {
  background-position: 5px -964px;
}

.heading-security {
  background-position: 5px -1636px;
}

.heading-portfolio {
  background-position: 5px -36px;
}

.heading-advisor {
  background-position: 5px -164px;
}

.heading-assignment-standard {
  background-position: 5px -740px;
}

.heading-assignment-collab {
  background-position: 5px -1284px;
}

.heading-assignment-manual {
  background-position: 5px -2276px;
}

.heading-instrument {
  background-position: 5px -708px;
}

.heading-form {
  background-position: 5px -1156px;
}

.heading-document {
  background-position: 5px -1190px;
}

.highlight {
  background: #ff0;
  color: #000;
}

/*#endregion*/
/**********=TYPOGRAPHY EXTENSIONS (end)**********/
/**********=LIST EXTENSIONS**********/
/*#region ListExtensions */
/***=bulleted list (extends ul)***/
.bulleted-list {
  list-style: disc;
  padding-left: 2.5em;
}
.bulleted-list li {
  margin-bottom: 0.28em;
}

/**=spaced list**/
.list--spaced li {
  margin-bottom: 0.8rem;
}

/***=bordered list***/
.list-group li, .bordered li {
  border: 1px solid #e5e5e1;
}

.bordered li {
  border: 1px solid #e5e5e1;
}

img.bordered {
  border: 1px solid #696969;
}

/***=list group***/
.list-group {
  font-size: 1.6rem;
}
.list-group li {
  margin-bottom: -0.1rem;
  padding: 1.2rem 2rem;
}
.list-group li:first-child {
  border-radius: 0.4rem 0.4rem 0 0;
}
.list-group li:last-child {
  border-radius: 0 0 0.4rem 0.4rem;
}
.tag-report-wrap .list-group li a {
  display: inline-block;
  max-width: 80%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tag-report-wrap .list-group li .flag.score {
  margin-top: 0.4rem;
}

.list-group--squared li:first-child, .list-group--squared li:last-child {
  border-radius: 0;
}
.list-group--squared .card {
  border-radius: 0;
}

/***=collapsible list***/
.collapsible-list .toggle-panel--cl {
  border-bottom: 1px solid #d7d7d7;
  margin: 0;
  padding: 9px 0;
}
.collapsible-list .toggle-panel--cl:last-child {
  border-bottom: 0;
}
.collapsible-list .toggle-panel-heading--cl {
  background: none;
  border: 0;
  min-height: 0;
}
.collapsible-list .toggle-panel-arrow--cl {
  float: none;
  margin-right: 3px;
}
.collapsible-list .toggle-panel__name {
  padding: 4px 0 0;
}
.collapsible-list .toggle-panel__name [class^=icon-]:not(.icon-button),
.collapsible-list .toggle-panel__name [class*=" icon-"]:not(.icon-button) {
  margin-right: 7px;
}
.collapsible-list .toggle-panel__desc {
  border: 0;
  margin: 0;
  padding: 0;
}
.collapsible-list .toggle-panel__desc > * {
  display: none;
}
.collapsible-list .toggle-panel__desc.toggle-open {
  background: url("../images/layout/layout-box-shadow-top.png") 0 0 repeat-x;
  border: 1px solid #d3d2ce;
  border-width: 0 1px 1px;
  display: block;
  margin: 4px 0 4px 24px;
  padding: 17px 12px 12px;
}
.collapsible-list .toggle-panel__props {
  color: #999;
  padding-right: 1.5rem;
}
.collapsible-list .toggle-panel__props li {
  margin-left: 3px;
}
.collapsible-list .toggle-panel__props .flag {
  vertical-align: bottom;
}
.collapsible-list .toggle-panel-content--cl {
  background-image: none;
  margin: 5px 0 0 25px;
  padding: 0;
}

/***=item list ***/
.item-list {
  list-style: none;
  margin: 0;
  min-width: 420px;
}
.item-list li {
  border-radius: 5px;
  font-size: 1.2rem;
  line-height: 1.33;
  margin: 0 0 6px;
  margin-bottom: 0.5rem;
  padding: 7px 12px;
  position: relative;
}
.item-list li.toggle-panel.toggle-open {
  border-color: #6f7a7a;
  padding-top: 1.6rem;
}
.tag-report-wrap .item-list li {
  font-size: 1.4rem;
  margin-bottom: 0.8rem;
}
.item-list > li:nth-child(odd) {
  background: #f5f5f5;
}
.item-list > li:last-child {
  margin-bottom: 0;
}
.item-list a {
  text-decoration: none;
}
.item-list.transparent > li:nth-child(odd) {
  background: transparent;
}

/***=survey/group list***/
.survey-list li,
.group-list li {
  padding-left: 28px;
}
.survey-list li::before,
.group-list li::before {
  background: transparent url("../images/ui/ui-icons-black.png") 50% -1154px no-repeat;
  content: "";
  height: 22px;
  left: 0;
  position: absolute;
  top: 0;
  width: 28px;
}

.group-list li::before {
  background-position: 50% -832px;
}
.group-list li.group-coursegroup::before {
  background-position: 50% -768px;
}

/***=categories (for drill down style lists)***/
.categories {
  height: 475px;
  overflow: auto;
  padding-top: 16px;
}
@media only screen and (max-width: 47.9375em) {
  .categories {
    border-bottom: 1px solid #ccc;
  }
}

.categories-controls {
  border-bottom: 1px solid #efefef;
  padding: 1.1em;
}
.categories-controls input {
  font-size: 1.4rem;
  height: 2.4rem;
  line-height: 2.4rem;
  margin-right: 0.5em;
  vertical-align: middle;
  width: 20rem;
}
.categories-controls button[data-order=asc]::after {
  content: "↑";
  padding-left: 4px;
}
.categories-controls button[data-order=desc]::after {
  content: "↓";
  padding-left: 4px;
}

.category {
  margin-bottom: 2.2rem;
}

.category__title {
  color: #4a4a4a;
  font-size: 1.4rem;
  font-weight: 900;
  margin-bottom: 0.7em;
  padding: 0 1.1em;
  text-transform: uppercase;
}

.category__list {
  font-size: 1.4rem;
}

.category__cat a {
  color: #4a4a4a;
  display: block;
  padding: 0.3em 1.1em;
  text-decoration: none;
}
.category__cat a:hover, .category__cat a.is-selected, .category__cat a.selected {
  background: #2668b5;
  color: #fff;
}

/***=category summary (drill down results)***/
.cat-summary {
  padding: 16px 25px;
}

.cat-summary__title {
  color: #4a4a4a;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 0.3em;
}
.cat-summary__title .ui-button, .cat-summary__title .dark-button,
.cat-summary__title .button {
  margin-left: 25px;
}

.cat-summary__meta {
  color: #666;
  font-size: 1.4rem;
  margin-bottom: 0.8em;
}
.cat-summary__meta a {
  color: #666;
}

.cat-summary__checks {
  color: #333;
  margin-bottom: 1.7em;
  margin-left: -2.4rem;
}

.cat-summary__check {
  margin-left: 2.4rem;
}

/*#endregion*/
/**********=LIST EXTENSIONS (end)**********/
/**********=TABLE EXTENSIONS**********/
/*#region InstrumentEditorTable */
/***=instrument editor table (extends table)***/
.i-edit-table {
  font-size: 1.2rem;
  margin-bottom: 1em;
  width: 100%;
}
.i-edit-table td,
.i-edit-table th {
  border-top: 3px solid #fff;
}
.i-edit-table thead th {
  padding-bottom: 10px;
}
.i-edit-table em {
  color: #757472;
}

/*=perf levels*/
.i-edit-perf-level {
  font-size: 1.4rem;
  min-width: 160px;
  padding: 0 5px 0 0;
  text-align: left;
  vertical-align: top;
  white-space: nowrap;
}
.i-edit-perf-level .action-links {
  top: 4px;
}

/*=score*/
.i-edit-perf-level-score {
  background-color: #fff;
  border: 2px solid #1fa286;
  border-radius: 1.8rem;
  color: #2d2e2e;
  display: inline-block;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 2.67;
  margin: 0 4px 0 0;
  min-width: 3.2rem;
  text-align: center;
}

/*=label*/
.i-edit-perf-level-label {
  color: #2d2e2e;
  font-weight: 100;
  line-height: 2.28;
  padding-top: 3px;
  white-space: normal;
}

/*=criterion name*/
.i-edit-criterion-name,
.i-edit-criterion-name.toggle-panel {
  background: #5bbb61;
  text-align: left;
  vertical-align: top;
  width: 238px;
}
.i-edit-criterion-name h3,
.i-edit-criterion-name.toggle-panel h3 {
  overflow-wrap: break-word;
  word-wrap: break-word;
  color: #fff;
  font-size: 1.4rem;
  font-weight: 100;
  line-height: 1.9;
  margin: -5px 0 0;
  max-width: 216px;
  padding: 0 5px 0 0;
}
.i-edit-criterion-name .mini-score,
.i-edit-criterion-name.toggle-panel .mini-score {
  line-height: 1rem;
}
.i-edit-criterion-name .toggle-panel,
.i-edit-criterion-name.toggle-panel .toggle-panel {
  margin: 0;
}
.i-edit-criterion-name .toggle-panel-content p,
.i-edit-criterion-name.toggle-panel .toggle-panel-content p {
  line-height: 1.2;
}

/*=criterion level*/
.i-edit-criterion-level {
  background: #eef0f1;
  line-height: 1.3;
  vertical-align: top;
}
.i-edit-criterion-level:hover {
  background: #fff;
}
.i-edit-criterion-level .action-links {
  right: 1px;
  top: 1px;
}

.i-edit-criterion-level-name {
  font-size: 1.3rem;
  font-weight: 700;
  margin-top: 0.15em;
}

.i-edit-criterion-level-text {
  clear: left;
  padding-left: 30px;
  padding-top: 0.5em;
}

.i-edit-criterion .equalizer {
  border-right: 1px solid #fff;
}

.i-edit-criterion-wrapper {
  padding: 38px 8px;
}
.i-edit-criterion-wrapper:hover .action-links, .i-edit-criterion-wrapper:focus .action-links {
  display: block;
}

.i-edit-criterion .toggle-panel-content {
  overflow-wrap: break-word;
  word-wrap: break-word;
  font-weight: normal;
  position: relative;
  z-index: 200;
}
.i-edit-criterion .toggle-panel-content em {
  color: #000;
}

/*=edit links*/
.i-edit-links td {
  background: #5bbb61;
  border: 0 !important;
  padding: 8px;
}
.i-edit-links h4,
.i-edit-links p {
  color: #fff;
  font-weight: 300;
}

/*#endregion*/
/***=formula editor (extends i-edit-table/table)***/
.formula-editor {
  /*=criterion name*/
  /*=criterion level*/
}
.formula-editor .i-edit-criterion-wrapper {
  padding: 15px;
}
.formula-editor .i-edit-criterion-wrapper:hover .action-links, .formula-editor .i-edit-criterion-wrapper:focus .action-links {
  display: none;
}
.formula-editor .i-edit-criterion-name .i-edit-criterion-wrapper {
  padding-left: 20px;
}
.formula-editor .i-edit-criterion-name .toggle-panel {
  padding: 40px 0 0 10px;
}
.formula-editor .i-edit-criterion-name:hover .action-links, .formula-editor .i-edit-criterion-name:focus .action-links {
  display: block;
}
.formula-editor .i-edit-criterion-level:hover {
  background: #eef0f1;
}

/***=checklist editor (extends i-edit-table/table)***/
.score-note {
  border: 1px solid rgba(100, 100, 100, 0.5);
  border-radius: 5px;
  display: block;
  font-size: 1.4rem;
  padding: 1em;
}

.checklist-editor {
  /*=criterion name*/
  /*=criterion level*/
}
.checklist-editor .i-edit-criterion-name h3 {
  margin: 0;
}
.checklist-editor .i-edit-criterion-level:hover {
  background: #eef0f1;
}

/***=additive editor (extends i-edit-table/table)***/
.i-edit-na {
  /*=n/a header*/
}
.additive-editor .i-edit-na {
  border-bottom: 0;
  color: #fff;
  padding-bottom: 0;
  vertical-align: bottom;
}
.i-edit-na > * {
  border-bottom: 1px solid #fff;
  padding: 6px 4px;
  text-align: center;
}
.i-edit-na .na-lbl {
  background: #302a2b;
}
.i-edit-na .na-arrow {
  background-color: #8f9b9d;
  font-size: 1.6rem;
}

/*=n/a choice*/
.additive-editor .na-choice {
  text-align: center;
  vertical-align: middle;
}

/**********=TABLE EXTENSIONS (end)**********/
/**********=FORM ELEMENT EXTENSIONS*********/
.input-highlight {
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 0 5px;
}

/**********=FORM ELEMENT EXTENSIONS (end)*********/
/**********=BLOCK EXTENSIONS**********/
/***=simple border (extends block)***/
.simple-border {
  border: 1px solid #e5e5e1;
  margin-bottom: 1.5rem;
  padding: 1.5rem;
}
.simple-border.rounded {
  border-radius: 0.4rem;
}

/***=content panels***/
.content-panel {
  background: #f0f0f1;
  border-radius: 5px;
  margin-bottom: 8px;
  padding: 12px 12px 17px;
}
.content-panel.toggle-panel {
  padding-bottom: 12px;
}
.content-panel.toggle-panel .auto-toggle-setup {
  background: url("../images/ui/ui-toggle-arrow-left.png") no-repeat;
  color: #5b5c5b;
  margin-bottom: 0;
  padding-left: 25px;
}
.content-panel.toggle-panel .auto-toggle-setup:hover {
  color: #000;
}
.content-panel.toggle-panel .auto-toggle-setup.a {
  color: #026dba;
}
.content-panel.toggle-panel .auto-toggle-setup.a:hover {
  color: #2e4e77;
}
.content-panel.toggle-panel.toggle-open > .auto-toggle-setup,
.content-panel.toggle-panel.toggle-open > .line > .auto-toggle-setup {
  background-image: url("../images/ui/ui-toggle-arrow-down.png");
}
.content-panel.toggle-panel .toggle-panel-content {
  padding: 5px 5px 0 25px;
}
.content-panel.toggle-panel .toggle-panel {
  margin: 0;
  padding-left: 0;
  padding-right: 0;
}
.content-panel.toggle-panel .description {
  margin: 5px 5px 10px 25px;
}
.content-panel.toggle-panel .related-crit .h6 {
  color: #7d7d86;
  font-weight: 900;
  text-transform: uppercase;
}
.content-panel.toggle-panel .related-crit .toggle-panel {
  margin-bottom: 12px;
  padding-right: 12px;
}
.content-panel.toggle-panel .related-crit .toggle-panel .data-minibar.tipped-value {
  margin-top: 8px;
}
.content-panel--snug {
  padding: 4px 7px;
}
.content-panel > h3,
.content-panel > p {
  overflow: hidden;
  text-overflow: ellipsis;
}

.content-panel--purple {
  background: #fceeef;
}

/*=bordered panel*/
.bordered-panel {
  background: #f0f0f1;
  border-radius: 5px;
  margin-bottom: 8px;
  padding: 12px 12px 17px;
  border: 1px solid #c2c1c1;
}
.bordered-panel.toggle-panel {
  padding-bottom: 12px;
}
.bordered-panel.toggle-panel .auto-toggle-setup {
  background: url("../images/ui/ui-toggle-arrow-left.png") no-repeat;
  color: #5b5c5b;
  margin-bottom: 0;
  padding-left: 25px;
}
.bordered-panel.toggle-panel .auto-toggle-setup:hover {
  color: #000;
}
.bordered-panel.toggle-panel .auto-toggle-setup.a {
  color: #026dba;
}
.bordered-panel.toggle-panel .auto-toggle-setup.a:hover {
  color: #2e4e77;
}
.bordered-panel.toggle-panel.toggle-open > .auto-toggle-setup,
.bordered-panel.toggle-panel.toggle-open > .line > .auto-toggle-setup {
  background-image: url("../images/ui/ui-toggle-arrow-down.png");
}
.bordered-panel.toggle-panel .toggle-panel-content {
  padding: 5px 5px 0 25px;
}
.bordered-panel.toggle-panel .toggle-panel {
  margin: 0;
  padding-left: 0;
  padding-right: 0;
}
.bordered-panel.toggle-panel .description {
  margin: 5px 5px 10px 25px;
}
.bordered-panel.toggle-panel .related-crit .h6 {
  color: #7d7d86;
  font-weight: 900;
  text-transform: uppercase;
}
.bordered-panel.toggle-panel .related-crit .toggle-panel {
  margin-bottom: 12px;
  padding-right: 12px;
}
.bordered-panel.toggle-panel .related-crit .toggle-panel .data-minibar.tipped-value {
  margin-top: 8px;
}
.bordered-panel--snug {
  padding: 4px 7px;
}
.bordered-panel > h3,
.bordered-panel > p {
  overflow: hidden;
  text-overflow: ellipsis;
}

/*=dark panel*/
.dark-panel {
  background: #f0f0f1;
  border-radius: 5px;
  margin-bottom: 8px;
  padding: 12px 12px 17px;
  background: #49494a;
  color: #fff;
}
.dark-panel.toggle-panel {
  padding-bottom: 12px;
}
.dark-panel.toggle-panel .auto-toggle-setup {
  background: url("../images/ui/ui-toggle-arrow-left.png") no-repeat;
  color: #5b5c5b;
  margin-bottom: 0;
  padding-left: 25px;
}
.dark-panel.toggle-panel .auto-toggle-setup:hover {
  color: #000;
}
.dark-panel.toggle-panel .auto-toggle-setup.a {
  color: #026dba;
}
.dark-panel.toggle-panel .auto-toggle-setup.a:hover {
  color: #2e4e77;
}
.dark-panel.toggle-panel.toggle-open > .auto-toggle-setup,
.dark-panel.toggle-panel.toggle-open > .line > .auto-toggle-setup {
  background-image: url("../images/ui/ui-toggle-arrow-down.png");
}
.dark-panel.toggle-panel .toggle-panel-content {
  padding: 5px 5px 0 25px;
}
.dark-panel.toggle-panel .toggle-panel {
  margin: 0;
  padding-left: 0;
  padding-right: 0;
}
.dark-panel.toggle-panel .description {
  margin: 5px 5px 10px 25px;
}
.dark-panel.toggle-panel .related-crit .h6 {
  color: #7d7d86;
  font-weight: 900;
  text-transform: uppercase;
}
.dark-panel.toggle-panel .related-crit .toggle-panel {
  margin-bottom: 12px;
  padding-right: 12px;
}
.dark-panel.toggle-panel .related-crit .toggle-panel .data-minibar.tipped-value {
  margin-top: 8px;
}
.dark-panel--snug {
  padding: 4px 7px;
}
.dark-panel > h3,
.dark-panel > p {
  overflow: hidden;
  text-overflow: ellipsis;
}
.dark-panel a {
  color: #fff;
  text-decoration: none;
}
.dark-panel a:hover {
  text-decoration: underline;
}

/*=light panel*/
.light-panel {
  background: #f0f0f1;
  border-radius: 5px;
  margin-bottom: 8px;
  padding: 12px 12px 17px;
  background-color: transparent;
  border: 1px solid #d4d1d1;
}
.light-panel.toggle-panel {
  padding-bottom: 12px;
}
.light-panel.toggle-panel .auto-toggle-setup {
  background: url("../images/ui/ui-toggle-arrow-left.png") no-repeat;
  color: #5b5c5b;
  margin-bottom: 0;
  padding-left: 25px;
}
.light-panel.toggle-panel .auto-toggle-setup:hover {
  color: #000;
}
.light-panel.toggle-panel .auto-toggle-setup.a {
  color: #026dba;
}
.light-panel.toggle-panel .auto-toggle-setup.a:hover {
  color: #2e4e77;
}
.light-panel.toggle-panel.toggle-open > .auto-toggle-setup,
.light-panel.toggle-panel.toggle-open > .line > .auto-toggle-setup {
  background-image: url("../images/ui/ui-toggle-arrow-down.png");
}
.light-panel.toggle-panel .toggle-panel-content {
  padding: 5px 5px 0 25px;
}
.light-panel.toggle-panel .toggle-panel {
  margin: 0;
  padding-left: 0;
  padding-right: 0;
}
.light-panel.toggle-panel .description {
  margin: 5px 5px 10px 25px;
}
.light-panel.toggle-panel .related-crit .h6 {
  color: #7d7d86;
  font-weight: 900;
  text-transform: uppercase;
}
.light-panel.toggle-panel .related-crit .toggle-panel {
  margin-bottom: 12px;
  padding-right: 12px;
}
.light-panel.toggle-panel .related-crit .toggle-panel .data-minibar.tipped-value {
  margin-top: 8px;
}
.light-panel--snug {
  padding: 4px 7px;
}
.light-panel > h3,
.light-panel > p {
  overflow: hidden;
  text-overflow: ellipsis;
}
.light-panel.dark-border {
  border-color: #333131;
}

/*=stripped panel*/
.stripped-panel {
  background: #f0f0f1;
  border-radius: 5px;
  margin-bottom: 8px;
  padding: 12px 12px 17px;
  background-color: transparent;
  border-color: transparent;
}
.stripped-panel.toggle-panel {
  padding-bottom: 12px;
}
.stripped-panel.toggle-panel .auto-toggle-setup {
  background: url("../images/ui/ui-toggle-arrow-left.png") no-repeat;
  color: #5b5c5b;
  margin-bottom: 0;
  padding-left: 25px;
}
.stripped-panel.toggle-panel .auto-toggle-setup:hover {
  color: #000;
}
.stripped-panel.toggle-panel .auto-toggle-setup.a {
  color: #026dba;
}
.stripped-panel.toggle-panel .auto-toggle-setup.a:hover {
  color: #2e4e77;
}
.stripped-panel.toggle-panel.toggle-open > .auto-toggle-setup,
.stripped-panel.toggle-panel.toggle-open > .line > .auto-toggle-setup {
  background-image: url("../images/ui/ui-toggle-arrow-down.png");
}
.stripped-panel.toggle-panel .toggle-panel-content {
  padding: 5px 5px 0 25px;
}
.stripped-panel.toggle-panel .toggle-panel {
  margin: 0;
  padding-left: 0;
  padding-right: 0;
}
.stripped-panel.toggle-panel .description {
  margin: 5px 5px 10px 25px;
}
.stripped-panel.toggle-panel .related-crit .h6 {
  color: #7d7d86;
  font-weight: 900;
  text-transform: uppercase;
}
.stripped-panel.toggle-panel .related-crit .toggle-panel {
  margin-bottom: 12px;
  padding-right: 12px;
}
.stripped-panel.toggle-panel .related-crit .toggle-panel .data-minibar.tipped-value {
  margin-top: 8px;
}
.stripped-panel--snug {
  padding: 4px 7px;
}
.stripped-panel > h3,
.stripped-panel > p {
  overflow: hidden;
  text-overflow: ellipsis;
}

/*=notification panel*/
.notification-panel {
  background: #f0f0f1;
  border-radius: 5px;
  margin-bottom: 8px;
  padding: 12px 12px 17px;
}
.notification-panel.toggle-panel {
  padding-bottom: 12px;
}
.notification-panel.toggle-panel .auto-toggle-setup {
  background: url("../images/ui/ui-toggle-arrow-left.png") no-repeat;
  color: #5b5c5b;
  margin-bottom: 0;
  padding-left: 25px;
}
.notification-panel.toggle-panel .auto-toggle-setup:hover {
  color: #000;
}
.notification-panel.toggle-panel .auto-toggle-setup.a {
  color: #026dba;
}
.notification-panel.toggle-panel .auto-toggle-setup.a:hover {
  color: #2e4e77;
}
.notification-panel.toggle-panel.toggle-open > .auto-toggle-setup,
.notification-panel.toggle-panel.toggle-open > .line > .auto-toggle-setup {
  background-image: url("../images/ui/ui-toggle-arrow-down.png");
}
.notification-panel.toggle-panel .toggle-panel-content {
  padding: 5px 5px 0 25px;
}
.notification-panel.toggle-panel .toggle-panel {
  margin: 0;
  padding-left: 0;
  padding-right: 0;
}
.notification-panel.toggle-panel .description {
  margin: 5px 5px 10px 25px;
}
.notification-panel.toggle-panel .related-crit .h6 {
  color: #7d7d86;
  font-weight: 900;
  text-transform: uppercase;
}
.notification-panel.toggle-panel .related-crit .toggle-panel {
  margin-bottom: 12px;
  padding-right: 12px;
}
.notification-panel.toggle-panel .related-crit .toggle-panel .data-minibar.tipped-value {
  margin-top: 8px;
}
.notification-panel--snug {
  padding: 4px 7px;
}
.notification-panel > h3,
.notification-panel > p {
  overflow: hidden;
  text-overflow: ellipsis;
}
.notification-panel .flag {
  display: inline-block;
  margin-bottom: 3px;
}
.notification-panel h3 {
  color: #2e4e77;
  font-size: 1.8rem;
  font-weight: 100;
  line-height: 1;
  margin: 0 0 8px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.notification-panel h4 {
  color: #333131;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1;
  margin: 0 0 6px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.notification-panel p {
  font-size: 1.2rem;
  font-weight: 300;
  overflow: hidden;
  text-overflow: ellipsis;
}
.notification-panel p.members {
  background: #f5f5f5 url("../images/ui/ui-icons-black.png") 2px -866px no-repeat;
  border: 1px solid #a8a7a3;
  border-radius: 3px;
  display: inline-block;
  height: 26px;
  line-height: 2.17;
  margin-right: 8px;
  overflow: visible;
  padding: 0 4px 0 24px;
}
.notification-panel div.just-text {
  margin: 0 0 0.5em;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dash-notifications,
.newsflashes-wrap,
.invitations-wrap {
  margin-bottom: 2rem;
}
.dash-notifications > .unit,
.newsflashes-wrap > .unit,
.invitations-wrap > .unit {
  margin-right: 1.6rem;
}
.dash-notifications > .unit:last-child,
.newsflashes-wrap > .unit:last-child,
.invitations-wrap > .unit:last-child {
  margin-right: 0;
}
.dash-notifications .notification-panel,
.newsflashes-wrap .notification-panel,
.invitations-wrap .notification-panel {
  display: inline-block;
  margin-bottom: 1.6rem;
  margin-right: 1.6rem;
  vertical-align: top;
  width: 220px;
}
.dash-notifications .notification-panel:last-child,
.newsflashes-wrap .notification-panel:last-child,
.invitations-wrap .notification-panel:last-child {
  margin-right: 0;
}
.dash-notifications .show-all-flashes,
.newsflashes-wrap .show-all-flashes,
.invitations-wrap .show-all-flashes {
  margin-bottom: 1rem;
}

/***=history and outcomes (dashboard)***/
.history-and-outcomes > .unit {
  margin: 12px 0;
}
.history-and-outcomes .h6 {
  color: #7d7c84;
}
.history-and-outcomes .change {
  color: #7d7c84;
  margin: 5px 5px 0 25px;
}
.history-and-outcomes .change b {
  font-size: 1rem;
  font-weight: 900;
  margin-right: 4px;
  text-transform: uppercase;
}
.history-and-outcomes .change .icon-arrow-right {
  font-size: 0.8em;
  margin: 0 8px;
}
.history-and-outcomes .change .current-mean {
  font-weight: 900;
}
.history-and-outcomes .change .icon-arrow-up {
  color: #17871d;
}
.history-and-outcomes .change .icon-arrow-down {
  color: #d0011b;
}

/***=outcome performacne score (dashboard)***/
.outcome-perf-score {
  padding-top: 2px;
}
.outcome-perf-score .flag {
  margin-right: 3px;
}

/*/////////////////////////////////////////////////////*/
/*------------------------------------------------------[ =Data/Charting ]--*/
/* +Bar Charts */
.data-minibar {
  border: 1px solid rgba(125, 125, 125, 0.5);
  border-radius: 5px;
  display: inline-block;
  height: 14px;
  margin-top: 4px;
  position: relative;
  width: 90px;
}
.flag + .data-minibar {
  float: right;
  margin-top: 2px;
}
.data-minibar .data-minibar-value {
  background: #6f7a7a;
  border-radius: 5px;
  display: block;
  font-size: 1rem;
  height: 14px;
  line-height: 0.5;
  overflow: hidden;
  text-indent: -200px;
}
.data-minibar .data-minibar-value.success {
  background: #17881d;
}
.data-minibar .data-minibar-value.caution {
  background: #eec519;
}
.data-minibar .data-minibar-value.warning {
  background: #d1480d;
}
.data-minibar .data-minibar-value.danger {
  background: #c43c35;
}
.data-minibar .tooltip {
  margin-left: -16px;
  opacity: 1;
  top: -35px;
}
.data-minibar .tooltip-inner {
  font-size: 11px;
  font-weight: bold;
  height: auto;
  line-height: 1em;
  padding: 4px 6px;
}
.data-minibar .data-marker {
  background: #000;
  height: 34px;
  opacity: 0.5;
  position: absolute;
  top: -10px;
  width: 1px;
}

.data-smallbar {
  border: 1px solid rgba(125, 125, 125, 0.5);
  border-radius: 5px;
  display: block;
  height: 8px;
  width: 100px;
}
.data-smallbar .data-smallbar-value {
  background: #95a4a3;
  border-radius: 5px;
  cursor: pointer;
  display: block;
  font-size: 1rem;
  height: 8px;
  line-height: 0.5;
  overflow: hidden;
  text-indent: -200px;
}
.data-smallbar .data-smallbar-value.success {
  background: #17881d;
}
.data-smallbar .data-smallbar-value.caution {
  background: #eec519;
}
.data-smallbar .data-smallbar-value.warning {
  background: #d1480d;
}
.data-smallbar .data-smallbar-value.danger {
  background: #c43c35;
}

div.data-bullet-graph {
  background: url("../images/layout/layout-box-bg.png") #fff;
  border: 1px solid #d3d2ce;
  display: block;
  height: 16px;
  overflow: hidden;
  position: relative;
  width: 98%;
  z-index: 0;
}

div.data-bullet-graph-targetzone {
  background: #d3d2ce;
  height: 16px;
  left: 0;
  position: absolute;
  top: 0;
  z-index: 50;
}

div.data-bullet-graph-score {
  background: url("../images/layout/layout-box-bg-trans.png") #6d6c6a;
  height: 6px;
  left: 0;
  position: absolute;
  top: 5px;
  z-index: 100;
}

div.data-bullet-graph-bullet {
  background: #000;
  height: 16px;
  position: absolute;
  top: 0;
  width: 3px;
  z-index: 150;
}

div.data-bullet-graph-scale {
  color: #c2c1bc;
  font-size: 0.9rem;
  height: 12px;
  position: relative;
  width: 98%;
}

span.scale-number {
  background: #333131;
  height: 4px;
  overflow: hidden;
  position: absolute;
  text-indent: -200px;
  top: 0;
  width: 2px;
}

div.data-bar-comparison {
  background: url("../images/layout/layout-box-bg.png") #fff;
  border: 1px solid #d3d2ce;
  display: block;
  height: 16px;
  max-width: 200px;
  position: relative;
  width: 70%;
  z-index: 0;
}

div.data-bar-comparison-score {
  background: url("../images/layout/layout-box-bg-trans.png") #6d6c6a;
  height: 8px;
  left: 0;
  position: absolute;
  top: 0;
  z-index: 100;
}

div.data-bar-comparison-other {
  background: #000;
  height: 8px;
  left: 0;
  position: absolute;
  top: 8px;
  z-index: 100;
}

div.good {
  background: url("../images/layout/layout-box-bg-trans.png") #6e9e2f;
}

div.bad {
  background: url("../images/layout/layout-box-bg-trans.png") #dd0201;
}

.chart-circle {
  background: #0470bc;
  border: 3px solid #02487a;
  border-radius: 50%;
  display: inline-block;
  height: 18px;
  margin-top: 5px;
  width: 18px;
}

/***=media (extends block)***/
.feature .img, .media .img,
.feature .featured,
.media .featured {
  float: left;
  margin-right: 1.2rem;
}
.keep-it-tight.feature .img, .keep-it-tight.media .img {
  margin-right: 0;
}
.feature .img img, .media .img img {
  display: block;
}
.feature .img-ext, .media .img-ext,
.feature .featured-ext,
.media .featured-ext {
  float: right;
  margin-left: 1.2rem;
  margin-right: 0;
}
.user-search-wrap .feature .img, .user-search-wrap .media .img {
  margin-right: 0.4rem;
}

.media,
.bd {
  overflow: hidden;
}

/***=feature (extends media & block)***/
.feature {
  padding: 10px 20px 20px;
}
.feature .img-ext {
  margin-left: 20px;
}
.feature h2 {
  color: #888;
  font-size: 2.5rem;
  margin: 0.16em 0 0.8em;
}

/***=headline (extends block)***/
.headline {
  color: #363636;
  font-size: 3.6rem;
  font-weight: normal;
  line-height: 1.1;
  margin: 0 0 0.28em;
}

/***=lead paragraph(s) (extends block)***/
.lead,
.lead p,
.light-lead,
.light-lead p {
  color: #929292;
  font-size: 2rem;
  line-height: 1.3;
}

.light-lead {
  font-size: 1.5rem;
  margin-bottom: 1em;
}

/***=section content (extends block)***/
.section-content {
  border-top: 2px solid #eee;
  margin: 28px 0;
  padding: 25px 0 1px;
}
.section-content > header {
  padding-bottom: 10px;
}
.section-content h1 {
  color: #333;
  font-size: 2.7rem;
  margin: 0;
}
.section-content p,
.section-content .bulleted-list {
  color: #696969;
  font-size: 1.4rem;
  line-height: 1.2;
  margin-bottom: 0.9em;
}
.section-content .img-ext {
  margin-left: 20px;
}
.content-body .section-content {
  margin-left: -16px;
  margin-right: -16px;
  padding-left: 16px;
  padding-right: 16px;
}
.section-content img {
  max-width: 100%;
}

/***=whats new block***/
.whats-new-block {
  border-bottom: 1px solid #979797;
  margin-bottom: 15px;
  padding-bottom: 30px;
}
@media only screen and (max-width: 47.9375em) {
  .whats-new-block {
    display: block !important;
  }
}
.whats-new-block p,
.whats-new-block .bulleted-list {
  font-size: 1.6rem;
}
.whats-new-block a {
  text-decoration: none;
}

.whats-new-block__heading {
  color: #4a4a4a;
  font-size: 3rem;
  font-weight: 700;
}

/***=update cta***/
.update-cta {
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
  padding: 2.5% 12.5% 2.5% 2.5%;
}
.update-cta:first-child {
  margin-right: 8px;
}
@media only screen and (max-width: 47.9375em) {
  .update-cta:first-child {
    margin-right: 0;
  }
}
.update-cta:last-child {
  margin-left: 8px;
}
@media only screen and (max-width: 47.9375em) {
  .update-cta:last-child {
    margin-left: 0;
  }
}
@media only screen and (max-width: 47.9375em) {
  .update-cta {
    flex: none !important;
    margin-bottom: 2.5rem;
    padding: 4% 24% 4% 4%;
  }
}
.update-cta p {
  font-size: 1.5rem;
  line-height: 1.8;
  margin-bottom: 0.8em;
}
.update-cta .update-cta__button {
  background-image: none;
  border: none;
  box-shadow: none;
  color: #fff;
  text-shadow: none;
}

.update-cta__heading {
  color: #fff;
  font-size: 2.4rem;
  font-weight: 300;
  line-height: 1.1;
}
.update-cta__heading strong {
  display: block;
  font-size: 3.6rem;
}
.update-cta--milestone .update-cta__heading strong {
  color: #ce1b6f;
}
.update-cta--cr .update-cta__heading strong {
  color: #80bc04;
}

.update-cta--milestone {
  background-image: url("../images/whats-new/Milestone-CW-Banner.jpg");
}
.update-cta--milestone .update-cta__button {
  background: #ce1b6f;
}

.update-cta--cr {
  background-image: url("../images/whats-new/Collective-Review-CW-Banner.jpg");
}
.update-cta--cr .update-cta__button {
  background: #80bc04;
}

/***=source critera (extends block)***/
.source-criteria {
  border: 1px solid #dddee2;
  margin-bottom: 15px;
  padding: 30px 15px;
  position: relative;
}
.source-criteria:hover {
  background: #fff;
}
.source-criteria .node {
  background-color: #fff;
}
.source-criteria .node .inst-name {
  color: #7f8c8c;
  font-weight: 500;
}
.source-criteria .descendant > .node {
  position: relative;
  z-index: 10;
}
.formula-editor .source-criteria:hover .action-links {
  display: block;
}

.tag-report-wrap .item-list > .toggle-panel {
  overflow: auto;
}

.node-info-wrap {
  font-size: 1.3rem;
  margin-top: -1.75em;
  position: relative;
  z-index: 10;
}
.tag-report-wrap .node-info-wrap {
  float: none;
  margin-top: 0.6em;
  width: auto;
}

.node-info {
  margin-left: 3em;
}
.node-info:first-child {
  margin-left: 0;
}
.node-info .info-lbl {
  display: block;
  margin-bottom: 0.5em;
}
.node-info .info-val {
  background: #8f9d9e;
  border-radius: 5px;
  color: #fff;
  display: inline-block;
  line-height: 1.1;
  padding: 0.5em 1.15em;
}

.connector {
  border-top: 1px dashed #abb4b4;
  bottom: 13px;
  height: 1px;
  left: 8px;
  position: absolute;
  width: 97%;
  z-index: 1;
}

/***=keyword/keyphrase pair highlight (extends block)***/
.keyword {
  background: #dbf3ff;
  background: linear-gradient(to bottom, #dbf3ff 0%, #b7e0f6 100%);
  border-color: #76c3eb;
  box-shadow: inset 0 0 4px white;
  color: #000;
  font-weight: 500;
}

.keyphrase {
  background: #fff;
  color: #2d2e2e;
}

.kw-kp {
  border: 1px solid #59696b;
  border-radius: 0;
  clear: left;
  font-size: 1.1rem;
  line-height: 1.64;
  margin-bottom: 5px;
  padding: 0 0.73em;
  position: relative;
  white-space: nowrap;
  z-index: 100;
}

.kw {
  background: #59696b;
  border-radius: 12px;
  color: #fff;
  font-weight: 500;
  text-shadow: 0 0 2px rgba(50, 50, 50, 0.35);
}

.kp {
  background: #fff;
  border-radius: 12px;
  color: #2d2e2e;
  font-weight: 700;
}

.kw-kp-connector {
  background: #59696b;
  height: 1px;
  left: 8px;
  position: absolute;
  width: 105%;
}

/***=content editable***/
*[contenteditable=true] {
  border: 1px dotted rgba(0, 0, 0, 0.25);
  outline: none;
  padding: 0.5rem;
}
*[contenteditable=true]:hover {
  border: 1px solid rgba(0, 50, 150, 0.3);
}

.editing,
.editing:hover {
  background: none;
  border: 1px solid rgba(0, 50, 150, 0.8);
  padding: 0.5rem;
}

/***=link diagram (extends block)***/
.link-diagram {
  margin-top: 2em;
}

/*=link diagram branch*/
.link-diagram-branch {
  border-left: 1px solid #000;
  padding-bottom: 12px;
}
.link-diagram-branch.first, .link-diagram-branch:first-child {
  padding-top: 12px;
}
.link-diagram-branch.last, .link-diagram-branch:last-child {
  border-left: 0;
}

/*=link diagram node*/
.link-diagram-node {
  margin-left: 12px;
  position: relative;
  top: -13px;
}
.link-diagram-node::before {
  border-bottom: 1px solid #000;
  content: "●";
  font-size: 1.2rem;
  height: 13px;
  left: -12px;
  line-height: 2.6;
  position: absolute;
  text-indent: 0.75em;
  top: 0;
  width: 12px;
  z-index: 10;
}
.link-diagram-node.kw-link::before {
  border-color: #75bc8a;
  color: #75bc8a;
}

/***=node (extends block)***/
.node {
  background-color: #eef0f1;
  border: 1px solid #bfc3c8;
  border-radius: 5px;
  display: inline-block;
  font-size: 1.3rem;
  line-height: 1.1;
  padding: 0.5em 0.65em;
}
.descendant .node {
  background-color: #fff;
}
.link-diagram-node .node {
  cursor: default;
}

.empty {
  background-color: #fff;
  border: 1px dashed #f58650;
  color: #000;
  font-weight: 100;
}

.toc-node, .instrument-node, .outcome-node {
  background-color: #3877b2;
  border-color: #3877b2;
  color: #fff;
  margin-left: 18px;
}
.toc-node::before, .instrument-node::before, .outcome-node::before {
  background: #fff;
  border: 2px solid #3877b2;
  border-radius: 22px;
  color: #59696b;
  content: "O";
  font-size: 1rem;
  font-weight: 700;
  height: 22px;
  left: 1px;
  line-height: 2.2;
  position: absolute;
  text-align: center;
  top: 1px;
  width: 22px;
  z-index: 0;
}

.instrument-node {
  background-color: #19856e;
  border-color: #19856e;
}
.instrument-node::before {
  border-color: #19856e;
  content: "I";
}

.toc-node {
  background-color: #364860;
  border-color: #364860;
}
.toc-node::before {
  border-color: #364860;
  content: "T";
}

/***=popular tags svg***/
.popular-tags .node:focus {
  outline: none;
}
.popular-tags .node:focus circle {
  stroke: #f00;
  stroke-dasharray: 2;
  stroke-width: 2;
}

/***=permission icons (extends block)***/
.perm-icon {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 3px;
  display: inline-block;
  height: 18px;
  line-height: 1;
  margin: 0 5px;
  overflow: hidden;
  padding: 0;
  text-indent: 100%;
  vertical-align: middle;
  white-space: nowrap;
  width: 18px;
}
.perm-icon + .perm-icon {
  margin-left: 0;
}

.uGuest {
  background-image: url("../images/users/user-role-guest.png");
}
.uGuest.has-work {
  background-image: url("../images/users/guest-has-work.png");
}

.u101 {
  background-image: url("../images/users/user-role-teacher.png");
}

.u201 {
  background-image: url("../images/users/user-role-advisor.png");
}

.u301,
.u-301 {
  background-image: url("../images/users/user-role-assessor.png");
}

.u401 {
  background-image: url("../images/users/user-role-student.png");
}

.u501 {
  background-image: url("../images/users/user-role-author.png");
}

.u601 {
  background-image: url("../images/users/user-role-instructor.png");
}

.u701,
.u-701 {
  background-image: url("../images/users/user-role-admin.png");
}

.u801 {
  background-image: url("../images/users/user-role-superadmin.png");
}

.u901 {
  background-image: url("../images/users/user-role-report.png");
}

.u1001 {
  background-image: url("../images/users/user-role-subadmin.png");
}

.u1101 {
  background-image: url("../images/users/user-role-deptreport.png");
}

.u1201 {
  background-image: url("../images/users/user-role-clerical.png");
}

.u1301 {
  background-image: url("../images/users/user-role-developer.png");
}

.u1401 {
  background-image: url("../images/users/user-role-peerassessor.png");
}

.u1501 {
  background-image: url("../images/users/user-role-api.png");
}

.u1601 {
  background-image: url("../images/users/user-role-flex.png");
}

/***=override (extends block)***/
.override {
  background: none repeat scroll 0 0 #9d7e21;
  color: #fff;
  font-family: "Lucida Console", Monaco, monospace;
  font-size: 0.8rem;
  line-height: 1;
  padding-right: 1px;
  position: absolute;
  right: -3px;
  text-transform: uppercase;
  top: -3px;
}
.override + .override {
  bottom: -3px;
  top: auto;
}
.override + .override + .override {
  bottom: auto;
  left: -3px;
  right: auto;
  top: -3px;
}
.override + .override + .override + .override {
  bottom: -3px;
  left: -3px;
  right: auto;
  top: auto;
}

.override-as {
  background: #135371;
}

.override-cl {
  background: #900101;
}

.override-ro {
  background: #943e14;
}

.override-pc {
  background: #4a2569;
}

/***=mini score box (extends block)***/
.mini-score {
  background-color: #616b72;
  color: #fff;
  font-size: 1rem;
  font-weight: 700;
  margin: 0 0.6em 0 0;
  min-width: 24px;
  padding: 0.5em;
  text-align: center;
  text-shadow: 0 0 2px #000;
}
.mini-score.ep4-tip {
  background-color: #2d2e2e;
  font-weight: 500;
  opacity: 0.6;
}
.mini-score.ep4-tip:hover, .mini-score.ep4-tip:focus {
  opacity: 1;
}

/***=default text (extends block)***/
.default-text {
  color: #767676;
  font-size: 2.6rem;
  font-weight: 100;
}
.default-text strong {
  color: #7d7e70;
  font-weight: 500;
}
.tocs-picklist .default-text {
  padding: 1em;
}

/*#region IdentityBarBlocks */
/***=identity bar logo (extends block)***/
.identity-bar-logo {
  padding-top: 2.3rem;
}
.identity-bar-logo img {
  display: block;
  height: auto;
  max-height: 50px;
  object-fit: scale-down;
}

.identity-bar--notification {
  margin: 0 7px;
  position: relative;
}

/***=inbox count (extends block)***/
.inbox-count {
  background: #2a76b0;
  border-radius: 10px;
  color: #fff;
  font-size: 1rem;
  font-weight: 700;
  height: 1.8rem;
  left: -1rem;
  line-height: 1.8;
  min-width: 1.8rem;
  position: absolute;
  text-align: center;
  text-shadow: 0 0 3px rgba(46, 78, 119, 0.9);
  top: 2.6rem;
  z-index: 1;
}

/***=inbox button (extends block)***/
.inbox-button {
  color: #2d2e2e;
  display: block;
  font-size: 1.8rem;
  height: 9.6rem;
  line-height: 4;
  overflow: hidden;
  position: relative;
  text-decoration: none;
  text-indent: -9999px;
  width: 2.4rem;
}
.inbox-button:focus {
  outline: none;
}
html[data-focus-source=key] .inbox-button:focus {
  outline: none !important;
  -webkit-box-shadow: inset 0 0 0 3px #3dbbdb !important;
  box-shadow: inset 0 0 0 3px #3dbbdb !important;
}
.inbox-button [class^=icon-] {
  left: 0;
  position: absolute;
  text-indent: 0;
  top: 3.6rem;
}

/***=portrait (extends block)***/
.portrait {
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 2.4rem;
  display: block;
  height: 4.8rem;
  line-height: 4.8rem;
  overflow: hidden;
  width: 4.8rem;
}

/*#endregion*/
/***=push menu trigger (extends block)***/
.mp-menu-trigger {
  background: #231f20;
  border-top: 96px solid #fff;
  box-sizing: border-box;
  color: #7f8c8c;
  font-size: 2rem;
  height: 100%;
  left: 0;
  line-height: 4.8;
  position: absolute;
  text-align: center;
  text-decoration: none;
  top: 0;
  transition: color 0.3s ease;
  width: 72px;
  z-index: 1;
}
.mp-menu-trigger:hover, .mp-menu-trigger:focus {
  color: #fff;
}
html[data-focus-source=key] .mp-menu-trigger:focus {
  outline: none !important;
  -webkit-box-shadow: inset 0 0 0 3px #3dbbdb !important;
  box-shadow: inset 0 0 0 3px #3dbbdb !important;
}
.inlinePortlet-body .mp-menu-trigger {
  display: none;
}

.mp-menu-trigger-text {
  display: block;
  margin: -20px auto 0;
  opacity: 0.75;
  transition: opacity 0.3s ease;
  width: 16px;
}
.mp-menu-trigger:hover .mp-menu-trigger-text, .mp-menu-trigger:focus .mp-menu-trigger-text {
  opacity: 1;
}

/***=debug message (extends block)***/
.debug-onscreen {
  background: #fffabf;
  bottom: 0;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  left: 0;
  padding: 0.5em 1em;
  position: absolute;
  z-index: 10000;
}

/***=well (extends block)***/
.well {
  border: 1px solid #d3d2ce;
  border-radius: 5px;
  box-sizing: border-box;
  padding: 0.5rem;
}
.well.shaded {
  background: #efefef;
}
.well + .well {
  margin-top: 1.2rem;
}

.well__helpful {
  margin: 0.9em 0 0;
  text-transform: uppercase;
}
.well__helpful a {
  color: #000;
  margin-left: 0.8em;
  text-decoration: none;
}
.well__helpful a [class^=icon-],
.well__helpful a [class*=" icon-"] {
  color: #333131;
}
.well__helpful a:hover, .well__helpful a.active {
  color: #0470bd;
}
.well__helpful a:hover [class^=icon-],
.well__helpful a:hover [class*=" icon-"], .well__helpful a.active [class^=icon-],
.well__helpful a.active [class*=" icon-"] {
  color: #0470bd;
}

/***=ep-expired (extends block)***/
.ep-expired {
  background: #ecf0f1;
  color: #2c3e50;
  margin: 0;
  padding: 0.2rem 0 0;
}
.ep-expired.toggle-open {
  background: #bdc3c7;
}
.ep-expired > p {
  line-height: 2.8rem;
}
.ep-expired b {
  color: #000;
}
.ep-expired a {
  color: #c0392b;
}
.ep-expired .toggle-panel-content {
  background-image: none;
  border-left: 0;
  border-right: 0;
  border-top: 0;
}

/***=include inactive (extends block)***/
.include-inactive {
  padding: 3px 9px;
}
.include-inactive input {
  margin: 0 3px 0 0;
}
.include-inactive label {
  color: #fff;
  display: inline;
  font-weight: normal;
  text-shadow: 0 0 2px #333131;
}

/***=app switcher (extends block)***/
.app-switcher ul, .app-switcher .content-nav-bar > ul li, .content-nav-bar > ul .app-switcher li,
.app-switcher li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.app-switcher li {
  float: left;
}
.app-switcher li a {
  color: #757472;
  display: block;
  font-size: 1rem;
  font-weight: 500;
  line-height: 2.4;
  padding: 0 0 0 1.2em;
  text-decoration: none;
}
.app-switcher li a.active {
  color: #6d6c6a;
  font-weight: 700;
}
.app-switcher li a:hover, .app-switcher li a:focus {
  color: #333131;
}

.strToLink {
  visibility: hidden;
}

/***=compartment row (requires block)***/
.compartment-row {
  background: #fff;
  border-bottom: 2px solid #ededeb;
  position: relative;
}

/***=process steps (extends block)***/
.process-steps {
  background: #f0f0f0;
  border-bottom: 1px solid #fafafa;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) inset;
  list-style: none outside none;
  margin: 0;
  padding: 0;
}
.process-steps .process-step {
  border: 0;
  box-sizing: border-box;
  color: #666161;
  font-size: 1.1rem;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 2.9;
  margin: 0;
  padding: 0;
  text-align: center;
  text-shadow: 0 0 3px rgba(255, 255, 255, 0.75);
  text-transform: uppercase;
}
.process-steps a {
  color: #666161;
  cursor: default;
  display: block;
  font-size: 1.1rem;
  font-weight: 700;
  line-height: 2.9;
  text-decoration: none;
}
.process-steps a:hover, .process-steps a:focus {
  color: #333131;
  text-decoration: none;
}
.process-steps .selected,
.process-steps .completed {
  background: #f0f0f0 url("../images/ui/ui-process-progress.png") no-repeat 0 50%;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05);
  text-shadow: 0 0 3px rgba(51, 49, 49, 0.35);
}
.process-steps .selected a,
.process-steps .selected a:hover,
.process-steps .selected a:focus,
.process-steps .completed a,
.process-steps .completed a:hover,
.process-steps .completed a:focus {
  color: #fff;
  cursor: pointer;
  text-decoration: none;
}
.process-steps .selected {
  background-position: 100% 50%;
  color: #fff;
}

/***=decision maker (extends block) ***/
.decision-maker {
  background: #dfe1e3;
  padding-bottom: 2.4rem;
}

.decision-task {
  background: #626b77 url("../images/layout/layout-box-bg-trans.png");
  padding: 3.6rem 2.4rem 7.2rem;
  text-align: center;
}
.decision-task > * {
  color: #fff;
  text-shadow: 0 0 3px rgba(51, 49, 49, 0.35);
}

.decision-row {
  list-style: none;
  margin: -4.8rem auto 0;
  padding: 0;
  width: 86%;
}
.decision-row a {
  background: #fff;
  border: 1px solid rgba(51, 49, 49, 0.2);
  border-radius: 5px;
  box-sizing: border-box;
  color: #666161;
  display: block;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.25;
  margin: 0 0.75em;
  min-height: 5.5em;
  padding: 1.5em;
  text-decoration: none;
  transition: all 0.2s linear;
}
.decision-row a:hover, .decision-row a:focus {
  border-color: rgba(51, 49, 49, 0.4);
  box-shadow: 0 1px 2px rgba(51, 49, 49, 0.1);
  color: #0072bc;
  margin-top: -8px;
}

/*#region DataStatBlocks */
/***=data stat set (extends block)***/
.data-stat-set {
  list-style: none;
  margin: 0;
  padding: 0 12px;
}
.data-stat-set > .set-item {
  margin: 0 24px 0 0;
  min-width: 160px;
  padding: 12px 0;
}
.data-stat-set > .set-item .lp-breadcrumbs {
  margin-top: 16px;
}
.data-stat-set a {
  text-decoration: none;
}
.data-stat-set h3 {
  color: #757472;
  font-size: 1.1rem;
  font-weight: 900;
  text-transform: uppercase;
}
.data-stat-set h3 strong {
  color: #333131;
}
.data-stat-set .data-stat {
  color: #333131;
  display: block;
  font-size: 4.8rem;
  font-weight: 900;
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
}
.data-stat-set .data-stat a {
  color: #333131;
  text-decoration: none;
}
html[data-focus-source=key] .data-stat-set .data-stat a:focus {
  outline: none !important;
  -webkit-box-shadow: inset 0 0 0 3px #3dbbdb !important;
  box-shadow: inset 0 0 0 3px #3dbbdb !important;
}
.data-stat-set .data-stat.data-change::before, .data-stat-set .data-stat.stat-change::before {
  background: url("../images/ui/ui-stat-rating.png") 0 0 no-repeat;
  content: "";
  float: left;
  height: 11px;
  margin-top: 18px;
  width: 16px;
}
.data-stat-set .data-stat.data-worse::before, .data-stat-set .data-stat.stat-worse::before {
  background: url("../images/ui/ui-stat-rating.png") 0 100% no-repeat;
}
.data-stat-set .data-stat.data-good, .data-stat-set .data-stat.data-good a, .data-stat-set .data-stat.stat-good, .data-stat-set .data-stat.stat-good a {
  color: #6e9e2f;
}
.data-stat-set .data-stat.data-bad, .data-stat-set .data-stat.data-bad a, .data-stat-set .data-stat.stat-bad, .data-stat-set .data-stat.stat-bad a {
  color: #dd0201;
}
.data-stat-set .data-stat.data-notice, .data-stat-set .data-stat.data-notice a, .data-stat-set .data-stat.stat-notice, .data-stat-set .data-stat.stat-notice a {
  color: #2a76b0;
}
.data-stat-set > .featured .data-stat {
  background: #333131;
  border-radius: 9px;
  color: #fff;
  display: inline-block;
  margin-bottom: 4px;
  padding: 6px 12px;
}
.col-body .data-stat-set {
  padding: 0;
}

/*=data stat graph*/
.data-stat-set > .stat-graph-item {
  margin-right: 0;
}

.data-stat-graph {
  min-height: 120px;
}

/* height needed for js */
/***=data stat bar (extends block)***/
.data-stat-bar {
  border: 1px solid #c2c1bc;
  border-radius: 7px;
  box-shadow: inset 0 1px 2px rgba(51, 49, 49, 0.2);
  font-size: 0.8rem;
  height: 1em;
  margin: 0.75em 0;
  overflow: hidden;
  padding: 0.375em;
  text-indent: 100%;
}
.data-stat-bar .data-stat-bar-value {
  background: #6d6c6a;
  border-radius: 7px;
  display: block;
  font-size: 0.8rem;
  height: 1em;
  line-height: 1;
  overflow: hidden;
  text-indent: 100%;
}
.data-better .data-stat-bar .data-stat-bar-value, .dispatch__overview .data-stat-bar .data-stat-bar-value {
  background: #6e9e2f;
}
.data-worse .data-stat-bar .data-stat-bar-value {
  background: #dd0201;
}

/***=data link (extends block)***/
.data-link {
  color: #026dba;
  font-size: 1.4rem;
  font-weight: 900;
  line-height: 1.7;
  text-decoration: none;
}
.data-link:hover, .data-link:focus {
  text-decoration: underline;
}

/***=data context (extends block)***/
.data-context {
  color: #757472;
  font-size: 0.9rem;
  font-weight: 900;
  text-transform: uppercase;
}

/*#endregion*/
/***=data group***/
.data-group {
  color: #fff;
  padding: 2.3rem 2.8rem 1.8rem;
}
.data-group .data-group {
  padding: 0;
}
.data-group.data-group__dark {
  color: #484848;
}

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

.data-num__heading {
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 0;
}

.data-num__num,
.data-group__sep {
  display: block;
  font-size: 2.6rem;
  font-weight: bold;
  line-height: 1.3;
  margin: 0 1.2rem;
}

.data-num__num input [type=text],
.data-num__num input[type=password],
.data-num__num input[type=search],
.data-num__num input[type=number],
.data-num__num input.search {
  color: #4c4e50;
  font-size: 2.6rem;
  font-weight: bold;
  height: 3.7rem;
  padding: 0;
  text-align: center;
  width: 11rem;
}

.data-num__locked {
  opacity: 0.75;
}
.data-num__locked .data-num__num {
  text-decoration: line-through;
}

.data-num__desc {
  font-size: 1.4rem;
}
.data-num__desc .flag {
  font-size: 1.4rem;
  font-weight: bold;
  padding: 0 5px;
}

.data-group__sep {
  padding-top: 2.4rem;
}

/***=events list (extends block)***/
.events-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.events-list > li {
  min-width: 412px;
}
.events-list > li + li {
  border-top: 1px solid #e5e5e1;
}
.events-list .event-time {
  box-sizing: border-box;
  font-size: 1.2rem;
  font-weight: 100;
  line-height: 1.5;
  margin: 0;
  min-width: 100px;
  padding: 1.5em 1em 1em 0;
}
.events-list .event-time strong {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.33;
}
.compartment-row .events-list .event-time {
  max-width: 100px;
}
.events-list .details-list {
  background: #f5f5f5;
  padding: 12px;
}
.events-list .details-list > li {
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.events-list .details-heading {
  background: #e5e5e1;
  margin: 0;
  padding: 12px;
}

/***=tags***/
.tags {
  display: inline-block;
  margin-bottom: 1.2em;
  margin-right: 1rem;
}
.tags.block {
  display: block;
}
.tag-report-wrap .tags.block {
  overflow: hidden;
}
.tags .flag {
  display: inline-block;
  padding: 0.4rem;
}
.format-text.description .tags {
  display: block;
}

.flag.oversized.tagselections {
  box-sizing: border-box;
  display: inline-block;
  margin-bottom: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}

/*=textext overrides*/
.text-core .text-wrap .text-tags .text-tag {
  max-width: 100%;
}
.text-core .text-wrap .text-tags .text-tag .text-button {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/***=news items (extends block)***/
.news-items {
  font-size: 1.2rem;
  font-weight: 300;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 320px;
}
.news-items > li {
  margin: 0 0 0.5em;
}
.news-items > li > a {
  background-color: #e6e6e6;
  background-image: linear-gradient(#fff, #fff 25%, #e6e6e6);
  background-repeat: no-repeat;
  border: 1px solid #ccc;
  border-radius: 5px;
  color: #026dba;
  display: block;
  font-size: 1.2rem;
  line-height: 2.33;
  overflow: hidden;
  padding: 0 1em;
  text-decoration: none;
  text-overflow: ellipsis;
  transition: background 0.3s ease;
}
.news-items > li > a:hover, .news-items > li > a:focus {
  background-image: none;
  color: #333131;
}
.news-items > .news-item-invitations {
  background: none;
  border: 0;
}

/***=add files box***/
.add-files__header {
  background: getColor(state, muted);
  margin-bottom: 0.4rem;
  padding: 0.8rem;
}
.add-files__header .button {
  margin-left: 10px;
}

.add-files__whats-new,
.add-files__max-size {
  margin: 0.6rem 1rem 0;
}

.fileupload-buttonbar > h2 {
  color: #818d8d;
  font-size: 1.3rem;
  font-weight: 900;
  margin: 40px 0 12px;
  text-transform: uppercase;
}

.add-files-box {
  background: #f5f5f5;
  border: 2px dashed #bbb;
  font-size: 2.4rem;
  margin: 0.4rem 0 1.2rem;
  padding: 1.8rem;
  text-align: center;
}
.add-files-box.drag-over {
  background-color: #ddd;
  border-color: #57a957;
  border-style: solid;
}
.add-files-box.drag-over * {
  opacity: 0.4;
}
.add-files-box h2 {
  font-weight: bold;
}
.add-files-box .fileupload-progress {
  font-size: 1.4rem;
  padding: 0;
}
.add-files-box .progress {
  margin: 1rem 0;
}
.add-files-box input[type=file] {
  opacity: 0;
}

.file-input-name {
  display: none;
}

.fileupload-progress {
  margin-top: 1.2rem;
}

.add-files__cloud .ui-button, .add-files__cloud .dark-button,
.add-files__cloud .button,
.add-files__cloud .dropbox-dropin-btn {
  box-sizing: border-box !important;
  text-align: center;
  width: 100%;
}

/***=file upload list (extends block)***/
.add-files__file {
  align-items: center;
  background: #f0efed;
  margin-bottom: 1px;
}
.add-files__file .upload-status {
  flex: 18;
  margin: 0 5px;
}
.add-files__file .progress {
  background: #d8d8d8;
  height: 10px;
}
.add-files__file .progress-bar {
  line-height: 10px;
}
.add-files__file .cancel-upload {
  color: #d0011b;
  cursor: pointer;
  margin: 0 10px;
  text-decoration: none;
}
.add-files__file .zip-action {
  border-top: 1px solid #fff;
  flex-basis: 100%;
  padding: 9px 47px;
}

.file__icon {
  border-right: 1px solid #fff;
  flex: 0 0 3.8rem;
  height: 38px;
}
.file__icon .artifact {
  display: block;
  padding: 0;
}
.file__icon .artifact::before {
  height: 38px;
  margin: 0;
  width: 38px;
}

.file__name {
  flex: 5;
  margin: 0 10px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.file__size {
  flex: 2;
}

.file--added .upload-status {
  flex: 2;
  margin-right: 10px;
}
.file--added .file__name {
  flex: 1;
}

.file--error {
  padding: 10px 0;
}
.file--error .label,
.file--error .alert-message {
  margin-right: 10px;
}

.file-upload-list.d-table--fixed .file td {
  overflow: hidden;
  text-overflow: ellipsis;
}
.file-upload-list .file-name input[type=text] {
  width: 100%;
}
.file-upload-list .name {
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.file-upload-list .preview audio,
.file-upload-list .preview canvas,
.file-upload-list .preview video {
  max-width: 100%;
}
.file-upload-list .progress {
  margin-bottom: 0;
}
.file-upload-list .upload-progress {
  padding: 0.38em 0;
}
.file-upload-list .upload-progress .data-stat-bar {
  margin: 0.25em 0 0;
}
.file-upload-list .not-allowed {
  color: #dd0201;
  font-size: 1.6rem;
  padding: 0.1875em 0;
  text-transform: uppercase;
}
.file-upload-list .file-upload-list .actions {
  margin-bottom: 0;
}
.file-upload-list .file-upload-list .actions .upload-complete, .file-upload-list .file-upload-list .actions .cancel-upload {
  font-size: 1.7rem;
  text-decoration: none;
  vertical-align: middle;
}
.file-upload-list .file-upload-list .actions .cancel-upload {
  color: #555;
  cursor: pointer;
}
.file-upload-list .file-upload-list .actions .cancel-upload:hover:not(.upload-failed) {
  color: #dd0201;
}
.file-upload-list .file-upload-list .actions .upload-complete {
  color: #6e9e2f;
}
.file-upload-list .file-upload-list .actions .upload-failed {
  cursor: default;
}
.file-upload-list .preview video {
  max-width: 240px;
}
.file-upload-list .processing-box .progressbar {
  width: 350px;
}
.file-upload-list .processing-box .progressbar .progress-label {
  width: 350px;
}
.file-upload-list .transferring .unit {
  float: none;
  width: auto;
}

/***=media preview (extends block)***/
.media-preview {
  background: #fff;
  border-radius: 4px;
  margin: 0.77em;
  padding: 0.77em 0;
}

/*=original*/
.media-preview-original {
  background: #b4ccb9;
  border: 1px solid #2bacb5;
  float: right;
  height: 180px;
  margin-top: 19px;
  position: relative;
  width: 320px;
}
.media-preview-original ::before {
  background: #2bacb5;
  color: #fff;
  content: "Scale Preview vs. Original";
  display: inline-block;
  font-size: 1rem;
  line-height: 18px;
  padding: 0 7px;
  position: absolute;
  right: -1px;
  text-transform: uppercase;
  top: -19px;
}

/*=final*/
.media-preview-final {
  background: #000;
  bottom: 0;
  left: 0;
  position: absolute;
  transition: all 0.5s ease;
}

.media-preview-frame {
  background: #333131;
  color: #ccc;
  font-size: 1.1rem;
  font-weight: bold;
  height: 100%;
  line-height: 1;
  margin: 0 auto;
  position: relative;
  text-align: center;
  transition: all 0.5s ease;
}
.media-preview-frame span {
  left: 0;
  position: absolute;
  text-align: center;
  top: 48%;
  width: 100%;
}

/***=button bar (extends block)***/
.button-bar {
  display: inline-block;
}

/*#region ActionLinks */
/***=action links (extends block)***/
.action-links {
  display: none;
  height: 24px;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 100;
}
.wrap:hover > .action-links, .touch .action-links {
  display: block;
}
.action-links li {
  background: #fff;
  border-right: 1px solid #fff;
  height: 36px;
  margin: 0;
  overflow: hidden;
  width: 36px;
}
.action-links li .icon-button::before {
  left: 6px;
  top: 6px;
}
.action-links li .icon-button {
  display: block;
  height: 36px;
  padding: 0;
  width: 36px;
}
.action-links li .icon-button:hover, .action-links li .icon-button:focus {
  background-color: #d0ebf5;
  border-radius: 0;
}

.i-edit-perf-level-actions li .action-delete {
  background-color: transparent;
  border: 0;
}

/***=pop up actions (extends action links and block)***/
.popup-actions {
  left: 0;
  top: -24px;
}
.popup-actions li {
  background: url("../images/layout/layout-box-bg-hover.png");
  border-right: 1px solid #fff;
}
.popup-actions li .icon-button.action-move {
  cursor: move;
}
.popup-actions li .icon-button:hover, .popup-actions li .icon-button:focus {
  background-color: #e5e5e1;
}

/***=criterion actions (extends action links and block)***/
.criterion-actions {
  right: 0;
  top: 0;
}
.criterion-actions li {
  background: rgba(255, 255, 255, 0.5);
  border-right: 1px solid #fff;
}
.criterion-actions li .icon-button.action-move {
  cursor: move;
}
.criterion-actions li .icon-button:hover, .criterion-actions li .icon-button:focus {
  background-color: rgba(255, 255, 255, 0.8);
}

/*#endregion*/
/***=default tab (extends block)***/
.default-tab,
.default-tab:hover,
.default-tab:focus {
  background: url("../images/ui/ui-icons-white.png") no-repeat 0 -1758px;
  color: #e5e5e1;
  font-weight: 100;
  margin: 0 12px 0 0;
  padding: 9px 0 9px 22px;
  position: absolute;
  right: 0;
  text-decoration: none;
  top: 0;
  transition: background 0.3s ease;
}
.default-tab.default,
.default-tab:hover.default,
.default-tab:focus.default {
  background-position: 0 -1726px;
  color: #d0ebf5;
  opacity: 1;
}

/***=labels (taken from bootstrap for tagging) TODO: properly incorporate into our structure***/
.label {
  border-radius: 0.25rem;
  color: #fff;
  display: inline-block;
  font-weight: bold;
  line-height: 1;
  padding: 0.25em 0.4em;
  text-align: center;
  vertical-align: baseline;
  white-space: nowrap;
}
.label:empty {
  display: none;
}

a.label:focus,
a.label:hover {
  color: #fff;
  cursor: pointer;
  text-decoration: none;
}

.label-pill {
  border-radius: 1rem;
  padding-left: 0.6em;
  padding-right: 0.6em;
}

.label-default {
  background-color: #818a91;
}
.label-default[href]:focus, .label-default[href]:hover {
  background-color: #687077;
}

.label-primary {
  background-color: #0275d8;
}
.label-primary[href]:focus, .label-primary[href]:hover {
  background-color: #025aa5;
}

.label-success {
  background-color: #5cb85c;
}
.label-success[href]:focus, .label-success[href]:hover {
  background-color: #449d44;
}

.label-info {
  background-color: #5bc0de;
}
.label-info[href]:focus, .label-info[href]:hover {
  background-color: #31b0d5;
}

.label-warning {
  background-color: #f0ad4e;
}
.label-warning[href]:focus, .label-warning[href]:hover {
  background-color: #ec971f;
}

.label-danger {
  background-color: #d9534f;
}
.label-danger[href]:focus, .label-danger[href]:hover {
  background-color: #c9302c;
}

/***=flag labels (extends block)***/
.flag {
  background-color: #666;
  border-radius: 3px;
  color: #fff;
  display: inline;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 3px;
  padding: 0.22em 0.33em;
  text-shadow: none;
  text-transform: uppercase;
  white-space: nowrap;
}
.fixed-table .flag, .results-table .flag, .pending-table .flag {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}
.flag.oversized {
  border-radius: 5px;
  font-size: 1.6rem;
  padding: 0.25em 0.4375em;
}
.flag.score, .flag.inline, .flag.flag-pass-fail {
  border-radius: 5px;
  font-size: 1.1rem;
  padding: 0.273em 0.5em;
}
.flag.flag-pass-fail {
  display: inline-block;
}
.flag.score {
  display: inline-block;
  min-width: 14px;
  text-align: center;
}
.ui-button .flag, .dark-button .flag, .button .flag {
  margin-bottom: 0;
}

.circle-flag {
  border-radius: 12px;
  display: inline-block;
  font-size: 12px;
  height: 24px;
  line-height: 24px;
  margin-right: 0.25em;
  padding: 0;
  text-align: center;
  width: 24px;
}

.flag-strong,
.score.flag-strong {
  background-color: #000;
}

.flag-important,
.flag-error,
.score.flag-error {
  background-color: #c43c35;
}

.flag-cancelled,
.score.flag-cancelled {
  background-color: #f4e225;
  color: #404040;
}

.flag-meta {
  background-color: #eee;
  color: #404040;
}

.flag-warning,
.score.flag-warning {
  background-color: #d1480d;
}

.flag-caution,
.score.flag-caution {
  background: #eec519;
  color: #000;
}

.flag-success,
.score.flag-success {
  background-color: #17881d;
}

.flag-notice,
.score.flag-notice {
  background-color: #2a76b0;
}

.flag-disabled {
  background: #c2c1bc;
  /* Old browsers */
  background: linear-gradient(135deg, #c2c1bc 0%, #c2c1bc 48%, #e51616 50%, #c2c1bc 52%, #c2c1bc 100%);
  /* W3C */
}

.flag-reversed,
.score.flag-reversed {
  background-color: #fff;
  color: #2d2e2e;
  text-shadow: none;
}

.flag--required {
  font-size: 1.2rem;
  font-weight: normal;
  margin-left: 5px;
}

/*#region MessageAlertBlocks */
/***=message alerts (extends block)***/
.message-alert {
  background-repeat: repeat-x;
  border: 1px solid;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-radius: 5px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
  color: #404040;
  display: block;
  margin-bottom: 1.2rem;
  overflow: hidden;
  padding: 0.7rem 1.5rem;
  position: relative;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  word-wrap: break-word;
}
.message-alert:empty {
  display: none;
}
li > .message-alert {
  margin-bottom: 0;
}
.col-plain .message-alert, header + .message-alert {
  border-radius: 0;
}
.form-field .message-alert {
  display: inline-block;
}
.message-alert p {
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1.38;
  margin: 4px 0;
}
.message-alert a {
  color: #404040;
}
.message-alert a:hover, .message-alert a:focus {
  color: #000;
  text-shadow: 0 0 2px rgba(255, 255, 255, 0.5);
}
.message-alert.error a, .message-alert.success a, .message-alert.warning a {
  color: #fff;
}
.message-alert.notice a {
  color: #195573;
}
.message-alert.warning {
  background-color: #d1480d;
  background-image: linear-gradient(to bottom, #ea6227, #d1480d);
  border-color: #d1480d;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.message-alert.notice {
  background-color: #d9edf7;
  background-image: linear-gradient(to bottom, #d9edf7, #aed3e5);
  border-color: #d9edf7 #d9edf7 #195573;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #195573;
}
.message-alert.success {
  background-color: #57a957;
  background-image: linear-gradient(to bottom, #62c462, #57a957);
  border-color: #57a957 #57a957 #3d773d;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.message-alert.error, .message-alert.errors {
  background-color: #c43c35;
  background-image: linear-gradient(to bottom, #ee5f5b, #c43c35);
  border-color: #c43c35 #c43c35 #882a25;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.message-alert.squared,
.message-block.squared {
  border-left: 0;
  border-radius: 0;
  border-right: 0;
  margin: 0;
}

/*=message block*/
.message-block {
  background-color: #fdf5d9;
  background-image: none;
  border: 1px solid #fceec1;
  border-radius: 4px;
  box-shadow: none;
  color: #404040;
  display: block;
  margin-bottom: 1.8rem;
  padding: 1.4rem;
  position: relative;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.message-block:empty {
  display: none;
}
.message-block.notice {
  background-color: #ddf4fb;
  border-color: #c6edf9;
}
.message-block.warning {
  background-color: #ffe5d4;
  border: 1px solid #edb482;
}
.message-block.success {
  background-color: #d1eed1;
  border-color: #bfe7bf;
}
.message-block.error {
  background-color: #fddfde;
  border-color: #fbc7c6;
}
.message-block.prompt {
  background-color: #eeeff0;
  border-color: #bfc2c7;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
}
.message-alert .message-block {
  background-color: transparent;
  border: 0;
  border-radius: 0;
  margin: 7px 0;
  padding: 0;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.message-alert .message-block:first-child {
  margin-top: 0;
}
.message-alert .message-block:last-child {
  margin-bottom: 0;
}
.message-alert .message-block.notice, .message-alert .message-block.success, .message-alert .message-block.error {
  color: #fff;
}
.message-alert.warnings .message-block {
  color: #404040;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.message-block a {
  color: #404040;
}

.message-block--lg,
.message-alert--lg {
  font-size: 1.6rem;
  margin-bottom: 1rem;
  padding: 0.5rem 0.8rem;
}

.message-block--xl,
.message-alert--xl {
  font-size: 1.8rem;
  margin-bottom: 1rem;
  padding: 0.8rem 1.6rem;
}

.message-block--compact {
  border-radius: 0;
  border-width: 0 !important;
  margin-bottom: 5px;
  padding: 0.1rem 0.9rem;
}

.dash-banner {
  background: #efefef;
  font-size: 120%;
  margin-bottom: 2em;
}

.dash-banner-flexrow {
  align-items: center;
  display: flex;
  flex-direction: row;
}

.dash-banner-content {
  flex-grow: 1;
}

.dash-banner-content.reversed * {
  color: #fff;
}

.dash-banner-content > *:first-child {
  padding-top: 1.2rem;
}

.dash-banner-content > *:last-child {
  padding-bottom: 1.2rem;
}

.dash-banner-action {
  padding: 0 0.6rem;
  text-align: center;
}

.dash-banner-action:last-child {
  padding-right: 1.2rem;
}

.dash-banner-action button,
.dash-banner-action a {
  background: none;
  border: 3px solid rgba(255, 255, 255, 0.5);
  border-radius: 5px;
  box-shadow: none;
  color: inherit;
  font-size: 1.3rem;
  padding: 0.75rem 1.5rem;
  text-decoration: none;
  white-space: nowrap;
}

.dash-banner-action button {
  border-color: rgba(255, 255, 255, 0);
}

.dash-banner-action button:hover,
.dash-banner-action a:hover {
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.75);
  cursor: pointer;
}

.dash-banner-content h1,
.dash-banner-content h2,
.dash-banner-content h3,
.dash-banner-content h4,
.dash-banner-content p,
.dash-banner-content img {
  display: block;
  margin: 0 0 0.5rem 2.4rem;
}

@media only screen and (max-width: 47.9375em) {
  .dash-banner-flexrow {
    display: block;
  }

  .dash-banner-action {
    padding-top: 2.4rem;
  }
}
#ep-page-content > .message-alert,
.page-messages > .message-alert,
#ep-page-content > .message-block,
.page-messages > .message-block {
  border-left: 0;
  border-radius: 0;
  border-right: 0;
  display: block;
  margin: 0;
}

.portfolio-editor #ep-page-content > .message-alert {
  margin-top: 17px;
}

/*#endregion*/
/***=page alert (extends block)***/
.page-alert {
  background: url("../images/layout/layout-box-bg-trans.png") #fff799;
  color: #514721;
  display: block;
  font-size: 1.4rem;
  font-weight: 500;
  left: 0;
  position: fixed;
  text-shadow: 0 0 3px #fff;
  top: 0;
  width: 100%;
  z-index: 2500;
}
.page-alert div {
  border-bottom: 1px solid #ffd324;
  padding: 15px 12px;
}

/*#region jGrowlMessages */
/** jGrowl Styling **/
.jGrowl {
  color: #fff;
  font-size: 1.3rem;
  position: fixed;
  z-index: 9999;
}
.jGrowl.top-left {
  left: 0;
  top: 0;
}
.jGrowl.top-right {
  right: 0;
  top: 0;
}
.jGrowl.bottom-left {
  bottom: 0;
  left: 0;
}
.jGrowl.bottom-right {
  bottom: 0;
  right: 0;
}
.jGrowl.center {
  left: 25%;
  top: 0;
  width: 50%;
  /** Cross Browser Styling **/
}
.jGrowl.center .jGrowl-notification,
.jGrowl.center .jGrowl-closer {
  margin-left: auto;
  margin-right: auto;
}
.jGrowl .jGrowl-notification,
.jGrowl .jGrowl-closer {
  border-radius: 5px;
  display: none;
  font-size: 1.3rem;
  margin-bottom: 5px;
  margin-top: 5px;
  opacity: 0.95;
  padding: 10px;
  text-align: left;
  width: 235px;
}
.jGrowl .jGrowl-notification {
  color: #404040;
}
.jGrowl .jGrowl-notification.notice {
  background-color: #d9edf7;
  color: #195573;
}
.jGrowl .jGrowl-closer {
  background-color: #000;
}
.jGrowl .message-block {
  position: static;
}

.jGrowl .jGrowl-notification.success {
  background-color: #57a957;
  color: #fff;
}

.jGrowl .jGrowl-notification.error {
  background-color: #c43c35;
  color: #fff;
}

.jGrowl .jGrowl-notification.warning {
  background-color: #d1480d;
  color: #fff;
}

.jGrowl .jGrowl-notification {
  min-height: 40px;
}

.jGrowl .jGrowl-notification,
.jGrowl .jGrowl-closer {
  margin: 10px;
}

.jGrowl .jGrowl-notification .jGrowl-header {
  font-size: 1.5rem;
  font-weight: bold;
}

.jGrowl .jGrowl-notification .jGrowl-close {
  cursor: pointer;
  float: right;
  font-size: 0.8em;
  font-weight: bold;
  z-index: 99;
}

.jGrowl .jGrowl-closer {
  background-color: #2d2e2e;
  background-image: none;
  border: 0;
  border-radius: 1.9rem;
  color: #fff;
  cursor: pointer;
  font-size: 1.2rem;
  font-weight: normal;
  height: 3rem;
  left: -29px;
  line-height: 1;
  margin: 0;
  padding: 0.9rem 0;
  position: absolute;
  text-align: center;
  top: 11px;
  width: 3rem;
}

.jGrowl.top-left .jGrowl-closer,
.jGrowl.bottom-left .jGrowl-closer {
  left: auto;
  right: -29px;
}

.jGrowl.bottom-left .jGrowl-closer,
.jGrowl.bottom-right .jGrowl-closer {
  bottom: 11px;
  top: auto;
}

.jGrowl-message {
  overflow: hidden;
  text-overflow: ellipsis;
}

/** Hide jGrowl when printing **/
@media print {
  .jGrowl {
    display: none;
  }
}
.messages--grouped {
  border-left: 3px solid #d9d9d9;
  padding: 1rem 0 1rem 0.5rem;
}
.messages--grouped .message-block:last-child {
  margin-bottom: 0;
}

.messages--grouped__lbl {
  font-size: 1.3rem;
  font-weight: normal;
  margin-bottom: 0.1rem;
}

/*#endregion*/
/*#region Tagging */
/***=typeahed (taken from bootstrap for tagging) TODO: properly incorporate into our structure***/
.twitter-typeahead {
  position: static !important;
}
.twitter-typeahead .tt-query,
.twitter-typeahead .tt-hint {
  margin-bottom: 0;
}
.twitter-typeahead .tt-hint {
  display: none;
}

.tt-menu {
  background-clip: padding-box;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  cursor: pointer;
  display: none;
  float: left;
  font-size: 14px;
  left: 0;
  list-style: none;
  margin: 2px 0 0;
  min-width: 160px;
  padding: 5px 0;
  position: absolute;
  top: 100%;
  z-index: 999;
}

.tt-suggestion {
  clear: both;
  color: #333;
  display: block;
  font-weight: normal;
  line-height: 1.428571429;
  padding: 3px 20px;
  white-space: nowrap;
}
.tt-suggestion.tt-cursor, .tt-suggestion:hover, .tt-suggestion:focus {
  background-color: #428bca;
  color: #fff;
  outline: 0;
  text-decoration: none;
}

/***=tags and bootstrap tagsinput***/
.flag.tag {
  background: #13838f;
  box-sizing: border-box;
  display: inline-block;
  font-size: 1.2rem;
  font-weight: 300;
  height: 2.2rem;
  line-height: 1.4rem;
  max-width: 100%;
  overflow: hidden;
  padding: 0.3rem 1rem 0.3rem 1.8rem;
  position: relative;
  text-overflow: ellipsis;
  text-transform: none;
  vertical-align: middle;
}
.flag.tag::after {
  background: #fff;
  border-radius: 2px;
  box-shadow: -1px -1px 2px rgba(51, 49, 49, 0.25);
  content: "";
  float: left;
  height: 4px;
  left: 8px;
  position: absolute;
  top: 8px;
  width: 4px;
}
.flag.tag.tag-error {
  background-color: #c43c35;
}
.flag.tag.tag-error::before {
  border-color: transparent #c43c35 transparent transparent;
}

.bootstrap-tagsinput {
  box-sizing: border-box;
  padding: 6px 6px 4px;
  position: relative;
  width: 100%;
}
.form-field.oversized .bootstrap-tagsinput input[type=text], .bootstrap-tagsinput input[type=text] {
  border: 0;
  box-shadow: none;
  height: auto;
  line-height: 1.4;
  margin-top: 0;
  padding: 0;
}
.bootstrap-tagsinput .tag-error, .bootstrap-tagsinput .tag {
  margin-right: 0;
  padding-right: 2.3rem;
}
.bootstrap-tagsinput .tag-error [data-role=remove], .bootstrap-tagsinput .tag [data-role=remove] {
  line-height: 1.4rem;
  margin-left: 0;
  padding: 0 5px;
  position: absolute;
  right: 0;
  top: 0;
}
.bootstrap-tagsinput .tag-error [data-role=remove]:hover, .bootstrap-tagsinput .tag [data-role=remove]:hover {
  box-shadow: none;
}
.bootstrap-tagsinput .tag-error {
  background-color: #c43c35;
}
.bootstrap-tagsinput .tag-error [data-role=remove] {
  background: #c43c35;
}

/*#endregion*/
/***=contextual help (extends block)***/
.contextual-help {
  left: -6px;
  position: absolute;
  top: 8.5rem;
  z-index: 40;
}
.modal-body .contextual-help {
  margin-top: 1rem;
  position: static;
}
.contextual-help + .message-alert,
.contextual-help + .message-block {
  padding-top: 22px;
}
.contextual-help ul, .contextual-help .content-nav-bar > ul li, .content-nav-bar > ul .contextual-help li {
  background: url("../images/ui/ui-contextual-fold.png") 0 100% no-repeat;
  font-size: 1.1rem;
  list-style: none;
  margin: 0;
  padding: 0 0 0.64em;
  position: relative;
}
.modal-body .contextual-help ul, .modal-body .contextual-help .content-nav-bar > ul li, .content-nav-bar > ul .modal-body .contextual-help li {
  padding-bottom: 0;
}
.contextual-help li {
  background: #000;
  display: inline-block;
}
.contextual-help a {
  border-right: 1px solid #444141;
  color: #efefef;
  display: block;
  font-weight: 700;
  line-height: 2.1;
  padding: 0 0.73em;
  text-decoration: none;
  text-transform: uppercase;
}
.contextual-help a:hover, .contextual-help a:focus {
  background: #444141 url("../images/layout/layout-box-bg-trans.png");
  color: #fff;
}
html[data-focus-source=key] .contextual-help a:focus {
  outline: none !important;
  -webkit-box-shadow: inset 0 0 0 3px #3dbbdb !important;
  box-shadow: inset 0 0 0 3px #3dbbdb !important;
}
.mce-fullscreen .contextual-help {
  display: none;
}

/***=page header (extends block)***/
.page-header {
  background: #2e3d52;
  /*overwritten by customer's primary colour*/
  border: 0;
  margin: 0;
  padding: 0 2.4rem 0 0;
  position: relative;
  transition: background-color 0.8s ease;
  z-index: auto;
}
.modal-body .page-header, .inlinePortlet-body .page-header, .iframe-body .page-header {
  transition: none;
}
.page-header .return-to {
  color: #fff;
  display: inline-block;
  font-size: 1.3rem;
  font-weight: 300;
  line-height: 1;
  margin-left: 9rem;
  padding: 2.15em 0 0;
  text-decoration: none;
  text-transform: uppercase;
}
.page-header .return-to:hover, .page-header .return-to:focus {
  color: #ddd;
}
.page-header .return-to::before {
  font-family: "epicons";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e64c";
  padding-right: 0.3em;
}
.page-header h1 {
  color: #fff;
  font-size: 2.8rem;
  line-height: 1.4;
  margin: 0;
  overflow: hidden;
  padding: 1.07em 3.57em 0.93em 9rem;
  /*padding is slightly unbalanced to visually center */
  position: relative;
  text-overflow: ellipsis;
}
.page-header h1 .flag {
  vertical-align: middle;
}
.page-header h1 > #lblPortfolioName {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}
.page-header h1 a {
  color: #fff;
  text-decoration: none;
}
.page-header h1 [class^=icon-] {
  float: left;
  margin-left: -90px;
  margin-top: 3px;
  text-align: center;
  width: 90px;
}
.page-header h1 [class^=icon-caret-down] {
  font-size: 1.6rem;
  margin-left: -28px;
  text-align: left;
  width: 28px;
}
.page-header .return-to + h1 {
  margin-top: 0.3em;
}
.page-header.dropdown h1 {
  cursor: pointer;
}
.page-header.dropdown:hover [class^=icon-caret-down] {
  opacity: 0.5;
}
.page-header .dropdown-menu {
  margin-top: 0;
  min-width: 240px;
}
.portfolio-editor .page-header h1 {
  padding-right: 10em;
}
.page-header h2 {
  clear: both;
  color: #eee;
  font-size: 1.8rem;
  font-weight: 100;
  line-height: 1.33;
  margin: -1em 0 0;
  overflow: hidden;
  padding: 0 0 1em 9rem;
  text-overflow: ellipsis;
}
.page-header .button-bar,
.page-header .button--button-bar {
  border: 0;
  bottom: 33px;
  position: absolute;
  right: 12px;
}
.page-header .button-bar .ui-button, .page-header .button-bar .dark-button,
.page-header .button-bar .button,
.page-header .button--button-bar .ui-button,
.page-header .button--button-bar .dark-button,
.page-header .button--button-bar .button {
  margin-left: 0.5em;
  text-shadow: none;
}
.page-header .button-bar .check-wrap,
.page-header .button--button-bar .check-wrap {
  padding-top: 0.6rem;
}
.page-header .button-bar input[type=radio] + label,
.page-header .button-bar input[type=checkbox] + label,
.page-header .button--button-bar input[type=radio] + label,
.page-header .button--button-bar input[type=checkbox] + label {
  color: #fff;
  text-shadow: none;
}
.page-header .button-bar--static {
  margin-top: 33px;
  position: static;
}
@media only screen and (max-width: 69em) and (min-width: 48em) {
  .page-header .button-bar--static {
    margin: 0 0 10px;
  }
}
.page-header .plain-button {
  line-height: 27px;
}

.header-message .message-alert {
  padding-left: 9rem;
}

/***=descendant box (extends block)***/
.descendant {
  margin: 0.6rem 0 0 2rem;
  position: relative;
}
.descendant::before {
  color: #2a76b0;
  content: "⌊";
  display: block;
  font-size: 1.6rem;
  left: -12px;
  position: absolute;
  top: -8px;
  width: 1.6rem;
}

/***=tables***/
/*Reversed Table*/
.table-reversed th,
.table-reversed td {
  color: #fff;
}
.table-reversed a {
  color: #d0ebf5;
}
.table-reversed.table-bordered, .table-reversed.table-bordered th, .table-reversed.table-bordered td {
  border-color: #444;
}
.table-reversed.table-striped tbody tr:nth-child(odd) td, .table-reversed.table-striped tbody tr:nth-child(odd) th {
  background-color: #555;
}
.table-reversed tr.clickable:hover td {
  background: #444 !important;
}
.table-reversed tr.clickable.selected:hover td {
  background-color: #333131 !important;
}
.table-reversed tr.clickable:active td {
  background: #333131 !important;
}

/***=chart sparkline=***/
.chart-sparkline {
  display: inline-block;
  height: 30px;
  width: 150px;
}

/***=google maps***/
.google-map {
  height: 400px;
  margin: 1.2rem 0;
  position: relative;
  width: 100%;
}

.google-map-small {
  height: 250px;
  margin: 1.2rem 0;
  position: relative;
  width: 95%;
}

/***=portfolio tree (extends toggle-panel & block)***/
.portfolio-tree-title {
  background: #fff;
  border: 1px solid #c2c2c2;
  border-radius: 5px;
  margin-bottom: 6px;
  min-height: 4.8rem;
  position: relative;
}
.toggle-open > .portfolio-tree-title {
  background: #fff;
  border: 1px solid #c2c2c2;
}
.portfolio-tree-title .toggle-panel-arrow {
  margin-top: 4px;
}
.portfolio-tree-title .toggle-panel-arrow :hover {
  background-color: transparent;
}
.portfolio-tree-title .heading-portfolio,
.portfolio-tree-title .portfolio-properties {
  background-image: none;
  margin-left: 24px;
  padding-left: 0;
}
.portfolio-tree-title .heading-portfolio a {
  display: block;
  font-size: 1.4rem;
  line-height: 1.43;
  padding-top: 0.43em;
  text-decoration: none;
}

.content-progress-donut {
  height: 48px;
  position: absolute;
  right: 0;
  top: 0;
  width: 48px;
}
.content-progress-donut.compact {
  height: 24px;
  width: 24px;
}

.portfolio-properties {
  color: #666;
  font-size: 1.1rem;
  padding-bottom: 0.4em;
}
.portfolio-properties li {
  line-height: 1.6;
  margin-right: 1.1em;
}

.portfolio-tree-links {
  background-color: #666;
  border-radius: 5px;
  color: #fff;
  display: block;
  height: 20px;
  line-height: 1.67;
  position: absolute;
  right: 24px;
  text-align: center;
  text-decoration: none;
  top: 2px;
  transition: height 0.3s ease;
  width: 20px;
}
.portfolio-tree-links.selected {
  background-color: #2e4e77;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  color: #fff;
  height: 29px;
}
.portfolio-tree-links :hover,
.portfolio-tree-links :focus {
  background-color: #000;
  color: #fff;
}

.portfolio-tree-pages {
  list-style: none;
  margin: 0 0 0 24px;
  padding: 0;
}

.portfolio-tree-page {
  margin-left: 24px;
}
.portfolio-tree-page.toggle-panel {
  margin: 0;
}

.page-details {
  height: 24px;
  position: relative;
}
.page-details.toggle-panel-heading {
  background: none;
  border: 0;
}
.page-details:hover {
  background: #f5f5f5;
}

.toggle-arrow-spacer {
  float: left;
  height: 24px;
  width: 24px;
}

.page-name,
.standard-name {
  background: url("../images/ui/ui-icons-black.png") no-repeat 0 -644px;
  float: left;
  height: 24px;
  line-height: 2;
  margin: 0;
  overflow-y: hidden;
  padding-left: 26px;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.standard-name {
  background-position: 2px -676px;
}

.page-info {
  display: block;
  margin: 6px 24px;
  padding: 0;
}
.page-info.toggle-panel > * {
  display: none;
}
.page-info li {
  margin: 0;
  padding: 8px 8px 8px 20px;
}
.page-info .custom-list li {
  border: 1px solid #ddd;
  border-top: 0;
}
.page-info .custom-list li:first-child {
  border-top: 2px solid #2e4e77;
}
.page-info .custom-list li:last-child {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

/***=status dot (extends block)***/
.status-dot {
  background: #f3f3f4;
  border: 1px solid #b1b1b1;
  border-radius: 5px;
  box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.9);
  display: inline-block;
  height: 8px;
  overflow: hidden;
  text-indent: 100%;
  vertical-align: baseline;
  width: 8px;
}
.status-dot.duesoon, .status-dot.notice {
  background: #dbf3ff;
  background: linear-gradient(to bottom, #dbf3ff 0%, #b7e0f6 100%);
  border-color: #76c3eb;
  box-shadow: inset 0 0 3px rgba(219, 243, 255, 0.9);
}
.status-dot.duenow, .status-dot.warning {
  background: #fff304;
  background: linear-gradient(to bottom, #fff304 0%, #e5c700 100%);
  border-color: #e4b00e;
  box-shadow: inset 0 0 3px rgba(255, 243, 4, 0.9);
}
.status-dot.overdue, .status-dot.danger {
  background: #ff0238;
  background: linear-gradient(to bottom, #ff0238 0%, #bf022b 100%);
  border-color: #80001c;
  box-shadow: inset 0 0 3px rgba(255, 2, 56, 0.9);
}
.status-dot.submitted, .status-dot.success {
  background: #9bc924;
  background: linear-gradient(to bottom, #9bc924 0%, #7aa60a 100%);
  border-color: #608209;
  box-shadow: inset 0 0 3px rgba(155, 201, 36, 0.9);
}

/***=mailbox tools (extends block)***/
.mailbox-tools {
  margin-bottom: 1.25em;
}
.mailbox-tools .form-field {
  margin-bottom: 0;
  margin-top: 0.75em;
}

/***=escalation ui***/
/*=escalation head*/
.escalation-head {
  background: #7f8c8d;
}
.escalation-head h1 {
  background: #95a4a4;
  color: #fff;
  font-size: 3.4rem;
  margin: 0;
  padding: 0.59em 0.53em;
}

/*=escalation options*/
.escalation-opts {
  padding: 1em 1.5em;
}
.escalation-opts .form-field {
  margin-bottom: 0;
  width: auto;
}
.escalation-opts label,
.escalation-opts input,
.escalation-opts select {
  margin: 0 2px;
  vertical-align: middle;
}
.escalation-opts label {
  color: #fff;
  display: inline;
  text-shadow: none;
}
.escalation-opts select {
  width: 20%;
}
.escalation-opts .num-input {
  width: 28px;
}
.escalation-opts input[type=radio] + label,
.escalation-opts input[type=checkbox] + label {
  margin-left: 0;
}
.escalation-opts .delete-rule {
  padding-top: 2px;
  text-align: right;
}
.escalation-opts .delete-rule a {
  color: #000;
  font-size: 1.6rem;
  line-height: 1;
  text-decoration: none;
}

/***=fail/pass (extends block)***/
.fail-pass {
  margin: 3em 0 6em;
}
.fail-pass h2 {
  border-bottom: 1px solid;
  color: #fff;
  font-size: 1.7rem;
  font-weight: bold;
  margin-bottom: 0;
  padding: 0.3em 1.18em 0.18em;
  text-align: center;
  text-transform: uppercase;
}
.fail-pass.fail {
  background: #bd3c27;
}
.fail-pass.fail h2 {
  border-bottom-color: #e44e36;
}
.fail-pass.pass {
  background: #1fa286;
}
.fail-pass.pass h2 {
  border-bottom-color: #1fb899;
}
.fail-pass > .content {
  height: auto;
  min-height: 0;
  padding: 0.83em 1.67em;
}
.fail-pass .form-field.full {
  margin: 0 0 10px;
}
.fail-pass input[type=radio] + label {
  color: #fff;
  display: inline;
  margin: 0;
  text-shadow: none;
  vertical-align: middle;
}

/***=add rule (extends block)***/
.add-rule {
  background: #000;
  color: #fff;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1;
  padding: 0.75em;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}
.add-rule .icon-plus {
  margin-right: 4px;
}
.add-rule:hover, .add-rule:focus {
  color: #fff;
}

/***=iframe modal/inline portlet overrides***/
.modal {
  overflow: visible;
  position: static;
}

.modal-body .page-header,
.inlinePortlet-body .page-header {
  border-bottom: 0;
  margin: 1.2rem 0 0;
  padding: 0;
}
.modal-body .page-header h1,
.inlinePortlet-body .page-header h1 {
  color: #000;
  float: none;
  font-size: 2.4rem;
  line-height: 1.25;
  margin: 0 0 0.5em;
  padding: 0;
}
.modal-body .page-header h1 i[class^=icon-],
.inlinePortlet-body .page-header h1 i[class^=icon-] {
  margin-left: 0;
}
.modal-body .page-header h2,
.inlinePortlet-body .page-header h2 {
  color: #666;
}
.modal-body .page-header .button-bar,
.inlinePortlet-body .page-header .button-bar {
  bottom: auto;
  right: 0;
  top: 0;
}

.inlinePortlet-body.portfolio-submit {
  padding: 0;
}
.inlinePortlet-body.portfolio-submit .bordered-panel {
  padding: 15px 20px;
}
.inlinePortlet-body.portfolio-submit .page-header {
  background: transparent !important;
  margin-top: 0;
}

.modal-body--file-add {
  padding: 0;
}

.modal__header {
  padding: 0 23px;
}
.modal__header .form-field--md {
  margin-bottom: 10px;
}
.modal__header .form-field--md__select,
.modal__header .form-field--md__text {
  width: 100%;
}

.modal__body {
  margin: 0 23px;
}

.modal__footer {
  background-color: #eee;
  margin: 5px -12px -15px;
  padding: 20px 35px;
}
.modal__footer .button {
  margin-left: 15px;
}

/***=confirmation modal***/
.modal--confirm {
  padding: 0 80px 15px;
  text-align: center;
}

.modal--confirm__icon {
  margin-bottom: 1rem;
}

.modal--confirm__title {
  margin-bottom: 0.7em;
}

.modal--confirm__msg {
  line-height: 1.4;
  padding-bottom: 0.4rem;
}
.modal--confirm__msg p {
  margin-bottom: 1em;
}

.modal--confirm__actions p {
  margin-bottom: 1em;
}

/***=user merge box (extends block)***/
.user-merge {
  margin-bottom: 2.5rem;
}
.user-merge .instructions {
  color: #698ea6;
  margin-bottom: 1.25em;
}
.user-merge .profile-card {
  margin-top: 1.5rem;
}
.user-merge .profile-name {
  margin-bottom: 0.2em;
}
.user-merge .perm-icon {
  height: 24px;
  width: 24px;
}
.user-merge .user-activity {
  margin: 1.25em 0.8rem;
}
.user-merge .profile-membership {
  border-top: 1px solid #d3d2ce;
  margin: 0 0.8rem;
}
.user-merge .item-list {
  min-width: 0;
}

.merge-to {
  background: #1bac48;
  border: 1px solid #257841;
  display: inline-block;
  padding: 0.2rem 1rem;
}
@media only screen and (max-width: 47.9375em) {
  .merge-to {
    margin: 0 0 1.5rem !important;
  }
  .merge-to .icon-arrow-left::before {
    content: "\e676";
  }
}

/*#region FooterBlocks */
/***=copyright (extends block)***/
.copyright {
  color: #757472;
  font-weight: 300;
  margin-bottom: 0;
}
.copyright a {
  color: #6d6c6a;
  font-weight: 100;
  text-decoration: none;
}
.copyright a:hover, .copyright a:focus {
  color: #2e4e77;
}

/***=help line (extends block)***/
.helpLine {
  color: #6d6c6a;
  font-weight: 500;
  margin-top: 0;
}
.helpLine a {
  text-decoration: none;
}
.helpLine a:hover, .helpLine a:focus {
  color: #2e4e77;
}

/*#endregion*/
/*#region ImageGalleryRules */
/***=gallery thumb box (extends block)***/
.gallery-thumb-box {
  background: #fff;
  border: 2px solid #c2c2c2;
  float: left;
  height: 175px;
  margin: 0 15px 30px 0;
  overflow: hidden;
  position: relative;
  width: 175px;
}
.gallery-thumb-box img {
  border: 0;
  left: 0;
  position: absolute;
  top: 0;
}

/***=gallery info box (extends block)***/
.gallery-info-box {
  background: #000;
  left: 0;
  opacity: 0.8;
  position: absolute;
  top: 148px;
  width: 100%;
}
.gallery-info-box h3 {
  color: #fff;
  font-size: 1.3rem;
  font-weight: bold;
  line-height: 1.2;
  margin: 0.5em 0.5em 0.62em;
}
.gallery-info-box h4,
.gallery-info-box p {
  font-size: 1.1rem;
  line-height: 1;
  margin: 0.55em;
}
.gallery-info-box h4 {
  color: #aaa;
  font-weight: bold;
  text-transform: uppercase;
}
.gallery-info-box h4 a {
  color: #aaa;
  text-decoration: none;
}
.gallery-info-box h4 a:hover {
  text-decoration: none;
}
.gallery-info-box p {
  color: #fff;
  font-weight: normal;
}
.gallery-info-box .gallery-controls {
  border-top: 1px dotted #fff;
  padding-top: 6px;
}
.gallery-info-box .gallery-controls > .gallery-control {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  display: block;
  height: 14px;
  line-height: 1;
  margin: 0 5px 0 0;
  opacity: 1;
  overflow: hidden;
  text-indent: -300px;
  width: 14px;
}
.gallery-info-box .gallery-controls .gallery-add {
  background-image: url("../images/gallery/gallery-add.png");
}
.gallery-info-box .gallery-controls .gallery-edit {
  background-image: url("../images/gallery/gallery-edit.png");
}
.gallery-info-box .gallery-controls .gallery-delete {
  background-image: url("../images/gallery/gallery-delete.png");
}
.gallery-info-box .gallery-controls .gallery-remove {
  background-image: url("../images/gallery/gallery-remove.png");
}
.gallery-info-box .gallery-controls .gallery-transfer {
  background-image: url("../images/gallery/gallery-transfer.png");
}
#tab-personal-images .gallery-info-box .gallery-controls .gallery-transfer {
  display: none;
}
.gallery-info-box .gallery-controls .gallery-zoom {
  background-image: url("../images/gallery/gallery-zoom.png");
}
.gallery-info-box .gallery-controls .gallery-rename {
  background-image: url("../images/gallery/gallery-rename.png");
}

/***=full image***/
.image-gallery #full-image img {
  max-width: 100%;
}

/*#endregion*/
/*#region ToBeDeprecated */
/***=new/required/etc labels (TO BE DEPRECATED)***/
span.complete, span.sample, span.visible, span.updated, span.required, .newItem,
span.new {
  background: url("../images/indicator-new.png") no-repeat 0 50%;
  display: inline-block;
  height: 9px;
  line-height: 1;
  padding: 2px 0 2px 21px;
  vertical-align: middle;
}

span.required {
  background-image: url("../images/indicator-required.png");
  padding-left: 40px;
}

span.updated {
  background-image: url("../images/indicator-updated.png");
  padding-left: 40px;
}

span.visible {
  background-image: url("../images/indicator-visible.png");
  padding-left: 34px;
}

span.sample {
  background-image: url("../images/indicator-sample.png");
  padding-left: 35px;
}

span.complete {
  background-image: url("../images/indicator-complete.png");
  padding-left: 43px;
}

/*#endregion*/
/*Trip walkthrough*/
.trip-block {
  border-radius: 3px;
  font-size: 1.3rem;
  max-width: 360px;
  min-width: 100px;
  padding: 8px;
  position: absolute;
  text-align: center;
}
.trip-block::before {
  border: solid transparent;
  content: " ";
  height: 0;
  position: absolute;
  width: 0;
}
.trip-block a {
  color: #1a2433;
}
.trip-block.black {
  /*"black" right now is actually being coloured*/
  background: #1fa286;
  box-shadow: rgba(0, 0, 0, 0.2) 0 2px 4px 0;
  color: #fff;
}
.trip-block.black .trip-close {
  color: #1a2433;
}
.trip-block.black .trip-close:hover {
  color: #fff;
}
.trip-block.black.n::before {
  border-top-color: #1fa286;
}
.trip-block.black.s::before {
  border-bottom-color: #1fa286;
}
.trip-block.black.e::before {
  border-right-color: #1fa286;
}
.trip-block.black.w::before {
  border-left-color: #1fa286;
}
.trip-block.white {
  background: #fff;
  color: #231f20;
}
.trip-block.white .trip-close {
  color: #231f20;
}
.trip-block.white .trip-close:hover {
  color: #000;
}
.trip-block.white.n::before {
  border-top-color: #fff;
}
.trip-block.white.s::before {
  border-bottom-color: #fff;
}
.trip-block.white.e::before {
  border-right-color: #fff;
}
.trip-block.white.w::before {
  border-left-color: #fff;
}
.trip-block.n::before, .trip-block.s::before {
  border-width: 8px;
  left: 50%;
  margin-left: -8px;
}
.trip-block.e::before, .trip-block.w::before {
  border-width: 8px;
  margin-top: -8px;
  top: 50%;
}
.trip-block.n::before {
  top: 100%;
}
.trip-block.s::before {
  bottom: 100%;
}
.trip-block.e::before {
  right: 100%;
}
.trip-block.w::before {
  left: 100%;
}
.trip-block.screen-ne, .trip-block.screen-se, .trip-block.screen-sw, .trip-block.screen-nw, .trip-block.screen-center {
  position: fixed;
}

.trip-close {
  float: right;
  margin-top: -5px;
  text-decoration: none;
}
.trip-close:hover {
  text-decoration: none;
}

.trip-content {
  clear: right;
}

.trip-progress-bar {
  background-color: #444;
  height: 1px;
  width: 0;
}

.trip-overlay {
  background: #000;
  display: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  height: 100%;
  left: 0;
  opacity: 0.7;
  position: fixed;
  top: 0;
  width: 100%;
}

.trip-prev,
.trip-next {
  padding: 5px 10px;
}

/*
*  TODO:
*  implement with more details later
*/
.trip-exposed {
  background: #fff;
}

/***=toggle panel badges***/
.badge-links {
  margin-bottom: 2rem;
}

.badge-links__item {
  display: inline-block;
  vertical-align: top;
  width: 300px;
}
.badge-links__item img {
  height: auto;
  max-width: 100%;
}

.toggle-panel--badge {
  margin-left: 1rem;
  margin-right: 1rem;
}
.toggle-panel--badge .toggle-panel-heading {
  margin-bottom: 0.6rem;
}
.toggle-panel--badge .toggle-panel-content {
  background-color: transparent;
  background-image: none;
  border: 0;
  padding: 12px 26px;
}

.badge-link .content-panel {
  margin-bottom: 30px;
  padding: 24px;
}
.badge-link img {
  height: auto;
  max-width: 100%;
}

.marketing--missing-feature {
  margin: 0 auto;
  max-width: 110rem;
  padding: 4.5rem 0;
  text-align: center;
}
.marketing--missing-feature .marketing--missing-feature__sad {
  width: 16rem;
}
.marketing--missing-feature h1 {
  font-weight: bold;
  margin: 1.5em 0 1em;
}
.marketing--missing-feature p {
  font-size: 1.6rem;
  margin-bottom: 1.2em;
}

/**********=BLOCK EXTENSIONS (end)**********/
/**********=NAV EXTENSIONS**********/
/***=tabbed navigation***/
.ui-tabs {
  border: 0;
  padding: 0;
}
.ui-tabs.ui-widget-content {
  background: none;
}

.ui-tabs-nav,
.nav--tabs {
  background-color: #4d4949;
  background-image: none;
  border: 0;
  border-bottom: 4px solid #fff;
  border-radius: 0;
  box-shadow: inset 0 -11px 8px -10px #000;
  margin: 0;
  padding: 0;
  width: 100%;
}
.col-body .ui-tabs-nav, .content-inset .ui-tabs-nav, .content-body .ui-tabs-nav,
.col-body .nav--tabs,
.content-inset .nav--tabs,
.content-body .nav--tabs {
  background: transparent url("../images/ui/ui-tabs-horizontal-inline-shadow.png") repeat-x 0 100%;
  box-shadow: none;
  margin-bottom: 15px;
  margin-left: -12px;
  padding: 0 24px 0 0;
}
.ui-tabs-nav li,
.ui-tabs-nav .nav__item,
.nav--tabs li,
.nav--tabs .nav__item {
  border: 0;
  border-radius: 0;
  border-right: 1px solid #333131;
  color: #b4b3af;
  float: left;
  font-size: 1.2rem;
  font-weight: 300;
  height: 36px;
  list-style: none;
  margin: 0;
  outline: none !important;
  padding: 0;
  position: relative;
  top: 0;
  transition: background-color 0.3s ease;
  z-index: 2;
}
.ui-tabs .ui-tabs .ui-tabs-nav li, .col-body .ui-tabs-nav li, .content-body .ui-tabs-nav li,
.ui-tabs .ui-tabs .ui-tabs-nav .nav__item,
.col-body .ui-tabs-nav .nav__item,
.content-body .ui-tabs-nav .nav__item,
.ui-tabs .ui-tabs .nav--tabs li,
.col-body .nav--tabs li,
.content-body .nav--tabs li,
.ui-tabs .ui-tabs .nav--tabs .nav__item,
.col-body .nav--tabs .nav__item,
.content-body .nav--tabs .nav__item {
  border-right: 1px solid #e5e5e1;
}
.ui-tabs-nav li a,
.ui-tabs-nav li .button--as-link,
.ui-tabs-nav .nav__item a,
.ui-tabs-nav .nav__item .button--as-link,
.nav--tabs li a,
.nav--tabs li .button--as-link,
.nav--tabs .nav__item a,
.nav--tabs .nav__item .button--as-link {
  color: #e5e5e1;
  display: block;
  height: 36px;
  line-height: 2.83;
  margin: 0;
  outline: none !important;
  padding: 0 12px;
  text-decoration: none;
  text-shadow: 0 0 2px #000;
}
.ui-tabs .ui-tabs .ui-tabs-nav li a, .col-body .ui-tabs-nav li a, .content-body .ui-tabs-nav li a, .content-inset .ui-tabs-nav li a,
.ui-tabs .ui-tabs .ui-tabs-nav li .button--as-link,
.col-body .ui-tabs-nav li .button--as-link,
.content-body .ui-tabs-nav li .button--as-link,
.content-inset .ui-tabs-nav li .button--as-link,
.ui-tabs .ui-tabs .ui-tabs-nav .nav__item a,
.col-body .ui-tabs-nav .nav__item a,
.content-body .ui-tabs-nav .nav__item a,
.content-inset .ui-tabs-nav .nav__item a,
.ui-tabs .ui-tabs .ui-tabs-nav .nav__item .button--as-link,
.col-body .ui-tabs-nav .nav__item .button--as-link,
.content-body .ui-tabs-nav .nav__item .button--as-link,
.content-inset .ui-tabs-nav .nav__item .button--as-link,
.ui-tabs .ui-tabs .nav--tabs li a,
.col-body .nav--tabs li a,
.content-body .nav--tabs li a,
.content-inset .nav--tabs li a,
.ui-tabs .ui-tabs .nav--tabs li .button--as-link,
.col-body .nav--tabs li .button--as-link,
.content-body .nav--tabs li .button--as-link,
.content-inset .nav--tabs li .button--as-link,
.ui-tabs .ui-tabs .nav--tabs .nav__item a,
.col-body .nav--tabs .nav__item a,
.content-body .nav--tabs .nav__item a,
.content-inset .nav--tabs .nav__item a,
.ui-tabs .ui-tabs .nav--tabs .nav__item .button--as-link,
.col-body .nav--tabs .nav__item .button--as-link,
.content-body .nav--tabs .nav__item .button--as-link,
.content-inset .nav--tabs .nav__item .button--as-link {
  color: #2d2e2e;
  text-shadow: none;
}
.ui-tabs-nav li a.tab-toc, .ui-tabs-nav li a.tab-settings, .ui-tabs-nav li a.tab-history, .ui-tabs-nav li a.tab-submissions, .ui-tabs-nav li a.tab-standards, .ui-tabs-nav li a.tab-library,
.ui-tabs-nav li .button--as-link.tab-toc,
.ui-tabs-nav li .button--as-link.tab-settings,
.ui-tabs-nav li .button--as-link.tab-history,
.ui-tabs-nav li .button--as-link.tab-submissions,
.ui-tabs-nav li .button--as-link.tab-standards,
.ui-tabs-nav li .button--as-link.tab-library,
.ui-tabs-nav .nav__item a.tab-toc,
.ui-tabs-nav .nav__item a.tab-settings,
.ui-tabs-nav .nav__item a.tab-history,
.ui-tabs-nav .nav__item a.tab-submissions,
.ui-tabs-nav .nav__item a.tab-standards,
.ui-tabs-nav .nav__item a.tab-library,
.ui-tabs-nav .nav__item .button--as-link.tab-toc,
.ui-tabs-nav .nav__item .button--as-link.tab-settings,
.ui-tabs-nav .nav__item .button--as-link.tab-history,
.ui-tabs-nav .nav__item .button--as-link.tab-submissions,
.ui-tabs-nav .nav__item .button--as-link.tab-standards,
.ui-tabs-nav .nav__item .button--as-link.tab-library,
.nav--tabs li a.tab-toc,
.nav--tabs li a.tab-settings,
.nav--tabs li a.tab-history,
.nav--tabs li a.tab-submissions,
.nav--tabs li a.tab-standards,
.nav--tabs li a.tab-library,
.nav--tabs li .button--as-link.tab-toc,
.nav--tabs li .button--as-link.tab-settings,
.nav--tabs li .button--as-link.tab-history,
.nav--tabs li .button--as-link.tab-submissions,
.nav--tabs li .button--as-link.tab-standards,
.nav--tabs li .button--as-link.tab-library,
.nav--tabs .nav__item a.tab-toc,
.nav--tabs .nav__item a.tab-settings,
.nav--tabs .nav__item a.tab-history,
.nav--tabs .nav__item a.tab-submissions,
.nav--tabs .nav__item a.tab-standards,
.nav--tabs .nav__item a.tab-library,
.nav--tabs .nav__item .button--as-link.tab-toc,
.nav--tabs .nav__item .button--as-link.tab-settings,
.nav--tabs .nav__item .button--as-link.tab-history,
.nav--tabs .nav__item .button--as-link.tab-submissions,
.nav--tabs .nav__item .button--as-link.tab-standards,
.nav--tabs .nav__item .button--as-link.tab-library {
  background-image: url("../images/ui/ui-icons-white.png");
  background-repeat: no-repeat;
  padding-left: 30px;
}
.ui-tabs-nav li a.tab-history,
.ui-tabs-nav li .button--as-link.tab-history,
.ui-tabs-nav .nav__item a.tab-history,
.ui-tabs-nav .nav__item .button--as-link.tab-history,
.nav--tabs li a.tab-history,
.nav--tabs li .button--as-link.tab-history,
.nav--tabs .nav__item a.tab-history,
.nav--tabs .nav__item .button--as-link.tab-history {
  background-position: 6px -94px;
}
.ui-tabs-nav li a.tab-library,
.ui-tabs-nav li .button--as-link.tab-library,
.ui-tabs-nav .nav__item a.tab-library,
.ui-tabs-nav .nav__item .button--as-link.tab-library,
.nav--tabs li a.tab-library,
.nav--tabs li .button--as-link.tab-library,
.nav--tabs .nav__item a.tab-library,
.nav--tabs .nav__item .button--as-link.tab-library {
  background-position: 6px -766px;
}
.ui-tabs-nav li a.tab-toc,
.ui-tabs-nav li .button--as-link.tab-toc,
.ui-tabs-nav .nav__item a.tab-toc,
.ui-tabs-nav .nav__item .button--as-link.tab-toc,
.nav--tabs li a.tab-toc,
.nav--tabs li .button--as-link.tab-toc,
.nav--tabs .nav__item a.tab-toc,
.nav--tabs .nav__item .button--as-link.tab-toc {
  background-position: 6px -606px;
}
.ui-tabs-nav li a.tab-settings,
.ui-tabs-nav li .button--as-link.tab-settings,
.ui-tabs-nav .nav__item a.tab-settings,
.ui-tabs-nav .nav__item .button--as-link.tab-settings,
.nav--tabs li a.tab-settings,
.nav--tabs li .button--as-link.tab-settings,
.nav--tabs .nav__item a.tab-settings,
.nav--tabs .nav__item .button--as-link.tab-settings {
  background-position: 6px -1856px;
}
.ui-tabs-nav li a.tab-standards,
.ui-tabs-nav li .button--as-link.tab-standards,
.ui-tabs-nav .nav__item a.tab-standards,
.ui-tabs-nav .nav__item .button--as-link.tab-standards,
.nav--tabs li a.tab-standards,
.nav--tabs li .button--as-link.tab-standards,
.nav--tabs .nav__item a.tab-standards,
.nav--tabs .nav__item .button--as-link.tab-standards {
  background-position: 6px -670px;
}
.ui-tabs-nav li a.tab-submissions,
.ui-tabs-nav li .button--as-link.tab-submissions,
.ui-tabs-nav .nav__item a.tab-submissions,
.ui-tabs-nav .nav__item .button--as-link.tab-submissions,
.nav--tabs li a.tab-submissions,
.nav--tabs li .button--as-link.tab-submissions,
.nav--tabs .nav__item a.tab-submissions,
.nav--tabs .nav__item .button--as-link.tab-submissions {
  background-position: 6px -1375px;
}
.ui-tabs-nav .ui-state-hover,
.ui-tabs-nav .ui-state-focus,
.ui-tabs-nav .nav__item:hover,
.ui-tabs-nav .nav__item:focus,
.nav--tabs .ui-state-hover,
.nav--tabs .ui-state-focus,
.nav--tabs .nav__item:hover,
.nav--tabs .nav__item:focus {
  background-color: #222121;
  background-color: rgba(0, 0, 0, 0.75);
  z-index: 1;
}
.ui-tabs .ui-tabs .ui-tabs-nav .ui-state-hover, .col-body .ui-tabs-nav .ui-state-hover, .content-body .ui-tabs-nav .ui-state-hover,
.ui-tabs .ui-tabs .ui-tabs-nav .ui-state-focus,
.col-body .ui-tabs-nav .ui-state-focus,
.content-body .ui-tabs-nav .ui-state-focus,
.ui-tabs .ui-tabs .ui-tabs-nav .nav__item:hover,
.col-body .ui-tabs-nav .nav__item:hover,
.content-body .ui-tabs-nav .nav__item:hover,
.ui-tabs .ui-tabs .ui-tabs-nav .nav__item:focus,
.col-body .ui-tabs-nav .nav__item:focus,
.content-body .ui-tabs-nav .nav__item:focus,
.ui-tabs .ui-tabs .nav--tabs .ui-state-hover,
.col-body .nav--tabs .ui-state-hover,
.content-body .nav--tabs .ui-state-hover,
.ui-tabs .ui-tabs .nav--tabs .ui-state-focus,
.col-body .nav--tabs .ui-state-focus,
.content-body .nav--tabs .ui-state-focus,
.ui-tabs .ui-tabs .nav--tabs .nav__item:hover,
.col-body .nav--tabs .nav__item:hover,
.content-body .nav--tabs .nav__item:hover,
.ui-tabs .ui-tabs .nav--tabs .nav__item:focus,
.col-body .nav--tabs .nav__item:focus,
.content-body .nav--tabs .nav__item:focus {
  background-color: #dddcda;
  background-color: rgba(0, 0, 0, 0.18);
}
html[data-focus-source=key] .ui-tabs-nav .ui-state-focus,
html[data-focus-source=key] .nav--tabs .ui-state-focus {
  outline: none !important;
  -webkit-box-shadow: inset 0 0 0 3px #3dbbdb !important;
  box-shadow: inset 0 0 0 3px #3dbbdb !important;
}
.ui-tabs-nav .ui-tabs-active,
.ui-tabs-nav .ui-tabs-active.ui-state-hover,
.ui-tabs-nav .nav__item.ui-tabs-active:hover,
.nav--tabs .ui-tabs-active,
.nav--tabs .ui-tabs-active.ui-state-hover,
.nav--tabs .nav__item.ui-tabs-active:hover {
  /*background-color: transparent;
  background-color: rgba(0, 0, 0, 0.35);*/
  background-color: #0072bc;
  background-color: rgba(0, 114, 188, 0.75);
  color: #fff;
  background-image: url("../images/ui/ui-tabs-horizontal-active.png");
  background-position: 50% 100%;
  background-repeat: no-repeat;
  border: 0;
  border-right: 1px solid #333131;
  padding: 0;
  z-index: 1;
}
.ui-tabs .ui-tabs .ui-tabs-nav .ui-tabs-active, .col-body .ui-tabs-nav .ui-tabs-active, .content-body .ui-tabs-nav .ui-tabs-active,
.ui-tabs .ui-tabs .ui-tabs-nav .ui-tabs-active.ui-state-hover,
.col-body .ui-tabs-nav .ui-tabs-active.ui-state-hover,
.content-body .ui-tabs-nav .ui-tabs-active.ui-state-hover,
.ui-tabs .ui-tabs .ui-tabs-nav .nav__item.ui-tabs-active:hover,
.col-body .ui-tabs-nav .nav__item.ui-tabs-active:hover,
.content-body .ui-tabs-nav .nav__item.ui-tabs-active:hover,
.ui-tabs .ui-tabs .nav--tabs .ui-tabs-active,
.col-body .nav--tabs .ui-tabs-active,
.content-body .nav--tabs .ui-tabs-active,
.ui-tabs .ui-tabs .nav--tabs .ui-tabs-active.ui-state-hover,
.col-body .nav--tabs .ui-tabs-active.ui-state-hover,
.content-body .nav--tabs .ui-tabs-active.ui-state-hover,
.ui-tabs .ui-tabs .nav--tabs .nav__item.ui-tabs-active:hover,
.col-body .nav--tabs .nav__item.ui-tabs-active:hover,
.content-body .nav--tabs .nav__item.ui-tabs-active:hover {
  background-color: transparent;
  background-image: url("../images/ui/ui-tabs-horizontal-inline-active.png");
}
.ui-tabs-nav .ui-tabs-active a,
.ui-tabs-nav .ui-tabs-active.ui-state-hover a,
.ui-tabs-nav .nav__item.ui-tabs-active:hover a,
.nav--tabs .ui-tabs-active a,
.nav--tabs .ui-tabs-active.ui-state-hover a,
.nav--tabs .nav__item.ui-tabs-active:hover a {
  color: #fff;
  cursor: text;
}
.ui-tabs .ui-tabs .ui-tabs-nav .ui-tabs-active a, .col-body .ui-tabs-nav .ui-tabs-active a, .content-body .ui-tabs-nav .ui-tabs-active a,
.ui-tabs .ui-tabs .ui-tabs-nav .ui-tabs-active.ui-state-hover a,
.col-body .ui-tabs-nav .ui-tabs-active.ui-state-hover a,
.content-body .ui-tabs-nav .ui-tabs-active.ui-state-hover a,
.ui-tabs .ui-tabs .ui-tabs-nav .nav__item.ui-tabs-active:hover a,
.col-body .ui-tabs-nav .nav__item.ui-tabs-active:hover a,
.content-body .ui-tabs-nav .nav__item.ui-tabs-active:hover a,
.ui-tabs .ui-tabs .nav--tabs .ui-tabs-active a,
.col-body .nav--tabs .ui-tabs-active a,
.content-body .nav--tabs .ui-tabs-active a,
.ui-tabs .ui-tabs .nav--tabs .ui-tabs-active.ui-state-hover a,
.col-body .nav--tabs .ui-tabs-active.ui-state-hover a,
.content-body .nav--tabs .ui-tabs-active.ui-state-hover a,
.ui-tabs .ui-tabs .nav--tabs .nav__item.ui-tabs-active:hover a,
.col-body .nav--tabs .nav__item.ui-tabs-active:hover a,
.content-body .nav--tabs .nav__item.ui-tabs-active:hover a {
  color: #2a76b0;
}

/***=responsive tabbed navigation***/
.tab-pull-trigger {
  display: none;
}

@media only screen and (max-width: 53.125em) {
  .tab-pull-trigger {
    background: #4d4949;
    box-shadow: inset 0 -11px 8px -10px #000;
    box-sizing: border-box;
    color: #fff;
    display: block;
    font-size: 2rem;
    height: 36px;
    overflow: hidden;
    padding: 0.4rem 0 0 1.5rem;
    text-decoration: none;
    transition: color 0.3s ease;
    white-space: nowrap;
    width: 100%;
  }
  .tab-pull-trigger:hover, .tab-pull-trigger:focus {
    color: #e5e5e1;
  }
  .show-tabs > .tab-pull-trigger {
    box-shadow: none;
  }
  .ui-tabs .ui-tabs .tab-pull-trigger, .col-body .tab-pull-trigger, .content-body .tab-pull-trigger {
    background: #fff;
    border: 1px solid #e5e5e1;
    box-shadow: none;
    color: #6f7a7a;
  }
  .ui-tabs .ui-tabs .tab-pull-trigger:hover, .col-body .tab-pull-trigger:hover, .content-body .tab-pull-trigger:hover {
    color: #4d4949;
  }

  .responsive-tabs:not(.show-tabs) > .ui-tabs-nav {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  .responsive-tabs > .ui-tabs-nav li {
    border-top: 1px solid #312f2f;
    float: none;
  }
  .responsive-tabs > .ui-tabs-nav .ui-tabs-active,
.responsive-tabs > .ui-tabs-nav .ui-tabs-active.ui-state-hover {
    background-image: none;
    border-top: 1px solid #312f2f;
  }
  .ui-tabs .ui-tabs .responsive-tabs > .ui-tabs-nav, .col-body .responsive-tabs > .ui-tabs-nav, .content-body .responsive-tabs > .ui-tabs-nav {
    margin-left: 0;
    padding: 0;
  }
  .ui-tabs .ui-tabs .responsive-tabs > .ui-tabs-nav li, .col-body .responsive-tabs > .ui-tabs-nav li, .content-body .responsive-tabs > .ui-tabs-nav li {
    border: 1px solid #e5e5e1;
  }
  .ui-tabs .ui-tabs .responsive-tabs > .ui-tabs-nav .ui-tabs-active,
.ui-tabs .ui-tabs .responsive-tabs > .ui-tabs-nav .ui-tabs-active.ui-state-hover, .col-body .responsive-tabs > .ui-tabs-nav .ui-tabs-active,
.col-body .responsive-tabs > .ui-tabs-nav .ui-tabs-active.ui-state-hover, .content-body .responsive-tabs > .ui-tabs-nav .ui-tabs-active,
.content-body .responsive-tabs > .ui-tabs-nav .ui-tabs-active.ui-state-hover {
    background-image: none;
    border-top: 1px solid #e5e5e1;
  }
  .responsive-tabs > .default-tab,
.responsive-tabs > .default-tab:hover,
.responsive-tabs > .default-tab:focus {
    float: none;
    position: absolute;
    right: 0;
    top: 0;
  }
  .responsive-tabs .tab-badge {
    right: auto;
  }
}
/*#region PushMenuRules */
/***=push menu (main navigation; extends nav)***/
.mp-menu {
  height: 100%;
  left: 0;
  position: absolute;
  /* we can't use fixed here :( */
  top: 0;
  transform: translate3d(-100%, 0, 0);
  width: 280px;
  z-index: 2;
}
.mp-menu:focus {
  outline: none;
}
.inlinePortlet-body .mp-menu {
  display: none;
}

/*=level*/
.mp-level {
  background: #36ae54;
  /* the only colour to change to re-colour menu (test colour: 338b90). overwritten by customer secondary colour */
  border-top: 9.6rem solid #fff;
  box-sizing: border-box;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transform: translate3d(-100%, 0, 0);
  transition: all 0.5s;
  width: 100%;
}
.mp-level .mp-level {
  border-top: 0;
}
.mp-level::before, .mp-level::after {
  content: "";
  height: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 0;
}
.mp-level::after {
  background: rgba(0, 0, 0, 0.3);
  transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
  z-index: -1;
}
.mp-level.mp-level-overlay {
  cursor: pointer;
}
.mp-level.mp-level-overlay::before, .mp-level.mp-level-overlay::after {
  height: 100%;
  opacity: 1;
  width: 100%;
}
.mp-level.mp-level-overlay::before {
  background: transparent;
}
.mp-level.mp-level-overlay::after {
  transition: opacity 0.3s;
}
.no-csstransforms3d.not-chrome .mp-menu .mp-level {
  left: -280px;
}

/*=overlap*/
.mp-overlap .mp-level.mp-level-open {
  box-shadow: 1px 0 2px rgba(0, 0, 0, 0.2);
  transform: translate3d(-72px, 0, 0);
}

.mp-level-overlay i[class^=icon-] {
  opacity: 0.5;
}
.mp-level-overlay .mp-level i[class^=icon-] {
  opacity: 1;
}

/*=first level*/
.mp-menu > .mp-level,
.mp-menu > .mp-level.mp-level-open, .mp-menu.mp-overlap > .mp-level, .mp-menu.mp-overlap > .mp-level.mp-level-open {
  box-shadow: none;
  transform: translate3d(0, 0, 0);
}

/*=cover*/
.mp-cover .mp-level.mp-level-open {
  transform: translate3d(0, 0, 0);
}
.mp-cover .mp-level.mp-level-open > ul > li > .mp-level:not(.mp-level-open), .mp-cover .content-nav-bar > ul .mp-level.mp-level-open > li > li > .mp-level:not(.mp-level-open), .content-nav-bar > ul .mp-cover .mp-level.mp-level-open > li > li > .mp-level:not(.mp-level-open) {
  transform: translate3d(-100%, 0, 0);
}

/*=content styles*/
.mp-menu a {
  color: #f7f7f7;
  outline: none;
  text-decoration: none;
}
.mp-menu a:hover, .mp-menu a:focus {
  color: #fff;
  outline: none;
}
.mp-menu h2 {
  color: #fff;
  font-size: 2.4rem;
  font-weight: 300;
  line-height: 4;
  margin: 0;
  padding: 0 1em;
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
}
.mp-menu.mp-overlap h2::before {
  font-size: 75%;
  line-height: 1.8;
  margin-right: 8px;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transform: translateX(-100%);
  transition: opacity 0.3s, transform 0.1s 0.3s;
}
.mp-menu.mp-cover h2 {
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.mp-menu li > a {
  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.2);
  display: block;
  font-size: 1.68rem;
  padding: 0.7em 2.4rem 0.7em 1.8em;
  text-shadow: 0 0 1px rgba(255, 255, 255, 0.1);
  transition: background 0.3s, box-shadow 0.3s;
}
.mp-menu li.mp-has-submenu::before {
  font-family: "epicons";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #fff;
  content: "\e67c";
  font-size: 1.2rem;
  left: 6px;
  line-height: 4;
  position: absolute;
  z-index: -1;
}

.mp-overlap .mp-level.mp-level-overlay > h2::before {
  opacity: 1;
  transform: translateX(0);
  transition: transform 0.3s, opacity 0.3s;
}

.mp-level > ul > li:first-child > a, .content-nav-bar > ul .mp-level > li > li:first-child > a {
  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.2), inset 0 1px rgba(0, 0, 0, 0.2);
}

.mp-menu li a:hover,
.mp-level > ul > li:first-child > a:hover,
.content-nav-bar > ul .mp-level > li > li:first-child > a:hover,
.mp-menu li a:focus,
.mp-level > ul > li:first-child > a:focus,
.content-nav-bar > ul .mp-level > li > li:first-child > a:focus {
  background: rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 -1px rgba(0, 0, 0, 0);
}

.mp-menu .mp-level.mp-level-overlay > ul > li > a, .mp-menu .content-nav-bar > ul .mp-level.mp-level-overlay > li > li > a, .content-nav-bar > ul .mp-menu .mp-level.mp-level-overlay > li > li > a,
.mp-level.mp-level-overlay > ul > li:first-child > a,
.content-nav-bar > ul .mp-level.mp-level-overlay > li > li:first-child > a {
  box-shadow: inset 0 -1px rgba(0, 0, 0, 0);
}

/*=back button*/
.mp-menu .mp-back {
  background: rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px rgba(0, 0, 0, 0.1);
  color: #fff;
  display: block;
  font-size: 1.68rem;
  font-weight: 900;
  padding: 1em;
  position: relative;
  text-transform: uppercase;
  transition: background 0.3s;
}
.mp-menu a [class^=icon-],
.mp-menu a [class*=" icon-"] {
  float: right;
  font-size: 2rem;
}
.mp-menu h2 [class^=icon-] {
  float: right;
  line-height: 9.6rem;
}
.mp-menu .mp-level.mp-level-overlay > .mp-back,
.mp-menu .mp-level.mp-level-overlay > .mp-back::after {
  background: transparent;
  box-shadow: none;
  color: transparent;
}

/*MyMantl Menu Item*/
.mp-menu-logo-mymantl {
  background-image: url("../images/mymantl-logo-white.png");
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  float: right;
  height: 2.4rem;
  vertical-align: middle;
  width: 2.4rem;
}

.mp-menu-logo-milestone {
  background-image: url("../images/campuslabs-node-white.png");
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  float: right;
  height: 2.4rem;
  vertical-align: middle;
  width: 2.4rem;
}

/*#endregion*/
/*#region DropDownMenuRules */
.dropdown {
  position: relative;
}

/***=dropdown menu (extends nav)***/
/*=dropdown toggle trigger*/
.dropdown-toggle {
  color: #2d2e2e;
  cursor: pointer;
  text-decoration: none;
}

/*=menu (leave ul selector until older .drop-menu class is phased out)*/
/*because it technically doesn't have to be a <ul>, other elements need class for now*/
ul.dropdown-menu,
.toc-menu .dropdown-menu,
.content-nav-bar .dropdown-menu {
  background-clip: padding-box;
  background-color: #2d2e2e;
  border-radius: 5px;
  display: none;
  font-size: 1.2rem;
  height: 0;
  margin: 0.17em 0 0;
  min-width: 16rem;
  opacity: 0;
  padding: 0.5em 0;
  position: absolute;
  top: 100%;
  z-index: 999;
}

.ui-dialog ul.dropdown-menu, .content-nav-bar > ul .ui-dialog li.dropdown-menu,
.ui-dialog .toc-menu .dropdown-menu,
.ui-dialog .content-nav-bar .dropdown-menu {
  z-index: 2000;
}

.dropdown-menu .divider {
  background-color: #bfc2c7;
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
}
.dropdown-menu > li > a {
  clear: both;
  color: #fff;
  display: block;
  font-weight: 500;
  line-height: 2.33;
  padding: 0 1.67em;
  text-decoration: none;
  white-space: nowrap;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  background-color: rgba(127, 140, 140, 0.25);
  text-decoration: none;
}
.dropdown-menu .active > a,
.dropdown-menu .active > a:hover,
.dropdown-menu .active > a:focus {
  background-color: #327ebd;
  color: #fff;
  outline: 0;
  text-decoration: none;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #7f8c8c;
  text-decoration: line-through;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  background-color: transparent;
  cursor: not-allowed;
  text-decoration: none;
}
.dropdown-menu.light-menu {
  background: #fff;
  border: 1px solid #bfc2c7;
}
.dropdown-menu.light-menu > li > a {
  color: #2d2e2e;
}
.dropdown-menu.muted-menu {
  background: #7f8c8c;
}
.dropdown-menu.full-menu {
  width: 100%;
}
.dropdown-menu.square-menu {
  border-radius: 0;
}
.dropdown-menu.compact-menu {
  padding: 0;
}
.dropdown-menu.compact-menu .divider {
  margin: 0.2rem 0;
}
.dropdown-menu.compact-menu > li > a {
  line-height: 1.2;
  padding: 0.4rem 1rem;
}
.dropdown-menu.snug-menu {
  margin-top: 0;
}
.dropdown-menu.scrollable-menu {
  max-height: 300px;
  overflow-x: hidden;
}
.open > .dropdown-menu {
  display: block;
  height: auto;
  left: 0;
  opacity: 1;
}
.open > .dropdown-menu.right-menu {
  left: auto;
  right: 0;
}

.dropdown-header {
  color: #7d716d;
  display: block;
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 1.5;
  margin: 0;
  padding: 0.23em 1.54em;
  white-space: nowrap;
}

.dropdown-header--dark {
  color: #333131;
}

.dropdown-footer {
  border-top: 1px solid #bfc2c7;
  margin-top: 6px;
  padding-top: 4px;
}

.dropdown-backdrop {
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 990;
}

/*#endregion*/
/*#region DropNav */
/***=drop nav (extends nav)***/
.drop-nav {
  background: #333131;
  display: none;
  font-size: 1.1rem;
  left: 0;
  position: absolute;
  width: 100%;
}
.drop-nav .nav-item {
  border-bottom: 1px solid #000;
  white-space: nowrap;
}
.drop-nav .nav-item:last-child {
  border-bottom: 0;
}
.drop-nav .nav-item a {
  color: #d3d2ce;
  display: block;
  font-weight: 700;
  line-height: 1;
  padding: 0.73em;
  text-decoration: none;
}
.drop-nav .nav-item a:hover, .drop-nav .nav-item a:focus {
  background: url("../images/core/core-nav-hover-bg.png");
  color: #fff;
}
.drop-nav .account-status {
  background: #222 url("../images/core/core-user-expiry.png") no-repeat 0 50%;
  color: #fff;
  line-height: 1;
  margin: 0;
  padding: 0.73em 0.73em 0.73em 2.55em;
}

.with-drop {
  position: relative;
  z-index: 1;
}
.with-drop.menu-open {
  z-index: 100;
}

/*#endregion*/
/*#region MasterListNav */
.azf-list {
  border-top: 0;
}
.azf-list > li {
  background: #2d2e2e;
  border-bottom: 1px solid #231f20;
  color: #7f8c8c;
  font-weight: 500;
  padding: 0.5rem 1.5rem;
  position: relative;
}
.azf-list > li:nth-child(even) {
  background: none #2d2e2e;
}
.azf-list > li:hover, .azf-list > li.selected {
  background-color: #000;
  background-image: none;
}
.azf-list > li .object-details {
  display: inline-block;
  float: none;
  margin-bottom: 3px;
  padding-right: 80px;
  position: relative;
  text-shadow: none;
  width: 85%;
}
.azf-list .object-item {
  font-size: 1.3rem;
  min-height: 0;
}
.azf-list .object-item .object-name {
  color: #fff;
  padding-left: 0;
  text-shadow: none;
}
.azf-list .object-item .object-modified {
  margin-top: 3px;
  padding-left: 0;
}
.azf-list .object-item .object-count {
  position: absolute;
  right: 0;
  top: 25%;
}
.azf-list .artifact-zip .object-actions {
  float: none;
  margin-right: 0;
  position: absolute;
  right: 0;
  top: 25%;
}
.azf-list .artifact-zip .object-actions li {
  height: 24px;
}
.azf-list .artifact-zip .object-actions li:empty {
  display: none;
}
.azf-list .artifact-zip .object-actions li a {
  background-image: url("../images/ui/ui-icons-white.png");
  height: 24px;
  opacity: 1;
}
.azf-list .artifact-zip .object-actions li a.action-view {
  background-position: 50% -196px;
}
.azf-list .artifact-zip .object-actions li a.action-delete {
  background-position: 50% -356px;
}
.azf-list .artifact-zip .object-actions li a:hover, .azf-list .artifact-zip .object-actions li a:focus {
  background-color: #6f7a7a;
}

/***=master list nav (extends nav)***/
.master-list-nav {
  font-size: 1.2rem;
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
}
.master-list-nav ul, .master-list-nav .content-nav-bar > ul li, .content-nav-bar > ul .master-list-nav li {
  clear: both;
}
.master-list-nav .nav-item {
  border-bottom: 1px solid #231f20;
  color: #7f8c8c;
  font-weight: 500;
  line-height: 2.5;
  margin: 0;
  padding: 0 1.5rem;
}
.master-list-nav .nav-item .nav-item {
  border: 0;
  padding-right: 0;
}
.master-list-nav .nav-item:hover {
  background-color: #000;
}
.master-list-nav .nav-item a {
  color: #fff;
  font-weight: 500;
  text-decoration: none;
  text-shadow: 0 0 2px #333131;
}
.master-list-nav .selected:hover > a,
.master-list-nav .selected > a {
  color: #26a9e0;
  font-weight: bold;
  text-shadow: none;
}
.master-list-nav .mailbox-inbox,
.master-list-nav .mailbox-sent {
  background: url("../images/ui/ui-icons-white.png") 12px -2020px no-repeat;
  padding: 3px 0 3px 36px;
}
.master-list-nav .mailbox-inbox.selected,
.master-list-nav .mailbox-sent.selected {
  background-image: url("../images/ui/ui-icons-black.png");
}
.master-list-nav .mailbox-sent {
  background-position: 12px -2052px;
  margin-bottom: 24px;
}

.master-item-count {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 1rem;
  color: #fff;
  display: inline-block;
  font-size: 1rem;
  font-weight: 700;
  line-height: 2rem;
  margin-top: 0.6em;
  min-width: 2rem;
  padding: 0 0.5rem;
  text-align: center;
}
.selected > .master-item-count {
  background: #26a9e0;
  color: #000;
  text-shadow: none;
}

.item-count-empty {
  background: rgba(0, 0, 0, 0.2);
  color: #999;
}

/*=master list item categories*/
.cancelled-item,
.unconfirmed-item {
  border-left: 4px solid rgba(255, 242, 0, 0.9);
}

.pending-item {
  border-left: 4px solid rgba(0, 191, 243, 0.9);
}

.inprogress-item {
  border-left: 4px solid rgba(0, 114, 188, 0.9);
}

.completed-item {
  border-left: 4px solid #57a957;
}

.warning-item {
  border-left: 4px solid rgba(242, 101, 34, 0.9);
}

.bad-item {
  border-left: 4px solid rgba(221, 2, 1, 0.9);
}

/*#endregion*/
/*#region SectionNav */
/***=section nav (extends nav)***/
.section-nav {
  background: #ebebeb;
  border-radius: 8px;
  font-size: 1.4rem;
  font-weight: bold;
}
.section-nav ul, .section-nav .content-nav-bar > ul li, .content-nav-bar > ul .section-nav li {
  font-size: 1.4rem;
}
.section-nav .nav-head {
  background: #2c9ded;
  border-radius: 8px 8px 0 0;
  color: #fff;
  font-size: 1.8rem;
  font-weight: bold;
  margin: 0;
  padding: 0.56em 0.61em 0.44em;
  text-transform: uppercase;
}
.section-nav .nav-separator {
  background: #929292;
  padding: 0.6em 1.07em;
}
.section-nav .nav-item {
  border-top: 1px solid #d3d3d3;
  margin: 0 0.72em;
}
.section-nav .nav-item:first-child {
  border-top: 0;
}
.section-nav .nav-item a {
  color: #000;
  display: block;
  padding: 0.6em 0;
  text-decoration: none;
}
.section-nav .nav-item a:hover, .section-nav .nav-item a:focus {
  color: #2c9ded;
}

/*#endregion*/
/**********=NAV EXTENSIONS (end)**********/
/**********=BUTTON EXTENSIONS**********/
/***=oversized button (requires ui-button)***/
.oversized-button,
input.oversized-button {
  font-size: 1.6rem;
  padding: 0.4375em 0.875em 0.375em;
}

/***=alert button (requires ui-button)***/
.success-button,
input.success-button, .alert-button,
input.alert-button,
.message-block a.alert-button {
  background-repeat: repeat-x;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.success-button:hover, .alert-button:hover,
.message-block a.alert-button:hover, .success-button:focus, .alert-button:focus,
.message-block a.alert-button:focus {
  color: #fff;
}

/***=primary button (requires alert-button & ui-button)***/
.primary-button,
input.primary-button {
  background-color: #225f8e;
  background-image: linear-gradient(to bottom, #3d95d9, #225f8e);
  border-color: #225f8e #225f8e #2e4e77;
}

/***=danger button (requires alert-button & ui-button)***/
.danger-button,
input.danger-button {
  background-color: #c43c35;
  background-image: linear-gradient(to bottom, #ee5f5b, #c43c35);
  border-color: #c43c35 #c43c35 #882a25;
}

/***=success button (requires alert-button & ui-button)***/
.success-button,
input.success-button {
  background-color: #17881d;
  background-image: linear-gradient(to bottom, #4ab14c, #17881d);
  border-color: #4ab14c #17881d #17881d;
}

/***=dark button***/
.dark-button {
  background: #333131;
  border: 0;
  box-shadow: none;
  color: #fff;
  text-shadow: none;
}
.dark-button:hover, .dark-button:focus {
  color: #eee;
}

/***=button bar (requires ui-button)***/
.ui-button-bar,
.square-button {
  border-radius: 0;
  display: block;
  text-align: left;
}

/***=depressed button (requires ui-button)***/
.depressed-button {
  background-image: none;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
  color: #333131;
}

/***=disabled button (requires ui-button)***/
.disabled-button,
.ui-button[disabled],
[disabled].dark-button,
.ui-widget-content .disabled-button {
  background-image: none;
  box-shadow: none;
  cursor: default;
  opacity: 0.65;
  text-decoration: line-through !important;
  /* Remove !important when we remove jquery UI css */
}

.primary-button.disabled-button,
.primary-button[disabled] {
  background-color: #2e4e77;
}

/***=large button (requires ui-button)***/
.large-button,
input.large-button {
  border-radius: 6px;
  font-size: 1.5rem;
  padding: 0.6em 0.94em;
}

/***=small button (requires ui-button)***/
.small-button,
input.small-button,
.ColVis_MasterButton {
  font-size: 1.1rem;
  padding: 0.4em 0.82em;
}

/***=plain button (requires ui-button)***/
.plain-button,
input.plain-button {
  background: none;
  border: 0;
  box-shadow: none;
  padding: 0;
  position: relative;
}
.plain-button:hover, .plain-button:active, .plain-button:focus, .ui-widget-content .plain-button:hover, .ui-widget-content .plain-button:focus,
input.plain-button:hover,
input.plain-button:active,
input.plain-button:focus,
.ui-widget-content input.plain-button:hover,
.ui-widget-content input.plain-button:focus {
  box-shadow: none;
  color: #026dba;
}

/***=flat button (requires ui-button)***/
.flat-button,
input.flat-button {
  background: none;
  border: 0;
  box-shadow: none;
  position: relative;
}
.flat-button:hover, .flat-button:active, .flat-button:focus, .ui-widget-content .flat-button:hover, .ui-widget-content .flat-button:focus,
input.flat-button:hover,
input.flat-button:active,
input.flat-button:focus,
.ui-widget-content input.flat-button:hover,
.ui-widget-content input.flat-button:focus {
  background: #efefef;
  box-shadow: none;
  color: #026dba;
}

/***=cancel button (requires ui-button OR plain-button & ui-button)***/
.cancel-button,
input.cancel-button,
.cancel-button:hover,
.cancel-button:active,
.cancel-button:focus {
  color: #dd0201;
}

/***=toolbar button (requires ui-button)***/
.toolbar-button,
input.toolbar-button {
  border-radius: 0;
  padding: 0.23em 0.5em 0.31em;
}

/***=asleep button (requires ui-button)***/
.asleep-button {
  opacity: 0.5;
}

/***=icon button (requires ui-button)***/
.icon-button,
.button.icon-button {
  padding-left: 1.9em;
}

.icon-button::before {
  background: url("../images/ui/ui-icons-black.png") no-repeat;
  content: "";
  height: 24px;
  left: 2px;
  position: absolute;
  top: 2px;
  width: 24px;
}
.content-header .icon-button::before, .portlet-header .icon-button::before, .toolbar .icon-button::before {
  top: 0;
}
.accordion-block .icon-button, .accordion-block-light .icon-button {
  background-image: url("../images/ui/ui-icons-white.png");
  color: #d0ebf5;
}
.accordion-block-light .icon-button {
  background-image: url("../images/ui/ui-icons-black.png");
}

.alert-button.icon-button::before,
.button--primary.icon-button::before {
  background-image: url("../images/ui/ui-icons-white.png");
}

/***=action classes for icon button (requires icon-button & ui-button)***/
.action-accept::before,
.action-activate::before,
.action-save::before,
.action-submit::before {
  background-position: 2px -1381px;
}

.action-add::before,
.action-new::before {
  background-position: 2px -420px;
}

.action-add-group::before {
  background-position: 2px -2116px;
}

.action-audio::before {
  background-position: 2px -1092px;
}

.action-artifact::before {
  background-position: 2px -70px;
}

.action-cancel::before,
.action-close::before,
.action-deactivate::before {
  background-position: 2px -580px;
}

.action-copy::before {
  background-position: 2px -1668px;
}

.action-checkout::before {
  background-position: 2px -228px;
}

.action-checkin::before {
  background-position: 2px -260px;
}

.action-delete::before {
  background-position: 2px -356px;
}

.plain-button.action-delete::before {
  background-color: transparent;
}

.action-disband::before {
  background-position: 2px -580px;
}

.action-discussion::before {
  background-position: 2px -132px;
}

.action-edit::before {
  background-position: 2px -388px;
}

.action-edit-user::before {
  background-position: 2px -2084px;
}

.action-download::before {
  background-position: 2px -292px;
}

.action-follow::before {
  background-position: 2px -1765px;
}

.action-form::before {
  background-position: 2px -1158px;
}

.action-history::before {
  background-position: 2px -100px;
}

.action-image::before {
  background-position: 2px -1060px;
}

.action-internal-link::before {
  background-position: 2px -1222px;
}

.action-leave::before {
  background-position: 2px -2340px;
}

.action-link::before {
  background-position: 2px -1220px;
}

.action-message::before {
  background-position: 3px -1604px;
}

.action-move::before {
  background-position: 3px -1028px;
}

.action-next::before {
  background-position: 2px -1508px;
}

.action-previous::before {
  background-position: 2px -1540px;
}

.action-report::before {
  background-position: 2px -1926px;
}

.action-remove::before {
  background-position: 2px -356px;
}

.action-remove-user::before {
  background-position: 2px -2244px;
}

.action-rename::before {
  background-position: 2px -388px;
}

.action-results::before {
  background-position: 2px -1252px;
}

.action-search::before {
  background-position: 2px -548px;
}

.action-security::before {
  background-position: 2px -1636px;
}

.action-settings::before {
  background-position: 2px -1862px;
}

.action-start::before {
  background-position: 2px -1381px;
}

.action-text::before {
  background-position: 2px -390px;
}

.action-unlink::before {
  background-position: 2px -2212px;
}

.action-unfollow::before {
  background-image: url("../images/ui/ui-icons-green.png");
  background-position: 2px -1733px;
}

.action-upload::before,
.action-import::before {
  background-position: 2px -324px;
}

.action-upload-artifact::before {
  background-position: 2px -326px;
}

.action-view::before,
.action-open::before {
  background-position: 2px -200px;
}

.action-video::before,
.action-media::before {
  background-position: 2px -1124px;
}

/***=onedrive button***/
.onedrive-button {
  background: #fcfcfc;
  background-image: linear-gradient(to bottom, #fcfcfc 0%, #f5f5f5 100%);
  border: 1px solid #ebebeb;
  border-bottom-color: #d4d4d4;
  color: #636363;
  font-family: "Lucida Grande", "Segoe UI", "Tahoma", "Helvetica Neue", "Helvetica", sans-serif;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 3.2rem;
  padding: 1px 7px 5px 3px;
}
.onedrive-button:hover {
  background: #fdfdfd;
  background-image: linear-gradient(to bottom, #fdfdfd 0%, #f5f5f5 100%);
  border-color: #dedede #dedede #cacaca;
  color: #636363;
}

.onedrive-icon {
  background-image: url("../images/onedrive.png");
  display: inline-block;
  height: 16px;
  margin: 0 6px;
  vertical-align: text-bottom;
  width: 16px;
}

/***=social button (requires icon-button & ui-button)***/
.social-button,
.ui-widget-content .social-button {
  padding-left: 1.7em;
  padding-right: 0.62em;
  text-shadow: 0 0 3px #fff;
}
.social-button::before,
.ui-widget-content .social-button::before {
  display: none;
}

/*=tweet*/
.action-tweet,
.action-tweet:hover,
.action-tweet:focus,
.ui-widget-content .action-tweet {
  background: url("../images/ui/ui-twitter-tweet.png") 2px 4px no-repeat #d5e8f5;
  border-color: #a4cce5;
  color: #186487;
}

.action-tweet:hover,
.ui-widget-content .action-tweet:hover,
.action-tweet:focus,
.ui-widget-content .action-tweet:focus {
  background-color: #bfdfed;
  border-color: #53a3d6;
  color: #0b3752;
}

/*=fbshare*/
.action-fbshare,
.action-fbshare:hover,
.action-fbshare:focus,
.ui-widget-content .action-fbshare {
  background: url("../images/ui/ui-facebook-share.png") 2px 4px no-repeat #617aac;
  color: #fff;
  text-shadow: 0 0 3px #000;
}

.action-fbshare:hover,
.ui-widget-content .action-fbshare:hover,
.action-fbshare:focus,
.ui-widget-content .action-fbshare:focus {
  background-color: #2e4e77;
  color: #fff;
}

/*=linkedin*/
.action-linkedin,
.action-linkedin:hover,
.action-linkedin:focus,
.ui-widget-content .action-linkedin {
  background: url("../images/ui/ui-linkedin-share.png") 2px 4px no-repeat #f5f5f5;
  border-color: #c2c1bc;
  box-shadow: inset 0 0 2px rgba(51, 49, 49, 0.15);
  color: #333131;
}

.action-linkedin:hover,
.ui-widget-content .action-linkedin:hover,
.action-linkedin:focus,
.ui-widget-content .action-linkedin:focus {
  background-color: #ececec;
  border-color: #a8a7a3;
  color: #222;
}

/***=no text button (requires ui-button)***/
.no-text-button,
input.no-text-button,
.ui-widget-content .no-text-button {
  overflow: hidden;
  padding: 0.4em 0;
  text-indent: 100%;
  white-space: nowrap;
  width: 26px;
}

/***=remove/restore button (requires no-text-button, plain-button & ui-button)***/
.remove-button,
.restore-button,
.ui-widget-content .remove-button,
.ui-widget-content .restore-button {
  background: url("../images/ui/ui-icons-black.png") 2px -582px no-repeat;
  height: 24px;
  opacity: 0.25;
  padding: 0;
  width: 24px;
}

.restore-button,
.ui-widget-content .restore-button {
  background-position: 2px -1702px;
}

.remove-button:hover,
.restore-button:hover,
.ui-widget-content .remove-button:hover,
.ui-widget-content .restore-button:hover,
.remove-button:focus,
.restore-button:focus,
.ui-widget-content .remove-button:focus,
.ui-widget-content .restore-button:focus {
  background-image: url("../images/ui/ui-icons-black.png");
  opacity: 1;
}

/***=reconnect button (requires no-text-button & ui-button)***/
.reconnect-button,
.reconnect-button:hover,
.reconnect-button:active,
.reconnect-button:focus,
.ui-widget-content .reconnect-button,
.ui-widget-content .reconnect-button:hover,
.ui-widget-content .reconnect-button:active,
.ui-widget-content .reconnect-button:focus {
  background: url("../images/btn-large-reconnect.png") 0 0 no-repeat;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  display: block;
  font-size: 1.1rem;
  height: 24px;
  line-height: 1;
  margin: 1.4em 0;
  padding: 0;
  text-decoration: none;
  text-shadow: none;
  width: 120px;
}

/***=close button (requires plain-button & ui-button)***/
.close-button,
.ui-widget-content .close-button {
  color: #000;
  cursor: pointer;
  font-size: 2rem;
  font-weight: bold;
  line-height: 0.8;
  opacity: 0.2;
  text-decoration: none !important;
  text-shadow: 0 1px 0 #fff;
}
.close-button:hover, .close-button:focus,
.ui-widget-content .close-button:hover,
.ui-widget-content .close-button:focus {
  color: #000;
  opacity: 0.5;
}

/***=tooltip close button (requires close-button, plain-button & ui-button)***/
.tooltip-close-button,
.ui-widget-content .tooltip-close-button {
  color: #fff;
  opacity: 0.4;
  padding-left: 0.31em;
  text-shadow: 0 1px 0 #000;
  vertical-align: text-bottom;
}
.tooltip-close-button:hover, .tooltip-close-button:focus,
.ui-widget-content .tooltip-close-button:hover,
.ui-widget-content .tooltip-close-button:focus {
  color: #fff;
  opacity: 0.6;
}

/***=micro button (requires ui-button)***/
.micro-button,
.ui-widget-content .micro-button {
  background-color: transparent;
  border: 0;
  border-left: 1px solid #fff;
  border-radius: 0;
  color: #2e4e77;
  font-size: 1rem;
  line-height: 1;
  padding: 0.5em 0.6em;
  text-shadow: 0 0 2px #fff;
}
.micro-button:hover, .micro-button:focus,
.ui-widget-content .micro-button:hover,
.ui-widget-content .micro-button:focus {
  background-color: #6d6c6a;
  color: #fff;
  text-shadow: 0 0 2px #333131;
}

/***=add tag button (requires ui-button), only for use with textext.js***/
.add-tag-button {
  position: absolute;
  right: -48px;
  top: 0;
  width: 24px;
}

/***=performance add (extends ui-button)***/
.i-edit-perf-add {
  padding-right: 2em;
}
.i-edit-perf-add::after {
  background: url("../images/ui/ui-icons-white.png") 50% -1829px no-repeat;
  content: "";
  display: block;
  height: 24px;
  position: absolute;
  right: 2px;
  top: 2px;
  width: 24px;
}

.dropbox-dropin-btn {
  border-radius: 5px !important;
  font-size: 14px !important;
  height: auto !important;
  padding-bottom: 11px !important;
  padding-top: 12px !important;
}

.dropbox-dropin-default .dropin-btn-status,
.dropbox-dropin-btn .dropin-btn-status {
  margin: 0 6px !important;
  top: 0 !important;
  vertical-align: text-bottom !important;
}

.file-input-wrapper [type=file],
.file-input-wrapper [type=file]:focus,
.file-input-wrapper [type=file]:hover {
  height: 44px;
  left: -4px !important;
  opacity: 0;
  padding: 0;
  top: -4px !important;
  width: 110px;
}

.progress {
  margin-bottom: 0;
}

.upload-status .processing-box {
  float: right;
  width: auto !important;
}

/**********=BUTTON EXTENSIONS (end)**********/
/***=Question Filters***/
.qfilter {
  border: 1px solid #c4c8cc;
  border-radius: 5px;
  margin-bottom: 2em;
  max-width: 480px;
  position: relative;
}

.qfilter-topic,
.qfilter-question {
  background: url("../images/ui/ui-sorting-default.png") no-repeat 98% 50%;
  border-bottom: 1px solid #c4c8cc;
}
.qfilter-topic:hover,
.qfilter-question:hover {
  background-color: #fff;
}
.qfilter-topic label,
.qfilter-question label {
  height: 0;
  position: absolute;
  top: 0;
  visibility: hidden;
  width: 0;
}

.qfilter-topic {
  background-color: #dfe1e3;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.qfilter-question {
  background-color: #eff1f3;
  border-top: 1px solid #fff;
}

.qfilter-gridquestion {
  background: #f0f0eb url("../images/ui/ui-icons-black.png") 1em -2528px no-repeat;
  height: 32px;
  line-height: 2.67;
  margin: 1em 0 1em -1em;
  outline: none;
  padding: 0 1em;
  text-indent: 2em;
  width: 100%;
}
.qfilter-gridquestion:first-child {
  margin-top: -1em;
}

.qfilter-responses {
  line-height: 2;
  padding: 1em;
}

.qfilter-footer {
  padding: 1em;
}

.qfilter select,
.qfilter .question-dropdown .notice {
  -webkit-appearance: none;
  appearance: none;
  background: transparent;
  border: 0;
  box-shadow: none;
  box-sizing: border-box;
  display: block;
  height: 32px;
  line-height: 2.67;
  outline: none;
  padding: 0 1em;
  width: 100%;
}
.qfilter .question-dropdown .notice {
  background-color: #fdf5d9;
}
.qfilter label {
  display: inline-block;
}
.qfilter .numerical-range {
  margin-bottom: 0.5em;
}
.qfilter .numerical-range input {
  margin: 0 0.25em;
  width: 40px;
}

.qfilter-topic select {
  font-weight: bolder;
}

/**********=RESPONSIVE**********/
@media only screen and (min-width: 69em) and (max-width: 87.5em) {
  .dataTables_filter {
    clear: both;
  }

  .dataTables_length {
    margin-bottom: 0;
  }
}
/***=tablet (768px - 1100px)***/
@media only screen and (min-width: 48em) and (max-width: 69em) {
  /***=identity bar logo (extends block)***/
  .identity-bar-logo {
    max-width: 35rem;
  }
  .identity-bar-logo img {
    max-width: 100%;
  }

  /***=username block (extends media & block)***/
  .user-search-wrap .media .img {
    float: none;
    margin-right: 0;
  }

  /***=page header (extends block)***/
  .page-header .return-to {
    margin-left: 6rem;
  }
  .page-header h1 {
    font-size: 2.4rem;
    padding-left: 6rem;
  }
  .page-header h1 i[class^=icon-] {
    margin-left: -6rem;
    width: 6rem;
  }
  .portfolio-editor .page-header h1 {
    padding-right: 11.5em;
  }
  .page-header h2 {
    padding-left: 6rem;
  }

  .mp-menu-trigger-text {
    opacity: 0.5;
    width: 14px;
  }

  /***=section content (extends block)***/
  .section-content .media .img-ext {
    float: none;
    margin: 0 0 20px;
    text-align: center;
    width: auto;
  }
  .section-content .media .img-ext img {
    display: inline;
    max-width: 100%;
  }

  /*General*/
  .dropdown-menu > li > a {
    line-height: 2.4;
  }

  /***=source critera (extends block)***/
  .node-info-wrap {
    margin-top: 0.6em;
  }
}
@media only screen and (max-width: 56.25em) {
  .dataTables_filter {
    clear: both;
  }
}
/***=Mobile (Portrait/Landscape - less than 768px) ***/
@media only screen and (max-width: 47.9375em) {
  /***=identity bar logo (extends block)***/
  .identity-bar-logo {
    display: none;
  }
  .identity-bar-logo img {
    max-width: 100%;
  }

  /***=portrait (extends block)***/
  .identity-bar .identity-bar-user .portrait {
    display: none;
  }

  /***=username block (extends media & block)***/
  .user-search-wrap .media .img {
    float: none;
    margin-right: 0;
  }

  .contextual-help {
    left: auto;
    right: 0;
    top: 7.3rem;
  }
  .contextual-help ul, .contextual-help .content-nav-bar > ul li, .content-nav-bar > ul .contextual-help li {
    background-image: none;
    padding: 0;
  }

  /***=button bar (extends block)***/
  .button-bar .ui-button, .button-bar .dark-button,
.button-bar .button {
    font-size: 1.2rem;
    padding-left: 0.6em;
    padding-right: 0.6em;
  }

  /***=page header (extends block)***/
  .page-header {
    min-height: 4.8rem;
    padding-left: 4.8rem;
  }
  .page-header .return-to {
    margin-left: 0;
  }
  .page-header h1 {
    font-size: 2rem;
    line-height: 1.4;
    padding-bottom: 1rem;
    padding-left: 0;
    padding-right: 1rem;
    padding-top: 1rem;
  }
  .page-header h1 [class^=icon-] {
    margin-left: -4.8rem;
    width: 4.8rem;
  }
  .portfolio-editor .page-header h1 {
    padding-right: 0;
  }
  .page-header h2 {
    margin-top: -0.5em;
    padding-left: 0;
  }
  .page-header .button-bar {
    float: none;
    margin: 0;
    padding-bottom: 1rem;
    position: static;
  }
  .page-header .button-bar .ui-button:first-child, .page-header .button-bar .dark-button:first-child,
.page-header .button-bar .button:first-child {
    margin-left: 0;
  }

  .modal-body .page-header .button-bar,
.inlinePortlet-body .page-header .button-bar {
    float: none;
    padding-top: 0;
    position: absolute;
  }

  /***=section content (extends block)***/
  .content-body .section-content {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .section-content .media .img-ext {
    float: none;
    margin: 0 0 20px;
    text-align: center;
  }
  .section-content .media .img-ext img {
    display: inline;
    max-width: 100%;
  }

  /***=push menu (main navigation; extends nav)***/
  /*=level*/
  .mp-level {
    border-top: 0;
  }

  .mp-menu-trigger {
    background: #eeeff0;
    border-top: 0;
    color: #7f8c8c;
    height: auto;
    width: 48px;
  }
  .mp-menu-trigger:hover, .mp-menu-trigger:focus {
    color: #2d2e2e;
  }

  .mp-menu-trigger-text {
    display: none;
  }

  /*DataTables*/
  .dT-toolbar {
    height: auto;
  }

  /*General*/
  .dropdown-menu > li > a {
    line-height: 3.6;
  }

  .dataTables_length,
.dataTables_filter,
.DTTT,
.ColVis {
    float: none;
    margin-bottom: 1rem;
  }

  .node-info-wrap {
    margin-top: 1em;
  }
}
/***=Mobile (Portrait) (<= 320px)***/
@media only screen and (max-width: 20em) {
  .contextual-help {
    position: static;
  }

  /***=page header (requires block)***/
  .page-header .sub-head > .unit {
    float: none;
    width: auto;
  }

  /***=item list***/
  .item-list {
    min-width: 0;
  }

  /***=add artifact modal***/
  .add-artifact-wrap .page-header .flag.oversized {
    display: block;
    margin-top: 10px;
  }

  .file-upload-list .file,
.file-upload-list .file td {
    display: block;
    text-align: left;
    width: auto;
  }
  .file-upload-list .file {
    padding: 0;
  }
  .file-upload-list .file td {
    border: 0;
  }
  .file-upload-list .processing-box .progressbar {
    width: 150px;
  }
  .file-upload-list .processing-box .progressbar .progress-label {
    width: 150px;
  }
  .file-upload-list .processing-box .processing-animation {
    display: block;
    float: none;
    margin: 0 auto 5px;
  }
}
/***=Mobile (Landscape) - Design for a width of 480px***/
@media only screen and (min-width: 20.0625em) and (max-width: 47.9375em) {
  /***=page header (requires block)***/
  .page-header .sub-head > .unit {
    float: none;
    width: auto;
  }

  /***=item list***/
  .item-list {
    min-width: 0;
  }
}
/***=instrument editor table (extends table)***/
.ie-table {
  table-layout: fixed;
  width: 100%;
}
.ie-table td,
.ie-table th {
  border-bottom: 24px solid #fff;
}
.ie-table em {
  color: #757472;
}
.ie-table.ie-table-view .ie-criterion-name .description {
  font-weight: normal;
}
.ie-table.ie-table-view .ie-criterion-name .description em {
  color: #000;
}

.ie-table-view td,
.ie-table-view th {
  border-bottom: 0;
}

/*=perf levels*/
.ie-table-view .ie-perf-levels {
  border-bottom: 0;
}

.ie-perf-level {
  background: #d0ebf5;
  border-right: 1px solid #fff;
  font-size: 1rem;
  padding: 0 5px 0 0;
  text-align: left;
  vertical-align: top;
  white-space: nowrap;
}

/*=criterion name*/
.ie-table-view .ie-criterion {
  background: url("../images/layout/layout-box-shadow-top.png") 0 0 repeat-x;
  border-bottom: 24px solid #fff;
  min-height: 24px;
  position: relative;
}

.ie-criterion-name,
.ie-criterion-name.toggle-panel {
  font-size: 1.1rem;
  min-height: 24px;
  padding: 0;
  text-align: left;
  vertical-align: top;
  width: 238px;
}

.ie-criterion-name .toggle-panel {
  margin: 0;
}
.ie-criterion-name .toggle-panel-content p {
  font-size: 1.1rem;
  line-height: 1.2;
}
.ie-criterion-name h3 {
  overflow-wrap: break-word;
  word-wrap: break-word;
  color: #333131;
  font-size: 1.1rem;
  font-weight: 700;
  margin: -5px 0 0;
  padding: 0 5px 0 0;
}
.ie-table-view .ie-criterion-name h3 {
  margin-top: 0;
}
.ie-criterion-name h3::after {
  background: transparent url("../images/ui/ui-icons-black.png") 50% -1316px no-repeat;
  content: "";
  display: inline-block;
  height: 24px;
  vertical-align: middle;
  width: 24px;
}
.ie-criterion-name .tags h3::after {
  display: none;
}

/*=criterion level*/
.ie-criterion-level {
  background: #efefef;
  font-size: 1.1rem;
  line-height: 1.3;
  min-width: 100px;
  padding: 0;
  vertical-align: top;
}
.ie-criterion-level p,
.ie-criterion-level ul,
.ie-criterion-level .content-nav-bar > ul li,
.content-nav-bar > ul .ie-criterion-level li,
.ie-criterion-level ol {
  font-size: 1.1rem;
}
.ie-table-view .ie-criterion-level {
  border-right: 1px solid #fff;
  padding: 5px;
  position: relative;
}
.ie-criterion-level:hover {
  background: rgba(208, 235, 245, 0.25) url("../images/layout/layout-box-bg-trans.png");
}
.ie-criterion-level .action-links {
  right: 1px;
  top: 1px;
}

.ie-criterion-wrapper {
  background: url("../images/layout/layout-box-shadow-top.png") 0 0 repeat-x;
  padding: 5px 5px 40px;
}
.ie-criterion-wrapper:hover .action-links, .ie-criterion-wrapper:focus .action-links {
  display: block;
}

.ie-criterion-name .ie-criterion-wrapper {
  padding-left: 0;
}

.ie-criterion .toggle-panel-content {
  overflow-wrap: break-word;
  word-wrap: break-word;
  position: relative;
  z-index: 200;
}

/***=performance add (extends ui-button)***/
.ie-perf-add {
  padding-right: 26px;
}
.ie-perf-add::after {
  background: url("../images/ui/ui-icons-white.png") 50% -1829px no-repeat;
  content: "";
  display: block;
  height: 24px;
  position: absolute;
  right: 2px;
  top: 2px;
  width: 24px;
}

.ie-perf-level-actions li .action-delete {
  background-color: transparent;
  border: 0;
}

/* Performance Levels */
.ie-perf-level-wrapper {
  position: relative;
}

.ie-perf-level-score {
  background-color: #616b72;
  color: #fff;
  float: left;
  font-size: 1rem;
  font-weight: 700;
  height: 24px;
  line-height: 2.4;
  margin: 0 6px 0 0;
  text-align: center;
  text-shadow: 0 0 2px #000;
  width: 24px;
}

.ie-perf-level-label {
  display: block;
  overflow: hidden;
  padding-top: 3px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Criterion Rows */
.ie-criterion-template {
  display: none;
}

.ie-criterion-name-wrapper {
  position: relative;
}

.ie-criterion-name.toggle-panel .toggle-panel-content p {
  font-size: 1.1rem;
  line-height: 1.2;
}

.ie-criterion-weight {
  background-color: #333131;
  color: #fff;
  float: left;
  font-size: 1rem;
  font-weight: 500;
  height: 24px;
  line-height: 2.4;
  margin: 0 6px 0 0;
  opacity: 0.5;
  text-align: center;
  text-shadow: 0 0 2px #000;
  width: 24px;
}
.ie-criterion-weight:hover {
  opacity: 1;
}

.ie-criterion-level:hover {
  background: rgba(208, 235, 245, 0.25) url("../images/layout/layout-box-bg-trans.png");
}

.ie-criterion-level-wrapper {
  position: relative;
}

.mantl-badge {
  background: url("../images/icon-shield-purple.png") 50% 50% no-repeat;
  background-size: contain;
  color: #fff;
  display: block;
  font-size: 1.9rem;
  height: 4rem;
  line-height: 2em;
  text-align: center;
  width: 4rem;
}

/**** TODO:  FROM PROTOTYPE.CSS - TO BE CLEANED UP!! *****/
/* jsTree default theme */
.jstree-node,
.jstree-children,
.jstree-container-ul {
  display: block;
  list-style-image: none;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.jstree-node {
  position: relative;
  white-space: nowrap;
}

.jstree-anchor {
  color: #000;
  display: inline-block;
  margin: 0;
  max-width: 90%;
  overflow: hidden;
  padding: 0 4px 0 1px;
  text-overflow: ellipsis;
  vertical-align: top;
  white-space: nowrap;
}

.jstree-anchor:focus {
  outline: 0;
}

.jstree-anchor,
.jstree-anchor:link,
.jstree-anchor:visited,
.jstree-anchor:hover,
.jstree-anchor:active {
  color: inherit;
  text-decoration: none;
}

.jstree-icon,
.jstree-icon:empty {
  display: inline-block;
  margin: 0;
  padding: 0;
  text-align: center;
  text-decoration: none;
  vertical-align: top;
}

.jstree-ocl {
  cursor: pointer;
}

.jstree .jstree-open > .jstree-children {
  display: block;
}

.jstree .jstree-closed > .jstree-children,
.jstree .jstree-leaf > .jstree-children {
  display: none;
}

.jstree-anchor > .jstree-themeicon {
  margin-right: 2px;
}

.jstree-no-icons .jstree-themeicon,
.jstree-anchor > .jstree-themeicon-hidden {
  display: none;
}

.jstree-rtl .jstree-anchor {
  padding: 0 1px 0 4px;
}

.jstree-rtl .jstree-anchor > .jstree-themeicon {
  margin-left: 2px;
  margin-right: 0;
}

.jstree-rtl .jstree-node {
  margin-left: 0;
}

.jstree-rtl .jstree-container-ul > .jstree-node {
  margin-right: 0;
}

.jstree-wholerow-ul {
  display: inline-block;
  min-width: 100%;
  position: relative;
}

.jstree-wholerow-ul .jstree-anchor,
.jstree-wholerow-ul .jstree-icon {
  position: relative;
}

.jstree-wholerow-ul .jstree-wholerow {
  cursor: pointer;
  left: 0;
  position: absolute;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%;
}

.vakata-context {
  display: none;
}

.vakata-context,
.vakata-context ul,
.vakata-context .content-nav-bar > ul li,
.content-nav-bar > ul .vakata-context li {
  background: #f5f5f5;
  border: 1px solid #979797;
  box-shadow: 2px 2px 2px #999;
  margin: 0;
  padding: 2px;
  position: absolute;
}

.vakata-context ul, .vakata-context .content-nav-bar > ul li, .content-nav-bar > ul .vakata-context li {
  left: 100%;
  list-style: none;
  margin-left: -4px;
  margin-top: -2.7em;
}

.vakata-context .vakata-context-right ul, .vakata-context .vakata-context-right .content-nav-bar > ul li, .content-nav-bar > ul .vakata-context .vakata-context-right li {
  left: auto;
  margin-left: auto;
  margin-right: -4px;
  right: 100%;
}

.vakata-context li {
  display: inline;
  list-style: none;
}

.vakata-context li > a {
  border-radius: 1px;
  color: #000;
  display: block;
  line-height: 2.4em;
  padding: 0 2em;
  text-decoration: none;
  text-shadow: 1px 1px 0 #fff;
  white-space: nowrap;
  width: auto;
}

.vakata-context li > a:hover {
  background-color: #e8eff7;
  box-shadow: 0 0 2px #0a6aa1;
  position: relative;
}

.vakata-context li > .vakata-context-parent {
  background-image: url("data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAIORI4JlrqN1oMSnmmZDQUAOw==");
  background-position: right center;
  background-repeat: no-repeat;
}

.vakata-context li > a:focus {
  outline: 0;
}

.vakata-context .vakata-context-hover > a {
  background-color: #e8eff7;
  box-shadow: 0 0 2px #0a6aa1;
  position: relative;
}

.vakata-context .vakata-context-separator a,
.vakata-context .vakata-context-separator a:hover {
  background: #fff;
  border: 0;
  border-left: 1px solid #e0e0e0;
  border-radius: 0;
  border-top: 1px solid #e2e3e3;
  box-shadow: 0 0 0 transparent;
  height: 1px;
  margin: 0 0 0 2.4em;
  min-height: 1px;
  padding: 0;
  text-shadow: 0 0 0 transparent;
}

.vakata-context .vakata-contextmenu-disabled a,
.vakata-context .vakata-contextmenu-disabled a:hover {
  background-color: transparent;
  border: 0;
  box-shadow: 0;
  color: #c0c0c0;
}

.vakata-context li > a > i {
  background: transparent;
  display: inline-block;
  height: 2.4em;
  line-height: 2.4em;
  margin: 0 0 0 -2em;
  text-align: center;
  text-decoration: none;
  vertical-align: top;
  width: 2.4em;
}

.vakata-context li > a > i:empty {
  line-height: 2.4em;
  width: 2.4em;
}

.vakata-context li > a .vakata-contextmenu-sep {
  background: #fff;
  border-left: 1px solid #e2e3e3;
  display: inline-block;
  height: 2.4em;
  margin: 0 0.5em 0 0;
  width: 1px;
}

.vakata-context .vakata-contextmenu-shortcut {
  color: #c0c0c0;
  display: none;
  font-size: 0.8em;
  opacity: 0.5;
}

.vakata-context-rtl ul, .vakata-context-rtl .content-nav-bar > ul li, .content-nav-bar > ul .vakata-context-rtl li {
  left: auto;
  margin-left: auto;
  margin-right: -4px;
  right: 100%;
}

.vakata-context-rtl li > .vakata-context-parent {
  background-image: url("data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAINjI+AC7rWHIsPtmoxLAA7");
  background-position: left center;
  background-repeat: no-repeat;
}

.vakata-context-rtl .vakata-context-separator > a {
  border-left: 0;
  border-right: 1px solid #e2e3e3;
  margin: 0 2.4em 0 0;
}

.vakata-context-rtl .vakata-context-left ul, .vakata-context-rtl .vakata-context-left .content-nav-bar > ul li, .content-nav-bar > ul .vakata-context-rtl .vakata-context-left li {
  left: 100%;
  margin-left: -4px;
  margin-right: auto;
  right: auto;
}

.vakata-context-rtl li > a > i {
  margin: 0 -2em 0 0;
}

.vakata-context-rtl li > a .vakata-contextmenu-sep {
  background: #e2e3e3;
  border-left-color: #fff;
  margin: 0 0 0 0.5em;
}

#jstree-marker {
  border-bottom: 5px solid transparent;
  border-left: 5px solid;
  border-right: 0;
  border-top: 5px solid transparent;
  font-size: 0;
  height: 0;
  left: 0;
  line-height: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  width: 0;
}

#jstree-dnd {
  line-height: 16px;
  margin: 0;
  padding: 4px;
}

#jstree-dnd .jstree-icon,
#jstree-dnd .jstree-copy {
  display: inline-block;
  height: 16px;
  margin: 0 2px 0 0;
  padding: 0;
  text-decoration: none;
  width: 16px;
}

#jstree-dnd .jstree-ok {
  background: #008000;
}

#jstree-dnd .jstree-er {
  background: #f00;
}

#jstree-dnd .jstree-copy {
  margin: 0 2px;
}

.jstree-default .jstree-node,
.jstree-default .jstree-icon {
  background-color: transparent;
  background-repeat: no-repeat;
}

.jstree-default .jstree-anchor,
.jstree-default .jstree-wholerow {
  transition: background-color 0.15s, box-shadow 0.15s;
}

.jstree-default .jstree-hovered {
  background: #e7f4f9;
  border-radius: 2px;
  box-shadow: inset 0 0 1px #ccc;
}

.jstree-default .jstree-clicked {
  background: #beebff;
  border-radius: 2px;
  box-shadow: inset 0 0 1px #999;
}

.assigned-tree .jstree-hovered,
.assigned-tree .jstree-clicked {
  background-color: transparent;
  border-radius: 0;
  box-shadow: none;
}

.jstree-default .jstree-no-icons .jstree-anchor > .jstree-themeicon {
  display: none;
}

.jstree-default .jstree-disabled {
  background: transparent;
  color: #666;
}

.jstree-default .jstree-disabled.jstree-hovered {
  background: transparent;
  box-shadow: none;
}

.jstree-default .jstree-disabled.jstree-clicked {
  background: #efefef;
}

.jstree-default .jstree-disabled > .jstree-icon {
  filter: #808080;
  opacity: 0.8;
}

.jstree-default .jstree-search {
  color: #8b0000;
  font-style: italic;
  font-weight: bold;
}

.jstree-default .jstree-no-checkboxes .jstree-checkbox {
  display: none !important;
}

.jstree-default.jstree-checkbox-no-clicked .jstree-clicked {
  background: transparent;
  box-shadow: none;
}

.jstree-default.jstree-checkbox-no-clicked .jstree-clicked.jstree-hovered {
  background: #e7f4f9;
}

.jstree-default.jstree-checkbox-no-clicked > .jstree-wholerow-ul .jstree-wholerow-clicked {
  background: transparent;
}

.jstree-default.jstree-checkbox-no-clicked > .jstree-wholerow-ul .jstree-wholerow-clicked.jstree-wholerow-hovered {
  background: #e7f4f9;
}

#jstree-dnd.jstree-default .jstree-ok,
#jstree-dnd.jstree-default .jstree-er {
  background-color: transparent;
  background-image: url("../images/32px.png");
  background-repeat: no-repeat;
}

#jstree-dnd.jstree-default i {
  background: transparent;
  height: 16px;
  width: 16px;
}

#jstree-dnd.jstree-default .jstree-ok {
  background-position: -9px -71px;
}

#jstree-dnd.jstree-default .jstree-er {
  background-position: -39px -71px;
}

.jstree-default > .jstree-striped {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAkCAMAAAB/qqA+AAAABlBMVEUAAAAAAAClZ7nPAAAAAnRSTlMNAMM9s3UAAAAXSURBVHjajcEBAQAAAIKg/H/aCQZ70AUBjAATb6YPDgAAAABJRU5ErkJggg==") left top repeat;
}

.jstree-default > .jstree-wholerow-ul .jstree-hovered,
.jstree-default > .jstree-wholerow-ul .jstree-clicked {
  background: transparent;
  border-radius: 0;
  box-shadow: none;
}

.jstree-default .jstree-wholerow {
  box-sizing: border-box;
}

.jstree-default .jstree-wholerow-hovered {
  background: #e7f4f9;
}

.jstree-default .jstree-wholerow-clicked {
  background: #beebff;
  background: linear-gradient(to bottom, #beebff 0%, #a8e4ff 100%);
}

.jstree-default .jstree-node {
  line-height: 24px;
  margin-left: 24px;
  min-height: 24px;
  min-width: 24px;
}

.jstree-default .jstree-anchor {
  height: 24px;
  line-height: 24px;
}

.jstree-default .jstree-icon,
.jstree-default .jstree-icon:empty {
  height: 24px;
  line-height: 24px;
  width: 24px;
}

.assigned-tree .jstree-anchor {
  cursor: default;
}

.jstree-default.jstree-rtl .jstree-node {
  margin-right: 24px;
}

.jstree-default .jstree-wholerow {
  height: 24px;
}

.jstree-default .jstree-node,
.jstree-default .jstree-icon {
  background-image: url("../images/32px.png");
}

.jstree-default .jstree-node {
  background-position: -292px -4px;
  background-repeat: repeat-y;
}

.jstree-default .jstree-last {
  background: transparent;
}

.jstree-default .jstree-open > .jstree-ocl {
  background-position: -132px -4px;
}

.jstree-default .jstree-closed > .jstree-ocl {
  background-position: -100px -4px;
}

.jstree-default .jstree-leaf > .jstree-ocl {
  background-position: -68px -4px;
}

.jstree-default .jstree-anchor > .jstree-themeicon {
  background-position: -260px -4px;
}

.jstree-default > .jstree-no-dots .jstree-node,
.jstree-default > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: transparent;
}

.jstree-default > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -36px -4px;
}

.jstree-default > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: -4px -4px;
}

.jstree-default .jstree-disabled {
  background: transparent;
}

.jstree-default .jstree-disabled.jstree-hovered {
  background: transparent;
}

.jstree-default .jstree-disabled.jstree-clicked {
  background: #efefef;
}

.jstree-default .jstree-checkbox {
  background-position: -164px -4px;
}

.jstree-default .jstree-checkbox:hover {
  background-position: -164px -36px;
}

.jstree-default .jstree-clicked > .jstree-checkbox {
  background-position: -228px -4px;
}

.jstree-default .jstree-clicked > .jstree-checkbox:hover {
  background-position: -228px -36px;
}

.jstree-default .jstree-anchor > .jstree-undetermined {
  background-position: -196px -4px;
}

.jstree-default .jstree-anchor > .jstree-undetermined:hover {
  background-position: -196px -36px;
}

.jstree-default > .jstree-striped {
  background-size: auto 48px;
}

.jstree-default.jstree-rtl .jstree-node {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
  background-position: 100% 1px;
  background-repeat: repeat-y;
}

.jstree-default.jstree-rtl .jstree-last {
  background: transparent;
}

.jstree-default.jstree-rtl .jstree-open > .jstree-ocl {
  background-position: -132px -36px;
}

.jstree-default.jstree-rtl .jstree-closed > .jstree-ocl {
  background-position: -100px -36px;
}

.jstree-default.jstree-rtl .jstree-leaf > .jstree-ocl {
  background-position: -68px -36px;
}

.jstree-default.jstree-rtl > .jstree-no-dots .jstree-node,
.jstree-default.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: transparent;
}

.jstree-default.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -36px -36px;
}

.jstree-default.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: -4px -36px;
}

.jstree-default .jstree-themeicon-custom {
  background-color: transparent;
  background-image: none;
}

.jstree-default > .jstree-container-ul .jstree-loading > .jstree-ocl {
  background: url("../images/throbber.gif") center center no-repeat;
}

.jstree-default.jstree-rtl .jstree-node {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
}

.jstree-default.jstree-rtl .jstree-last {
  background: transparent;
}

.jstree-default-small .jstree-node {
  line-height: 18px;
  margin-left: 18px;
  min-height: 18px;
  min-width: 18px;
}

.jstree-default-small .jstree-anchor {
  height: 18px;
  line-height: 18px;
}

.jstree-default-small .jstree-icon {
  height: 18px;
  line-height: 18px;
  width: 18px;
}

.jstree-default-small .jstree-icon:empty {
  height: 18px;
  line-height: 18px;
  width: 18px;
}

.jstree-default-small.jstree-rtl .jstree-node {
  margin-right: 18px;
}

.jstree-default-small .jstree-wholerow {
  height: 18px;
}

.jstree-default-small .jstree-node,
.jstree-default-small .jstree-icon {
  background-image: url("../images/32px.png");
}

.jstree-default-small .jstree-node {
  background-position: -295px -7px;
  background-repeat: repeat-y;
}

.jstree-default-small .jstree-last {
  background: transparent;
}

.jstree-default-small .jstree-open > .jstree-ocl {
  background-position: -135px -7px;
}

.jstree-default-small .jstree-closed > .jstree-ocl {
  background-position: -103px -7px;
}

.jstree-default-small .jstree-leaf > .jstree-ocl {
  background-position: -71px -7px;
}

.jstree-default-small .jstree-anchor > .jstree-themeicon {
  background-position: -263px -7px;
}

.jstree-default-small > .jstree-no-dots .jstree-node,
.jstree-default-small > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: transparent;
}

.jstree-default-small > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -39px -7px;
}

.jstree-default-small > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: -7px -7px;
}

.jstree-default-small .jstree-disabled {
  background: transparent;
}

.jstree-default-small .jstree-disabled.jstree-hovered {
  background: transparent;
}

.jstree-default-small .jstree-disabled.jstree-clicked {
  background: #efefef;
}

.jstree-default-small .jstree-checkbox {
  background-position: -167px -7px;
}

.jstree-default-small .jstree-checkbox:hover {
  background-position: -167px -39px;
}

.jstree-default-small .jstree-clicked > .jstree-checkbox {
  background-position: -231px -7px;
}

.jstree-default-small .jstree-clicked > .jstree-checkbox:hover {
  background-position: -231px -39px;
}

.jstree-default-small .jstree-anchor > .jstree-undetermined {
  background-position: -199px -7px;
}

.jstree-default-small .jstree-anchor > .jstree-undetermined:hover {
  background-position: -199px -39px;
}

.jstree-default-small > .jstree-striped {
  background-size: auto 36px;
}

.jstree-default-small.jstree-rtl .jstree-node {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
  background-position: 100% 1px;
  background-repeat: repeat-y;
}

.jstree-default-small.jstree-rtl .jstree-last {
  background: transparent;
}

.jstree-default-small.jstree-rtl .jstree-open > .jstree-ocl {
  background-position: -135px -39px;
}

.jstree-default-small.jstree-rtl .jstree-closed > .jstree-ocl {
  background-position: -103px -39px;
}

.jstree-default-small.jstree-rtl .jstree-leaf > .jstree-ocl {
  background-position: -71px -39px;
}

.jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-node,
.jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: transparent;
}

.jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -39px -39px;
}

.jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: -7px -39px;
}

.jstree-default-small .jstree-themeicon-custom {
  background-color: transparent;
  background-image: none;
}

.jstree-default-small > .jstree-container-ul .jstree-loading > .jstree-ocl {
  background: url("../images/throbber.gif") center center no-repeat;
}

.jstree-default-small.jstree-rtl .jstree-node {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAACAQMAAABv1h6PAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMHBgAAiABBI4gz9AAAAABJRU5ErkJggg==");
}

.jstree-default-small.jstree-rtl .jstree-last {
  background: transparent;
}

.jstree-default-large .jstree-node {
  line-height: 32px;
  margin-left: 32px;
  min-height: 32px;
  min-width: 32px;
}

.jstree-default-large .jstree-anchor {
  height: 32px;
  line-height: 32px;
}

.jstree-default-large .jstree-icon {
  height: 32px;
  line-height: 32px;
  width: 32px;
}

.jstree-default-large .jstree-icon:empty {
  height: 32px;
  line-height: 32px;
  width: 32px;
}

.jstree-default-large.jstree-rtl .jstree-node {
  margin-right: 32px;
}

.jstree-default-large .jstree-wholerow {
  height: 32px;
}

.jstree-default-large .jstree-node,
.jstree-default-large .jstree-icon {
  background-image: url("../images/32px.png");
}

.jstree-default-large .jstree-node {
  background-position: -288px 0;
  background-repeat: repeat-y;
}

.jstree-default-large .jstree-last {
  background: transparent;
}

.jstree-default-large .jstree-open > .jstree-ocl {
  background-position: -128px 0;
}

.jstree-default-large .jstree-closed > .jstree-ocl {
  background-position: -96px 0;
}

.jstree-default-large .jstree-leaf > .jstree-ocl {
  background-position: -64px 0;
}

.jstree-default-large .jstree-anchor > .jstree-themeicon {
  background-position: -256px 0;
}

.jstree-default-large > .jstree-no-dots .jstree-node,
.jstree-default-large > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: transparent;
}

.jstree-default-large > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -32px 0;
}

.jstree-default-large > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: 0 0;
}

.jstree-default-large .jstree-disabled {
  background: transparent;
}

.jstree-default-large .jstree-disabled.jstree-hovered {
  background: transparent;
}

.jstree-default-large .jstree-disabled.jstree-clicked {
  background: #efefef;
}

.jstree-default-large .jstree-checkbox {
  background-position: -160px 0;
}

.jstree-default-large .jstree-checkbox:hover {
  background-position: -160px -32px;
}

.jstree-default-large .jstree-clicked > .jstree-checkbox {
  background-position: -224px 0;
}

.jstree-default-large .jstree-clicked > .jstree-checkbox:hover {
  background-position: -224px -32px;
}

.jstree-default-large .jstree-anchor > .jstree-undetermined {
  background-position: -192px 0;
}

.jstree-default-large .jstree-anchor > .jstree-undetermined:hover {
  background-position: -192px -32px;
}

.jstree-default-large > .jstree-striped {
  background-size: auto 64px;
}

.jstree-default-large.jstree-rtl .jstree-node {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
  background-position: 100% 1px;
  background-repeat: repeat-y;
}

.jstree-default-large.jstree-rtl .jstree-last {
  background: transparent;
}

.jstree-default-large.jstree-rtl .jstree-open > .jstree-ocl {
  background-position: -128px -32px;
}

.jstree-default-large.jstree-rtl .jstree-closed > .jstree-ocl {
  background-position: -96px -32px;
}

.jstree-default-large.jstree-rtl .jstree-leaf > .jstree-ocl {
  background-position: -64px -32px;
}

.jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-node,
.jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: transparent;
}

.jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -32px -32px;
}

.jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: 0 -32px;
}

.jstree-default-large .jstree-themeicon-custom {
  background-color: transparent;
  background-image: none;
}

.jstree-default-large > .jstree-container-ul .jstree-loading > .jstree-ocl {
  background: url("../images/throbber.gif") center center no-repeat;
}

.jstree-default-large.jstree-rtl .jstree-node {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAACAQMAAAAD0EyKAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjgIIGBgABCgCBvVLXcAAAAABJRU5ErkJggg==");
}

.jstree-default-large.jstree-rtl .jstree-last {
  background: transparent;
}

@media (max-width: 768px) {
  .jstree-default-responsive .jstree-icon {
    background-image: url("../images/40px.png");
  }

  .jstree-default-responsive .jstree-node,
.jstree-default-responsive .jstree-leaf > .jstree-ocl {
    background: transparent;
  }

  .jstree-default-responsive .jstree-node {
    line-height: 40px;
    margin-left: 40px;
    min-height: 40px;
    min-width: 40px;
    white-space: nowrap;
  }

  .jstree-default-responsive .jstree-anchor {
    height: 40px;
    line-height: 40px;
  }

  .jstree-default-responsive .jstree-icon,
.jstree-default-responsive .jstree-icon:empty {
    height: 40px;
    line-height: 40px;
    width: 40px;
  }

  .jstree-default-responsive > .jstree-container-ul > .jstree-node {
    margin-left: 0;
  }

  .jstree-default-responsive.jstree-rtl .jstree-node {
    margin-left: 0;
    margin-right: 40px;
  }

  .jstree-default-responsive.jstree-rtl .jstree-container-ul > .jstree-node {
    margin-right: 0;
  }

  .jstree-default-responsive .jstree-ocl,
.jstree-default-responsive .jstree-themeicon,
.jstree-default-responsive .jstree-checkbox {
    background-size: 120px 200px;
  }

  .jstree-default-responsive .jstree-leaf > .jstree-ocl {
    background: transparent;
  }

  .jstree-default-responsive .jstree-open > .jstree-ocl {
    background-position: 0 0 !important;
  }

  .jstree-default-responsive .jstree-closed > .jstree-ocl {
    background-position: 0 -40px !important;
  }

  .jstree-default-responsive.jstree-rtl .jstree-closed > .jstree-ocl {
    background-position: -40px 0 !important;
  }

  .jstree-default-responsive .jstree-anchor > .jstree-themeicon {
    background-position: -40px -40px;
  }

  .jstree-default-responsive .jstree-checkbox,
.jstree-default-responsive .jstree-checkbox:hover {
    background-position: -40px -80px;
  }

  .jstree-default-responsive .jstree-clicked > .jstree-checkbox,
.jstree-default-responsive .jstree-clicked > .jstree-checkbox:hover {
    background-position: 0 -80px;
  }

  .jstree-default-responsive .jstree-anchor > .jstree-undetermined,
.jstree-default-responsive .jstree-anchor > .jstree-undetermined:hover {
    background-position: 0 -120px;
  }

  .jstree-default-responsive .jstree-anchor {
    font-size: 1.1em;
    font-weight: bold;
    text-shadow: 1px 1px #fff;
  }

  .jstree-default-responsive > .jstree-striped {
    background: transparent;
  }

  .jstree-default-responsive .jstree-wholerow {
    background: #ebebeb;
    border-bottom: 1px solid rgba(64, 64, 64, 0.2);
    border-top: 1px solid rgba(255, 255, 255, 0.7);
    height: 40px;
  }

  .jstree-default-responsive .jstree-wholerow-hovered {
    background: #e7f4f9;
  }

  .jstree-default-responsive .jstree-wholerow-clicked {
    background: #beebff;
  }

  .jstree-default-responsive .jstree-children .jstree-last > .jstree-wholerow {
    box-shadow: inset 0 -6px 3px -5px #666;
  }

  .jstree-default-responsive .jstree-children .jstree-open > .jstree-wholerow {
    border-top: 0;
    box-shadow: inset 0 6px 3px -5px #666;
  }

  .jstree-default-responsive .jstree-children .jstree-open + .jstree-open {
    box-shadow: none;
  }

  .jstree-default-responsive .jstree-node,
.jstree-default-responsive .jstree-icon,
.jstree-default-responsive .jstree-node > .jstree-ocl,
.jstree-default-responsive .jstree-themeicon,
.jstree-default-responsive .jstree-checkbox {
    background-image: url("../images/40px.png");
    background-size: 120px 200px;
  }

  .jstree-default-responsive .jstree-node {
    background-position: -80px 0;
    background-repeat: repeat-y;
  }

  .jstree-default-responsive .jstree-last {
    background: transparent;
  }

  .jstree-default-responsive .jstree-leaf > .jstree-ocl {
    background-position: -40px -120px;
  }

  .jstree-default-responsive .jstree-last > .jstree-ocl {
    background-position: -40px -160px;
  }

  .jstree-default-responsive .jstree-themeicon-custom {
    background-color: transparent;
    background-image: none;
  }
}
.jstree-default > .jstree-container-ul > .jstree-node {
  margin-left: 0;
  margin-right: 0;
}

.collapse {
  display: none;
}

.collapse.in {
  display: block;
}

.collapsing {
  height: 0;
  overflow: hidden;
  position: relative;
  transition-duration: 0.35s;
  transition-property: height, visibility;
  transition-timing-function: ease;
}

/*Content controls and content*/
.portfolio-content-controls [data-toggle] {
  background: #2d2e2e;
  box-sizing: border-box;
  color: #fff;
  display: block;
  font-size: 1.3rem;
  height: 44px;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  width: 300px;
}
.portfolio-content-controls [data-toggle] [class^=icon-] {
  border-right: 1px solid #fff;
  display: block;
  height: 44px;
  left: 0;
  line-height: 44px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 44px;
}
.portfolio-content-controls [data-toggle] [class^=icon-]:last-child {
  border: 0;
  left: auto;
  right: 0;
}
.portfolio-content-controls.open [data-toggle],
.portfolio-content-controls [data-toggle]:hover {
  background: #7f8c8c;
  color: #fff;
}
.portfolio-content-controls .dropdown-menu {
  margin-top: 0;
  width: 255px;
}
.portfolio-content-controls.toc-menu {
  max-width: 500px;
}
.portfolio-content-controls.toc-menu .dropdown-menu {
  min-width: 255px;
  width: auto;
}
@media only screen and (max-width: 69em) {
  .portfolio-content-controls.toc-menu .dropdown-menu {
    max-height: 300px;
    overflow-x: hidden;
  }
}

.assessment-nav__item > .assessment-summary-link:hover,
.assessment-nav__item > .next-assessment:hover,
.assessment-nav__item > .clear-changes:hover, .assessment-nav__item > [aria-expanded=true].assessment-summary-link,
.assessment-nav__item > [aria-expanded=true].next-assessment,
.assessment-nav__item > [aria-expanded=true].clear-changes {
  background: #eeeff0;
  box-shadow: none;
  color: #000;
}
.assessment-nav__item > .assessment-summary-link:hover [class^=icon-]:not(.icon-button),
.assessment-nav__item > .next-assessment:hover [class^=icon-]:not(.icon-button),
.assessment-nav__item > .clear-changes:hover [class^=icon-]:not(.icon-button),
.assessment-nav__item > .assessment-summary-link:hover [class*=" icon-"]:not(.icon-button),
.assessment-nav__item > .next-assessment:hover [class*=" icon-"]:not(.icon-button),
.assessment-nav__item > .clear-changes:hover [class*=" icon-"]:not(.icon-button), .assessment-nav__item > [aria-expanded=true].assessment-summary-link [class^=icon-]:not(.icon-button),
.assessment-nav__item > [aria-expanded=true].next-assessment [class^=icon-]:not(.icon-button),
.assessment-nav__item > [aria-expanded=true].clear-changes [class^=icon-]:not(.icon-button),
.assessment-nav__item > [aria-expanded=true].assessment-summary-link [class*=" icon-"]:not(.icon-button),
.assessment-nav__item > [aria-expanded=true].next-assessment [class*=" icon-"]:not(.icon-button),
.assessment-nav__item > [aria-expanded=true].clear-changes [class*=" icon-"]:not(.icon-button) {
  color: #000;
}

.assessment-nav.save-view-opts a {
  font-size: 1.5rem;
}
.assessment-nav.save-view-opts .view-full {
  border-left: 1px solid #2b2a2a;
  border-right: 1px solid #2b2a2a;
}
.assessment-nav.save-view-opts .save-assessment [class^=icon-] {
  padding-right: 3px;
}
.assessment-nav.save-view-opts .save-as-draft,
.assessment-nav.save-view-opts .button--simple-grey {
  background: #7f8c8c;
  border: 0;
  box-shadow: none;
  text-shadow: none;
}
.assessment-nav .dropdown-menu {
  padding: 0.83em 0 0;
}
.assessment-nav .dropdown-menu > li > a {
  padding-bottom: 0.4em;
  padding-right: 3em;
  padding-top: 0.4em;
}
.assessment-nav .dropdown-menu > li [class^=icon-]:not(.icon-button),
.assessment-nav .dropdown-menu > li [class*=" icon-"]:not(.icon-button) {
  margin-right: 3px;
}
.assessment-nav .dropdown-menu > li > .empty-message {
  color: #fff;
  display: block;
  font-style: italic;
  padding: 0 1em 0.83em;
}
.assessment-nav .nameLink .name {
  padding-right: 5px;
}
.assessment-nav .nameLink .score {
  padding: 0 5px;
}
.assessment-nav .nameLink .submission {
  padding-left: 5px;
}

.assessment-nav__item > a,
.assessment-nav__item .dropdown > a {
  box-sizing: border-box;
  color: #fff;
  display: block;
  height: 44px;
  padding: 1.3rem 1.2rem 1.1rem;
  text-align: center;
  text-decoration: none;
}
html[data-focus-source=key] .assessment-nav__item > a:focus,
html[data-focus-source=key] .assessment-nav__item .dropdown > a:focus {
  outline: none !important;
  -webkit-box-shadow: inset 0 0 0 3px #3dbbdb !important;
  box-shadow: inset 0 0 0 3px #3dbbdb !important;
}
.assessment-nav__item > .resubmit-request {
  color: #000;
  cursor: not-allowed;
}
.assessment-nav__item > .portfolio-content-controls [data-toggle] {
  padding-left: 40px;
  padding-right: 44px;
  text-align: left;
  width: auto;
}
.assessment-nav__item > .portfolio-content-controls [data-toggle] [class^=icon-] {
  border-right: 0;
}
.assessment-nav__item > .view-full:hover, .assessment-nav__item > .view-full.active {
  background: #fff;
  color: #000;
}

.results-reporter__nav {
  padding-left: 9rem;
}
.results-reporter__nav .assessment-nav__item > a,
.results-reporter__nav .assessment-nav__item .dropdown > a {
  height: auto;
  min-height: 44px;
  padding-top: 1.1rem;
}
.results-reporter__nav .assessment-nav__item > a:not(.ui-button):not(.dark-button) {
  border-left: 1px solid #3a3a3a;
}
.results-reporter__nav .assessment-nav__item > a:not(.ui-button):not(.dark-button):hover {
  background: #7f8c8c;
}
.results-reporter__nav .portfolio-content-controls [data-toggle] {
  border-left: 1px solid #3a3a3a;
  border-right: 1px solid #3a3a3a;
  font-size: 1.5rem;
  text-transform: none;
}
.results-reporter__nav .assessment-nav__item > .portfolio-content-controls .results-reporter__export {
  padding-left: 1.2rem;
}
.results-reporter__nav .portfolio-content-controls [data-toggle] [class^=icon-] {
  line-height: 41px;
}
.results-reporter__nav .portfolio-content-controls.open [data-toggle] {
  background-color: transparent;
}
.results-reporter__nav .portfolio-content-controls.open [data-toggle]:hover {
  background-color: #7f8c8c;
}
.results-reporter__nav .portfolio-content-controls.open [data-toggle] .icon-caret-down::before {
  content: "\e6b2";
}
.results-reporter__nav .toc-menu {
  max-width: none;
}
@media only screen and (max-width: 69em) and (min-width: 48em) {
  .results-reporter__nav {
    padding-left: 6rem;
  }
}
@media only screen and (max-width: 47.9375em) {
  .results-reporter__nav {
    padding-left: 4.8rem;
  }
}

.portfolio-completion__steps {
  flex: 1;
  margin-right: 5px;
}

.progress-steps {
  display: flex;
  margin: 0;
  padding: 0;
}

.progress-steps__step {
  flex: 1;
  flex-grow: 1;
  list-style: none;
  margin: 0 1px;
  text-align: center;
}
.progress-steps__step progress {
  position: relative;
  top: 28px;
}
.progress-steps__step .icon-circled {
  background: #e6e6e6;
  color: #fff;
  font-size: 2.4rem;
  height: 1.8em;
  line-height: 1.8em !important;
  position: relative;
}

.progress-step__step-num {
  background: #e6e6e6;
  border-radius: 100%;
  color: #fff;
  display: inline-block;
  font-size: 2.4rem;
  height: 1.8em;
  line-height: 1.8em;
  position: relative;
  text-align: center;
  width: 1.8em;
}

.progress-steps__inst {
  display: block;
  font-size: 1.4rem;
  margin-top: 0.8em;
}
.progress-steps__inst .icon-checkmark {
  display: none;
}
.progress-steps__step--complete .progress-steps__inst {
  color: #23881c;
}
.progress-steps__step--complete .progress-steps__inst .icon-checkmark {
  display: inline;
}

.progress-steps__step--current .icon-circled,
.progress-steps__step--current .progress-step__step-num {
  background: #3587c4;
}

.progress-steps__step--complete .icon-circled,
.progress-steps__step--complete .progress-step__step-num {
  background: #23881C;
}
.progress-steps__step--complete .icon-circled .progress-steps__inst,
.progress-steps__step--complete .progress-step__step-num .progress-steps__inst {
  color: #23881c;
}

.progress-steps__date {
  color: #000;
}

.portfolio-completion progress {
  width: 100%;
}

progress,
progress[role] {
  /* Turns off styling - not usually needed, but good to know. */
  -webkit-appearance: none;
  appearance: none;
  /* Needs to be in here for Safari polyfill so background images work as expected. */
  background-size: auto;
  /* gets rid of default border in Firefox and Opera. */
  border: 0;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  height: 8px;
  width: 100%;
}

/* Polyfill */
progress[role]::after {
  background-image: none;
  /* removes default background from polyfill */
}

/* Ensure fallback text doesn't appear in polyfill */
progress[role] strong {
  display: none;
}

/* Progress bar background */
progress,
progress[role][aria-valuenow] {
  /* Polyfill */
  background: #e6e6e6 !important;
  /* !important is needed by the polyfill */
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
}

/* Chrome */
progress::-webkit-progress-bar {
  background: #e6e6e6;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
}

/* Progress bar itself. DO NOT combine selectors with commas */
/* IE10 */
progress {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
  color: #36ae54;
}
.progress-steps progress {
  border-radius: 0;
  color: #23881C;
}
progress::-moz-progress-bar {
  background: #23881C;
}
progress::-webkit-progress-value {
  background: #23881C;
}
progress[aria-valuenow]::before {
  background: #23881C;
}

/*#endregion*/
/***********=GRID STYLES (OOCSS)***********/
/***=line (row)***/
.line::before, .line::after {
  content: "";
  display: table;
}
.line::after {
  clear: both;
}

/***=columns (units)***/
.unit {
  box-sizing: border-box;
  float: left;
}
.maintain-grid .unit {
  min-height: 1px;
}

.unit-right,
.unit-reversed,
.css_right {
  float: right;
}

.size1of2,
.size2of4,
.size3of6,
.size4of8,
.size5of10,
.size6of12 {
  width: 50%;
}

.size1of3,
.size2of6,
.size3of9,
.size4of12 {
  width: 33.33333333%;
}

.size2of3,
.size4of6,
.size6of9,
.size8of12 {
  width: 66.66666666%;
}

.size1of4,
.size2of8,
.size3of12 {
  width: 25%;
}

.size3of4,
.size6of8,
.size9of12 {
  width: 75%;
}

.size1of5,
.size2of10 {
  width: 20%;
}

.size2of5,
.size4of10 {
  width: 40%;
}

.size3of5,
.size6of10 {
  width: 60%;
}

.size4of5,
.size8of10 {
  width: 80%;
}

.size1of6,
.size2of12 {
  width: 16.6666666%;
}

.size5of6,
.size10of12 {
  width: 83.3333333%;
}

.size1of7 {
  width: 14.2857143%;
}

.size2of7 {
  width: 28.5714286%;
}

.size3of7 {
  width: 42.8571429%;
}

.size4of7 {
  width: 57.1428572%;
}

.size5of7 {
  width: 71.4285715%;
}

.size6of7 {
  width: 85.7142858%;
}

.size1of8 {
  width: 12.5%;
}

.size3of8 {
  width: 37.5%;
}

.size5of8 {
  width: 62.5%;
}

.size7of8 {
  width: 87.5%;
}

.size1of9 {
  width: 11.11111111%;
}

.size2of9 {
  width: 22.22222222%;
}

.size4of9 {
  width: 44.44444444%;
}

.size5of9 {
  width: 55.55555555%;
}

.size7of9 {
  width: 77.77777778%;
}

.size8of9 {
  width: 88.88888889%;
}

.size1of10 {
  width: 10%;
}

.size3of10 {
  width: 30%;
}

.size7of10 {
  width: 70%;
}

.size9of10 {
  width: 90%;
}

.size1of11 {
  width: 9.09090909%;
}

.size2of11 {
  width: 18.18181818%;
}

.size3of11 {
  width: 27.27272727%;
}

.size4of11 {
  width: 36.36363636%;
}

.size5of11 {
  width: 45.45454545%;
}

.size6of11 {
  width: 54.54545454%;
}

.size7of11 {
  width: 63.63636364%;
}

.size8of11 {
  width: 72.72727273%;
}

.size9of11 {
  width: 81.81818182%;
}

.size10of11 {
  width: 90.90909091%;
}

.size1of12 {
  width: 8.33333333%;
}

.size5of12 {
  width: 41.66666667%;
}

.size7of12 {
  width: 58.33333333%;
}

.size11of12 {
  width: 91.66666667%;
}

.last-unit {
  float: none;
  overflow: hidden;
  width: auto;
}

.unit-content-pl {
  padding-left: 20px;
}

.unit-content-pr {
  padding-right: 20px;
}

.unit-content-ml {
  margin-left: 20px;
}

.unit-content-mr {
  margin-right: 20px;
}

.unit-content-mt {
  margin-top: 20px;
}

.unit-content-mb {
  margin-bottom: 20px;
}

.size-full {
  float: none;
  padding: 0;
  width: auto;
}

.centered {
  margin-left: auto;
  margin-right: auto;
}

.offset1of2,
.offset2of4,
.offset3of6,
.offset4of8,
.offset5of10,
.offset6of12 {
  margin-left: 50%;
}

.offset1of3,
.offset2of6,
.offset3of9,
.offset4of12 {
  margin-left: 33.33333333%;
}

.offset2of3,
.offset4of6,
.offset6of9,
.offset8of12 {
  margin-left: 66.66666666%;
}

.offset1of4,
.offset2of8,
.offset3of12 {
  margin-left: 25%;
}

.offset3of4,
.offset6of8,
.offset9of12 {
  margin-left: 75%;
}

.offset1of5,
.offset2of10 {
  margin-left: 20%;
}

.offset2of5,
.offset4of10 {
  margin-left: 40%;
}

.offset3of5,
.offset6of10 {
  margin-left: 60%;
}

.offset4of5,
.offset8of10 {
  margin-left: 80%;
}

.offset1of6,
.offset2of12 {
  margin-left: 16.6666666%;
}

.offset5of6,
.offset10of12 {
  margin-left: 83.3333333%;
}

.offset1of7 {
  margin-left: 14.2857143%;
}

.offset2of7 {
  margin-left: 28.5714286%;
}

.offset3of7 {
  margin-left: 42.8571429%;
}

.offset4of7 {
  margin-left: 57.1428572%;
}

.offset5of7 {
  margin-left: 71.4285715%;
}

.offset6of7 {
  margin-left: 85.7142858%;
}

.offset1of8 {
  margin-left: 12.5%;
}

.offset3of8 {
  margin-left: 37.5%;
}

.offset5of8 {
  margin-left: 62.5%;
}

.offset7of8 {
  margin-left: 87.5%;
}

.offset1of9 {
  margin-left: 11.11111111%;
}

.offset2of9 {
  margin-left: 22.22222222%;
}

.offset4of9 {
  margin-left: 44.44444444%;
}

.offset5of9 {
  margin-left: 55.55555555%;
}

.offset7of9 {
  margin-left: 77.77777778%;
}

.offset8of9 {
  margin-left: 88.88888889%;
}

.offset1of10 {
  margin-left: 10%;
}

.offset3of10 {
  margin-left: 30%;
}

.offset7of10 {
  margin-left: 70%;
}

.offset9of10 {
  margin-left: 90%;
}

.offset1of11 {
  margin-left: 9.09090909%;
}

.offset2of11 {
  margin-left: 18.18181818%;
}

.offset3of11 {
  margin-left: 27.27272727%;
}

.offset4of11 {
  margin-left: 36.36363636%;
}

.offset5of11 {
  margin-left: 45.45454545%;
}

.offset6of11 {
  margin-left: 54.54545454%;
}

.offset7of11 {
  margin-left: 63.63636364%;
}

.offset8of11 {
  margin-left: 72.72727273%;
}

.offset9of11 {
  margin-left: 81.81818182%;
}

.offset10of11 {
  margin-left: 90.90909091%;
}

.offset1of12 {
  margin-left: 8.33333333%;
}

.offset5of12 {
  margin-left: 41.66666667%;
}

.offset7of12 {
  margin-left: 58.33333333%;
}

.offset11of12 {
  margin-left: 91.66666667%;
}

/***=content inset***/
.content-inset {
  padding: 1.2rem;
}

/***********=END GRID STYLES***********/
/**********=LAYOUT WRAPS**********/
.submit-status-wrap, .wrap {
  display: block;
  position: relative;
}

/***=submit status wrap (portfolio submission)***/
.submit-status-wrap {
  border-bottom: 1px solid #979797;
  margin: 0 -20px 20px;
  padding: 0 20px 12px;
}

/***=page wrap (extends wrap)***/
.page-wrap {
  height: 100%;
  width: 100%;
}

/***=mp pusher (extends wrap)***/
.mp-pusher {
  box-sizing: border-box;
  left: 0;
  min-height: 100%;
  transition: all 0.5s;
}

.mp-resized {
  padding-right: 280px;
}

/***=content (extends wrap)***/
.content {
  height: 100%;
  min-height: 87.8rem;
}
.modal-body .content {
  min-height: 0;
}
.mp-menu + .content {
  margin-left: 7.2rem;
}
.inlinePortlet-body .mp-menu + .content {
  margin-left: 0;
}

/***=identity bar (extends wrap)***/
.identity-bar {
  background: #fff;
  padding: 0 2.4rem 0 9rem;
}

/***=identity menu (extends wrap)***/
.identity-bar-menu {
  margin: 2.4rem 0 0 2.4rem;
  min-width: 21rem;
}
.identity-bar-menu .dropdown-toggle {
  min-width: 21rem;
  white-space: nowrap;
}
.identity-bar-menu .dropdown-toggle > .img {
  display: inline-block;
  margin-right: 0;
}
.identity-bar-menu .dropdown-toggle > .bd {
  display: inline-block;
  padding: 1.4rem 0 1.4rem 0.6rem;
}
.identity-bar-menu .dropdown-toggle [class^=icon-] {
  color: #7f8c8c;
  vertical-align: middle;
}
.identity-bar-menu .name {
  display: inline-block;
  font-size: 1.4rem;
  margin-left: 5px;
  vertical-align: middle;
}

/***=content wrap (extends wrap)***/
.content-wrap {
  background: transparent;
  padding: 1.5rem 1.2rem 3rem 9rem;
}
.inlinePortlet-body .content-wrap {
  padding: 0;
}

.content-header {
  min-height: 2.4rem;
  padding-top: 0.9rem;
  position: relative;
}

.content-body {
  background: transparent;
  box-sizing: border-box;
  min-height: 300px;
  padding: 1.5rem 1.2rem 3rem;
  width: 100%;
}
.headless-unit > .content-body {
  padding-top: 2.4rem;
}
.content-body h2 {
  overflow: hidden;
  text-overflow: ellipsis;
}

/***=full content (extends content-wrap/wrap)***/
.full-content {
  padding-top: 24px;
}
.ui-tabs .full-content {
  padding-top: 0;
}

/***=shaded content (extends content-wrap/wrap)***/
.shaded-content {
  background: rgba(0, 0, 0, 0.04);
}

/***=headless content (extends full-content/content-wrap/wrap)***/
.headless-content {
  background: #fff;
  padding-top: 57px;
}

/***=compartment (extends wrap)***/
.compartment {
  background: #fff;
  height: 100%;
}

/***=simple content wrap (extends wrap)***/
.simple-content-wrap {
  padding-top: 9px;
}

/***=inner tabbed wrap (extends simple-content-wrap/wrap)***/
.inner-tabbed-wrap {
  background-position: 0 5px;
  padding-top: 0;
}

/***=tabbed wrap (extends wrap)***/
.tabbed-wrap {
  background: #fff;
}

.ui-tabs-hide {
  display: none;
}

/***=feature tabs (extends wrap)***/
.feature-tabs {
  border: 1px solid #d1d1d1;
  margin-top: 28px;
}

.content-body .ui-tabs.feature-tabs .ui-widget-header {
  margin-left: 0;
  margin-right: 0;
  padding-right: 0;
}

/***=instrument editor (extends wrap)***/
.instrument-editor {
  overflow-x: auto;
  padding-top: 36px;
}

.conventional-editor {
  padding-top: 0;
}

/***=table wrap (extends wrap)***/
.table-wrap {
  overflow-x: auto;
  padding-bottom: 60px;
}
.table-wrap table {
  margin-bottom: 0;
}
.table-wrap:empty {
  display: none;
}
.mailbox-contents .table-wrap {
  padding-bottom: 60px;
}
.table-wrap ::-webkit-scrollbar {
  -webkit-appearance: none;
  appearance: none;
  height: 14px;
  width: 14px;
}
.table-wrap ::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.3);
  border: 3px solid #fff;
  border-radius: 8px;
}

/***=perm wrap (extends wrap)***/
.perm-wrap {
  display: inline-block;
  position: relative;
}

.profile-header-block .perm-wrap {
  margin: 0.8rem 0.5rem 0 0;
}

/***=escalation branch***/
.escalation-branch {
  left: 50%;
  margin-left: -13.636363635%;
  position: absolute;
  top: 0;
  z-index: 10;
}
.escalation-branch img {
  height: 100%;
  width: 100%;
}

/***=ep footer (extends wrap)***/
.ep-footer {
  padding: 15px;
}

/***=keyword/keyphrase wrap (extends wrap)***/
.kw-wp-wrap {
  bottom: 0;
  left: 6px;
  padding: 8px 0;
  position: absolute;
}

/***=add artifact wrap***/
.add-artifact-wrap,
body.modal-body #ep-page-wrapper.add-artifact-wrap {
  padding: 0 20px;
}
.add-artifact-wrap .row,
body.modal-body #ep-page-wrapper.add-artifact-wrap .row {
  margin: 0;
}

.modal-body .add-artifact-wrap .lp-layout-wrap {
  float: left;
}
.modal-body .add-artifact-wrap .lp-layout-wrap.size2of3 {
  width: 66.66666666%;
}
.modal-body .add-artifact-wrap .lp-layout-wrap.size1of2 {
  width: 50%;
}
.modal-body .add-artifact-wrap .lp-layout-wrap.size1of3 {
  width: 33.33333333%;
}

@media only screen and (max-width: 42em) {
  .modal-body .add-artifact-wrap .lp-layout-wrap.s-size-full {
    float: none;
    width: auto;
  }
}
/**********=LAYOUT WRAPS (end)**********/
/**********=COLUMN FLOW**********/
.column-flow {
  column-count: 2;
  column-gap: 24px;
  column-rule: 1px solid rgba(51, 49, 49, 0.25);
  margin: 1.2rem 0;
}
.column-flow .grouped,
.column-flow > div,
.column-flow > li,
.column-flow > table {
  break-inside: avoid;
  page-break-inside: avoid;
}
.column-flow .keep-together {
  display: inline-block;
  width: 100%;
}
.tag-report-wrap .column-flow .keep-together {
  box-sizing: border-box;
}

/***=column counts (extends .column-flow) ***/
.three-columns {
  column-count: 3;
}

.four-columns {
  column-count: 4;
}

/***=featured columns (extends .column-flow) ***/
.featured-columns {
  background-color: #f8f8f8;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  padding: 1.2rem;
}
.tag-report-wrap .featured-columns {
  margin-bottom: 1.2rem;
}
@media only screen and (max-width: 47.9375em) {
  .featured-columns {
    column-count: 1;
  }
}

/***=content block (extends wrap)***/
.content-block {
  display: block;
  overflow: auto;
  padding: 6px 0;
  width: 100%;
}

.content-block-featured {
  background-color: #dfe1e3;
  background-color: rgba(97, 107, 114, 0.2);
  border-radius: 5px;
  margin-bottom: 15px;
  padding: 8px;
  position: relative;
}
.content-block-featured h3 {
  border-bottom: 1px solid #fff;
  margin: 0 0 8px -8px;
  padding: 0 8px 8px;
  width: 100%;
}

.content-block-information {
  background: url("../images/layout/layout-box-bg.png");
  margin: 12px 0;
  padding: 15px 12px;
}
.content-block-information p {
  color: #333131;
}

/**********=COLUMN FLOW (end)**********/
/**********=OTHER BLOCK CONTAINERS**********/
/***=work info (dashboard)***/
.work-info > .h6 {
  font-weight: 900;
  margin-top: 2.5rem;
}
.work-info > .h6:first-child {
  margin-top: 0;
}
.work-info > .h6 a {
  text-decoration: none;
}
.work-info .my-fp h3 {
  font-weight: bold;
}
.work-info .my-fp h3 a {
  text-decoration: none;
}
.work-info .my-fp .flag {
  margin-right: 6px;
}

.work-info__request-title {
  margin-top: 1em;
}
.work-info__request-title .flag {
  vertical-align: middle;
}

/***=fp location lookup***/
@media only screen and (max-width: 69em) {
  .fp-location-lookup {
    display: block !important;
  }
}
/***=results history (dashboard)***/
.results-history > h2 {
  margin-bottom: 0.25em;
}
.results-history a.h6 {
  font-weight: 900;
  text-transform: uppercase;
}

/***=assessment-details (dashboard)***/
.dash-assessment-details {
  border: 1px solid #6f7a7a;
  border-radius: 5px;
  margin: 20px 0 30px;
  padding: 15px;
}

/**********=OTHER BLOCK CONTAINERS (end)**********/
/***********=LAYOUT PATTERNS**********/
/***=master/detail layout (extends wrap)***/
.master-detail {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.master-detail > .unit {
  display: table-cell;
  float: none;
  vertical-align: top;
}
.master-detail > .master {
  background: #2d2e2e;
}
.master-detail > .master--bright {
  background-color: #fff;
  background-image: none;
}
.master-detail > .detail {
  padding-left: 0;
}
.master-detail > .detail .tocs-picklist {
  padding: 1px 0 0;
}

/***=bright master (extends master/detail & wrap)***/
.bright-master {
  background: #fff;
}
.bright-master .column {
  background-position: left -24px;
  border-bottom: medium none;
  height: 100%;
  padding-top: 9px;
}
.bright-master > .master {
  background-color: #fff;
  background-image: none;
}

.master--bright {
  background-color: #fff;
  background-image: none;
}

/***=gallery wrap (extends master/detail, bright-master & wrap)***/
.gallery-wrap {
  border-top: 1px solid #efefef;
  margin: 12px 0 0 -12px;
  padding: 0 12px;
}

.gallery-wrap-wide {
  display: block;
}

.galleryTree {
  padding-right: 12px;
}

.galleryTree select {
  width: 100%;
}

.gallery-narrow {
  border-left: 1px solid #efefef;
}

.gallery-narrow .ui-tabs {
  padding-left: 12px;
}

.gallery-wrap .gallery-wide {
  display: block;
  float: none;
  width: auto;
}

/***=plain master (extends master/detail & wrap)***/
.plain-master {
  display: block;
  width: auto;
}
.plain-master > .unit {
  display: block;
  float: left;
}
.plain-master > .master {
  background-color: transparent;
  background-image: none;
}

/***=report library***/
.report-library-wrap {
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
  padding-left: 9rem;
}
@media only screen and (max-width: 69em) and (min-width: 48em) {
  .report-library-wrap {
    padding-left: 6rem;
  }
}
@media only screen and (max-width: 47.9375em) {
  .report-library-wrap {
    padding-left: 4.8rem;
  }
}

.report-library {
  border-collapse: collapse;
  display: table;
  table-layout: fixed;
  width: 100%;
}
.report-library > .unit {
  border-collapse: collapse;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  display: table-cell;
  float: none;
  vertical-align: top;
}

.report__owner {
  color: #707070;
}
.report__owner a {
  color: #707070;
}

/***=vertical master (extends wrap)***/
.master-detail > .vertical-master {
  background: #fff url("../images/layout/layout-box-bg-trans.png");
  border: 1px solid #ddd;
  border-bottom: 2px solid #333131;
  margin-bottom: 1.2rem;
}

/***=panel viewer (extends master/detail & wrap)***/
.panel-viewer-detail {
  background: rgba(255, 255, 255, 0.3);
  border: 1px solid rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 3px #fff;
  margin: 1em 0;
  padding: 1.2rem;
  position: relative;
}
.panel-viewer-detail.no-border {
  border: 0;
}
.panel-viewer-detail .panel-viewer-back {
  background: #444141 url("../images/ui/ui-chevrons.png") no-repeat 0 -32px;
  border: 0;
  color: #fff;
  display: block;
  font-size: 1.8rem;
  line-height: 1.78;
  overflow: hidden;
  text-indent: -500px;
  width: 32px;
}
.panel-viewer-detail .panel-viewer-back:hover {
  background-position: -3px -32px;
}
.panel-viewer-detail.success {
  border-color: #57a957;
  box-shadow: 0 0 3px #57a957;
}
.panel-viewer-detail.success .panel-viewer-back {
  background-color: #57a957;
}
.panel-viewer-detail.error {
  border-color: #c43c35;
  box-shadow: 0 0 3px #c43c35;
}
.panel-viewer-detail.error .panel-viewer-back {
  background-color: #c43c35;
}
.panel-viewer-detail.notice {
  border-color: #2a76b0;
  box-shadow: 0 0 3px #2a76b0;
}
.panel-viewer-detail.notice .panel-viewer-back {
  background-color: #2a76b0;
}
.panel-viewer-detail .utility-wrap {
  margin-top: 1.5rem;
}

.panel-viewer-bar {
  left: 0;
  position: absolute;
  top: 0;
}
.panel-viewer-bar + h1 {
  margin-top: 1em;
}

/***********=LAYOUT PATTERNS (end)**********/
/***********=GENERAL LAYOUT CLASSES**********/
.hidden {
  display: none;
}

.vis-hidden {
  visibility: hidden;
}

.nowrap {
  white-space: nowrap;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.clear-left {
  clear: left;
}

.clear-right {
  clear: right;
}

.clear-both {
  clear: both;
}

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

.inline {
  display: inline;
}

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

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

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

/***=compatibility mode warning***/
body.has-warning {
  padding-bottom: 32px;
}

#CM-warning {
  background: #f5de7a;
  border-top: 1px solid #d1480d;
  bottom: 0;
  color: #a0410d;
  font-size: 1.2rem;
  height: 23px;
  left: 0;
  line-height: 1.92;
  margin: 0;
  padding: 0 12px;
  position: fixed;
  text-align: center;
  width: 100%;
}

/***********=GENERAL LAYOUT CLASSES (end)**********/
/***********=TO DEPRECATE**********/
.clear {
  clear: both;
}

.width2 {
  width: 2%;
}

.width3 {
  width: 3%;
}

.width5 {
  width: 5%;
}

.width10 {
  width: 10%;
}

.width15 {
  width: 15%;
}

.width20 {
  width: 20%;
}

.width25 {
  width: 25%;
}

.width30 {
  width: 30%;
}

.width33 {
  width: 33.33%;
}

.width35 {
  width: 35%;
}

.width40 {
  width: 40%;
}

.width45 {
  width: 45%;
}

.width50 {
  width: 50%;
}

.width55 {
  width: 55%;
}

.width60 {
  width: 60%;
}

.width65 {
  width: 65%;
}

.width67 {
  width: 66.67%;
}

.width70 {
  width: 70%;
}

.width75 {
  width: 75%;
}

.width80 {
  width: 80%;
}

.width85 {
  width: 85%;
}

.width90 {
  width: 90%;
}

.width95 {
  width: 95%;
}

.width100 {
  width: 100%;
}

.leftColumn {
  clear: left;
  float: left;
  width: 49.5%;
}

.rightColumn {
  clear: right;
  float: right;
  width: 49.5%;
}

.no-overflow {
  overflow: hidden;
}

.leftColumnNarrow {
  float: left;
  margin-bottom: 20px;
  padding-bottom: 20px;
  width: 330px;
}

.rightColumnWide {
  margin-bottom: 20px;
  margin-left: 345px;
  padding-bottom: 20px;
}

/***********=TO DEPRECATE (end)**********/
/**********=RESPONSIVE**********/
/***=wide screens (1440px and greater)***/
@media only screen and (min-width: 90em) {
  /*#region LargeScreenUnits */
  /***=columns (units)***/
  .l-size-full {
    float: none;
    padding: 0;
    width: auto;
  }

  .l-size-none {
    display: none;
  }

  .l-size1of2,
.l-size2of4,
.l-size3of6,
.l-size4of8,
.l-size5of10,
.l-size6of12 {
    width: 50%;
  }

  .l-size1of3,
.l-size2of6,
.l-size3of9,
.l-size4of12 {
    width: 33.33333333%;
  }

  .l-size2of3,
.l-size4of6,
.l-size6of9,
.l-size8of12 {
    width: 66.66666666%;
  }

  .l-size1of4,
.l-size2of8,
.l-size3of12 {
    width: 25%;
  }

  .l-size3of4,
.l-size6of8,
.l-size9of12 {
    width: 75%;
  }

  .l-size1of5,
.l-size2of10 {
    width: 20%;
  }

  .l-size2of5,
.l-size4of10 {
    width: 40%;
  }

  .l-size3of5,
.l-size6of10 {
    width: 60%;
  }

  .l-size4of5,
.l-size8of10 {
    width: 80%;
  }

  .l-size1of6,
.l-size2of12 {
    width: 16.6666666%;
  }

  .l-size5of6,
.l-size10of12 {
    width: 83.3333333%;
  }

  .l-size1of7 {
    width: 14.2857143%;
  }

  .l-size2of7 {
    width: 28.5714286%;
  }

  .l-size3of7 {
    width: 42.8571429%;
  }

  .l-size4of7 {
    width: 57.1428572%;
  }

  .l-size5of7 {
    width: 71.4285715%;
  }

  .l-size6of7 {
    width: 85.7142858%;
  }

  .l-size1of8 {
    width: 12.5%;
  }

  .l-size3of8 {
    width: 37.5%;
  }

  .l-size5of8 {
    width: 62.5%;
  }

  .l-size7of8 {
    width: 87.5%;
  }

  .l-size1of9 {
    width: 11.11111111%;
  }

  .l-size2of9 {
    width: 22.22222222%;
  }

  .l-size4of9 {
    width: 44.44444444%;
  }

  .l-size5of9 {
    width: 55.55555555%;
  }

  .l-size7of9 {
    width: 77.77777778%;
  }

  .l-size8of9 {
    width: 88.88888889%;
  }

  .l-size1of10 {
    width: 10%;
  }

  .l-size3of10 {
    width: 30%;
  }

  .l-size7of10 {
    width: 70%;
  }

  .l-size9of10 {
    width: 90%;
  }

  .l-size1of11 {
    width: 9.09090909%;
  }

  .l-size2of11 {
    width: 18.18181818%;
  }

  .l-size3of11 {
    width: 27.27272727%;
  }

  .l-size4of11 {
    width: 36.36363636%;
  }

  .l-size5of11 {
    width: 45.45454545%;
  }

  .l-size6of11 {
    width: 54.54545454%;
  }

  .l-size7of11 {
    width: 63.63636364%;
  }

  .l-size8of11 {
    width: 72.72727273%;
  }

  .l-size9of11 {
    width: 81.81818182%;
  }

  .l-size10of11 {
    width: 90.90909091%;
  }

  .l-size1of12 {
    width: 8.33333333%;
  }

  .l-size5of12 {
    width: 41.66666667%;
  }

  .l-size7of12 {
    width: 58.33333333%;
  }

  .l-size11of12 {
    width: 91.66666667%;
  }

  /*#endregion*/
}
/***=tablet (768px - 1100px)***/
@media only screen and (min-width: 48em) and (max-width: 69em) {
  /*#region MediumScreenUnits */
  /***=columns (units)***/
  .m-size-full {
    float: none;
    padding: 0;
    width: auto;
  }

  .m-size-none {
    display: none;
  }

  .m-size1of2,
.m-size2of4,
.m-size3of6,
.m-size4of8,
.m-size5of10,
.m-size6of12 {
    width: 50%;
  }

  .m-size1of3,
.m-size2of6,
.m-size3of9,
.m-size4of12 {
    width: 33.33333333%;
  }

  .m-size2of3,
.m-size4of6,
.m-size6of9,
.m-size8of12 {
    width: 66.66666666%;
  }

  .m-size1of4,
.m-size2of8,
.m-size3of12 {
    width: 25%;
  }

  .m-size3of4,
.m-size6of8,
.m-size9of12 {
    width: 75%;
  }

  .m-size1of5,
.m-size2of10 {
    width: 20%;
  }

  .m-size2of5,
.m-size4of10 {
    width: 40%;
  }

  .m-size3of5,
.m-size6of10 {
    width: 60%;
  }

  .m-size4of5,
.m-size8of10 {
    width: 80%;
  }

  .m-size1of6,
.m-size2of12 {
    width: 16.6666666%;
  }

  .m-size5of6,
.m-size10of12 {
    width: 83.3333333%;
  }

  .m-size1of7 {
    width: 14.2857143%;
  }

  .m-size2of7 {
    width: 28.5714286%;
  }

  .m-size3of7 {
    width: 42.8571429%;
  }

  .m-size4of7 {
    width: 57.1428572%;
  }

  .m-size5of7 {
    width: 71.4285715%;
  }

  .m-size6of7 {
    width: 85.7142858%;
  }

  .m-size1of8 {
    width: 12.5%;
  }

  .m-size3of8 {
    width: 37.5%;
  }

  .m-size5of8 {
    width: 62.5%;
  }

  .m-size7of8 {
    width: 87.5%;
  }

  .m-size1of9 {
    width: 11.11111111%;
  }

  .m-size2of9 {
    width: 22.22222222%;
  }

  .m-size4of9 {
    width: 44.44444444%;
  }

  .m-size5of9 {
    width: 55.55555555%;
  }

  .m-size7of9 {
    width: 77.77777778%;
  }

  .m-size8of9 {
    width: 88.88888889%;
  }

  .m-size1of10 {
    width: 10%;
  }

  .m-size3of10 {
    width: 30%;
  }

  .m-size7of10 {
    width: 70%;
  }

  .m-size9of10 {
    width: 90%;
  }

  .m-size1of11 {
    width: 9.09090909%;
  }

  .m-size2of11 {
    width: 18.18181818%;
  }

  .m-size3of11 {
    width: 27.27272727%;
  }

  .m-size4of11 {
    width: 36.36363636%;
  }

  .m-size5of11 {
    width: 45.45454545%;
  }

  .m-size6of11 {
    width: 54.54545454%;
  }

  .m-size7of11 {
    width: 63.63636364%;
  }

  .m-size8of11 {
    width: 72.72727273%;
  }

  .m-size9of11 {
    width: 81.81818182%;
  }

  .m-size10of11 {
    width: 90.90909091%;
  }

  .m-size1of12 {
    width: 8.33333333%;
  }

  .m-size5of12 {
    width: 41.66666667%;
  }

  .m-size7of12 {
    width: 58.33333333%;
  }

  .m-size11of12 {
    width: 91.66666667%;
  }

  /*#endregion*/
  /***content (extends wrap)***/
  .mp-menu + .content {
    margin-left: 4.8rem;
  }

  .mp-menu-trigger {
    width: 4.8rem;
  }

  /***=identity bar (extends wrap)***/
  .identity-bar {
    padding-left: 6rem;
  }

  /***=content wrap (extends wrap)***/
  .content-wrap {
    padding-left: 6rem;
  }

  /***=table wrap (extends wrap)***/
  .table-wrap {
    overflow-x: auto;
  }
}
/***=Mobile (Portrait/Landscape - less than 768px) ***/
@media only screen and (max-width: 47.9375em) {
  /*#region SmallScreenUnits */
  /***=columns (units)***/
  .s-size-full {
    float: none;
    padding: 0;
    width: auto;
  }

  .s-size-none {
    display: none;
  }

  .s-size1of2,
.s-size2of4,
.s-size3of6,
.s-size4of8,
.s-size5of10,
.s-size6of12 {
    width: 50%;
  }

  .s-size1of3,
.s-size2of6,
.s-size3of9,
.s-size4of12 {
    width: 33.33333333%;
  }

  .s-size2of3,
.s-size4of6,
.s-size6of9,
.s-size8of12 {
    width: 66.66666666%;
  }

  .s-size1of4,
.s-size2of8,
.s-size3of12 {
    width: 25%;
  }

  .s-size3of4,
.s-size6of8,
.s-size9of12 {
    width: 75%;
  }

  .s-size1of5,
.s-size2of10 {
    width: 20%;
  }

  .s-size2of5,
.s-size4of10 {
    width: 40%;
  }

  .s-size3of5,
.s-size6of10 {
    width: 60%;
  }

  .s-size4of5,
.s-size8of10 {
    width: 80%;
  }

  .s-size1of6,
.s-size2of12 {
    width: 16.6666666%;
  }

  .s-size5of6,
.s-size10of12 {
    width: 83.3333333%;
  }

  .s-size1of7 {
    width: 14.2857143%;
  }

  .s-size2of7 {
    width: 28.5714286%;
  }

  .s-size3of7 {
    width: 42.8571429%;
  }

  .s-size4of7 {
    width: 57.1428572%;
  }

  .s-size5of7 {
    width: 71.4285715%;
  }

  .s-size6of7 {
    width: 85.7142858%;
  }

  .s-size1of8 {
    width: 12.5%;
  }

  .s-size3of8 {
    width: 37.5%;
  }

  .s-size5of8 {
    width: 62.5%;
  }

  .s-size7of8 {
    width: 87.5%;
  }

  .s-size1of9 {
    width: 11.11111111%;
  }

  .s-size2of9 {
    width: 22.22222222%;
  }

  .s-size4of9 {
    width: 44.44444444%;
  }

  .s-size5of9 {
    width: 55.55555555%;
  }

  .s-size7of9 {
    width: 77.77777778%;
  }

  .s-size8of9 {
    width: 88.88888889%;
  }

  .s-size1of10 {
    width: 10%;
  }

  .s-size3of10 {
    width: 30%;
  }

  .s-size7of10 {
    width: 70%;
  }

  .s-size9of10 {
    width: 90%;
  }

  .s-size1of11 {
    width: 9.09090909%;
  }

  .s-size2of11 {
    width: 18.18181818%;
  }

  .s-size3of11 {
    width: 27.27272727%;
  }

  .s-size4of11 {
    width: 36.36363636%;
  }

  .s-size5of11 {
    width: 45.45454545%;
  }

  .s-size6of11 {
    width: 54.54545454%;
  }

  .s-size7of11 {
    width: 63.63636364%;
  }

  .s-size8of11 {
    width: 72.72727273%;
  }

  .s-size9of11 {
    width: 81.81818182%;
  }

  .s-size10of11 {
    width: 90.90909091%;
  }

  .s-size1of12 {
    width: 8.33333333%;
  }

  .s-size5of12 {
    width: 41.66666667%;
  }

  .s-size7of12 {
    width: 58.33333333%;
  }

  .s-size11of12 {
    width: 91.66666667%;
  }

  /*#endregion*/
  /*#region WrapExtensions */
  /***=page wrap (extends wrap)***/
  .page-wrap {
    min-width: 320px;
  }

  /***=content (extends wrap)***/
  .mp-menu + .content {
    margin-left: 0;
  }

  /***=identity bar (extends wrap)***/
  .identity-bar {
    height: auto;
    padding: 0 12px 0 60px;
  }
  .identity-bar > .unit {
    float: none;
  }

  /***=identity bar menu (extends wrap)***/
  .identity-bar-menu {
    margin-left: 1.2rem;
  }

  /***=content wrap (extends wrap)***/
  .content-wrap {
    padding-left: 1.2rem;
  }

  .content-body {
    min-height: 0;
  }

  /***=layout wrap (extends wrap)***/
  .layout-wrap > .unit {
    float: none;
    padding-left: 0;
    padding-right: 0;
    width: auto;
  }
  .layout-wrap .unit-content-pl {
    padding-left: 0;
  }
  .layout-wrap .unit-content-pr {
    padding-right: 0;
  }
  .layout-wrap .unit-content-ml {
    margin-left: 0;
  }
  .layout-wrap .unit-content-mr {
    margin-right: 0;
  }

  /***=table wrap (extends wrap)***/
  .table-wrap {
    overflow-x: auto;
  }

  /*#endregion*/
  /***=master/detail layout***/
  .master-detail {
    display: block;
  }
  .master-detail > .unit {
    display: block;
  }

  /***=feature head (for what's new pages)***/
  .feature-head > .unit {
    float: none;
    width: auto;
  }
  .feature-head .section-nav {
    margin-bottom: 15px;
  }

  /***=panel viewer (extends master/detail & wrap)***/
  .panel-viewer-bar {
    z-index: 1;
  }

  /***=toolbar search***/
  .toolbar-search {
    float: none;
    height: auto;
  }

  .content-header .toolbar {
    height: auto;
    position: static;
  }
}
/***=Mobile (Landscape) - Design for a width of 480px***/
@media only screen and (min-width: 20.0625em) and (max-width: 47.9375em) {
  /***=columns (units)***/
  .xs-size-full {
    float: none;
    padding: 0;
    width: auto;
  }

  .xs-size-none {
    display: none;
  }

  .xs-size1of2,
.xs-size2of4,
.xs-size3of6,
.xs-size4of8,
.xs-size5of10,
.xs-size6of12 {
    width: 50%;
  }

  .xs-size1of3,
.xs-size2of6,
.xs-size3of9,
.xs-size4of12 {
    width: 33.33333333%;
  }

  .xs-size2of3,
.xs-size4of6,
.xs-size6of9,
.xs-size8of12 {
    width: 66.66666666%;
  }

  .xs-size1of4,
.xs-size2of8,
.xs-size3of12 {
    width: 25%;
  }

  .xs-size3of4,
.xs-size6of8,
.xs-size9of12 {
    width: 75%;
  }

  .xs-size1of5,
.xs-size2of10 {
    width: 20%;
  }

  .xs-size2of5,
.xs-size4of10 {
    width: 40%;
  }

  .xs-size3of5,
.xs-size6of10 {
    width: 60%;
  }

  .xs-size4of5,
.xs-size8of10 {
    width: 80%;
  }

  .xs-size1of6,
.xs-size2of12 {
    width: 16.6666666%;
  }

  .xs-size5of6,
.xs-size10of12 {
    width: 83.3333333%;
  }

  .xs-size1of7 {
    width: 14.2857143%;
  }

  .xs-size2of7 {
    width: 28.5714286%;
  }

  .xs-size3of7 {
    width: 42.8571429%;
  }

  .xs-size4of7 {
    width: 57.1428572%;
  }

  .xs-size5of7 {
    width: 71.4285715%;
  }

  .xs-size6of7 {
    width: 85.7142858%;
  }

  .xs-size1of8 {
    width: 12.5%;
  }

  .xs-size3of8 {
    width: 37.5%;
  }

  .xs-size5of8 {
    width: 62.5%;
  }

  .xs-size7of8 {
    width: 87.5%;
  }

  .xs-size1of9 {
    width: 11.11111111%;
  }

  .xs-size2of9 {
    width: 22.22222222%;
  }

  .xs-size4of9 {
    width: 44.44444444%;
  }

  .xs-size5of9 {
    width: 55.55555555%;
  }

  .xs-size7of9 {
    width: 77.77777778%;
  }

  .xs-size8of9 {
    width: 88.88888889%;
  }

  .xs-size1of10 {
    width: 10%;
  }

  .xs-size3of10 {
    width: 30%;
  }

  .xs-size7of10 {
    width: 70%;
  }

  .xs-size9of10 {
    width: 90%;
  }

  .xs-size1of11 {
    width: 9.09090909%;
  }

  .xs-size2of11 {
    width: 18.18181818%;
  }

  .xs-size3of11 {
    width: 27.27272727%;
  }

  .xs-size4of11 {
    width: 36.36363636%;
  }

  .xs-size5of11 {
    width: 45.45454545%;
  }

  .xs-size6of11 {
    width: 54.54545454%;
  }

  .xs-size7of11 {
    width: 63.63636364%;
  }

  .xs-size8of11 {
    width: 72.72727273%;
  }

  .xs-size9of11 {
    width: 81.81818182%;
  }

  .xs-size10of11 {
    width: 90.90909091%;
  }

  .xs-size1of12 {
    width: 8.33333333%;
  }

  .xs-size5of12 {
    width: 41.66666667%;
  }

  .xs-size7of12 {
    width: 58.33333333%;
  }

  .xs-size11of12 {
    width: 91.66666667%;
  }
}
/*New framework layout (main nav, sliding panels etc)*/
/*#region Panel Hierarchy */
/* Panel Hierarchy */
.panel-wrapper {
  min-height: 100%;
  position: relative;
}

.dark-base {
  /*goes on body*/
  background: #2d2e2e;
}

.panel {
  background: #fff;
  box-sizing: border-box;
  min-height: 100%;
  top: 0;
}
.panel:not(:first-child) {
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);
}
.panel.inactive-panel {
  cursor: pointer;
}
.panel.inactive-panel .page-header {
  background-color: #7f8c8c !important;
}
.panel.inactive-panel::before {
  content: "";
  display: none;
}
.dark-base > .panel:first-child .page-header {
  background-color: transparent;
}

.panel-base {
  background: transparent;
}

/*lazy overrides for now*/
.light-text {
  color: #fff;
}

a.light-text:hover {
  color: #a0caeb;
}

.dark-base {
  color: #fff;
}
.dark-base .table a {
  color: #a0caeb;
}
.dark-base .table-striped tbody tr:nth-child(odd) td,
.dark-base .table-striped tbody tr:nth-child(odd) th {
  background-color: #231f20;
}
.dark-base .table-bordered {
  border-color: #7f8c8c;
}
.dark-base tr.clickable:hover td {
  background: #130f00 !important;
}
.dark-base tr.clickable.selected:hover td, .dark-base tr.clickable:active td {
  background: #130f00 !important;
}

.panel-peek-overlay {
  background: #7f8c8c;
  border-left: 1px solid #fff;
  color: #fff;
  cursor: pointer;
  font-size: 18px;
  height: 100%;
  line-height: 9rem;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  transition: all 0.5s ease;
  width: 32px;
  z-index: 1000;
}
.panel-peek-overlay.bottom-peek {
  bottom: 0;
  height: 36px;
  line-height: 36px;
  position: fixed;
  top: auto;
  width: 100%;
}
.panel-peek-overlay:hover {
  background: #327ebd;
}

/*#endregion*/
.basic-wrapper {
  display: inline-block;
  width: 100%;
}

.sidebar {
  background: #f9f9f9;
  border: 1px solid #d3d2ce;
  border-radius: 5px;
  box-sizing: border-box;
  margin-top: 32px;
  padding: 12px;
}

.inlinePortlet {
  background: #fff;
  border: 1px solid #d3d2ce;
  border-radius: 5px;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
}
.panel-viewer-detail .inlinePortlet {
  border: 0;
  box-shadow: none;
}

.scroll-x {
  max-width: 100%;
  overflow-x: auto;
}

.scroll-y {
  max-height: 100%;
  overflow-y: auto;
}

/* +Columns */
.column {
  background: #fff url("../images/layout/layout-column-header.png") 0 0 repeat-x;
  padding-top: 33px;
  position: relative;
}

.compartment .column {
  background-position: left -24px;
  border-bottom: 0;
  height: 100%;
  padding-top: 9px;
}

.column.col-simple {
  background: #fff url("../images/layout/layout-column-header-simple.png") 0 0 repeat-x;
  padding-top: 9px;
}

.column.col-plain {
  background-image: none;
  border-bottom: 0;
  padding: 0;
}

.col-header {
  height: 24px;
  position: relative;
}

.col-data-result .col-header,
.col-data-result .content-header {
  border-bottom: 1px solid #fff;
  height: 48px;
}

.tabs-panel .col-header,
.tabs-panel .content-header {
  height: 0;
}

.col-header .col-icon,
.content-header .col-icon {
  display: none;
}

.col-header > h1 {
  color: #333131;
  font-size: 1.2rem;
  font-weight: 700;
  height: 24px;
  line-height: 2;
  margin: 0;
  overflow: hidden;
  padding-left: 0;
  padding-right: 25px;
  text-indent: 6px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Col Header Icons */
.col-master.portfolio .col-header > h1::before,
.col-detail.portfolio .col-header > h1::before,
.col-master.manual .col-header > h1::before,
.col-master.assessment .col-header > h1::before,
.col-detail.manual .col-header > h1::before,
.col-master.form .col-header > h1::before,
s.col-detail.form .col-header > h1::before {
  background-image: url("../images/ui/ui-icons-black.png");
  background-repeat: no-repeat;
  border-right: 1px solid #fff;
  content: "";
  float: left;
  height: 24px;
  margin-right: 0;
  width: 24px;
}

.col-master.portfolio .col-header > h1::before {
  background-position: 50% -36px;
}

.col-detail.portfolio .col-header > h1::before {
  background-position: 50% -644px;
}

.col-master.manual .col-header > h1::before {
  background-position: 50% -836px;
}

.col-master.assessment .col-header > h1::before,
.col-detail.manual .col-header > h1::before {
  background-position: 50% -708px;
}

.col-master.form .col-header > h1::before {
  background-position: 50% -836px;
}

.col-detail.form .col-header > h1::before {
  background-position: 50% -1380px;
}

/* Overrides */
.col-detail.portfolio div.col-header > h1 {
  float: left;
}

.col-body {
  border: 0;
  box-sizing: border-box;
  display: block;
  min-height: 400px;
  padding: 15px 12px 30px;
  width: 100%;
}

/* col-body overrides */
.modal-body .col-body,
.inlinePortlet-body .col-body,
.modal-body .content-body,
.inlinePortlet-body .content-body {
  min-height: 0;
}

.master-list .col-body,
.master-list .content-body {
  min-height: 0;
  padding: 0 0 24px;
}

.assignments-detail .col-body,
.assignments-detail .content-body {
  padding: 1px 0 0;
}

dv.col-folders .col-body,
dv.col-folders .content-body {
  overflow-y: auto;
}

.artifacts-detail .col-body,
.artifacts-detail .content-body {
  padding: 15px 0;
}

.col-plain .col-body,
.col-portlets .col-body,
.col-plain .content-body,
.col-portlets .content-body {
  min-height: 400px;
  padding: 0;
}

.col-data-filter .col-body,
.col-data-filter .content-body {
  background: url("../images/layout/layout-box-bg.png");
  height: 524px;
  padding: 0;
  position: relative;
}

.col-data-result .col-body,
.col-data-result .content-body {
  height: 500px;
  padding: 0;
}

.col-data-result.col-expanded .col-body,
.col-data-result.col-expanded .content-body {
  height: auto;
}

.col-bar .col-body,
.col-bar .content-body {
  min-height: 0;
  padding-bottom: 15px;
}

.col-body.toggle-panel-content {
  display: none;
}

.col-body > hr,
.content-body > hr,
.col-body > .basic-wrapper > hr,
.content-body > .basic-wrapper > hr,
hr.column-break {
  background: #f5f5f5;
  border: 0;
  height: 2px;
  margin: 15px 0 15px -12px;
  padding: 0 12px;
  width: 100%;
}

.col-fixed-height .col-body,
.col-fixed-height .content-body {
  height: 675px;
  overflow-y: auto;
  padding-bottom: 15px;
}

/*---------------[ =Master & Detail ]-----------------*/
.col-master {
  background-color: transparent;
  float: left;
  width: 344px;
}

.col-detail {
  margin-left: 344px;
  overflow: hidden;
}

.col-detail.portfolio {
  overflow: visible;
}

/*---------------[ =Tabbed Master & Detail ]-----------------*/
.compartment.master-detail {
  background-position: -92px 0;
}

.compartment.mastertabs-detail {
  background-position: -91px 0;
}

.col-master.col-tabs {
  float: left;
  position: relative;
  width: 344px;
  z-index: 1;
}

.col-tabs + .col-detail {
  margin-left: 345px;
  position: relative;
  z-index: 2;
}

/*---------------[ =Primary + Aside ]-----------------*/
/* Big left column (6/4) */
.col-primary-left {
  float: left;
  width: 528px;
}

.col-aside-right {
  margin-left: 552px;
}

/* Big right column (4/6) */
.col-aside-left {
  float: left;
  width: 344px;
}

.col-aside-left textarea {
  resize: none;
}

.col-primary-right {
  margin-left: 368px;
}

/*---------------[ =Split ]-----------------*/
.col-split-left {
  float: left;
  width: 436px;
}

.col-split-right {
  margin-left: 460px;
}

/* Split when inside a column */
.column .col-split-left {
  width: 424px;
}

.column .col-split-right {
  margin-left: 448px;
}

.col-tabs .col-split-left {
  width: 410px;
}

.col-tabs .col-split-right {
  margin-left: 434px;
}

.col-flush-left {
  float: left;
  width: 50%;
}

.col-flush-right {
  float: right;
  width: 50%;
}

/*---------------[ =Process (form/wizard) & Summary ]-----------------*/
.col-process {
  float: left;
  width: 528px;
}

.col-summary {
  margin-left: 552px;
}

/*---------------[ =Collapsed and Expanded Columns ]-----------------*/
/* Collapsed .column Rules */
.col-collapsed {
  display: none;
}

/* Expanded .column Pattern Rules */
/* Expanded .column Pattern Rules */
.col-expanded,
.col-master.col-expanded,
.col-tabs + .col-detail.col-expanded {
  margin-left: 0;
  margin-right: 0;
  width: 896px;
}

.col-expanded fieldset.form-fieldset-shaded {
  float: left;
  margin-bottom: 12px;
  margin-right: 6px;
  width: 414px;
}

.col-expanded fieldset.form-fieldset-shaded:nth-child(odd) {
  float: left;
  margin-right: 12px;
}

.col-expanded fieldset.form-fieldset-shaded:nth-child(even) {
  float: right;
  margin-right: 0;
}

/* Clearfix class and contextual application (N.B. avoid using the actual clearfix class whenever possible. */
/* This is only for when overflow: hidden or other methods aren't applicable and extra markup is undesirable */
/* For modern browsers */
.clearfix::after,
.col-body::after,
.content-body::after {
  content: "";
  display: table;
}

.clearfix::after,
.col-body::after,
.content-body::after {
  clear: both;
}

.col-tabs .col-body {
  padding-bottom: 0;
}

/*		13-column Layout: 1244px. 
		Gutters: 24px.
		Outer margins: 36px.
----------------------------------------------------------------------------------------------------
cols    1     2      3      4      5      6      7      8      9      10      11      12      13
px      68    160    252    344    436    528    620    712    804    896     988     1080    1172   */
@media screen and (min-width: 1244px) {
  /* Columns */
  .compartment.mastertabs-detail {
    background-position: 0 0;
  }

  .col-master.col-tabs {
    float: left;
    margin-right: 1px;
    width: 435px;
  }

  .col-tabs + .col-detail {
    margin-left: 436px;
  }

  /* Process & Summary */
  .col-process {
    float: left;
    width: 712px;
  }

  .col-summary {
    margin-left: 736px;
  }

  /* Primary + Aside */
  .col-primary-left {
    float: left;
    width: 712px;
  }

  .col-aside-right {
    margin-left: 736px;
  }

  .col-aside-left {
    float: left;
    width: 436px;
  }

  .col-primary-right {
    margin-left: 460px;
  }

  /* Split */
  .col-split-left {
    float: left;
    width: 574px;
  }

  .col-split-right {
    margin-left: 598px;
  }

  /* Split when inside a column */
  .column .col-split-left {
    width: 550px;
  }

  .column .col-split-right {
    margin-left: 574px;
  }

  .col-tabs .col-split-left {
    width: 535px;
  }

  .col-tabs .col-split-right {
    margin-left: 559px;
  }

  /* Expanded .column Pattern Rules */
  .col-expanded,
.col-master.col-expanded,
.col-tabs + .col-detail.col-expanded {
    margin-left: 0;
    margin-right: 0;
    width: 1172px;
  }

  .col-expanded fieldset.form-fieldset-shaded {
    width: 552px;
  }

  /* List Picker */
  .ui-dialog .list-picker {
    width: 1115px;
  }

  /***=breadcrumb nav (requires nav)***/
  .breadcrumb-nav .nav-item {
    max-width: 235px;
  }

  .oversized .breadcrumb-nav .nav-item.selected {
    max-width: 204px;
  }
}
/*/mediaquery*/
/*		Narrow Portlet Layouts: <480px.     */
@media only screen and (min-width: 768px) and (max-width: 900px) {
  /* List Picker */
  .ui-dialog .list-picker {
    width: 730px;
  }
}
/*/mediaquery*/
/*		Wide "Mobile" Layout
		Gutters: 24px.
		Outer margins: 22px.
------------------------------------------------------------
cols    1     2      3      4      5
px      68    160    252    344    436    */
@media only screen and (min-width: 360px) and (max-width: 767px) {
  /* Modal Windows, becoms 6-column */
  .modal-body #ep-page-wrapper,
.modal-body #content,
.modal-body #header-wrapper,
.inlinePortlet-body #ep-page-wrapper,
.inlinePortlet-body #content,
.inlinePortlet-body #header-wrapper {
    width: 100%;
  }

  /* Columns */
  .compartment.master-detail,
.compartment.mastertabs-detail {
    background-position: 0 0;
    background-repeat: repeat;
    display: block;
    overflow: visible;
  }

  .column,
.col-master,
.col-detail,
.col-primary-left,
.col-primary-right,
.col-aside-left,
.col-aside-right,
.col-tabs,
.col-master.col-tabs,
.col-tabs + .col-detail {
    border-right: 0;
    display: block;
    float: none;
    margin: 0;
    width: 100%;
  }

  .col-split-left {
    float: none;
    width: auto;
  }

  .col-split-right {
    margin-left: 0;
    width: auto;
  }

  /* Split when inside a column */
  .column .col-split-left,
.col-tabs .col-split-left {
    float: none;
    width: 100%;
  }

  .column .col-split-right,
.col-tabs .col-split-right {
    margin-left: 0;
    width: 100%;
  }

  /* Expanded .column Pattern Rules */
  .col-expanded,
.col-master.col-expanded,
.col-tabs + .col-detail.col-expanded {
    margin-left: 0;
    margin-right: 0;
    width: 436px;
  }

  .col-expanded fieldset.form-fieldset-shaded {
    float: none !important;
    margin-right: 0;
    width: 396px;
  }

  /* List Picker */
  .ui-dialog .list-picker {
    width: 500px;
  }

  /*content heights */
  #wAssignments .widget-content,
#wStandards .widget-content,
#wRubrics .widget-content,
#wNews .widget-content,
#wSurveys .widget-content {
    height: 134px;
  }

  /***=breadcrumb nav (requires nav)***/
  .breadcrumb-nav .nav-item {
    max-width: 235px;
  }

  .oversized .breadcrumb-nav .nav-item.selected {
    max-width: 204px;
  }
}
/*/mediaquery*/
/*		Narrow Portlet Layouts: <480px.     */
@media only screen and (min-width: 0) and (max-width: 650px) {
  /* List Picker */
  .ui-dialog .list-picker {
    width: 350px;
  }

  .list-picker .lp-layout-wrap {
    float: none;
    width: auto;
  }

  .lp-source {
    border-bottom: 1px solid #333131;
    margin: 0;
  }

  .lp-list-items {
    height: 128px;
  }

  .lp-source .pick-list {
    border-top: 0;
    margin-left: 0;
    position: relative;
  }

  .lp-source .pick-list::before {
    background: url("../images/ui/ui-toggle-arrow.png") -7px -34px;
    float: none;
    left: 5px;
    margin: 0;
    position: absolute;
    top: 0;
  }
}
/*/mediaquery*/
@media print {
  body {
    background: #fff;
    margin: 0;
    padding: 24px;
  }

  #ep-page-wrapper {
    margin: 0;
    padding: 0;
    width: 100% !important;
  }

  .ep-masthead,
.pageControls,
#ep-footer,
.ui-button,
.dark-button,
.btnFormSave,
.dropdown-menu,
.button {
    display: none;
  }

  .column {
    background: none;
    border: 0;
    padding-top: 0;
  }

  .userForm {
    page-break-inside: avoid;
  }

  .userForm-heading {
    page-break-after: avoid;
  }
}
@font-face {
  font-family: "epicons";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/epicons.eot");
  src: url("../fonts/epicons.eot?#iefix") format("embedded-opentype"), url("../fonts/epicons.woff") format("woff"), url("../fonts/epicons.ttf") format("truetype"), url("../fonts/epicons.svg#epicons") format("svg");
}
[class^=icon-]:not(.icon-button),
[class*=" icon-"]:not(.icon-button) {
  font-family: "epicons";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1;
}

/* Colour Classes */
.icon-muted {
  color: #bfc2c7;
}

.icon-light {
  color: #fff;
}

.icon-dark {
  color: #231f20;
}

.icon-green {
  color: #36ae54;
}

.icon-red {
  color: #bd3c27;
}

.icon-orange {
  color: #e18026;
}

.icon-blue {
  color: #327ebd;
}

.icon-circled {
  background: #fff;
  border-radius: 100%;
  display: inline-block;
  line-height: 1.8em;
  text-align: center;
  width: 1.8em;
}

.icon-light.icon-circled {
  background: #000;
  color: #fff;
}

.icon-dark.icon-circled {
  background: #231f20;
  color: #fff;
}

.icon-green.icon-circled {
  background: #36ae54;
  color: #fff;
}

.icon-red.icon-circled {
  background: #bd3c27;
  color: #fff;
}

.icon-orange.icon-circled {
  background: #e18026;
  color: #fff;
}

/* Sizes */
.icon-x-small::before {
  font-size: 0.6em;
}

.icon-small::before {
  font-size: 0.8em;
}

.icon-large::before {
  font-size: 1.3333333333em;
  vertical-align: -10%;
}

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

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

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

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

.icon-form-view {
  display: inline-block;
  padding-left: 4px;
  text-align: center;
  width: 1.75em;
}

.link-icon {
  color: #505050;
  font-size: 2.2rem;
  margin: 0 5px;
  text-decoration: none;
  vertical-align: middle;
}

/* Icons (when updating from ico moon, only copy and paste to replace what's below) */
.icon-smile:before {
  content: "\e9e1";
}

.icon-sad:before {
  content: "\e9e5";
}

.icon-play3:before {
  content: "\ea1c";
}

.icon-pause2:before {
  content: "\ea1d";
}

.icon-stop2:before {
  content: "\ea1e";
}

.icon-backward2:before {
  content: "\ea1f";
}

.icon-forward3:before {
  content: "\ea20";
}

.icon-first:before {
  content: "\ea21";
}

.icon-last:before {
  content: "\ea22";
}

.icon-previous2:before {
  content: "\ea23";
}

.icon-next2:before {
  content: "\ea24";
}

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

.icon-volume-high:before {
  content: "\ea26";
}

.icon-volume-medium:before {
  content: "\ea27";
}

.icon-volume-low:before {
  content: "\ea28";
}

.icon-volume-mute:before {
  content: "\ea29";
}

.icon-volume-mute2:before {
  content: "\ea2a";
}

.icon-volume-increase:before {
  content: "\ea2b";
}

.icon-volume-decrease:before {
  content: "\ea2c";
}

.icon-google-drive:before {
  content: "\ea8f";
}

.icon-onedrive:before {
  content: "\eaaf";
}

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

.icon-campaign:before {
  content: "\e90d";
}

.icon-collective-review:before {
  content: "\e90e";
}

.icon-dot-menu-h:before {
  content: "\e90f";
}

.icon-dot-menu-v:before {
  content: "\e910";
}

.icon-paper_plane:before {
  content: "\e907";
}

.icon-news:before {
  content: "\e908";
}

.icon-message:before {
  content: "\e909";
}

.icon-invite:before {
  content: "\e90a";
}

.icon-notification2:before {
  content: "\e90b";
}

.icon-portfolio:before {
  content: "\e650";
}

.icon-toc:before {
  content: "\e656";
}

.icon-toc-section:before {
  content: "\e65d";
}

.icon-rubric:before {
  content: "\e654";
}

.icon-criterion:before {
  content: "\e65f";
}

.icon-target:before {
  content: "\e655";
}

.icon-box:before {
  content: "\e65b";
}

.icon-assignments:before {
  content: "\e653";
}

.icon-form:before {
  content: "\e652";
}

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

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

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

.icon-collaborate:before {
  content: "\e651";
}

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

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

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

.icon-mic:before {
  content: "\e6b0";
}

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

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

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

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

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

.icon-office:before {
  content: "\e6a5";
}

.icon-newspaper:before {
  content: "\e601";
}

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

.icon-quill:before {
  content: "\e603";
}

.icon-image:before {
  content: "\e620";
}

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

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

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

.icon-connection:before {
  content: "\e903";
}

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

.icon-books:before {
  content: "\e606";
}

.icon-file3:before {
  content: "\e633";
}

.icon-profile:before {
  content: "\e607";
}

.icon-file2:before {
  content: "\e631";
}

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

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

.icon-stack:before {
  content: "\e630";
}

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

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

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

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

.icon-support:before {
  content: "\e60b";
}

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

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

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

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

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

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

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

.icon-history:before {
  content: "\e60f";
}

.icon-clock:before {
  content: "\e610";
}

.icon-alarm:before {
  content: "\e646";
}

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

.icon-stopwatch:before {
  content: "\e6a3";
}

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

.icon-cabinet:before {
  content: "\e6a2";
}

.icon-drawer:before {
  content: "\e611";
}

.icon-drawer2:before {
  content: "\e612";
}

.icon-drawer3:before {
  content: "\e662";
}

.icon-box-add:before {
  content: "\e613";
}

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

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

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

.icon-undo2:before {
  content: "\e6ac";
}

.icon-redo:before {
  content: "\e6ad";
}

.icon-undo:before {
  content: "\e6a6";
}

.icon-bubble:before {
  content: "\e615";
}

.icon-bubbles:before {
  content: "\e616";
}

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

.icon-users:before {
  content: "\e618";
}

.icon-user2:before {
  content: "\e663";
}

.icon-quotes-left:before {
  content: "\e664";
}

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

.icon-spinner2:before {
  content: "\e6ab";
}

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

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

.icon-contract:before {
  content: "\e6aa";
}

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

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

.icon-unlocked:before {
  content: "\e61c";
}

.icon-settings:before {
  content: "\e61d";
}

.icon-cog:before {
  content: "\e666";
}

.icon-pie:before {
  content: "\e64f";
}

.icon-stats:before {
  content: "\e61e";
}

.icon-bars:before {
  content: "\e61f";
}

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

.icon-meter2:before {
  content: "\e64e";
}

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

.icon-lightning:before {
  content: "\e668";
}

.icon-signup:before {
  content: "\e642";
}

.icon-list2:before {
  content: "\e641";
}

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

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

.icon-menu:before {
  content: "\e66a";
}

.icon-tree:before {
  content: "\e66d";
}

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

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

.icon-download2:before {
  content: "\e66b";
}

.icon-upload2:before {
  content: "\e66c";
}

.icon-earth:before {
  content: "\e66e";
}

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

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

.icon-attachment:before {
  content: "\e628";
}

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

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

.icon-star2:before {
  content: "\e62a";
}

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

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

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

.icon-notification:before {
  content: "\e62b";
}

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

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

.icon-info2:before {
  content: "\e6b4";
}

.icon-blocked:before {
  content: "\e671";
}

.icon-spam:before {
  content: "\e645";
}

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

.icon-checkmark:before {
  content: "\e62e";
}

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

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

.icon-enter:before {
  content: "\e62f";
}

.icon-exit:before {
  content: "\e63f";
}

.icon-play2:before {
  content: "\e67f";
}

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

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

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

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

.icon-loop:before {
  content: "\e674";
}

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

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

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

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

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

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

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

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

.icon-arrow-up2:before {
  content: "\e649";
}

.icon-arrow-right2:before {
  content: "\e64a";
}

.icon-arrow-down2:before {
  content: "\e64b";
}

.icon-arrow-left2:before {
  content: "\e64c";
}

.icon-tab:before {
  content: "\e648";
}

.icon-radio-checked:before {
  content: "\e67e";
}

.icon-scissors:before {
  content: "\e684";
}

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

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

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

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

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

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

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

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

.icon-omega:before {
  content: "\e68c";
}

.icon-sigma:before {
  content: "\e68d";
}

.icon-table2:before {
  content: "\e68e";
}

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

.icon-insert-template:before {
  content: "\e68f";
}

.icon-pilcrow:before {
  content: "\e690";
}

.icon-left-to-right:before {
  content: "\e691";
}

.icon-right-to-left:before {
  content: "\e692";
}

.icon-paragraph-left:before {
  content: "\e693";
}

.icon-paragraph-center:before {
  content: "\e694";
}

.icon-paragraph-right:before {
  content: "\e635";
}

.icon-paragraph-justify:before {
  content: "\e695";
}

.icon-indent-increase:before {
  content: "\e696";
}

.icon-indent-decrease:before {
  content: "\e697";
}

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

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

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

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

.icon-feed:before {
  content: "\e69c";
}

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

.icon-vimeo:before {
  content: "\e6ae";
}

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

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

.icon-libreoffice:before {
  content: "\e637";
}

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

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

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

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

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

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

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

.icon-chrome:before {
  content: "\e69d";
}

.icon-firefox:before {
  content: "\e69e";
}

.icon-IE:before {
  content: "\e69f";
}

.icon-opera:before {
  content: "\e6a0";
}

.icon-safari:before {
  content: "\e6a1";
}

.icon-enlarge:before {
  content: "\e989";
}

.icon-shrink:before {
  content: "\e98a";
}

.icon-cross:before {
  content: "\ea0f";
}

/**=button**/
.button {
  background-color: #e6e6e6;
  background-image: linear-gradient(#fff, #fff 25%, #e6e6e6);
  border: 1px solid;
  border-color: #ccc #ccc #bbb;
  border-radius: 4px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  color: #333;
  cursor: pointer;
  display: inline-block;
  font-size: 1.3rem;
  font-weight: normal;
  line-height: 1.17;
  margin: 0;
  opacity: 1;
  overflow: visible;
  padding: 0.4em 1.1em 0.5em;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  transition: all 0.1s linear;
}
.button:hover, .button:focus {
  background-image: none;
  color: #333131;
  text-decoration: none;
}
.button:focus {
  outline: 1px dotted #333;
}
html[data-focus-source=key] .button:focus, html[data-focus-source=script] .button:focus {
  outline: none !important;
  -webkit-box-shadow: inset 0 0 0 3px #3dbbdb !important;
  box-shadow: inset 0 0 0 3px #3dbbdb !important;
}
.page-header .button:focus {
  outline: 2px dotted #fff;
}
.button.active, .button:active {
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.button [class^=icon-]:not(.icon-button),
.button [class*=" icon-"]:not(.icon-button) {
  vertical-align: middle;
}
.button.has-icon {
  padding-left: 0.6em;
}
.button.has-icon [class^=icon-]:not(.icon-button),
.button.has-icon [class*=" icon-"]:not(.icon-button) {
  margin-right: 0.3em;
}
.button.has-icon-post {
  padding-right: 0.6em;
}
.button.has-icon-post [class^=icon-]:not(.icon-button),
.button.has-icon-post [class*=" icon-"]:not(.icon-button) {
  margin-left: 0.3em;
}
.button.is-depressed {
  background-image: none;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
  color: #333131;
}
.button.is-disabled, .button[disabled] {
  background-image: none;
  box-shadow: none;
  cursor: default;
  opacity: 0.65;
  text-decoration: line-through !important;
}
.button.is-asleep {
  opacity: 0.5;
}

.button--flat {
  background-color: #f3f3f3;
  background-image: none;
  box-shadow: none;
  text-shadow: none;
}
.button--flat:hover, .button--flat:focus {
  background-color: #e6e6e6;
}
.button--flat.active, .button--flat:active {
  box-shadow: none;
}

.button--oversized {
  font-size: 1.6rem;
  padding: 0.4375em 0.875em 0.375em;
}

.button--large {
  border-radius: 6px;
  font-size: 1.5rem;
  padding: 0.6em 0.94em;
}
.content-nav-bar .button--large {
  padding: 1.3rem 1.2rem 1.1rem;
}

.button--small {
  font-size: 1.1rem;
  padding: 0.4em 0.82em;
}

.button--micro {
  background-color: transparent;
  border: 0;
  border-left: 1px solid #fff;
  border-radius: 0;
  color: #2e4e77;
  font-size: 1rem;
  line-height: 1;
  padding: 0.5em 0.6em;
  text-shadow: 0 0 2px #fff;
}
.button--micro:hover, .button--micro:active, .button--micro:focus {
  background-color: #6d6c6a;
  color: #fff;
  text-shadow: 0 0 2px #333131;
}

.button--primary,
#theme-maincontent .button--primary {
  background-repeat: repeat-x;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #225f8e;
  background-image: linear-gradient(to bottom, #3d95d9, #225f8e);
  border-color: #225f8e #225f8e #2e4e77;
}
.button--primary, .button--primary:hover, .button--primary:active, .button--primary:focus,
#theme-maincontent .button--primary,
#theme-maincontent .button--primary:hover,
#theme-maincontent .button--primary:active,
#theme-maincontent .button--primary:focus {
  color: #fff;
}

.button--danger,
.button--record {
  background-repeat: repeat-x;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #c43c35;
  background-image: linear-gradient(to bottom, #ee5f5b, #c43c35);
  border-color: #c43c35 #c43c35 #882a25;
}
.button--danger, .button--danger:hover, .button--danger:active, .button--danger:focus,
.button--record,
.button--record:hover,
.button--record:active,
.button--record:focus {
  color: #fff;
}

.button--success {
  background-repeat: repeat-x;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #17881d;
  background-image: linear-gradient(to bottom, #4ab14c, #17881d);
  border-color: #4ab14c #17881d #17881d;
}
.button--success, .button--success:hover, .button--success:active, .button--success:focus {
  color: #fff;
}

.button--pill {
  background: #eeeff0;
  border-radius: 25px;
  border-width: 0;
  box-shadow: none;
  color: #2d2e2e;
  font-size: 1.2rem;
  height: 36px;
  line-height: 36px;
  padding: 0 1em;
  text-shadow: none;
}
.button--pill.is-active {
  background: #2e3d52;
  color: #fff;
}

.button--dark {
  background: #333131;
  border-color: #333131;
  box-shadow: none;
  color: #fff;
  text-shadow: none;
}
.button--dark:hover, .button--dark:focus {
  color: #eee;
}

.button--square,
.button--button-bar {
  border-radius: 0;
  display: block;
  text-align: left;
}

.button--plain {
  background: none;
  border: 0;
  box-shadow: none;
  padding: 0;
  position: relative;
}
.button--plain:hover, .button--plain:active, .button--plain:focus {
  box-shadow: none;
  color: #026dba;
}

.button--as-link {
  background: none;
  border: 0;
  box-shadow: none;
  color: #026dba;
  font-size: 1.2rem;
  padding: 0;
  text-shadow: none;
  transition: none;
}
.button--as-link:hover, .button--as-link:active, .button--as-link:focus {
  color: #2e4e77;
}
.button--as-link:focus {
  outline: thin dotted;
}

.button--full-left {
  text-align: left;
  width: 100%;
}

.button--simple-grey {
  background: #6b7676;
  border-color: #6b7676;
  box-shadow: none;
  text-shadow: none;
}
.button--simple-grey, .button--simple-grey:hover, .button--simple-grey:active, .button--simple-grey:focus {
  color: #fff;
}

.button--simple-light-grey {
  background: #dbe1e6;
  box-shadow: none;
  text-shadow: none;
}

.button--cancel, .button--cancel:hover, .button--cancel:active, .button--cancel:focus {
  color: #dd0201;
}

.button--cancel-plain, .button--cancel-plain:hover, .button--cancel-plain:active, .button--cancel-plain:focus {
  background: none;
  border: 0;
  box-shadow: none;
  color: #da0101;
  padding: 0;
  position: relative;
}

.button--toolbar {
  border-radius: 0;
  padding: 0.23em 0.5em 0.31em;
}

.button--onedrive,
.button--google-drive,
.button--library {
  background: #fcfcfc;
  background-image: linear-gradient(to bottom, #fcfcfc 0%, #f5f5f5 100%);
  border: 1px solid #ebebeb;
  border-bottom-color: #d4d4d4;
  color: #636363;
  font-family: "Lucida Grande", "Segoe UI", "Tahoma", "Helvetica Neue", "Helvetica", sans-serif;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 11px;
  padding: 12px 7px 11px 3px;
}
.button--onedrive:hover,
.button--google-drive:hover,
.button--library:hover {
  background: #fdfdfd;
  background-image: linear-gradient(to bottom, #fdfdfd 0%, #f5f5f5 100%);
  border-color: #dedede;
  border-bottom-color: #cacaca;
  color: #636363;
}

.button--onedrive__icon,
.button--google-drive__icon {
  height: 16px;
  width: 16px;
  background-image: url("../images/onedrive.png");
  display: inline-block;
  margin: 0 6px;
  vertical-align: text-bottom;
}

.button--google-drive__icon {
  background-image: url("../images/Google-Drive-icon.png");
}

.button--tweet,
.button--fbshare,
.button--linkedin {
  background-image: none;
  padding-left: 4px;
  text-shadow: 0 0 3px #fff;
}
.button--tweet__icon,
.button--fbshare__icon,
.button--linkedin__icon {
  height: 16px;
  width: 16px;
  display: inline-block;
  margin: 0 4px;
  vertical-align: text-bottom;
}

.button--tweet {
  background-color: #d5e8f5;
  border-color: #a4cce5;
  color: #186487;
}
.button--tweet:hover, .button--tweet:active, .button--tweet:focus {
  background-color: #bfdfed;
  border-color: #53a3d6;
  color: #0b3752;
}

.button--tweet__icon {
  background-image: url("../images/ui/ui-twitter-tweet.png");
}

.button--fbshare {
  background-color: #617aac;
  color: #fff;
  text-shadow: 0 0 3px #000;
}
.button--fbshare:hover, .button--fbshare:active, .button--fbshare:focus {
  background-color: #2e4e77;
  color: #fff;
}

.button--fbshare__icon {
  background-image: url("../images/ui/ui-facebook-share.png");
}

.button--linkedin {
  background-color: #f5f5f5;
  border-color: #c2c1bc;
  box-shadow: inset 0 0 2px rgba(51, 49, 49, 0.15);
  color: #333131;
}
.button--linkedin:hover, .button--linkedin:active, .button--linkedin:focus {
  background-color: #ececec;
  border-color: #a8a7a3;
  color: #222;
}

.button--linkedin__icon {
  background-image: url("../images/ui/ui-linkedin-share.png");
}

.button__group .button {
  margin-left: 1.5rem;
}
.button__group .button:first-child {
  margin-left: 0;
}

.filter {
  display: inline-block;
  margin: 0 5px 5px;
}
.filter a {
  border: 1px solid #6B7676;
  border-radius: 2px;
  color: #6B7676;
  display: block;
  padding: 3px 11px;
  text-decoration: none;
  text-transform: uppercase;
}
.filter a:hover {
  background-color: #6B7676;
  color: #fff;
}
.filter.selected a {
  background-color: #6B7676;
  color: #fff;
}

.filter--message a {
  border-color: #026dba;
  color: #026dba;
}
.filter--message a:hover {
  background-color: #026dba;
}
.filter--message.selected a {
  background-color: #026dba;
}

.filter--comment a {
  border-color: #17881d;
  color: #17881d;
}
.filter--comment a:hover {
  background-color: #17881d;
}
.filter--comment.selected a {
  background-color: #17881d;
}

.filter--newsletter a {
  border-color: #bd10e0;
  color: #bd10e0;
}
.filter--newsletter a:hover {
  background-color: #bd10e0;
}
.filter--newsletter.selected a {
  background-color: #bd10e0;
}

.paging-list__header {
  margin-bottom: 10px;
  padding: 0 5px;
}
.paging-list__header .sort {
  border: 0;
  box-shadow: none;
}
.paging-list__header label + input {
  margin-left: 0.5em;
}
.paging-list__header .dataTables_info + .dataTables_info {
  margin-right: 1em;
}

.paging-list__bulk {
  margin-bottom: 5px;
  padding-left: 15px;
}
.paging-list__bulk:empty {
  display: none;
}

.paging-list__select-all {
  margin-right: 4.5rem;
  padding: 1rem 0;
}

.paging-list__footer .dataTables_info {
  color: #2d2e2e;
  padding: 16px 14px 0 0;
}

.card {
  border: 1px solid #c3c4c4;
  border-radius: 5px;
  margin-bottom: 1rem;
  padding: 1.8rem 2.3rem;
}
.menu_item .card {
  cursor: pointer;
}
.menu_item .card:hover {
  background-color: #f4f4f4;
}
.is-hidden .card {
  background-color: #fafafa;
}

.card-squared,
.card--squared {
  border-radius: 0;
}

.card--basic {
  border-radius: 0;
  padding: 0;
}

.card--noframe {
  border-width: 0;
  margin-bottom: 3.5rem;
  padding: 0;
}

.card--snug {
  padding: 1.2rem 1.5rem;
}

.card__header,
.card__meta {
  max-width: 100%;
}

.card__title,
.card__title--lg,
.card__summary,
.card__meta {
  overflow: hidden;
  text-overflow: ellipsis;
}

.card__title {
  font-size: 1.8rem;
  font-weight: normal;
  margin: 0;
  vertical-align: middle;
}
.card__title.with-buffer {
  margin-bottom: 1rem;
}
.d-flex .card__title {
  flex: 4;
  max-width: 100%;
}
.card__title a {
  text-decoration: none;
}
.card__title .flag {
  display: inline-block;
  margin-bottom: 4px;
  vertical-align: middle;
}
.card__title input[type=radio],
.card__title input[type=checkbox] {
  vertical-align: baseline;
}

.d-flex .card__header {
  flex: 4;
}

.card__title--lg {
  font-size: 3rem;
  margin-bottom: 0.5em;
}

.card__meta {
  color: #565656;
  font-size: 1.8rem;
}
.d-flex .card__meta {
  max-width: 100%;
}

.card__actions {
  padding-left: 2em;
  text-align: right;
}
.card__actions .button + .button,
.card__actions a + .button {
  margin-left: 1.5rem;
}

.card__section-header {
  background-color: #eceff4;
  border: 1px solid #cbcbcb;
  border-width: 1px 0;
  color: #484848;
  font-size: 1.4rem;
  font-weight: bold;
  margin: 1rem -2.3rem;
  padding: 0.9rem 2.3rem;
  text-transform: uppercase;
}

.card__content {
  color: #484848;
}
.card__content h4 {
  color: #1e191a;
  margin-top: 1.5rem;
}
.card__content p,
.card__content ul,
.card__content .content-nav-bar > ul li,
.content-nav-bar > ul .card__content li,
.card__content ol {
  font-size: 1.5rem;
}

.card__footer {
  border-top: 2px solid #cdcdcd;
  margin: 1.8rem -2.3rem 0;
  padding: 1.8rem 2.3rem 0;
}

.mailbox__contents .card {
  border-left-width: 4px;
  border-radius: 0;
  margin-bottom: 6px;
  overflow: hidden;
  padding: 1.3rem 2.2rem 1.3rem 1.8rem;
  text-overflow: ellipsis;
}
.mailbox__contents .mailbox__message--message .card {
  border-left-color: #0470bd;
}
.mailbox__contents .mailbox__message--comment .card {
  border-left-color: #17881d;
}
.mailbox__contents .mailbox__message--newsletter .card {
  border-left-color: #bd10e0;
}
.mailbox__contents .card__title {
  font-size: 1.4rem;
  font-weight: normal;
}
.mailbox__contents .card__summary {
  margin: 0;
}
.mailbox__contents .card__meta {
  font-size: 1.2rem;
}

.campaign-list .card.d-flex {
  display: block;
  margin-bottom: 2.4rem;
}
.campaign-list .card__title {
  color: #000;
  font-weight: bold;
  line-height: 38px;
}
.campaign-list .card__meta {
  line-height: 38px;
}
.campaign-list .flag.oversized {
  font-weight: 500;
}
.campaign-list .campaign-list__search {
  margin-bottom: 7px;
  padding: 0 5px;
}
.campaign-list .dataTables_info {
  float: none;
  margin-top: 3px;
}

.collection-list .card__header {
  line-height: 38px;
}
.collection-list .card__title {
  line-height: 38px;
}
.collection-list .card__meta {
  line-height: 38px;
}
.collection-list .dataTables_info {
  float: none;
  margin-top: 3px;
}

.collection__upload .card {
  margin-top: 30px;
}
.modal-body .collection__upload .card {
  border: 0;
  margin: 0;
  width: auto;
}
.collection__upload .fileupload-buttonbar {
  margin-left: 0;
  margin-right: 0;
}

.collection__upload__heading {
  text-align: center;
}
.collection__upload__heading .flag-notice {
  display: none;
}
.collection__upload__heading .icon-upload {
  display: none;
}
.modal-body .collection__upload__heading {
  text-align: left;
}
.modal-body .collection__upload__heading .flag-notice {
  display: inline;
}
.modal-body .collection__upload__heading .icon-upload {
  display: block;
}

.card .list-group li {
  border-color: #c3c4c4;
  border-left: 0;
  border-right: 0;
  margin-left: 1rem;
  margin-right: 1rem;
  padding-left: 5px;
  padding-right: 8px;
}
.card .list-group li:first-child {
  border-top: 0;
}
.card .list-group li:last-child {
  border-bottom: 0;
}

.card__list {
  margin-top: 30px;
}

.toggle-panel--light .auto-toggle-setup {
  font-size: 1.4rem;
  text-decoration: none;
}
.toggle-panel--light .toggle-panel-content {
  background-image: none;
  border: 0;
  box-shadow: 2px 2px 6px #ccc;
  display: none;
  padding: 2rem;
}
.toggle-panel--light .toggle-panel-content__heading {
  color: #2d2e2e;
  font-size: 1.7rem;
  font-weight: 300;
  margin-bottom: 1em;
}

.audio-rec {
  align-items: center;
  padding: 20px 0;
  text-align: center;
}
.audio-rec.has-msg {
  align-items: flex-end;
}

.audio-rec__mic {
  padding: 0 10px;
  position: relative;
}
.audio-rec__mic .icon-mic {
  color: #9a9a9a;
  font-size: 3.5rem;
}

.audio-rec__mic--active .icon-mic {
  color: #57c36e;
  position: relative;
  z-index: 100;
}

.audio-rec__mic--blocked .icon-mic {
  background-color: transparent;
  background-image: repeating-linear-gradient(36deg, transparent 0%, transparent 44%, #9a9a9a 50%, transparent 56%, transparent);
}

.audio-pulse {
  /*animation: scaleIn 3s infinite cubic-bezier(.36, .11, .89, .32);*/
  border: 10px solid #57c36e;
  border-radius: 50%;
  box-sizing: border-box;
  display: none;
  height: 80px;
  left: 50%;
  margin-left: -40px;
  margin-top: -40px;
  opacity: 0;
  position: absolute;
  top: 50%;
  width: 80px;
}
.audio-rec__mic--active .audio-pulse {
  display: block;
}

.audio-rec__mic--active .audio-pulse {
  display: block;
}

.audio-pulse--1 {
  animation-delay: -2s;
}

.audio-pulse--2 {
  animation-delay: -1s;
}

.audio-pulse--3 {
  animation-delay: 0s;
}

@keyframes scaleIn {
  from {
    border-width: 5px;
  }
  to {
    border-width: 1px;
  }
}
.audio-rec__msg {
  color: #303030;
  font-size: 1.3rem;
  margin: 0.5em 0 0;
  padding: 0 30px;
  text-align: center;
}

.audio-rec__timer {
  color: #303030;
  font-size: 3.8rem;
}

.audio-rec .button[disabled],
.aduio-rec__footer .button[disabled] {
  cursor: not-allowed;
  opacity: 0.45;
  text-decoration: none;
}

.upload__pane {
  padding: 3rem 20% 3rem 10%;
}

.upload {
  margin-top: 4rem;
}

.sr-only:not(:focus):not(:active) {
  clip: rect(0 0 0 0);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.hide-overflow {
  overflow: hidden;
  text-overflow: ellipsis;
}

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

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

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

.txt-justify {
  text-align: justify;
}

.v-top {
  vertical-align: top;
}

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

.v-bottom {
  vertical-align: bottom;
}

.v-baseline {
  vertical-align: baseline;
}

.v-text-top {
  vertical-align: text-top;
}

.v-text-bottom {
  vertical-align: text-bottom;
}

.d-block {
  display: block;
}

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

.d-inline {
  display: inline;
}

.d-table {
  display: table;
  width: 100%;
}

.d-table--fixed {
  table-layout: fixed;
}

.d-table-row {
  display: table-row;
}

.d-table-cell {
  display: table-cell;
}

.d-none {
  display: none;
}

.hide-test {
  display: none !important;
}

.auto-margins {
  margin-left: auto;
  margin-right: auto;
}

.d-flex {
  display: flex;
  flex-wrap: wrap;
}

.d-flex--nowrap {
  flex-wrap: nowrap;
}

.d-flex--justify-sb {
  justify-content: space-between;
}

.d-flex--align-items-baseline {
  align-items: baseline;
}

.d-flex--align-items-center {
  align-items: center;
}

.d-flex__item-gap,
.item-gap {
  margin: 0 12px;
}

.d-flex__item-gap:first-child,
.item-gap:first-child {
  margin-left: 0;
}

.d-flex__item-gap:last-child,
.item-gap:last-child {
  margin-right: 0;
}

.d-flex__flex-start {
  align-self: flex-start;
}

.d-flex__flex-center {
  align-self: center;
}

.d-flex__flex-end {
  align-self: flex-end;
}

.d-flex__basis100 {
  flex-basis: 100%;
}

.d-flex__1 {
  flex: 1;
}

.d-flex__2 {
  flex: 2;
}

.d-flex__3 {
  flex: 3;
}

.d-flex__4 {
  flex: 4;
}

.d-flex__5 {
  flex: 5;
}

.d-flex__6 {
  flex: 6;
}

.d-flex__7 {
  flex: 7;
}

.d-flex__8 {
  flex: 8;
}

.d-flex__9 {
  flex: 9;
}

.d-flex__10 {
  flex: 10;
}