@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 */
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
}

ul {
  list-style: none;
}

/* remember to define focus styles! */
:focus {
  outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
  text-decoration: none;
}

del {
  text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/***=importing some rules from normalize.css***/
/*! 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;
}

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

/* ==========================================================================
   Base
   ========================================================================== */
/*
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */
}

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

/* ==========================================================================
   Typography
   ========================================================================== */
/*
/*
 * 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: bolder;
}

/*
 * 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: "“" "”" "‘" "’";
}

/*
 * 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;
}

/* ==========================================================================
   Forms
   ========================================================================== */
/*
 * 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 */
}

/*
 * 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 */
}

/**********=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 {
  font-size: 1.2rem;
}

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

ul {
  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 {
  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;
}

/**********=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 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 {
  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 {
  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) {
  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 {
  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,
.mp-menu li a:focus,
.mp-level > ul > 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-level.mp-level-overlay > ul > 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,
.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 {
  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 {
  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 {
    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 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 {
  background: #f5f5f5;
  border: 1px solid #979797;
  box-shadow: 2px 2px 2px #999;
  margin: 0;
  padding: 2px;
  position: absolute;
}

.vakata-context ul {
  left: 100%;
  list-style: none;
  margin-left: -4px;
  margin-top: -2.7em;
}

.vakata-context .vakata-context-right ul {
  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 {
  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 {
  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*/
/* -------------------------------------------------------------------------------------------------- 

	* Description:		Login Page
	* Modified:			  2017-07-25

====[ LOGIN: ]====================================================================================== */
body {
  background: #ececec;
  color: #636363;
  padding: 0;
  text-align: center;
  text-size-adjust: 100%;
}

p {
  font-size: 1.3rem;
}

h2 {
  font-size: 1.4rem;
  font-weight: bold;
  text-transform: uppercase;
}

a {
  color: #413a60;
}
a:hover {
  color: #097865;
}
a:focus {
  outline: 1px dotted #333;
}

.login-customer-bar {
  background: #fff;
  border-bottom: 1px solid #212623;
  height: 50px;
  overflow: hidden;
  padding: 10px 0;
}

.login-customer-logo {
  height: 50px;
  text-align: center;
}
.login-customer-logo img {
  height: auto;
  max-height: 50px;
  max-width: 450px;
  object-fit: scale-down;
}

.content {
  margin: 0 auto;
  width: 375px;
}

.content--wide {
  max-width: 750px;
  width: auto;
}
@media only screen and (max-width: 47.9375em) {
  .content--wide {
    width: 375px;
  }
}

.login-box-wrap {
  padding: 45px 0 0;
  position: relative;
}
.login-box-wrap .grad-bg {
  background: linear-gradient(to bottom right, #018979, #423a60);
  height: 80%;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}

.login-box {
  background: #fff;
  border: 3px solid #fff;
  border-radius: 5px;
  box-sizing: border-box;
  color: #2d333d;
  margin: 0 auto 15px;
  padding: 24px;
  position: relative;
  z-index: 2;
}
.login-box.is-transparent {
  background: transparent;
}

.login-box__logo {
  margin-bottom: 20px;
  text-align: center;
}
.login-box__logo > img {
  max-width: 75%;
}

.login-box__lede {
  margin-bottom: 25px;
}

.login-box__actions {
  margin-top: 35px;
}

.login-box__info p {
  font-size: 1.4rem;
  margin: 0;
}
.login-box__info a {
  text-transform: uppercase;
}

.login-box__forgot {
  font-size: 1.1rem;
  margin-bottom: 2.3em;
  text-align: center;
}
.login-box__forgot a {
  color: #666;
  text-decoration: none;
}
.login-box__forgot a:hover {
  text-decoration: underline;
}

.content--instructions {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  max-width: 95%;
  vertical-align: top;
  width: auto;
}

.content--instructions .login-box {
  flex-basis: 375px;
  flex-grow: 0;
  flex-shrink: 0;
  margin: 0 auto 15px;
}

.instruction-box {
  display: none;
}

.content--instructions .instructions-box {
  background: #fff;
  border: 3px solid #fff;
  border-radius: 5px;
  box-sizing: border-box;
  color: #2d333d;
  display: block;
  flex: 1;
  margin: 0 15px 15px;
  min-width: 375px;
  padding: 24px;
  position: relative;
  text-align: left;
  z-index: 2;
}
.content--instructions .instructions-box p {
  font-size: 125%;
}

input[type=text], input[type=password] {
  border: 1px solid #464646;
  border-radius: 0;
  border-width: 0 0 1px;
  box-shadow: none;
  color: #636363;
  font-size: 1.6rem;
  height: auto;
  padding: 0.1em 0.33em;
  width: 100%;
}
input[type=text]:focus, input[type=password]:focus {
  border-color: #81bc41;
}

label {
  color: #097865;
  display: inline-block;
  margin: 0.35em 0 0.2em;
  text-align: left;
}
label.required::after {
  color: #ff0101;
  content: "*";
  margin-left: 3px;
}

textarea {
  border: 0;
  font-family: Arial;
  font-size: 1.1rem;
  width: 100%;
}
textarea.legal-agreement {
  height: 450px;
}

.form-field {
  margin-bottom: 15px;
  text-align: left;
}

.form-field__note {
  color: #097865;
  float: right;
  font-size: 1.1rem;
  margin: 0.3em 0 0;
}

.form-field-rule {
  background: #8ec547 url("../images/ui/ui-icons-white.png") 4px -1381px no-repeat;
  background-color: rgba(142, 197, 71, 0.75);
  border: 1px solid #333131;
  border-radius: 5px;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.25);
  color: #fff;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.1;
  margin: 0 0 0.5em;
  padding: 5px 6px 5px 24px;
  text-align: left;
}
.form-field-rule.failed {
  background: #ea1e2c url("../images/ui/ui-icons-white.png") 4px -581px no-repeat;
  background-color: rgba(234, 30, 44, 0.75);
}

.button {
  background: #fff;
  border: 1px solid #097865;
  border-radius: 5px;
  box-sizing: border-box;
  color: #097865;
  cursor: pointer;
  display: block;
  font-size: 1.4rem;
  line-height: 1.17;
  margin-bottom: 10px;
  overflow: visible;
  padding: 0.9em 0.8em 0.7em;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: 0.1s linear all;
  width: 100%;
}
.button:hover, .button:focus {
  background: #097865;
  color: #fff;
  outline: none;
}
.button:active {
  background: #fff;
  color: #097865;
}
.button.is-disabled, .button[disabled], .button.is-disabled:hover, .button[disabled]:focus {
  background: #fff;
  border: 1px solid #097865;
  color: #097865;
  cursor: default;
  opacity: 0.65;
  text-decoration: line-through;
}

.button--primary {
  background: #097865;
  color: #fff;
}
.button--primary:hover, .button--primary:focus {
  background: #fff;
  color: #097865;
}
.button--primary:active {
  background: #097865;
  color: #fff;
}
.button--primary.is-disabled, .button--primary[disabled], .button--primary.is-disabled:hover, .button--primary[disabled]:focus {
  background: #097865;
  color: #fff;
}

.button--secondary {
  background: #81bc41;
  border-color: #81bc41;
  color: #2d343e;
}
.button--secondary:hover, .button--secondary:focus {
  background: #2d343e;
  border-color: #2d343e;
  color: #81bc41;
}
.button--secondary:active {
  background: #81bc41;
  border-color: #81bc41;
  color: #2d343e;
}

.login-footer {
  padding: 5px 30px 20px;
}

.login-footer__copy {
  margin-top: 35px;
}

.login-footer__content {
  margin: 0 0 1.15em;
}

.login-footer__logos {
  margin-bottom: 1.5rem;
}
.login-footer__logos img {
  padding: 0 15px;
  vertical-align: middle;
}

.login-cw-logo {
  border-bottom: 1px solid #212623;
  padding: 48px 0;
  text-align: center;
}

.javascript-detection {
  border-bottom: 1px solid #212623;
  padding: 36px 0;
  text-align: center;
}

/* Basic Login Form */
.login-basic {
  border-bottom: 1px solid #212623;
  border-top: 1px solid rgba(100, 100, 100, 0.4);
}
.login-basic > h1 {
  border-bottom: 1px solid #212623;
  color: #fff;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1;
  margin: 0;
  padding: 8px 0;
}
.login-basic > h1 strong {
  font-weight: 900;
}

.login-basic-form,
.login-legal-form {
  border-top: 1px solid rgba(100, 100, 100, 0.4);
  min-height: 220px;
  position: relative;
  white-space: nowrap;
}

.login-legal-form {
  border-bottom: 0;
  height: auto;
}

.login-basic-form .message-alert.error {
  white-space: normal;
}

.legal-agreement {
  height: 450px;
}

/* Password Retrieval */
.login-password-retrieval {
  display: none;
  height: 170px;
  left: 0;
  padding: 15px 12px;
  position: absolute;
  top: 0;
  width: 426px;
  z-index: 100;
}

/* New User */
.login-register {
  border-bottom: 1px solid #212623;
  border-top: 1px solid rgba(100, 100, 100, 0.4);
  padding: 15px 0;
}

.login-register-form {
  display: none;
}

/* Guest & Renew */
.login-guest,
.login-renew {
  border-top: 1px solid rgba(100, 100, 100, 0.4);
  float: left;
  padding: 15px 0;
  width: 212px;
}

.login-guest {
  border-right: 1px solid #212623;
  /*TEMPORARY - TO DO: Remove once page is completed*/
  border-right: 0;
  float: none;
  padding-right: 12px;
  width: auto;
}

.login-guest-form {
  display: none;
}

.login-renew {
  border-left: 1px solid #6d6c6a;
  padding-left: 12px;
}

/* Password Recover */
.login-password {
  border-bottom: 1px solid #212623;
  border-top: 1px solid rgba(100, 100, 100, 0.4);
  padding: 15px 0;
}

/* Error Page */
.error-chalk {
  background: transparent url("../images/error/error-broken-chalk.png") 100% 50% no-repeat;
  height: 255px;
  position: absolute;
  right: 0;
  top: 200px;
  width: 255px;
}

.login-error {
  border-bottom: 1px solid #212623;
  border-top: 1px solid rgba(100, 100, 100, 0.4);
  padding: 15px 0;
}

/*alert message highlight*/
.message-highlight {
  background-color: rgba(51, 49, 49, 0.35);
  border-bottom: 1px solid #333131;
  color: #333131 !important;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.2;
  margin: 0 0 10px;
  padding: 6px 12px 8px;
}

/*---------------[ =Messages and Notices ]---------------*/
/* Messages */
#lblMessage {
  display: block;
}

.message-alert,
.message-block {
  background-color: #eedc94;
  background-image: linear-gradient(top, #fceec1, #eedc94);
  background-repeat: repeat-x;
  border: 1px solid;
  border-color: #eedc94 #eedc94 #e4c652;
  border-radius: 4px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
  color: #404040;
  display: block;
  margin-bottom: 18px;
  padding: 7px 15px;
  position: relative;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

ul .message-alert {
  margin-bottom: 0;
}

.col-plain .message-alert,
.message-alert.squared {
  border-radius: 0;
}

.message-alert.squared {
  margin: 0;
}

.form-field .message-alert {
  display: inline-block;
}

.message-alert p,
.message-block p {
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1.38;
  margin: 0;
}
.message-alert a,
.message-block a {
  color: #404040;
}
.message-alert.error a, .message-alert.success a,
.message-block.error a,
.message-block.success a {
  color: #fff;
}
.message-alert.notice a,
.message-block.notice a {
  color: #195573;
}
.message-alert a:hover,
.message-block a:hover {
  color: #000;
  text-shadow: 0 0 2px rgba(255, 255, 255, 0.5);
}
.message-alert.notice,
.message-block.notice {
  background-color: #d9edf7;
  background-image: linear-gradient(top, #d9edf7, #aed3e5);
  background-repeat: repeat-x;
  border-color: #d9edf7 #d9edf7 #195573;
  color: #195573;
}
.message-alert.success,
.message-block.success {
  background-color: #57a957;
  background-image: linear-gradient(top, #62c462, #57a957);
  background-repeat: repeat-x;
  border-color: #57a957 #57a957 #3d773d;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.message-alert.error,
.message-block.error {
  background-color: #c43c35;
  background-image: linear-gradient(top, #ee5f5b, #c43c35);
  background-repeat: repeat-x;
  border-color: #c43c35 #c43c35 #882a25;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

/*/////////////////////////////////////////////////////*/
/*------------------------------------------------------[ =Dialog/Prompt ]--*/
/* +Modal */
.ui-dialog {
  background-clip: padding-box;
  background-color: #fff;
  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;
  z-index: 1050;
}
.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 0;
}

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

.ui-widget {
  font-family: museo-sans-1, sans-serif;
}

/* +Dialog (modal) */
.ui-widget-overlay {
  background: #6d6c6a;
  height: 100%;
  left: 0;
  opacity: 0.6;
  position: absolute;
  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;
  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.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: 0;
  padding: 0;
}

/* Dialog Overrides */
.dialog-no-close .ui-dialog-titlebar-close {
  display: none !important;
}

.ui-dialog h2,
.ui-dialog p {
  color: #000;
  margin: 0 0 0.5em;
}
.ui-dialog h2 {
  font-size: 2rem;
  font-weight: 300;
  text-shadow: none;
}

/*/////////////////////////////////////////////////////*/
/*------------------------------------------------------[ =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 {
  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;
}

/***=Mobile (Portrait/Landscape - less than 768px) ***/
@media only screen and (max-width: 47.9375em) {
  .error-chalk {
    display: none;
  }
}
@media only screen and (max-width: 31.25em) {
  .mode-locked-down-login .form-field.inline {
    display: none;
  }
}
@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";
}