@charset "UTF-8";
/*
  ##     ##    ###    #### ##    ##
  ###   ###   ## ##    ##  ###   ##
  #### ####  ##   ##   ##  ####  ##
  ## ### ## ##     ##  ##  ## ## ##
  ##     ## #########  ##  ##  ####
  ##     ## ##     ##  ##  ##   ###
  ##     ## ##     ## #### ##    ##
*/
/*
   Use the WebAIM Color Contrast Checker to check all the text colors 
   are WCAG AA compliant. If some colors aren't compliant and will be 
   used throughout the site for content purposes then generate an 
   alternative version in the 'W3C Compliant Adjustments' section.

   Some colors fail standard WCAG AA for regular font size but pass 
   for larger type sizes = 24px and larger

   http://webaim.org/resources/contrastchecker/
*/
/* Transparency Steps */
.l-grid-template, .l-footer-main, .l-sidebar-main .sidebar-header, .project-info-modal .field-wrapper-secondary, .tcx-task--navigation, .tcx-platform-user-form .form-item-roles {
  *zoom: 1; }
  .l-grid-template:before, .l-footer-main:before, .l-sidebar-main .sidebar-header:before, .project-info-modal .field-wrapper-secondary:before, .tcx-task--navigation:before, .tcx-platform-user-form .form-item-roles:before, .l-grid-template:after, .l-footer-main:after, .l-sidebar-main .sidebar-header:after, .project-info-modal .field-wrapper-secondary:after, .tcx-task--navigation:after, .tcx-platform-user-form .form-item-roles:after {
    content: " ";
    display: table; }
  .l-grid-template:after, .l-footer-main:after, .l-sidebar-main .sidebar-header:after, .project-info-modal .field-wrapper-secondary:after, .tcx-task--navigation:after, .tcx-platform-user-form .form-item-roles:after {
    clear: both; }

/*
   Example: div { @extend %clearfix; }
*/
/*
   Example: div { @extend %center-block; }
*/
.tcx-task--navigation .item--prev {
  float: left; }

.tcx-task--navigation .item--next {
  float: right; }

/*
   Example: div { @extend %pull-left; }
*/
/* 
   When you hide an element with display: none, that prevents screen 
   readers from reading it to the user. Sometimes that’s fine, but in 
   other cases this will make the site hard to use for people with 
   screen readers. 
   
   Thus, we have to use another technique for hiding elements while at 
   the same time make them accessible.
   
   Using the Sass placeholder selector since the output will always be 
   the same, which enables us to reduce repetetive code in the output.
*/
html.js .hide-js, .shs-enabled.hidden {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important; }

.pager__items, .nav--wizard-step-navigation, .tcx-toolkit-practices .wrapper--practice, .tcx-tabs--nav, ol.shs,
ul.shs {
  list-style: none;
  padding: 0;
  margin: 0; }

/*
     #####
    #     #  ####    ##   ###### ######  ####  #      #####  # #    #  ####
    #       #    #  #  #  #      #      #    # #      #    # # ##   # #    #
     #####  #      #    # #####  #####  #    # #      #    # # # #  # #
          # #      ###### #      #      #    # #      #    # # #  # # #  ###
    #     # #    # #    # #      #      #    # #      #    # # #   ## #    #
     #####   ####  #    # #      #       ####  ###### #####  # #    #  ####
*/
/*
   #     #
   ##   ## ###### #####  #   ##
   # # # # #      #    # #  #  #
   #  #  # #####  #    # # #    #
   #     # #      #    # # ######
   #     # #      #    # # #    #
   #     # ###### #####  # #    #

    #####
   #     # #    # ###### #####  # ######  ####
   #     # #    # #      #    # # #      #
   #     # #    # #####  #    # # #####   ####
   #   # # #    # #      #####  # #           #
   #    #  #    # #      #   #  # #      #    #
    #### #  ####  ###### #    # # ######  ####
*/
/*
   See this article for explanation on why using "em" is a better and
   more reliable solution than "px":

   https://zellwk.com/blog/media-query-units/
*/
/*
    #####                     #
   #     # #####  # #####     #         ##   #   #  ####  #    # #####
   #       #    # # #    #    #        #  #   # #  #    # #    #   #
   #  #### #    # # #    #    #       #    #   #   #    # #    #   #
   #     # #####  # #    #    #       ######   #   #    # #    #   #
   #     # #   #  # #    #    #       #    #   #   #    # #    #   #
    #####  #    # # #####     ####### #    #   #    ####   ####    #
*/
/*
  To calculate the grids we use percentages and the SASS calc feature.

  The calculations work as follows:
    - The width starts at 100% of the parent container minus the
      left + right side margin.
    - Multiply this result by the amount of columns the child container
      should cover divided by the amount of columns in the grid.

  1. 100% - (left margin + right margin)
  2. * (total columns / number of columns required to cover)
  3. / by same number that is the result in step 2


  Example 1: 12 grid layout

  The first child container should cover 3 columns.
  We have already deterimed the margin left and right. For this example
  they are 10px each.

  width: calc((100% - 30px * 4) / 4); = 3 columns


  Example 2: 16 column grid layout

  The first child container should cover 3 columns.
  We have already deterimed the margin left and right. For this example
  they are 10px each.

  width: calc((100% - 30px * 5.3333333333) / 5.3333333333); = 3 columns
*/
/*
     #####
    #     #  ####  #    # #    #  ####  #    #
    #       #    # ##  ## ##  ## #    # ##   #
    #       #    # # ## # # ## # #    # # #  #
    #       #    # #    # #    # #    # #  # #
    #     # #    # #    # #    # #    # #   ##
     #####   ####  #    # #    #  ####  #    #

     #####
    #     # ##### #   # #      ######  ####
    #         #    # #  #      #      #
     #####    #     #   #      #####   ####
          #   #     #   #      #           #
    #     #   #     #   #      #      #    #
     #####    #     #   ###### ######  ####
*/
/*
    #     #
    ##   ## ###### #####  #   ##
    # # # # #      #    # #  #  #
    #  #  # #####  #    # # #    #
    #     # #      #    # # ######
    #     # #      #    # # #    #
    #     # ###### #####  # #    #

     #####
    #     # #    # ###### #####  # ######  ####
    #     # #    # #      #    # # #      #
    #     # #    # #####  #    # # #####   ####
    #   # # #    # #      #####  # #           #
    #    #  #    # #      #   #  # #      #    #
     #### #  ####  ###### #    # # ######  ####
*/
/*
  #######
  #       #      ###### #    # #####   ####  #    #
  #       #      #       #  #  #    # #    #  #  #
  #####   #      #####    ##   #####  #    #   ##
  #       #      #        ##   #    # #    #   ##
  #       #      #       #  #  #    # #    #  #  #
  #       ###### ###### #    # #####   ####  #    #
*/
/*
   Useful guide to Flexbox can be found at:
   https://css-tricks.com/snippets/css/a-guide-to-flexbox/

   Flexbox playground and code generator:
   http://the-echoplex.net/flexyboxes/

*/
/*
   This defines a flex container; inline or block depending on the
   given value. It enables a flex context for all its direct children.
*/
/*
   This establishes the main-axis, thus defining the direction flex
   items are placed in the flex container. Flexbox is (aside from
   optional wrapping) a single-direction layout concept.

   Think of flex items as primarily laying out either in horizontal
   rows or vertical columns.
 */
/*
   By default, flex items will all try to fit onto one line. You can
   change that and allow the items to wrap as needed with this
   property.

   Direction also plays a role here, determining the direction new
   lines are stacked in.
*/
/*
   This defines the alignment along the main axis. It helps distribute
   extra free space left over when either all the flex items on a line
   are inflexible, or are flexible but have reached their maximum size.

   It also exerts some control over the alignment of items when they
   overflow the line.
*/
/*
   This defines the default behaviour for how flex items are laid out
   along the cross axis on the current line. Think of it as the
   justify-content version for the cross-axis (perpendicular to the
   main-axis).
*/
/*
   This aligns a flex container's lines within when there is extra
   space in the cross-axis, similar to how justify-content aligns
   individual items within the main-axis.

   Note: this property has no effect when there is only one line of
   flex items.
*/
/*
   By default, flex items are laid out in the source order. However,
   the order property controls the order in which they appear in the
   flex container.
*/
/*
   Flex:

   This is the shorthand for flex-grow, flex-shrink and flex-basis
   combined. The second and third parameters (flex-shrink and
   flex-basis) are optional. Default is 0 1 auto.

   Negative numbers are invalid.


   flex-grow:

   This defines the ability for a flex item to grow if necessary. It
   accepts a unitless value that serves as a proportion. It dictates
   what amount of the available space inside the flex container the
   item should take up.

   If all items have flex-grow set to 1, the remaining space in the
   container will be distributed equally to all children. If one of
   the children has a value of 2, the remaining space would take up
   twice as much space as the others (or it will try to, at least).


   flex-shrink:

   This defines the ability for a flex item to shrink if necessary.


   flex-basis:

   This defines the default size of an element before the remaining
   space is distributed. It can be a length (e.g. 20%, 5rem, etc.)
   or a keyword. The auto keyword means "look at my width or height
   property" (which was temporarily done by the main-size keyword
   until deprecated). The content keyword means "size it based on the
   item's content" - this keyword isn't well supported yet, so it's
   hard to test and harder to know what its brethren max-content,
   min-content, and fit-content do.
*/
/*
   This allows the default alignment (or the one specified by
   align-items) to be overridden for individual flex items.

   See the align-items explanation to understand the available values.

   Note that "float", "clear" and "vertical-align" have no effect on a
   flex item.
*/
/*
     #####                      #####
    #     # #####  # #####     #     # #   #  ####  ##### ###### #    #
    #       #    # # #    #    #        # #  #        #   #      ##  ##
    #  #### #    # # #    #     #####    #    ####    #   #####  # ## #
    #     # #####  # #    #          #   #        #   #   #      #    #
    #     # #   #  # #    #    #     #   #   #    #   #   #      #    #
     #####  #    # # #####      #####    #    ####    #   ###### #    #
*/
/*
    UNITS
*/
/*
    UTILITIES
*/
body {
  overflow-x: hidden;
  margin: 0;
  background-color: #FFF;
  color: #595959;
  font-size: 16px;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  line-height: 1.5; }

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

svg {
  vertical-align: top; }

iframe {
  border: none; }

a, a:link {
  color: #008533;
  text-decoration: underline;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
  a:hover, a:active, a:link:hover, a:link:active {
    color: #006c29;
    text-decoration: none; }
  a:visited, a:link:visited {
    color: #007faa; }
    a:visited:hover, a:visited:active, a:link:visited:hover, a:link:visited:active {
      color: #005977; }

a.link--new-window:after {
  content: "";
  padding-right: 1.5em;
  width: auto;
  height: 1em;
  background-image: url(../images/icons/icon--link-external-01.svg);
  background-position: right 3px;
  background-repeat: no-repeat;
  background-size: auto 1em;
  text-decoration: none; }

li a[href$=".pdf"]:after,
li a[href$=".doc"]:after,
li a[href$=".xlsx"]:after,
li a[href$=".xls"]:after,
li a[href$=".ppt"]:after,
li.link--new-window:after {
  content: " ";
  padding-right: 1.2em;
  width: auto;
  height: 1em;
  background-position: 0.25em 1px;
  background-repeat: no-repeat;
  background-size: auto 1em; }

li a[href$=".pdf"]:after {
  background-image: url(../images/icons/icon--pdf-01.svg); }

li a[href$=".doc"]:after {
  background-image: url(../images/icons/icon--word-01.svg); }

li a[href$=".xlsx"]:after {
  background-image: url(../images/icons/icon--excel-01.svg); }

li a[href$=".xls"]:after {
  background-image: url(../images/icons/icon--excel-01.svg); }

li a[href$=".ppt"]:after {
  background-image: url(../images/icons/icon--powerpoint-01.svg); }

li.link--new-window:after {
  background-image: url(../images/icons/icon--link-external-01.svg); }

p, li, dt, dd, address {
  line-height: 1.5; }

dt {
  font-weight: bold; }

blockquote {
  font-size: 18px; }
  @media (min-width: 30em) {
    blockquote {
      font-size: 22px; } }
  blockquote footer,
  blockquote small,
  blockquote .small {
    font-font-size: 67%;
    font-line-height: 1.5;
    color: #595959; }

address {
  font-style: normal; }

::-moz-selection {
  /* Code for Firefox */
  background-color: #1F3A60;
  color: #FFF; }

::selection {
  background-color: #1F3A60;
  color: #FFF; }

hr {
  height: 1px;
  border: none;
  margin-top: 32px;
  margin-bottom: 32px;
  background-color: #595959; }

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: "Cabin", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  line-height: 1.1;
  color: inherit; }

h1, .h1 {
  margin-top: 36px;
  margin-bottom: 36px; }

h2, .h2,
h3, .h3 {
  margin-top: 36px;
  margin-bottom: 24px; }

h4, .h4,
h5, .h5,
h6, .h6 {
  margin-top: 12px;
  margin-bottom: 12px; }

h1 small,
h1 .small, h2 small,
h2 .small, h3 small,
h3 .small, h4 small,
h4 .small, h5 small,
h5 .small, h6 small,
h6 .small,
.h1 small,
.h1 .small, .h2 small,
.h2 .small, .h3 small,
.h3 .small, .h4 small,
.h4 .small, .h5 small,
.h5 .small, .h6 small,
.h6 .small {
  font-weight: normal;
  line-height: 1; }

h1 small,
h1 .small, .h1 small,
.h1 .small,
h2 small,
h2 .small, .h2 small,
.h2 .small,
h3 small,
h3 .small, .h3 small,
.h3 .small {
  font-size: 65%; }

h4 small,
h4 .small, .h4 small,
.h4 .small,
h5 small,
h5 .small, .h5 small,
.h5 .small,
h6 small,
h6 .small, .h6 small,
.h6 .small {
  font-size: 75%; }

h4 + h5,
.h4 + .h5 {
  margin-top: 24px; }

h5 + h6,
.h5 + .h6 {
  margin-top: 24px; }

h1, .h1 {
  font-size: 46px; }

h2, .h2 {
  font-size: 38px; }

h3, .h3 {
  font-size: 30px; }

h4, .h4 {
  font-size: 26px; }

h5, .h5 {
  font-size: 22px; }

h6, .h6 {
  font-size: 20px; }

h1, .h1 {
  font-weight: bold; }

h2, .h2 {
  font-weight: normal; }

h3, .h3 {
  font-weight: bold; }

h4, .h4 {
  font-weight: bold; }

h5, .h5 {
  font-weight: bold; }

h6, .h6 {
  font-weight: bold; }

p {
  margin: 0 0 24px; }

.lead {
  margin-bottom: 36px;
  font-size: 22px;
  font-weight: 300; }

small,
.small {
  font-size: 87%; }

mark,
.mark {
  padding: .2em;
  background-color: #FF0;
  color: #000; }

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

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

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

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

.text--nowrap {
  white-space: nowrap; }

.text--lowercase {
  text-transform: lowercase; }

.text--uppercase, .initialism {
  text-transform: uppercase; }

.text--capitalize {
  text-transform: capitalize; }

.text--normal {
  font-weight: 400; }

.page-header {
  padding-bottom: 11px;
  margin: 48px 0 24px;
  border-bottom: 1px solid #595959; }

ul,
ol {
  margin-top: 0;
  margin-bottom: 12px; }
  ul li,
  ol li {
    padding-bottom: 12px; }
  ul ul,
  ul ol,
  ol ul,
  ol ol {
    margin-bottom: 0; }

ol li {
  padding-left: 10px; }

ul ul,
ul ol,
ol ul,
ol ol {
  margin-top: 12px;
  margin-bottom: 0; }

.list--unstyled {
  padding-left: 0;
  list-style: none; }
  .list--unstyled li {
    padding-bottom: 0; }

.list--inline {
  padding-left: 0;
  list-style: none;
  margin-left: -5px; }
  .list--inline > li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px; }

dl {
  margin-top: 0;
  margin-bottom: 24px; }

dt {
  padding-bottom: 12px; }

dd {
  padding-bottom: 12px; }

abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #595959; }

.initialism {
  font-size: 90%; }

blockquote {
  padding: 0 24px;
  margin: 48px 0 54px 18px;
  border-left: 10px solid #00AE42;
  font-weight: bold; }
  @media (min-width: 30em) {
    blockquote {
      margin: 48px 0 54px 36px; } }
  blockquote p {
    margin: 0 0 12px; }
  blockquote p:last-child,
  blockquote ul:last-child,
  blockquote ol:last-child {
    margin-bottom: 0; }
  blockquote footer,
  blockquote small,
  blockquote .small {
    display: block;
    font-size: 16px;
    font-style: italic;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal; }
    blockquote footer:before,
    blockquote small:before,
    blockquote .small:before {
      content: '\2014 \00A0'; }

pre {
  word-break: break-all;
  word-wrap: break-word;
  white-space: pre;
  white-space: -moz-pre-wrap;
  white-space: pre-wrap;
  white-space: pre\9; }

code {
  color: #BF2406; }

address {
  margin-bottom: 24px; }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.text--muted {
  margin-top: 24px;
  margin-bottom: 24px;
  color: #666666; }

.text--positive {
  margin-top: 24px;
  margin-bottom: 24px;
  color: #008533; }

.text--negative {
  margin-top: 24px;
  margin-bottom: 24px;
  color: #BF2406; }

.text--caution {
  margin-top: 24px;
  margin-bottom: 24px;
  color: #A5660D; }

.text--neutral {
  margin-top: 24px;
  margin-bottom: 24px;
  color: #007faa; }

.bg--muted {
  margin-top: 24px;
  margin-bottom: 24px;
  padding: 15px 15px 18px;
  border: 1px solid gray;
  background-color: #f2f2f2;
  color: #666666; }

.bg--positive, .messages__wrapper .messages--status {
  margin-top: 24px;
  margin-bottom: 24px;
  padding: 15px 15px 18px;
  border: 1px solid #008533;
  background-color: #f1fcef;
  color: #006c29; }

.bg--negative, .messages__wrapper .messages--error {
  margin-top: 24px;
  margin-bottom: 24px;
  padding: 15px 15px 18px;
  border: 1px solid #BF2406;
  background-color: #fee4df;
  color: #a61f05; }

.bg--caution, .messages__wrapper .messages--warning {
  margin-top: 24px;
  margin-bottom: 24px;
  padding: 15px 15px 18px;
  border: 1px solid #A5660D;
  background-color: #f9deb8;
  color: #7f4f0a; }

.bg--neutral {
  margin-top: 24px;
  margin-bottom: 24px;
  padding: 15px 15px 18px;
  border: 1px solid #007faa;
  background-color: #d3f4ff;
  color: #006c91; }

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

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

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

.l-wrap {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  width: 101.875rem; }

.grid-item {
  margin-left: 15px;
  margin-right: 15px; }

/*
   #                                        
   #         ##   #   #  ####  #    # ##### 
   #        #  #   # #  #    # #    #   #   
   #       #    #   #   #    # #    #   #   
   #       ######   #   #    # #    #   #   
   #       #    #   #   #    # #    #   #   
   ####### #    #   #    ####   ####    #   
                                            
    #####                                   
   #     # #####  # #####   ####            
   #       #    # # #    # #                
   #  #### #    # # #    #  ####            
   #     # #####  # #    #      #           
   #     # #   #  # #    # #    #           
    #####  #    # # #####   ####                                                  
*/
/*
   Set up a Grid template for each content template on the site. 
   There should be the same number of layouts per content type.
   
   When defining the amount of columns each grid container should cover 
   use the mixins developed in the _mixins.scss file.
 */
@media (min-width: 48em) {
  .l-grid-template {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .l-grid-template .grid-item-1 {
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 2;
      order: 2;
      width: calc((100% - 30px * 1.5) / 1.5); }
    .l-grid-template .grid-item-2 {
      -webkit-box-ordinal-group: 1;
      -ms-flex-order: 1;
      order: 1;
      width: calc((100% - 30px * 3) / 3); }
    .l-grid-template .grid-item-3 {
      -webkit-box-ordinal-group: 3;
      -ms-flex-order: 3;
      order: 3;
      width: calc((100% - 30px * 1) / 1); } }

@media (min-width: 60em) {
  .l-grid-template {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap; }
    .l-grid-template .grid-item-1 {
      width: calc((100% - 30px * 2) / 2); }
    .l-grid-template .grid-item-2 {
      width: calc((100% - 30px * 4) / 4); }
    .l-grid-template .grid-item-3 {
      width: calc((100% - 30px * 4) / 4); } }

@media (min-width: 48em) {
  .l-grid-template {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .l-grid-template .grid-item-1 {
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 2;
      order: 2;
      width: calc((100% - 30px * 1.5) / 1.5); }
    .l-grid-template .grid-item-2 {
      -webkit-box-ordinal-group: 1;
      -ms-flex-order: 1;
      order: 1;
      width: calc((100% - 30px * 3) / 3); }
    .l-grid-template .grid-item-3 {
      -webkit-box-ordinal-group: 3;
      -ms-flex-order: 3;
      order: 3;
      width: calc((100% - 30px * 1) / 1); } }

@media (min-width: 60em) {
  .l-grid-template {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap; }
    .l-grid-template .grid-item-1 {
      width: calc((100% - 30px * 2) / 2); }
    .l-grid-template .grid-item-2 {
      width: calc((100% - 30px * 4) / 4); }
    .l-grid-template .grid-item-3 {
      width: calc((100% - 30px * 4) / 4); } }

.l-grid-12 {
  position: absolute;
  width: 100%;
  height: 100vh;
  z-index: -100; }
  .l-grid-12 .column {
    float: left;
    margin-left: 15px;
    margin-right: 15px;
    width: calc((100% - 30px * 12) / 12);
    height: 100vh;
    background-color: rgba(255, 0, 0, 0.1); }

.l-grid-16 {
  position: absolute;
  width: 100%;
  height: 100vh;
  z-index: -100; }
  .l-grid-16 .column {
    float: left;
    margin-left: 15px;
    margin-right: 15px;
    width: calc((100% - 30px * 16) / 16);
    height: 100vh;
    background-color: rgba(255, 0, 0, 0.1); }

.l-header-main {
  width: 100%;
  height: 4.375rem;
  padding: 7px 15px;
  position: relative;
  background-color: #1F3A60; }
  .l-header-main, .l-header-main > .l-wrap > .grid-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .l-header-main:after {
    background-color: #1F3A60;
    position: absolute;
    top: 0;
    bottom: 0;
    left: calc(100% - 15px);
    right: -100vw; }
    @media only screen and (min-width: 100em) {
      .l-header-main:after {
        content: ''; } }
  .l-header-main .block {
    display: inline-block; }
  .l-header-main .logo-main {
    display: block;
    height: 3.125rem; }
  .l-header-main .link-logo-main {
    display: block; }
  .l-header-main .block-user-dropdown {
    display: none; }
    @media (min-width: 60em) {
      .l-header-main .block-user-dropdown {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; } }

.l-main {
  width: 100%; }
  @media (min-width: 60em) {
    .l-main {
      width: calc(100% / 1.2307692308); } }

.l-content {
  width: 100%;
  padding: 12px 0 30px; }

.title--primary:not(:last-child) {
  margin-bottom: 0; }

.title--primary + .title--secondary {
  margin-top: 0; }

.page-info {
  margin-bottom: 2em; }
  @media (min-width: 60em) {
    .page-info {
      max-width: 75%; } }

.views-view {
  position: relative; }

.l-footer-main {
  padding: 12px 0 0;
  border-top: 1px solid #595959;
  font-size: 14px;
  font-size: 0.875rem;
  color: #595959; }

.l-sidebar-main {
  width: 80vw;
  position: fixed;
  top: 0;
  bottom: 0;
  left: -85vw;
  z-index: 90;
  background-color: #595959;
  -webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.5);
          box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.5);
  -webkit-transition: left 0.2s ease-in-out;
  transition: left 0.2s ease-in-out; }
  .l-sidebar-main:after {
    content: '';
    opacity: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 100%;
    right: 0;
    z-index: -1;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out; }
  .l-sidebar-main.open {
    left: 0; }
    .l-sidebar-main.open:after {
      opacity: 1;
      right: -200vw;
      z-index: 1; }
  .l-sidebar-main .sidebar-scroll {
    overflow-y: auto;
    overflow-x: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    height: 100%; }
    @media (min-width: 60em) {
      .l-sidebar-main .sidebar-scroll {
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start; } }
  .l-sidebar-main .sidebar-header {
    height: 4.375rem; }
  @media (min-width: 60em) {
    .l-sidebar-main {
      width: calc(100% / 5.3333333333);
      /*padding-top: 69px;*/
      position: static;
      -webkit-box-shadow: none;
              box-shadow: none; }
      .l-sidebar-main:before {
        content: '';
        background-color: #595959;
        position: absolute;
        top: 0;
        bottom: 0;
        z-index: 25;
        right: calc(100% - 15px);
        left: -9999px; }
      .l-sidebar-main .sidebar-start,
      .l-sidebar-main .sidebar-top,
      .l-sidebar-main .sidebar-bottom {
        z-index: 50; } }
  .l-sidebar-main .block-user-dropdown {
    padding: 0; }
    @media (min-width: 60em) {
      .l-sidebar-main .block-user-dropdown {
        display: none; } }
    .l-sidebar-main .block-user-dropdown .user-dropdown--toggle,
    .l-sidebar-main .block-user-dropdown .user-details {
      display: none; }
    .l-sidebar-main .block-user-dropdown .menu {
      display: block;
      border-bottom: none;
      position: static;
      -webkit-transform: none;
          -ms-transform: none;
              transform: none; }

.btn, .tcx-task--navigation .item--prev, .tcx-task--navigation .item--next,
a.btn,
.tcx-task--navigation a.item--prev,
.tcx-task--navigation a.item--next,
input[type="submit"].btn,
.tcx-task--navigation input.item--prev[type="submit"],
.tcx-task--navigation input.item--next[type="submit"],
input[type="button"].btn,
.tcx-task--navigation input.item--prev[type="button"],
.tcx-task--navigation input.item--next[type="button"],
button.btn,
.tcx-task--navigation button.item--prev,
.tcx-task--navigation button.item--next {
  display: inline-block;
  padding: 9.6px 36px 12px;
  height: auto;
  vertical-align: middle;
  border: 1px solid gray;
  background-color: #FFF;
  background-image: none;
  text-align: center;
  text-decoration: none;
  font-size: 16px;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  line-height: 1.5;
  color: #595959;
  white-space: no-wrap;
  cursor: pointer;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border-radius: 0.5em; }
  .btn.is-active, .tcx-task--navigation .is-active.item--prev,
  .tcx-task--navigation .is-active.item--next, .btn:hover, .tcx-task--navigation .item--prev:hover,
  .tcx-task--navigation .item--next:hover, .btn:active, .tcx-task--navigation .item--prev:active,
  .tcx-task--navigation .item--next:active,
  a.btn.is-active,
  .tcx-task--navigation a.is-active.item--prev,
  .tcx-task--navigation a.is-active.item--next,
  a.btn:hover,
  .tcx-task--navigation a.item--prev:hover,
  .tcx-task--navigation a.item--next:hover,
  a.btn:active,
  .tcx-task--navigation a.item--prev:active,
  .tcx-task--navigation a.item--next:active,
  input[type="submit"].btn.is-active,
  .tcx-task--navigation input.item--prev[type="submit"].is-active,
  .tcx-task--navigation input.item--next[type="submit"].is-active,
  input[type="submit"].btn:hover,
  .tcx-task--navigation input.item--prev[type="submit"]:hover,
  .tcx-task--navigation input.item--next[type="submit"]:hover,
  input[type="submit"].btn:active,
  .tcx-task--navigation input.item--prev[type="submit"]:active,
  .tcx-task--navigation input.item--next[type="submit"]:active,
  input[type="button"].btn.is-active,
  .tcx-task--navigation input.item--prev[type="button"].is-active,
  .tcx-task--navigation input.item--next[type="button"].is-active,
  input[type="button"].btn:hover,
  .tcx-task--navigation input.item--prev[type="button"]:hover,
  .tcx-task--navigation input.item--next[type="button"]:hover,
  input[type="button"].btn:active,
  .tcx-task--navigation input.item--prev[type="button"]:active,
  .tcx-task--navigation input.item--next[type="button"]:active,
  button.btn.is-active,
  .tcx-task--navigation button.is-active.item--prev,
  .tcx-task--navigation button.is-active.item--next,
  button.btn:hover,
  .tcx-task--navigation button.item--prev:hover,
  .tcx-task--navigation button.item--next:hover,
  button.btn:active,
  .tcx-task--navigation button.item--prev:active,
  .tcx-task--navigation button.item--next:active {
    background-color: #cccccc;
    color: #333333; }
  .btn.btn--primary, .tcx-task--navigation .btn--primary.item--prev,
  .tcx-task--navigation .btn--primary.item--next,
  a.btn.btn--primary,
  .tcx-task--navigation a.btn--primary.item--prev,
  .tcx-task--navigation a.btn--primary.item--next,
  input[type="submit"].btn.btn--primary,
  .tcx-task--navigation input.item--prev[type="submit"].btn--primary,
  .tcx-task--navigation input.item--next[type="submit"].btn--primary,
  input[type="button"].btn.btn--primary,
  .tcx-task--navigation input.item--prev[type="button"].btn--primary,
  .tcx-task--navigation input.item--next[type="button"].btn--primary,
  button.btn.btn--primary,
  .tcx-task--navigation button.btn--primary.item--prev,
  .tcx-task--navigation button.btn--primary.item--next {
    border-color: #1F3A60;
    background-color: #1F3A60;
    color: #FFF; }
    .btn.btn--primary.is-active, .tcx-task--navigation .btn--primary.is-active.item--prev,
    .tcx-task--navigation .btn--primary.is-active.item--next, .btn.btn--primary:hover, .tcx-task--navigation .btn--primary.item--prev:hover,
    .tcx-task--navigation .btn--primary.item--next:hover, .btn.btn--primary:active, .tcx-task--navigation .btn--primary.item--prev:active,
    .tcx-task--navigation .btn--primary.item--next:active,
    a.btn.btn--primary.is-active,
    .tcx-task--navigation a.btn--primary.is-active.item--prev,
    .tcx-task--navigation a.btn--primary.is-active.item--next,
    a.btn.btn--primary:hover,
    .tcx-task--navigation a.btn--primary.item--prev:hover,
    .tcx-task--navigation a.btn--primary.item--next:hover,
    a.btn.btn--primary:active,
    .tcx-task--navigation a.btn--primary.item--prev:active,
    .tcx-task--navigation a.btn--primary.item--next:active,
    input[type="submit"].btn.btn--primary.is-active,
    .tcx-task--navigation input.item--prev[type="submit"].btn--primary.is-active,
    .tcx-task--navigation input.item--next[type="submit"].btn--primary.is-active,
    input[type="submit"].btn.btn--primary:hover,
    .tcx-task--navigation input.item--prev[type="submit"].btn--primary:hover,
    .tcx-task--navigation input.item--next[type="submit"].btn--primary:hover,
    input[type="submit"].btn.btn--primary:active,
    .tcx-task--navigation input.item--prev[type="submit"].btn--primary:active,
    .tcx-task--navigation input.item--next[type="submit"].btn--primary:active,
    input[type="button"].btn.btn--primary.is-active,
    .tcx-task--navigation input.item--prev[type="button"].btn--primary.is-active,
    .tcx-task--navigation input.item--next[type="button"].btn--primary.is-active,
    input[type="button"].btn.btn--primary:hover,
    .tcx-task--navigation input.item--prev[type="button"].btn--primary:hover,
    .tcx-task--navigation input.item--next[type="button"].btn--primary:hover,
    input[type="button"].btn.btn--primary:active,
    .tcx-task--navigation input.item--prev[type="button"].btn--primary:active,
    .tcx-task--navigation input.item--next[type="button"].btn--primary:active,
    button.btn.btn--primary.is-active,
    .tcx-task--navigation button.btn--primary.is-active.item--prev,
    .tcx-task--navigation button.btn--primary.is-active.item--next,
    button.btn.btn--primary:hover,
    .tcx-task--navigation button.btn--primary.item--prev:hover,
    .tcx-task--navigation button.btn--primary.item--next:hover,
    button.btn.btn--primary:active,
    .tcx-task--navigation button.btn--primary.item--prev:active,
    .tcx-task--navigation button.btn--primary.item--next:active {
      border-color: #132339;
      background-color: #132339; }
  .btn.btn--disabled, .tcx-task--navigation .btn--disabled.item--prev,
  .tcx-task--navigation .btn--disabled.item--next,
  a.btn.btn--disabled,
  .tcx-task--navigation a.btn--disabled.item--prev,
  .tcx-task--navigation a.btn--disabled.item--next,
  input[type="submit"].btn.btn--disabled,
  .tcx-task--navigation input.item--prev[type="submit"].btn--disabled,
  .tcx-task--navigation input.item--next[type="submit"].btn--disabled,
  input[type="button"].btn.btn--disabled,
  .tcx-task--navigation input.item--prev[type="button"].btn--disabled,
  .tcx-task--navigation input.item--next[type="button"].btn--disabled,
  button.btn.btn--disabled,
  .tcx-task--navigation button.btn--disabled.item--prev,
  .tcx-task--navigation button.btn--disabled.item--next {
    border-color: gray;
    background-color: #f2f2f2;
    color: gray; }
    .btn.btn--disabled.is-active, .tcx-task--navigation .btn--disabled.is-active.item--prev,
    .tcx-task--navigation .btn--disabled.is-active.item--next, .btn.btn--disabled:hover, .tcx-task--navigation .btn--disabled.item--prev:hover,
    .tcx-task--navigation .btn--disabled.item--next:hover, .btn.btn--disabled:active, .tcx-task--navigation .btn--disabled.item--prev:active,
    .tcx-task--navigation .btn--disabled.item--next:active,
    a.btn.btn--disabled.is-active,
    .tcx-task--navigation a.btn--disabled.is-active.item--prev,
    .tcx-task--navigation a.btn--disabled.is-active.item--next,
    a.btn.btn--disabled:hover,
    .tcx-task--navigation a.btn--disabled.item--prev:hover,
    .tcx-task--navigation a.btn--disabled.item--next:hover,
    a.btn.btn--disabled:active,
    .tcx-task--navigation a.btn--disabled.item--prev:active,
    .tcx-task--navigation a.btn--disabled.item--next:active,
    input[type="submit"].btn.btn--disabled.is-active,
    .tcx-task--navigation input.item--prev[type="submit"].btn--disabled.is-active,
    .tcx-task--navigation input.item--next[type="submit"].btn--disabled.is-active,
    input[type="submit"].btn.btn--disabled:hover,
    .tcx-task--navigation input.item--prev[type="submit"].btn--disabled:hover,
    .tcx-task--navigation input.item--next[type="submit"].btn--disabled:hover,
    input[type="submit"].btn.btn--disabled:active,
    .tcx-task--navigation input.item--prev[type="submit"].btn--disabled:active,
    .tcx-task--navigation input.item--next[type="submit"].btn--disabled:active,
    input[type="button"].btn.btn--disabled.is-active,
    .tcx-task--navigation input.item--prev[type="button"].btn--disabled.is-active,
    .tcx-task--navigation input.item--next[type="button"].btn--disabled.is-active,
    input[type="button"].btn.btn--disabled:hover,
    .tcx-task--navigation input.item--prev[type="button"].btn--disabled:hover,
    .tcx-task--navigation input.item--next[type="button"].btn--disabled:hover,
    input[type="button"].btn.btn--disabled:active,
    .tcx-task--navigation input.item--prev[type="button"].btn--disabled:active,
    .tcx-task--navigation input.item--next[type="button"].btn--disabled:active,
    button.btn.btn--disabled.is-active,
    .tcx-task--navigation button.btn--disabled.is-active.item--prev,
    .tcx-task--navigation button.btn--disabled.is-active.item--next,
    button.btn.btn--disabled:hover,
    .tcx-task--navigation button.btn--disabled.item--prev:hover,
    .tcx-task--navigation button.btn--disabled.item--next:hover,
    button.btn.btn--disabled:active,
    .tcx-task--navigation button.btn--disabled.item--prev:active,
    .tcx-task--navigation button.btn--disabled.item--next:active {
      border-color: gray;
      background-color: #f2f2f2; }
  .btn.btn--positive, .tcx-task--navigation .btn--positive.item--prev,
  .tcx-task--navigation .btn--positive.item--next,
  a.btn.btn--positive,
  .tcx-task--navigation a.btn--positive.item--prev,
  .tcx-task--navigation a.btn--positive.item--next,
  input[type="submit"].btn.btn--positive,
  .tcx-task--navigation input.item--prev[type="submit"].btn--positive,
  .tcx-task--navigation input.item--next[type="submit"].btn--positive,
  input[type="button"].btn.btn--positive,
  .tcx-task--navigation input.item--prev[type="button"].btn--positive,
  .tcx-task--navigation input.item--next[type="button"].btn--positive,
  button.btn.btn--positive,
  .tcx-task--navigation button.btn--positive.item--prev,
  .tcx-task--navigation button.btn--positive.item--next {
    border-color: #008533;
    background-color: #008533;
    color: #FFF; }
    .btn.btn--positive.is-active, .tcx-task--navigation .btn--positive.is-active.item--prev,
    .tcx-task--navigation .btn--positive.is-active.item--next, .btn.btn--positive:hover, .tcx-task--navigation .btn--positive.item--prev:hover,
    .tcx-task--navigation .btn--positive.item--next:hover, .btn.btn--positive:active, .tcx-task--navigation .btn--positive.item--prev:active,
    .tcx-task--navigation .btn--positive.item--next:active,
    a.btn.btn--positive.is-active,
    .tcx-task--navigation a.btn--positive.is-active.item--prev,
    .tcx-task--navigation a.btn--positive.is-active.item--next,
    a.btn.btn--positive:hover,
    .tcx-task--navigation a.btn--positive.item--prev:hover,
    .tcx-task--navigation a.btn--positive.item--next:hover,
    a.btn.btn--positive:active,
    .tcx-task--navigation a.btn--positive.item--prev:active,
    .tcx-task--navigation a.btn--positive.item--next:active,
    input[type="submit"].btn.btn--positive.is-active,
    .tcx-task--navigation input.item--prev[type="submit"].btn--positive.is-active,
    .tcx-task--navigation input.item--next[type="submit"].btn--positive.is-active,
    input[type="submit"].btn.btn--positive:hover,
    .tcx-task--navigation input.item--prev[type="submit"].btn--positive:hover,
    .tcx-task--navigation input.item--next[type="submit"].btn--positive:hover,
    input[type="submit"].btn.btn--positive:active,
    .tcx-task--navigation input.item--prev[type="submit"].btn--positive:active,
    .tcx-task--navigation input.item--next[type="submit"].btn--positive:active,
    input[type="button"].btn.btn--positive.is-active,
    .tcx-task--navigation input.item--prev[type="button"].btn--positive.is-active,
    .tcx-task--navigation input.item--next[type="button"].btn--positive.is-active,
    input[type="button"].btn.btn--positive:hover,
    .tcx-task--navigation input.item--prev[type="button"].btn--positive:hover,
    .tcx-task--navigation input.item--next[type="button"].btn--positive:hover,
    input[type="button"].btn.btn--positive:active,
    .tcx-task--navigation input.item--prev[type="button"].btn--positive:active,
    .tcx-task--navigation input.item--next[type="button"].btn--positive:active,
    button.btn.btn--positive.is-active,
    .tcx-task--navigation button.btn--positive.is-active.item--prev,
    .tcx-task--navigation button.btn--positive.is-active.item--next,
    button.btn.btn--positive:hover,
    .tcx-task--navigation button.btn--positive.item--prev:hover,
    .tcx-task--navigation button.btn--positive.item--next:hover,
    button.btn.btn--positive:active,
    .tcx-task--navigation button.btn--positive.item--prev:active,
    .tcx-task--navigation button.btn--positive.item--next:active {
      border-color: #00521f;
      background-color: #00521f; }
  .btn.btn--negative, .tcx-task--navigation .btn--negative.item--prev,
  .tcx-task--navigation .btn--negative.item--next,
  a.btn.btn--negative,
  .tcx-task--navigation a.btn--negative.item--prev,
  .tcx-task--navigation a.btn--negative.item--next,
  input[type="submit"].btn.btn--negative,
  .tcx-task--navigation input.item--prev[type="submit"].btn--negative,
  .tcx-task--navigation input.item--next[type="submit"].btn--negative,
  input[type="button"].btn.btn--negative,
  .tcx-task--navigation input.item--prev[type="button"].btn--negative,
  .tcx-task--navigation input.item--next[type="button"].btn--negative,
  button.btn.btn--negative,
  .tcx-task--navigation button.btn--negative.item--prev,
  .tcx-task--navigation button.btn--negative.item--next {
    border-color: #BF2406;
    background-color: #BF2406;
    color: #FFF; }
    .btn.btn--negative.is-active, .tcx-task--navigation .btn--negative.is-active.item--prev,
    .tcx-task--navigation .btn--negative.is-active.item--next, .btn.btn--negative:hover, .tcx-task--navigation .btn--negative.item--prev:hover,
    .tcx-task--navigation .btn--negative.item--next:hover, .btn.btn--negative:active, .tcx-task--navigation .btn--negative.item--prev:active,
    .tcx-task--navigation .btn--negative.item--next:active,
    a.btn.btn--negative.is-active,
    .tcx-task--navigation a.btn--negative.is-active.item--prev,
    .tcx-task--navigation a.btn--negative.is-active.item--next,
    a.btn.btn--negative:hover,
    .tcx-task--navigation a.btn--negative.item--prev:hover,
    .tcx-task--navigation a.btn--negative.item--next:hover,
    a.btn.btn--negative:active,
    .tcx-task--navigation a.btn--negative.item--prev:active,
    .tcx-task--navigation a.btn--negative.item--next:active,
    input[type="submit"].btn.btn--negative.is-active,
    .tcx-task--navigation input.item--prev[type="submit"].btn--negative.is-active,
    .tcx-task--navigation input.item--next[type="submit"].btn--negative.is-active,
    input[type="submit"].btn.btn--negative:hover,
    .tcx-task--navigation input.item--prev[type="submit"].btn--negative:hover,
    .tcx-task--navigation input.item--next[type="submit"].btn--negative:hover,
    input[type="submit"].btn.btn--negative:active,
    .tcx-task--navigation input.item--prev[type="submit"].btn--negative:active,
    .tcx-task--navigation input.item--next[type="submit"].btn--negative:active,
    input[type="button"].btn.btn--negative.is-active,
    .tcx-task--navigation input.item--prev[type="button"].btn--negative.is-active,
    .tcx-task--navigation input.item--next[type="button"].btn--negative.is-active,
    input[type="button"].btn.btn--negative:hover,
    .tcx-task--navigation input.item--prev[type="button"].btn--negative:hover,
    .tcx-task--navigation input.item--next[type="button"].btn--negative:hover,
    input[type="button"].btn.btn--negative:active,
    .tcx-task--navigation input.item--prev[type="button"].btn--negative:active,
    .tcx-task--navigation input.item--next[type="button"].btn--negative:active,
    button.btn.btn--negative.is-active,
    .tcx-task--navigation button.btn--negative.is-active.item--prev,
    .tcx-task--navigation button.btn--negative.is-active.item--next,
    button.btn.btn--negative:hover,
    .tcx-task--navigation button.btn--negative.item--prev:hover,
    .tcx-task--navigation button.btn--negative.item--next:hover,
    button.btn.btn--negative:active,
    .tcx-task--navigation button.btn--negative.item--prev:active,
    .tcx-task--navigation button.btn--negative.item--next:active {
      border-color: #8e1b04;
      background-color: #8e1b04; }
  .btn.btn--caution, .tcx-task--navigation .btn--caution.item--prev,
  .tcx-task--navigation .btn--caution.item--next,
  a.btn.btn--caution,
  .tcx-task--navigation a.btn--caution.item--prev,
  .tcx-task--navigation a.btn--caution.item--next,
  input[type="submit"].btn.btn--caution,
  .tcx-task--navigation input.item--prev[type="submit"].btn--caution,
  .tcx-task--navigation input.item--next[type="submit"].btn--caution,
  input[type="button"].btn.btn--caution,
  .tcx-task--navigation input.item--prev[type="button"].btn--caution,
  .tcx-task--navigation input.item--next[type="button"].btn--caution,
  button.btn.btn--caution,
  .tcx-task--navigation button.btn--caution.item--prev,
  .tcx-task--navigation button.btn--caution.item--next {
    border-color: #A5660D;
    background-color: #A5660D;
    color: #FFF; }
    .btn.btn--caution.is-active, .tcx-task--navigation .btn--caution.is-active.item--prev,
    .tcx-task--navigation .btn--caution.is-active.item--next, .btn.btn--caution:hover, .tcx-task--navigation .btn--caution.item--prev:hover,
    .tcx-task--navigation .btn--caution.item--next:hover, .btn.btn--caution:active, .tcx-task--navigation .btn--caution.item--prev:active,
    .tcx-task--navigation .btn--caution.item--next:active,
    a.btn.btn--caution.is-active,
    .tcx-task--navigation a.btn--caution.is-active.item--prev,
    .tcx-task--navigation a.btn--caution.is-active.item--next,
    a.btn.btn--caution:hover,
    .tcx-task--navigation a.btn--caution.item--prev:hover,
    .tcx-task--navigation a.btn--caution.item--next:hover,
    a.btn.btn--caution:active,
    .tcx-task--navigation a.btn--caution.item--prev:active,
    .tcx-task--navigation a.btn--caution.item--next:active,
    input[type="submit"].btn.btn--caution.is-active,
    .tcx-task--navigation input.item--prev[type="submit"].btn--caution.is-active,
    .tcx-task--navigation input.item--next[type="submit"].btn--caution.is-active,
    input[type="submit"].btn.btn--caution:hover,
    .tcx-task--navigation input.item--prev[type="submit"].btn--caution:hover,
    .tcx-task--navigation input.item--next[type="submit"].btn--caution:hover,
    input[type="submit"].btn.btn--caution:active,
    .tcx-task--navigation input.item--prev[type="submit"].btn--caution:active,
    .tcx-task--navigation input.item--next[type="submit"].btn--caution:active,
    input[type="button"].btn.btn--caution.is-active,
    .tcx-task--navigation input.item--prev[type="button"].btn--caution.is-active,
    .tcx-task--navigation input.item--next[type="button"].btn--caution.is-active,
    input[type="button"].btn.btn--caution:hover,
    .tcx-task--navigation input.item--prev[type="button"].btn--caution:hover,
    .tcx-task--navigation input.item--next[type="button"].btn--caution:hover,
    input[type="button"].btn.btn--caution:active,
    .tcx-task--navigation input.item--prev[type="button"].btn--caution:active,
    .tcx-task--navigation input.item--next[type="button"].btn--caution:active,
    button.btn.btn--caution.is-active,
    .tcx-task--navigation button.btn--caution.is-active.item--prev,
    .tcx-task--navigation button.btn--caution.is-active.item--next,
    button.btn.btn--caution:hover,
    .tcx-task--navigation button.btn--caution.item--prev:hover,
    .tcx-task--navigation button.btn--caution.item--next:hover,
    button.btn.btn--caution:active,
    .tcx-task--navigation button.btn--caution.item--prev:active,
    .tcx-task--navigation button.btn--caution.item--next:active {
      border-color: #764909;
      background-color: #764909; }
  .btn.btn--neutral, .tcx-task--navigation .btn--neutral.item--prev,
  .tcx-task--navigation .btn--neutral.item--next,
  a.btn.btn--neutral,
  .tcx-task--navigation a.btn--neutral.item--prev,
  .tcx-task--navigation a.btn--neutral.item--next,
  input[type="submit"].btn.btn--neutral,
  .tcx-task--navigation input.item--prev[type="submit"].btn--neutral,
  .tcx-task--navigation input.item--next[type="submit"].btn--neutral,
  input[type="button"].btn.btn--neutral,
  .tcx-task--navigation input.item--prev[type="button"].btn--neutral,
  .tcx-task--navigation input.item--next[type="button"].btn--neutral,
  button.btn.btn--neutral,
  .tcx-task--navigation button.btn--neutral.item--prev,
  .tcx-task--navigation button.btn--neutral.item--next {
    border-color: #005977;
    background-color: #005977;
    color: #FFF; }
    .btn.btn--neutral.is-active, .tcx-task--navigation .btn--neutral.is-active.item--prev,
    .tcx-task--navigation .btn--neutral.is-active.item--next, .btn.btn--neutral:hover, .tcx-task--navigation .btn--neutral.item--prev:hover,
    .tcx-task--navigation .btn--neutral.item--next:hover, .btn.btn--neutral:active, .tcx-task--navigation .btn--neutral.item--prev:active,
    .tcx-task--navigation .btn--neutral.item--next:active,
    a.btn.btn--neutral.is-active,
    .tcx-task--navigation a.btn--neutral.is-active.item--prev,
    .tcx-task--navigation a.btn--neutral.is-active.item--next,
    a.btn.btn--neutral:hover,
    .tcx-task--navigation a.btn--neutral.item--prev:hover,
    .tcx-task--navigation a.btn--neutral.item--next:hover,
    a.btn.btn--neutral:active,
    .tcx-task--navigation a.btn--neutral.item--prev:active,
    .tcx-task--navigation a.btn--neutral.item--next:active,
    input[type="submit"].btn.btn--neutral.is-active,
    .tcx-task--navigation input.item--prev[type="submit"].btn--neutral.is-active,
    .tcx-task--navigation input.item--next[type="submit"].btn--neutral.is-active,
    input[type="submit"].btn.btn--neutral:hover,
    .tcx-task--navigation input.item--prev[type="submit"].btn--neutral:hover,
    .tcx-task--navigation input.item--next[type="submit"].btn--neutral:hover,
    input[type="submit"].btn.btn--neutral:active,
    .tcx-task--navigation input.item--prev[type="submit"].btn--neutral:active,
    .tcx-task--navigation input.item--next[type="submit"].btn--neutral:active,
    input[type="button"].btn.btn--neutral.is-active,
    .tcx-task--navigation input.item--prev[type="button"].btn--neutral.is-active,
    .tcx-task--navigation input.item--next[type="button"].btn--neutral.is-active,
    input[type="button"].btn.btn--neutral:hover,
    .tcx-task--navigation input.item--prev[type="button"].btn--neutral:hover,
    .tcx-task--navigation input.item--next[type="button"].btn--neutral:hover,
    input[type="button"].btn.btn--neutral:active,
    .tcx-task--navigation input.item--prev[type="button"].btn--neutral:active,
    .tcx-task--navigation input.item--next[type="button"].btn--neutral:active,
    button.btn.btn--neutral.is-active,
    .tcx-task--navigation button.btn--neutral.is-active.item--prev,
    .tcx-task--navigation button.btn--neutral.is-active.item--next,
    button.btn.btn--neutral:hover,
    .tcx-task--navigation button.btn--neutral.item--prev:hover,
    .tcx-task--navigation button.btn--neutral.item--next:hover,
    button.btn.btn--neutral:active,
    .tcx-task--navigation button.btn--neutral.item--prev:active,
    .tcx-task--navigation button.btn--neutral.item--next:active {
      border-color: #003344;
      background-color: #003344; }
  .btn.btn--link, .tcx-task--navigation .btn--link.item--prev,
  .tcx-task--navigation .btn--link.item--next,
  a.btn.btn--link,
  .tcx-task--navigation a.btn--link.item--prev,
  .tcx-task--navigation a.btn--link.item--next,
  input[type="submit"].btn.btn--link,
  .tcx-task--navigation input.item--prev[type="submit"].btn--link,
  .tcx-task--navigation input.item--next[type="submit"].btn--link,
  input[type="button"].btn.btn--link,
  .tcx-task--navigation input.item--prev[type="button"].btn--link,
  .tcx-task--navigation input.item--next[type="button"].btn--link,
  button.btn.btn--link,
  .tcx-task--navigation button.btn--link.item--prev,
  .tcx-task--navigation button.btn--link.item--next {
    border-color: transparent;
    background-color: transparent;
    color: #008533; }
    .btn.btn--link.is-active, .tcx-task--navigation .btn--link.is-active.item--prev,
    .tcx-task--navigation .btn--link.is-active.item--next, .btn.btn--link:hover, .tcx-task--navigation .btn--link.item--prev:hover,
    .tcx-task--navigation .btn--link.item--next:hover, .btn.btn--link:active, .tcx-task--navigation .btn--link.item--prev:active,
    .tcx-task--navigation .btn--link.item--next:active,
    a.btn.btn--link.is-active,
    .tcx-task--navigation a.btn--link.is-active.item--prev,
    .tcx-task--navigation a.btn--link.is-active.item--next,
    a.btn.btn--link:hover,
    .tcx-task--navigation a.btn--link.item--prev:hover,
    .tcx-task--navigation a.btn--link.item--next:hover,
    a.btn.btn--link:active,
    .tcx-task--navigation a.btn--link.item--prev:active,
    .tcx-task--navigation a.btn--link.item--next:active,
    input[type="submit"].btn.btn--link.is-active,
    .tcx-task--navigation input.item--prev[type="submit"].btn--link.is-active,
    .tcx-task--navigation input.item--next[type="submit"].btn--link.is-active,
    input[type="submit"].btn.btn--link:hover,
    .tcx-task--navigation input.item--prev[type="submit"].btn--link:hover,
    .tcx-task--navigation input.item--next[type="submit"].btn--link:hover,
    input[type="submit"].btn.btn--link:active,
    .tcx-task--navigation input.item--prev[type="submit"].btn--link:active,
    .tcx-task--navigation input.item--next[type="submit"].btn--link:active,
    input[type="button"].btn.btn--link.is-active,
    .tcx-task--navigation input.item--prev[type="button"].btn--link.is-active,
    .tcx-task--navigation input.item--next[type="button"].btn--link.is-active,
    input[type="button"].btn.btn--link:hover,
    .tcx-task--navigation input.item--prev[type="button"].btn--link:hover,
    .tcx-task--navigation input.item--next[type="button"].btn--link:hover,
    input[type="button"].btn.btn--link:active,
    .tcx-task--navigation input.item--prev[type="button"].btn--link:active,
    .tcx-task--navigation input.item--next[type="button"].btn--link:active,
    button.btn.btn--link.is-active,
    .tcx-task--navigation button.btn--link.is-active.item--prev,
    .tcx-task--navigation button.btn--link.is-active.item--next,
    button.btn.btn--link:hover,
    .tcx-task--navigation button.btn--link.item--prev:hover,
    .tcx-task--navigation button.btn--link.item--next:hover,
    button.btn.btn--link:active,
    .tcx-task--navigation button.btn--link.item--prev:active,
    .tcx-task--navigation button.btn--link.item--next:active {
      color: #006c29;
      text-decoration: underline; }
  .btn.btn--nav-toggle, .tcx-task--navigation .btn--nav-toggle.item--prev,
  .tcx-task--navigation .btn--nav-toggle.item--next,
  a.btn.btn--nav-toggle,
  .tcx-task--navigation a.btn--nav-toggle.item--prev,
  .tcx-task--navigation a.btn--nav-toggle.item--next,
  input[type="submit"].btn.btn--nav-toggle,
  .tcx-task--navigation input.item--prev[type="submit"].btn--nav-toggle,
  .tcx-task--navigation input.item--next[type="submit"].btn--nav-toggle,
  input[type="button"].btn.btn--nav-toggle,
  .tcx-task--navigation input.item--prev[type="button"].btn--nav-toggle,
  .tcx-task--navigation input.item--next[type="button"].btn--nav-toggle,
  button.btn.btn--nav-toggle,
  .tcx-task--navigation button.btn--nav-toggle.item--prev,
  .tcx-task--navigation button.btn--nav-toggle.item--next {
    padding: 10px;
    border: 1px solid gray;
    background-color: #FFF;
    color: #595959; }
    .btn.btn--nav-toggle.is-active, .tcx-task--navigation .btn--nav-toggle.is-active.item--prev,
    .tcx-task--navigation .btn--nav-toggle.is-active.item--next, .btn.btn--nav-toggle:hover, .tcx-task--navigation .btn--nav-toggle.item--prev:hover,
    .tcx-task--navigation .btn--nav-toggle.item--next:hover, .btn.btn--nav-toggle:active, .tcx-task--navigation .btn--nav-toggle.item--prev:active,
    .tcx-task--navigation .btn--nav-toggle.item--next:active,
    a.btn.btn--nav-toggle.is-active,
    .tcx-task--navigation a.btn--nav-toggle.is-active.item--prev,
    .tcx-task--navigation a.btn--nav-toggle.is-active.item--next,
    a.btn.btn--nav-toggle:hover,
    .tcx-task--navigation a.btn--nav-toggle.item--prev:hover,
    .tcx-task--navigation a.btn--nav-toggle.item--next:hover,
    a.btn.btn--nav-toggle:active,
    .tcx-task--navigation a.btn--nav-toggle.item--prev:active,
    .tcx-task--navigation a.btn--nav-toggle.item--next:active,
    input[type="submit"].btn.btn--nav-toggle.is-active,
    .tcx-task--navigation input.item--prev[type="submit"].btn--nav-toggle.is-active,
    .tcx-task--navigation input.item--next[type="submit"].btn--nav-toggle.is-active,
    input[type="submit"].btn.btn--nav-toggle:hover,
    .tcx-task--navigation input.item--prev[type="submit"].btn--nav-toggle:hover,
    .tcx-task--navigation input.item--next[type="submit"].btn--nav-toggle:hover,
    input[type="submit"].btn.btn--nav-toggle:active,
    .tcx-task--navigation input.item--prev[type="submit"].btn--nav-toggle:active,
    .tcx-task--navigation input.item--next[type="submit"].btn--nav-toggle:active,
    input[type="button"].btn.btn--nav-toggle.is-active,
    .tcx-task--navigation input.item--prev[type="button"].btn--nav-toggle.is-active,
    .tcx-task--navigation input.item--next[type="button"].btn--nav-toggle.is-active,
    input[type="button"].btn.btn--nav-toggle:hover,
    .tcx-task--navigation input.item--prev[type="button"].btn--nav-toggle:hover,
    .tcx-task--navigation input.item--next[type="button"].btn--nav-toggle:hover,
    input[type="button"].btn.btn--nav-toggle:active,
    .tcx-task--navigation input.item--prev[type="button"].btn--nav-toggle:active,
    .tcx-task--navigation input.item--next[type="button"].btn--nav-toggle:active,
    button.btn.btn--nav-toggle.is-active,
    .tcx-task--navigation button.btn--nav-toggle.is-active.item--prev,
    .tcx-task--navigation button.btn--nav-toggle.is-active.item--next,
    button.btn.btn--nav-toggle:hover,
    .tcx-task--navigation button.btn--nav-toggle.item--prev:hover,
    .tcx-task--navigation button.btn--nav-toggle.item--next:hover,
    button.btn.btn--nav-toggle:active,
    .tcx-task--navigation button.btn--nav-toggle.item--prev:active,
    .tcx-task--navigation button.btn--nav-toggle.item--next:active {
      background-color: #cccccc;
      color: #333333; }
    .btn.btn--nav-toggle > span, .tcx-task--navigation .btn--nav-toggle.item--prev > span, .tcx-task--navigation .btn--nav-toggle.item--next > span,
    a.btn.btn--nav-toggle > span,
    .tcx-task--navigation a.btn--nav-toggle.item--prev > span,
    .tcx-task--navigation a.btn--nav-toggle.item--next > span,
    input[type="submit"].btn.btn--nav-toggle > span,
    .tcx-task--navigation input.item--prev[type="submit"].btn--nav-toggle > span,
    .tcx-task--navigation input.item--next[type="submit"].btn--nav-toggle > span,
    input[type="button"].btn.btn--nav-toggle > span,
    .tcx-task--navigation input.item--prev[type="button"].btn--nav-toggle > span,
    .tcx-task--navigation input.item--next[type="button"].btn--nav-toggle > span,
    button.btn.btn--nav-toggle > span,
    .tcx-task--navigation button.btn--nav-toggle.item--prev > span,
    .tcx-task--navigation button.btn--nav-toggle.item--next > span {
      display: block;
      width: 30px;
      height: 2px;
      background-color: gray; }
      .btn.btn--nav-toggle > span + span, .tcx-task--navigation .btn--nav-toggle.item--prev > span + span, .tcx-task--navigation .btn--nav-toggle.item--next > span + span,
      a.btn.btn--nav-toggle > span + span,
      .tcx-task--navigation a.btn--nav-toggle.item--prev > span + span,
      .tcx-task--navigation a.btn--nav-toggle.item--next > span + span,
      input[type="submit"].btn.btn--nav-toggle > span + span,
      .tcx-task--navigation input.item--prev[type="submit"].btn--nav-toggle > span + span,
      .tcx-task--navigation input.item--next[type="submit"].btn--nav-toggle > span + span,
      input[type="button"].btn.btn--nav-toggle > span + span,
      .tcx-task--navigation input.item--prev[type="button"].btn--nav-toggle > span + span,
      .tcx-task--navigation input.item--next[type="button"].btn--nav-toggle > span + span,
      button.btn.btn--nav-toggle > span + span,
      .tcx-task--navigation button.btn--nav-toggle.item--prev > span + span,
      .tcx-task--navigation button.btn--nav-toggle.item--next > span + span {
        margin-top: 5px; }

summary.btn::-webkit-details-marker, .tcx-task--navigation summary.item--prev::-webkit-details-marker,
.tcx-task--navigation summary.item--next::-webkit-details-marker {
  display: none; }

.btn--lg,
form input[type=submit].btn--lg,
form input[type=reset].btn--lg,
a.btn--lg {
  padding: 16px 36px 19.2px;
  font-size: 24px;
  border-radius: 0.5em; }

.btn--md,
form input[type=submit].btn--md,
form input[type=reset].btn--md,
form button.btn--md,
a.btn--md {
  padding: 11.0px 19.848px;
  font-size: 20px; }

.btn--sm, .pager__item--ellipsis,
form input[type=submit].btn--sm,
form input.pager__item--ellipsis[type=submit],
form input[type=reset].btn--sm,
form input.pager__item--ellipsis[type=reset],
a.btn--sm,
a.pager__item--ellipsis {
  padding: 9.6px 24px;
  font-size: 14px; }

.btn--xs, .tcx-task--navigation .item--prev, .tcx-task--navigation .item--next,
form input[type=submit].btn--xs,
form .tcx-task--navigation input.item--prev[type="submit"],
.tcx-task--navigation form input.item--prev[type="submit"],
form .tcx-task--navigation input.item--next[type="submit"],
.tcx-task--navigation form input.item--next[type="submit"],
form input[type=reset].btn--xs,
form .tcx-task--navigation input.item--prev[type=reset],
.tcx-task--navigation form input.item--prev[type=reset],
form .tcx-task--navigation input.item--next[type=reset],
.tcx-task--navigation form input.item--next[type=reset],
a.btn--xs,
.tcx-task--navigation a.item--prev,
.tcx-task--navigation a.item--next {
  padding: 6px 12px;
  font-size: 14px; }

.btn--trash-white:before,
a.btn--trash-white:before {
  content: "";
  vertical-align: -0.1em;
  display: inline-block;
  margin-right: 0.625rem;
  width: 0.8em;
  height: 1em;
  background-repeat: no-repeat;
  background-size: auto 1em;
  background-image: url(../images/icons/icon--trash--white.svg);
  text-decoration: none; }
  @media (min-width: 30em) {
    .btn--trash-white:before,
    a.btn--trash-white:before {
      text-align: center; } }

.btn--refresh-white:before,
a.btn--refresh-white:before {
  content: "";
  vertical-align: -0.15em;
  display: inline-block;
  margin-right: 0.625rem;
  width: 1.05em;
  height: 1em;
  background-repeat: no-repeat;
  background-size: auto 1em;
  background-image: url(../images/icons/icon--refresh--white.svg);
  text-decoration: none; }
  @media (min-width: 30em) {
    .btn--refresh-white:before,
    a.btn--refresh-white:before {
      text-align: center; } }

.btn--correct-white:before,
a.btn--correct-white:before {
  content: "";
  vertical-align: 0;
  display: inline-block;
  margin-right: 0.625rem;
  width: 0.9em;
  height: 0.8em;
  background-repeat: no-repeat;
  background-size: auto 0.8em;
  background-image: url(../images/icons/icon--correct--white.svg);
  text-decoration: none; }
  @media (min-width: 30em) {
    .btn--correct-white:before,
    a.btn--correct-white:before {
      text-align: center; } }

.btn--filter,
a.btn--filter {
  padding-left: 16px;
  padding-right: 19px;
  margin-right: 15px;
  border: 1px solid #979797;
  background-color: #F2F2F2;
  color: #595959; }
  .btn--filter:before,
  a.btn--filter:before {
    content: "";
    vertical-align: 0;
    display: inline-block;
    margin-right: 15px;
    width: 0.75em;
    height: 0.75em;
    background-repeat: no-repeat;
    background-size: auto 0.75em;
    background-image: url(../images/icons/icon--filter-gray.svg);
    text-decoration: none; }
    @media (min-width: 30em) {
      .btn--filter:before,
      a.btn--filter:before {
        text-align: center; } }

.btn--download:before,
a.btn--download:before {
  content: "";
  padding-left: 24px;
  width: auto;
  height: 1em;
  background-position: left 1px;
  background-repeat: no-repeat;
  background-size: auto 1em;
  text-decoration: none; }
  @media (min-width: 30em) {
    .btn--download:before,
    a.btn--download:before {
      text-align: center; } }

.btn--download:after,
a.btn--download:after {
  content: "";
  padding-right: 0;
  width: auto;
  height: 0;
  background-image: none; }
  @media (min-width: 30em) {
    .btn--download:after,
    a.btn--download:after {
      text-align: centre; } }

.btn--download:before,
a.btn--download:before {
  background-image: url(../images/icons/icon--arrow-down-01.svg); }

.btn--download:hover:before,
.btn--download:active:before,
a.btn--download:hover:before,
a.btn--download:active:before {
  background-image: url(../images/icons/icon--arrow-down-01.svg); }

.btn--disabled.btn--download:before,
a.btn--disabled.btn--download:before {
  background-image: url(../images/icons/icon--arrow-down-01--disabled.svg); }

.btn--disabled.btn--download:hover:before,
.btn--disabled.btn--download:active:before,
a.btn--disabled.btn--download:hover:before,
a.btn--disabled.btn--download:active:before {
  background-image: url(../images/icons/icon--arrow-down-01--disabled.svg); }

.btn--positive.btn--download:before,
a.btn--positive.btn--download:before {
  background-image: url(../images/icons/icon--arrow-down-01--reversed.svg); }

.btn--positive.btn--download:hover:before,
.btn--positive.btn--download:active:before,
a.btn--positive.btn--download:hover:before,
a.btn--positive.btn--download:active:before {
  background-image: url(../images/icons/icon--arrow-down-01--reversed.svg); }

.btn--negative.btn--download:before,
a.btn--negative.btn--download:before {
  background-image: url(../images/icons/icon--arrow-down-01--reversed.svg); }

.btn--negative.btn--download:hover:before,
.btn--negative.btn--download:active:before,
a.btn--negative.btn--download:hover:before,
a.btn--negative.btn--download:active:before {
  background-image: url(../images/icons/icon--arrow-down-01--reversed.svg); }

.btn--caution.btn--download:before,
a.btn--caution.btn--download:before {
  background-image: url(../images/icons/icon--arrow-down-01--reversed.svg); }

.btn--caution.btn--download:hover:before,
.btn--caution.btn--download:active:before,
a.btn--caution.btn--download:hover:before,
a.btn--caution.btn--download:active:before {
  background-image: url(../images/icons/icon--arrow-down-01--reversed.svg); }

.btn--neutral.btn--download:before,
a.btn--neutral.btn--download:before {
  background-image: url(../images/icons/icon--arrow-down-01--reversed.svg); }

.btn--neutral.btn--download:hover:before,
.btn--neutral.btn--download:active:before,
a.btn--neutral.btn--download:hover:before,
a.btn--neutral.btn--download:active:before {
  background-image: url(../images/icons/icon--arrow-down-01--reversed.svg); }

.btn--link.btn--download:before,
a.btn--link.btn--download:before {
  background-image: url(../images/icons/icon--arrow-down-01.svg); }

.btn--link.btn--download:hover:before,
.btn--link.btn--download:active:before,
a.btn--link.btn--download:hover:before,
a.btn--link.btn--download:active:before {
  background-image: url(../images/icons/icon--arrow-down-01.svg); }

.btn--new-window:before,
a.btn--new-window:before {
  content: "";
  padding-left: 0;
  width: auto;
  height: 0;
  background-image: none; }
  @media (min-width: 30em) {
    .btn--new-window:before,
    a.btn--new-window:before {
      text-align: centre; } }

.btn--new-window:after,
a.btn--new-window:after {
  content: "";
  padding-right: 1.5em;
  width: auto;
  height: 1em;
  background-position: right 1px;
  background-repeat: no-repeat;
  background-size: auto 1em;
  text-decoration: none; }
  @media (min-width: 30em) {
    .btn--new-window:after,
    a.btn--new-window:after {
      text-align: centre; } }

.btn--new-window:after,
a.btn--new-window:after {
  background-image: url(../images/icons/icon--link-external-01.svg); }

.btn--new-window:hover:after,
.btn--new-window:active:after,
a.btn--new-window:hover:after,
a.btn--new-window:active:after {
  background-image: url(../images/icons/icon--link-external-01.svg); }

.btn--disabled.btn--new-window:after,
a.btn--disabled.btn--new-window:after {
  background-image: url(../images/icons/icon--link-external-01.svg); }

.btn--disabled.btn--new-window:hover:after,
.btn--disabled.btn--new-window:active:after,
a.btn--disabled.btn--new-window:hover:after,
a.btn--disabled.btn--new-window:active:after {
  background-image: url(../images/icons/icon--link-external-01.svg); }

.btn--positive.btn--new-window:after,
a.btn--positive.btn--new-window:after {
  background-image: url(../images/icons/icon--link-external-01--reversed.svg); }

.btn--positive.btn--new-window:hover:after,
.btn--positive.btn--new-window:active:after,
a.btn--positive.btn--new-window:hover:after,
a.btn--positive.btn--new-window:active:after {
  background-image: url(../images/icons/icon--link-external-01--reversed.svg); }

.btn--negative.btn--new-window:after,
a.btn--negative.btn--new-window:after {
  background-image: url(../images/icons/icon--link-external-01--reversed.svg); }

.btn--negative.btn--new-window:hover:after,
.btn--negative.btn--new-window:active:after,
a.btn--negative.btn--new-window:hover:after,
a.btn--negative.btn--new-window:active:after {
  background-image: url(../images/icons/icon--link-external-01--reversed.svg); }

.btn--caution.btn--new-window:after,
a.btn--caution.btn--new-window:after {
  background-image: url(../images/icons/icon--link-external-01--reversed.svg); }

.btn--caution.btn--new-window:hover:after,
.btn--caution.btn--new-window:active:after,
a.btn--caution.btn--new-window:hover:after,
a.btn--caution.btn--new-window:active:after {
  background-image: url(../images/icons/icon--link-external-01--reversed.svg); }

.btn--neutral.btn--new-window:after,
a.btn--neutral.btn--new-window:after {
  background-image: url(../images/icons/icon--link-external-01--reversed.svg); }

.btn--neutral.btn--new-window:hover:after,
.btn--neutral.btn--new-window:active:after,
a.btn--neutral.btn--new-window:hover:after,
a.btn--neutral.btn--new-window:active:after {
  background-image: url(../images/icons/icon--link-external-01--reversed.svg); }

.btn--link.btn--new-window:after,
a.btn--link.btn--new-window:after {
  background-image: url(../images/icons/icon--link-external-01.svg); }

.btn--link.btn--new-window:hover:after,
.btn--link.btn--new-window:active:after,
a.btn--link.btn--new-window:hover:after,
a.btn--link.btn--new-window:active:after {
  background-image: url(../images/icons/icon--link-external-01.svg); }

.btn--remove:before,
a.btn--remove:before {
  content: "";
  vertical-align: 0;
  display: inline-block;
  margin-right: 15px;
  width: 16px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: auto 20px;
  background-image: url(../images/icons/icon--trash--solid.svg);
  text-decoration: none;
  margin-bottom: -3px; }
  @media (min-width: 30em) {
    .btn--remove:before,
    a.btn--remove:before {
      text-align: center; } }

.btn--group, .pager__items {
  margin-bottom: 2rem; }

.btn--group > .btn--group:not(:last-child) > .btn, .pager__items > .btn--group:not(:last-child) > .btn, .btn--group > .pager__items:not(:last-child) > .btn, .pager__items > .pager__items:not(:last-child) > .btn, .tcx-task--navigation .btn--group > .btn--group:not(:last-child) > .item--prev, .tcx-task--navigation .pager__items > .btn--group:not(:last-child) > .item--prev, .tcx-task--navigation .btn--group > .pager__items:not(:last-child) > .item--prev, .tcx-task--navigation .pager__items > .pager__items:not(:last-child) > .item--prev, .tcx-task--navigation .btn--group > .btn--group:not(:last-child) > .item--next, .tcx-task--navigation .pager__items > .btn--group:not(:last-child) > .item--next, .tcx-task--navigation .btn--group > .pager__items:not(:last-child) > .item--next, .tcx-task--navigation .pager__items > .pager__items:not(:last-child) > .item--next,
.btn--group > .btn:not(:last-child):not(.dropdown-toggle),
.pager__items > .btn:not(:last-child):not(.dropdown-toggle),
.tcx-task--navigation .btn--group > .item--prev:not(:last-child):not(.dropdown-toggle),
.tcx-task--navigation .pager__items > .item--prev:not(:last-child):not(.dropdown-toggle),
.tcx-task--navigation .btn--group > .item--next:not(:last-child):not(.dropdown-toggle),
.tcx-task--navigation .pager__items > .item--next:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.btn--group > .btn--group:not(:first-child) > .btn, .pager__items > .btn--group:not(:first-child) > .btn, .btn--group > .pager__items:not(:first-child) > .btn, .pager__items > .pager__items:not(:first-child) > .btn, .tcx-task--navigation .btn--group > .btn--group:not(:first-child) > .item--prev, .tcx-task--navigation .pager__items > .btn--group:not(:first-child) > .item--prev, .tcx-task--navigation .btn--group > .pager__items:not(:first-child) > .item--prev, .tcx-task--navigation .pager__items > .pager__items:not(:first-child) > .item--prev, .tcx-task--navigation .btn--group > .btn--group:not(:first-child) > .item--next, .tcx-task--navigation .pager__items > .btn--group:not(:first-child) > .item--next, .tcx-task--navigation .btn--group > .pager__items:not(:first-child) > .item--next, .tcx-task--navigation .pager__items > .pager__items:not(:first-child) > .item--next,
.btn--group > .btn:not(:first-child),
.pager__items > .btn:not(:first-child),
.tcx-task--navigation .btn--group > .item--prev:not(:first-child),
.tcx-task--navigation .pager__items > .item--prev:not(:first-child),
.tcx-task--navigation .btn--group > .item--next:not(:first-child),
.tcx-task--navigation .pager__items > .item--next:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.btn--group .btn + .btn, .pager__items .btn + .btn, .btn--group .tcx-task--navigation .item--prev + .btn, .tcx-task--navigation .btn--group .item--prev + .btn, .pager__items .tcx-task--navigation .item--prev + .btn, .tcx-task--navigation .pager__items .item--prev + .btn, .btn--group .tcx-task--navigation .item--next + .btn, .tcx-task--navigation .btn--group .item--next + .btn, .pager__items .tcx-task--navigation .item--next + .btn, .tcx-task--navigation .pager__items .item--next + .btn, .btn--group .tcx-task--navigation .btn + .item--prev, .tcx-task--navigation .btn--group .btn + .item--prev, .pager__items .tcx-task--navigation .btn + .item--prev, .tcx-task--navigation .pager__items .btn + .item--prev, .btn--group .tcx-task--navigation .item--prev + .item--prev, .tcx-task--navigation .btn--group .item--prev + .item--prev, .pager__items .tcx-task--navigation .item--prev + .item--prev, .tcx-task--navigation .pager__items .item--prev + .item--prev, .btn--group .tcx-task--navigation .item--next + .item--prev, .tcx-task--navigation .btn--group .item--next + .item--prev, .pager__items .tcx-task--navigation .item--next + .item--prev, .tcx-task--navigation .pager__items .item--next + .item--prev, .btn--group .tcx-task--navigation .btn + .item--next, .tcx-task--navigation .btn--group .btn + .item--next, .pager__items .tcx-task--navigation .btn + .item--next, .tcx-task--navigation .pager__items .btn + .item--next, .btn--group .tcx-task--navigation .item--prev + .item--next, .tcx-task--navigation .btn--group .item--prev + .item--next, .pager__items .tcx-task--navigation .item--prev + .item--next, .tcx-task--navigation .pager__items .item--prev + .item--next, .btn--group .tcx-task--navigation .item--next + .item--next, .tcx-task--navigation .btn--group .item--next + .item--next, .pager__items .tcx-task--navigation .item--next + .item--next, .tcx-task--navigation .pager__items .item--next + .item--next,
.btn--group .btn + .btn--group,
.pager__items .btn + .btn--group,
.btn--group .tcx-task--navigation .item--prev + .btn--group,
.tcx-task--navigation .btn--group .item--prev + .btn--group,
.pager__items .tcx-task--navigation .item--prev + .btn--group,
.tcx-task--navigation .pager__items .item--prev + .btn--group,
.btn--group .tcx-task--navigation .item--next + .btn--group,
.tcx-task--navigation .btn--group .item--next + .btn--group,
.pager__items .tcx-task--navigation .item--next + .btn--group,
.tcx-task--navigation .pager__items .item--next + .btn--group,
.btn--group .btn + .pager__items,
.pager__items .btn + .pager__items,
.btn--group .tcx-task--navigation .item--prev + .pager__items,
.tcx-task--navigation .btn--group .item--prev + .pager__items,
.pager__items .tcx-task--navigation .item--prev + .pager__items,
.tcx-task--navigation .pager__items .item--prev + .pager__items,
.btn--group .tcx-task--navigation .item--next + .pager__items,
.tcx-task--navigation .btn--group .item--next + .pager__items,
.pager__items .tcx-task--navigation .item--next + .pager__items,
.tcx-task--navigation .pager__items .item--next + .pager__items,
.btn--group .btn--group + .btn,
.pager__items .btn--group + .btn,
.btn--group .pager__items + .btn,
.pager__items .pager__items + .btn,
.btn--group .tcx-task--navigation .btn--group + .item--prev,
.tcx-task--navigation .btn--group .btn--group + .item--prev,
.pager__items .tcx-task--navigation .btn--group + .item--prev,
.tcx-task--navigation .pager__items .btn--group + .item--prev,
.btn--group .tcx-task--navigation .pager__items + .item--prev,
.tcx-task--navigation .btn--group .pager__items + .item--prev,
.pager__items .tcx-task--navigation .pager__items + .item--prev,
.tcx-task--navigation .pager__items .pager__items + .item--prev,
.btn--group .tcx-task--navigation .btn--group + .item--next,
.tcx-task--navigation .btn--group .btn--group + .item--next,
.pager__items .tcx-task--navigation .btn--group + .item--next,
.tcx-task--navigation .pager__items .btn--group + .item--next,
.btn--group .tcx-task--navigation .pager__items + .item--next,
.tcx-task--navigation .btn--group .pager__items + .item--next,
.pager__items .tcx-task--navigation .pager__items + .item--next,
.tcx-task--navigation .pager__items .pager__items + .item--next,
.btn--group .btn--group + .btn--group,
.pager__items .btn--group + .btn--group,
.btn--group .pager__items + .btn--group,
.pager__items .pager__items + .btn--group,
.btn--group .btn--group + .pager__items,
.pager__items .btn--group + .pager__items,
.btn--group .pager__items + .pager__items,
.pager__items .pager__items + .pager__items,
.btn--group-vertical .btn + .btn,
.btn--group-vertical .tcx-task--navigation .item--prev + .btn,
.tcx-task--navigation .btn--group-vertical .item--prev + .btn,
.btn--group-vertical .tcx-task--navigation .item--next + .btn,
.tcx-task--navigation .btn--group-vertical .item--next + .btn,
.btn--group-vertical .tcx-task--navigation .btn + .item--prev,
.tcx-task--navigation .btn--group-vertical .btn + .item--prev,
.btn--group-vertical .tcx-task--navigation .item--prev + .item--prev,
.tcx-task--navigation .btn--group-vertical .item--prev + .item--prev,
.btn--group-vertical .tcx-task--navigation .item--next + .item--prev,
.tcx-task--navigation .btn--group-vertical .item--next + .item--prev,
.btn--group-vertical .tcx-task--navigation .btn + .item--next,
.tcx-task--navigation .btn--group-vertical .btn + .item--next,
.btn--group-vertical .tcx-task--navigation .item--prev + .item--next,
.tcx-task--navigation .btn--group-vertical .item--prev + .item--next,
.btn--group-vertical .tcx-task--navigation .item--next + .item--next,
.tcx-task--navigation .btn--group-vertical .item--next + .item--next,
.btn--group-vertical .btn + .btn--group,
.btn--group-vertical .tcx-task--navigation .item--prev + .btn--group,
.tcx-task--navigation .btn--group-vertical .item--prev + .btn--group,
.btn--group-vertical .tcx-task--navigation .item--next + .btn--group,
.tcx-task--navigation .btn--group-vertical .item--next + .btn--group,
.btn--group-vertical .btn + .pager__items,
.btn--group-vertical .tcx-task--navigation .item--prev + .pager__items,
.tcx-task--navigation .btn--group-vertical .item--prev + .pager__items,
.btn--group-vertical .tcx-task--navigation .item--next + .pager__items,
.tcx-task--navigation .btn--group-vertical .item--next + .pager__items,
.btn--group-vertical .btn--group + .btn,
.btn--group-vertical .pager__items + .btn,
.btn--group-vertical .tcx-task--navigation .btn--group + .item--prev,
.tcx-task--navigation .btn--group-vertical .btn--group + .item--prev,
.btn--group-vertical .tcx-task--navigation .pager__items + .item--prev,
.tcx-task--navigation .btn--group-vertical .pager__items + .item--prev,
.btn--group-vertical .tcx-task--navigation .btn--group + .item--next,
.tcx-task--navigation .btn--group-vertical .btn--group + .item--next,
.btn--group-vertical .tcx-task--navigation .pager__items + .item--next,
.tcx-task--navigation .btn--group-vertical .pager__items + .item--next,
.btn--group-vertical .btn--group + .btn--group,
.btn--group-vertical .pager__items + .btn--group,
.btn--group-vertical .btn--group + .pager__items,
.btn--group-vertical .pager__items + .pager__items {
  margin-left: -1px; }

.btn--group > .btn, .pager__items > .btn, .tcx-task--navigation .btn--group > .item--prev, .tcx-task--navigation .pager__items > .item--prev, .tcx-task--navigation .btn--group > .item--next, .tcx-task--navigation .pager__items > .item--next {
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto; }

.btn--group, .pager__items {
  margin-bottom: 2rem; }

.btn--group > .btn--group:not(:last-child) > .btn, .pager__items > .btn--group:not(:last-child) > .btn, .btn--group > .pager__items:not(:last-child) > .btn, .pager__items > .pager__items:not(:last-child) > .btn, .tcx-task--navigation .btn--group > .btn--group:not(:last-child) > .item--prev, .tcx-task--navigation .pager__items > .btn--group:not(:last-child) > .item--prev, .tcx-task--navigation .btn--group > .pager__items:not(:last-child) > .item--prev, .tcx-task--navigation .pager__items > .pager__items:not(:last-child) > .item--prev, .tcx-task--navigation .btn--group > .btn--group:not(:last-child) > .item--next, .tcx-task--navigation .pager__items > .btn--group:not(:last-child) > .item--next, .tcx-task--navigation .btn--group > .pager__items:not(:last-child) > .item--next, .tcx-task--navigation .pager__items > .pager__items:not(:last-child) > .item--next,
.btn--group > .btn:not(:last-child):not(.dropdown-toggle),
.pager__items > .btn:not(:last-child):not(.dropdown-toggle),
.tcx-task--navigation .btn--group > .item--prev:not(:last-child):not(.dropdown-toggle),
.tcx-task--navigation .pager__items > .item--prev:not(:last-child):not(.dropdown-toggle),
.tcx-task--navigation .btn--group > .item--next:not(:last-child):not(.dropdown-toggle),
.tcx-task--navigation .pager__items > .item--next:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.btn--group > .btn--group:not(:first-child) > .btn, .pager__items > .btn--group:not(:first-child) > .btn, .btn--group > .pager__items:not(:first-child) > .btn, .pager__items > .pager__items:not(:first-child) > .btn, .tcx-task--navigation .btn--group > .btn--group:not(:first-child) > .item--prev, .tcx-task--navigation .pager__items > .btn--group:not(:first-child) > .item--prev, .tcx-task--navigation .btn--group > .pager__items:not(:first-child) > .item--prev, .tcx-task--navigation .pager__items > .pager__items:not(:first-child) > .item--prev, .tcx-task--navigation .btn--group > .btn--group:not(:first-child) > .item--next, .tcx-task--navigation .pager__items > .btn--group:not(:first-child) > .item--next, .tcx-task--navigation .btn--group > .pager__items:not(:first-child) > .item--next, .tcx-task--navigation .pager__items > .pager__items:not(:first-child) > .item--next,
.btn--group > .btn:not(:first-child),
.pager__items > .btn:not(:first-child),
.tcx-task--navigation .btn--group > .item--prev:not(:first-child),
.tcx-task--navigation .pager__items > .item--prev:not(:first-child),
.tcx-task--navigation .btn--group > .item--next:not(:first-child),
.tcx-task--navigation .pager__items > .item--next:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.btn--group .btn + .btn, .pager__items .btn + .btn, .btn--group .tcx-task--navigation .item--prev + .btn, .tcx-task--navigation .btn--group .item--prev + .btn, .pager__items .tcx-task--navigation .item--prev + .btn, .tcx-task--navigation .pager__items .item--prev + .btn, .btn--group .tcx-task--navigation .item--next + .btn, .tcx-task--navigation .btn--group .item--next + .btn, .pager__items .tcx-task--navigation .item--next + .btn, .tcx-task--navigation .pager__items .item--next + .btn, .btn--group .tcx-task--navigation .btn + .item--prev, .tcx-task--navigation .btn--group .btn + .item--prev, .pager__items .tcx-task--navigation .btn + .item--prev, .tcx-task--navigation .pager__items .btn + .item--prev, .btn--group .tcx-task--navigation .item--prev + .item--prev, .tcx-task--navigation .btn--group .item--prev + .item--prev, .pager__items .tcx-task--navigation .item--prev + .item--prev, .tcx-task--navigation .pager__items .item--prev + .item--prev, .btn--group .tcx-task--navigation .item--next + .item--prev, .tcx-task--navigation .btn--group .item--next + .item--prev, .pager__items .tcx-task--navigation .item--next + .item--prev, .tcx-task--navigation .pager__items .item--next + .item--prev, .btn--group .tcx-task--navigation .btn + .item--next, .tcx-task--navigation .btn--group .btn + .item--next, .pager__items .tcx-task--navigation .btn + .item--next, .tcx-task--navigation .pager__items .btn + .item--next, .btn--group .tcx-task--navigation .item--prev + .item--next, .tcx-task--navigation .btn--group .item--prev + .item--next, .pager__items .tcx-task--navigation .item--prev + .item--next, .tcx-task--navigation .pager__items .item--prev + .item--next, .btn--group .tcx-task--navigation .item--next + .item--next, .tcx-task--navigation .btn--group .item--next + .item--next, .pager__items .tcx-task--navigation .item--next + .item--next, .tcx-task--navigation .pager__items .item--next + .item--next,
.btn--group .btn + .btn--group,
.pager__items .btn + .btn--group,
.btn--group .tcx-task--navigation .item--prev + .btn--group,
.tcx-task--navigation .btn--group .item--prev + .btn--group,
.pager__items .tcx-task--navigation .item--prev + .btn--group,
.tcx-task--navigation .pager__items .item--prev + .btn--group,
.btn--group .tcx-task--navigation .item--next + .btn--group,
.tcx-task--navigation .btn--group .item--next + .btn--group,
.pager__items .tcx-task--navigation .item--next + .btn--group,
.tcx-task--navigation .pager__items .item--next + .btn--group,
.btn--group .btn + .pager__items,
.pager__items .btn + .pager__items,
.btn--group .tcx-task--navigation .item--prev + .pager__items,
.tcx-task--navigation .btn--group .item--prev + .pager__items,
.pager__items .tcx-task--navigation .item--prev + .pager__items,
.tcx-task--navigation .pager__items .item--prev + .pager__items,
.btn--group .tcx-task--navigation .item--next + .pager__items,
.tcx-task--navigation .btn--group .item--next + .pager__items,
.pager__items .tcx-task--navigation .item--next + .pager__items,
.tcx-task--navigation .pager__items .item--next + .pager__items,
.btn--group .btn--group + .btn,
.pager__items .btn--group + .btn,
.btn--group .pager__items + .btn,
.pager__items .pager__items + .btn,
.btn--group .tcx-task--navigation .btn--group + .item--prev,
.tcx-task--navigation .btn--group .btn--group + .item--prev,
.pager__items .tcx-task--navigation .btn--group + .item--prev,
.tcx-task--navigation .pager__items .btn--group + .item--prev,
.btn--group .tcx-task--navigation .pager__items + .item--prev,
.tcx-task--navigation .btn--group .pager__items + .item--prev,
.pager__items .tcx-task--navigation .pager__items + .item--prev,
.tcx-task--navigation .pager__items .pager__items + .item--prev,
.btn--group .tcx-task--navigation .btn--group + .item--next,
.tcx-task--navigation .btn--group .btn--group + .item--next,
.pager__items .tcx-task--navigation .btn--group + .item--next,
.tcx-task--navigation .pager__items .btn--group + .item--next,
.btn--group .tcx-task--navigation .pager__items + .item--next,
.tcx-task--navigation .btn--group .pager__items + .item--next,
.pager__items .tcx-task--navigation .pager__items + .item--next,
.tcx-task--navigation .pager__items .pager__items + .item--next,
.btn--group .btn--group + .btn--group,
.pager__items .btn--group + .btn--group,
.btn--group .pager__items + .btn--group,
.pager__items .pager__items + .btn--group,
.btn--group .btn--group + .pager__items,
.pager__items .btn--group + .pager__items,
.btn--group .pager__items + .pager__items,
.pager__items .pager__items + .pager__items,
.btn--group-vertical .btn + .btn,
.btn--group-vertical .tcx-task--navigation .item--prev + .btn,
.tcx-task--navigation .btn--group-vertical .item--prev + .btn,
.btn--group-vertical .tcx-task--navigation .item--next + .btn,
.tcx-task--navigation .btn--group-vertical .item--next + .btn,
.btn--group-vertical .tcx-task--navigation .btn + .item--prev,
.tcx-task--navigation .btn--group-vertical .btn + .item--prev,
.btn--group-vertical .tcx-task--navigation .item--prev + .item--prev,
.tcx-task--navigation .btn--group-vertical .item--prev + .item--prev,
.btn--group-vertical .tcx-task--navigation .item--next + .item--prev,
.tcx-task--navigation .btn--group-vertical .item--next + .item--prev,
.btn--group-vertical .tcx-task--navigation .btn + .item--next,
.tcx-task--navigation .btn--group-vertical .btn + .item--next,
.btn--group-vertical .tcx-task--navigation .item--prev + .item--next,
.tcx-task--navigation .btn--group-vertical .item--prev + .item--next,
.btn--group-vertical .tcx-task--navigation .item--next + .item--next,
.tcx-task--navigation .btn--group-vertical .item--next + .item--next,
.btn--group-vertical .btn + .btn--group,
.btn--group-vertical .tcx-task--navigation .item--prev + .btn--group,
.tcx-task--navigation .btn--group-vertical .item--prev + .btn--group,
.btn--group-vertical .tcx-task--navigation .item--next + .btn--group,
.tcx-task--navigation .btn--group-vertical .item--next + .btn--group,
.btn--group-vertical .btn + .pager__items,
.btn--group-vertical .tcx-task--navigation .item--prev + .pager__items,
.tcx-task--navigation .btn--group-vertical .item--prev + .pager__items,
.btn--group-vertical .tcx-task--navigation .item--next + .pager__items,
.tcx-task--navigation .btn--group-vertical .item--next + .pager__items,
.btn--group-vertical .btn--group + .btn,
.btn--group-vertical .pager__items + .btn,
.btn--group-vertical .tcx-task--navigation .btn--group + .item--prev,
.tcx-task--navigation .btn--group-vertical .btn--group + .item--prev,
.btn--group-vertical .tcx-task--navigation .pager__items + .item--prev,
.tcx-task--navigation .btn--group-vertical .pager__items + .item--prev,
.btn--group-vertical .tcx-task--navigation .btn--group + .item--next,
.tcx-task--navigation .btn--group-vertical .btn--group + .item--next,
.btn--group-vertical .tcx-task--navigation .pager__items + .item--next,
.tcx-task--navigation .btn--group-vertical .pager__items + .item--next,
.btn--group-vertical .btn--group + .btn--group,
.btn--group-vertical .pager__items + .btn--group,
.btn--group-vertical .btn--group + .pager__items,
.btn--group-vertical .pager__items + .pager__items {
  margin-left: -1px; }

.btn--group > .btn, .pager__items > .btn, .tcx-task--navigation .btn--group > .item--prev, .tcx-task--navigation .pager__items > .item--prev, .tcx-task--navigation .btn--group > .item--next, .tcx-task--navigation .pager__items > .item--next {
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto; }

.link--modal-info {
  outline: none;
  text-indent: -9999px;
  vertical-align: middle;
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url(../icons/icon_info.svg);
  background-repeat: no-repeat; }

.link--modal-info2 {
  outline: none;
  text-indent: -9999px;
  vertical-align: middle;
  display: inline-block;
  width: 27px;
  height: 27px;
  background-image: url(../icons/icon_info2.svg);
  background-repeat: no-repeat; }

.block--tcx-business-logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 3.8125rem;
  margin: 4px 15px;
  border-radius: 8px; }
  .block--tcx-business-logo.has-logo {
    background-color: #fff; }
  .block--tcx-business-logo .logo-business {
    display: block; }

.block-user-dropdown {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 15px;
  padding-left: 15px;
  position: relative; }
  .block-user-dropdown:hover .user-details {
    color: #BBC4CF; }
  .block-user-dropdown:hover .user-dropdown--toggle:before {
    border-top-color: #BBC4CF; }
  .block-user-dropdown .user-details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #FFF; }
    .block-user-dropdown .user-details > img {
      width: 42px;
      height: 42px;
      margin-right: 15px;
      border: 2px solid #00AE42;
      border-radius: 50%; }
  .block-user-dropdown a {
    text-decoration: none;
    color: #FFF; }
  .block-user-dropdown .user-dropdown--toggle {
    cursor: pointer;
    width: 20px;
    height: 0;
    margin-left: 10px;
    position: relative; }
    .block-user-dropdown .user-dropdown--toggle:before {
      content: '';
      border-top: 0.5em solid #FFF;
      border-right: .5em solid transparent;
      border-bottom: 0;
      border-left: .5em solid transparent;
      -webkit-transition: border-top-color 0.2s ease-in-out;
      transition: border-top-color 0.2s ease-in-out;
      position: absolute;
      top: 50%;
      -webkit-transform: translate(0, -50%);
          -ms-transform: translate(0, -50%);
              transform: translate(0, -50%); }
  .block-user-dropdown ul.menu {
    overflow: hidden;
    display: none;
    min-width: 100%;
    border-radius: 0 0 8px 8px;
    position: absolute;
    right: 0;
    bottom: -10px;
    -webkit-transform: translate(0, 100%);
        -ms-transform: translate(0, 100%);
            transform: translate(0, 100%);
    z-index: 1000;
    background-color: #595959; }
    .block-user-dropdown ul.menu.active {
      display: block; }
    .block-user-dropdown ul.menu li a {
      white-space: nowrap; }

form {
  display: block; }
  form div {
    display: block; }
  form .captcha {
    margin-bottom: 2em; }
  form .form-item,
  form .form-actions {
    margin-bottom: 2em; }
    form .form-item.form-item-roles-tcx-level1,
    form .form-actions.form-item-roles-tcx-level1 {
      margin-bottom: 0; }
    form .form-item.form-item-toolkits,
    form .form-actions.form-item-toolkits {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      min-height: 80px;
      background-color: #e8ebef;
      padding: 20px; }
      form .form-item.form-item-toolkits label,
      form .form-actions.form-item-toolkits label {
        margin-bottom: 0; }
      form .form-item.form-item-toolkits .select,
      form .form-actions.form-item-toolkits .select {
        max-width: 308px;
        margin-left: 14px; }
  form .form-actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
    @media (min-width: 48em) {
      form .form-actions {
        display: block; } }
    form .form-actions .btn + .btn, form .form-actions .tcx-task--navigation .item--prev + .btn, .tcx-task--navigation form .form-actions .item--prev + .btn, form .form-actions .tcx-task--navigation .item--next + .btn, .tcx-task--navigation form .form-actions .item--next + .btn, form .form-actions .tcx-task--navigation .btn + .item--prev, .tcx-task--navigation form .form-actions .btn + .item--prev, form .form-actions .tcx-task--navigation .item--prev + .item--prev, .tcx-task--navigation form .form-actions .item--prev + .item--prev, form .form-actions .tcx-task--navigation .item--next + .item--prev, .tcx-task--navigation form .form-actions .item--next + .item--prev, form .form-actions .tcx-task--navigation .btn + .item--next, .tcx-task--navigation form .form-actions .btn + .item--next, form .form-actions .tcx-task--navigation .item--prev + .item--next, .tcx-task--navigation form .form-actions .item--prev + .item--next, form .form-actions .tcx-task--navigation .item--next + .item--next, .tcx-task--navigation form .form-actions .item--next + .item--next,
    form .form-actions .btn + .button,
    form .form-actions .tcx-task--navigation .item--prev + .button,
    .tcx-task--navigation form .form-actions .item--prev + .button,
    form .form-actions .tcx-task--navigation .item--next + .button,
    .tcx-task--navigation form .form-actions .item--next + .button,
    form .form-actions .button + .btn,
    form .form-actions .tcx-task--navigation .button + .item--prev,
    .tcx-task--navigation form .form-actions .button + .item--prev,
    form .form-actions .tcx-task--navigation .button + .item--next,
    .tcx-task--navigation form .form-actions .button + .item--next,
    form .form-actions .button + .button {
      margin-top: 5px; }
      @media (min-width: 48em) {
        form .form-actions .btn + .btn, form .form-actions .tcx-task--navigation .item--prev + .btn, .tcx-task--navigation form .form-actions .item--prev + .btn, form .form-actions .tcx-task--navigation .item--next + .btn, .tcx-task--navigation form .form-actions .item--next + .btn, form .form-actions .tcx-task--navigation .btn + .item--prev, .tcx-task--navigation form .form-actions .btn + .item--prev, form .form-actions .tcx-task--navigation .item--prev + .item--prev, .tcx-task--navigation form .form-actions .item--prev + .item--prev, form .form-actions .tcx-task--navigation .item--next + .item--prev, .tcx-task--navigation form .form-actions .item--next + .item--prev, form .form-actions .tcx-task--navigation .btn + .item--next, .tcx-task--navigation form .form-actions .btn + .item--next, form .form-actions .tcx-task--navigation .item--prev + .item--next, .tcx-task--navigation form .form-actions .item--prev + .item--next, form .form-actions .tcx-task--navigation .item--next + .item--next, .tcx-task--navigation form .form-actions .item--next + .item--next,
        form .form-actions .btn + .button,
        form .form-actions .tcx-task--navigation .item--prev + .button,
        .tcx-task--navigation form .form-actions .item--prev + .button,
        form .form-actions .tcx-task--navigation .item--next + .button,
        .tcx-task--navigation form .form-actions .item--next + .button,
        form .form-actions .button + .btn,
        form .form-actions .tcx-task--navigation .button + .item--prev,
        .tcx-task--navigation form .form-actions .button + .item--prev,
        form .form-actions .tcx-task--navigation .button + .item--next,
        .tcx-task--navigation form .form-actions .button + .item--next,
        form .form-actions .button + .button {
          margin-top: 0;
          margin-left: .3em; } }
  form .form-radio {
    margin-bottom: 0; }
  form .form--radios {
    margin-bottom: 2em; }
    form .form--radios .form-item:last-child {
      margin-bottom: 0; }
  form .form-composite > legend {
    margin-bottom: 1em; }
  form .form-composite .form--radios {
    margin-bottom: 0; }
  form .form-managed-file input {
    vertical-align: top;
    height: auto; }
  form .form-managed-file img {
    vertical-align: top;
    display: inline-block;
    border: 1px solid #595959;
    border-radius: 50%; }
  form .form-managed-file + .help-block {
    margin-top: 1.35em; }
  form .form-tcx-dual-listbox.form-invalid .dual-listbox__selected {
    border-color: #f00; }
  form .form-textarea + .filter-wrapper {
    margin-top: -2em; }
  form .filter-wrapper ul {
    margin-top: 20px; }
  form label {
    display: inline-block;
    margin-bottom: 0.5em;
    max-width: 100%;
    font-weight: 700; }
  form .form-popover-details {
    margin-bottom: 2em;
    color: #000; }
    form .form-popover-details > .form-details-content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      padding: 24px 26px 28px 12px;
      border: 1px solid #cacaca;
      border-radius: 8px;
      position: absolute;
      z-index: 1000;
      background-color: #fff; }
      form .form-popover-details > .form-details-content .form-item {
        max-width: none;
        -webkit-box-flex: 1;
            -ms-flex: 1 1 auto;
                flex: 1 1 auto; }
      form .form-popover-details > .form-details-content .form-actions {
        -webkit-box-flex: 0;
            -ms-flex: 0 1 100%;
                flex: 0 1 100%;
        margin-bottom: 0;
        text-align: right; }
    form .form-popover-details .form-checkbox.form-item {
      margin-bottom: 18px;
      /* it should be 20px but 2px is added by line-height */ }

label.form-required:after {
  content: '*';
  margin-left: 5px; }

legend {
  display: inline-block;
  margin-bottom: 0.5em;
  max-width: 100%;
  font-weight: 700;
  padding-left: 0; }

form input,
form textarea {
  padding: 6px 12px;
  border: 1px solid gray;
  background-color: #FFF;
  background-image: none;
  font-size: 1rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 0.5em;
  -webkit-transition: border-color 0.2s ease-in-out;
  transition: border-color 0.2s ease-in-out;
  -webkit-transition: box-shadow 0.2s ease-in-out;
  -webkit-transition: -webkit-box-shadow 0.2s ease-in-out;
  transition: -webkit-box-shadow 0.2s ease-in-out;
  transition: box-shadow 0.2s ease-in-out;
  transition: box-shadow 0.2s ease-in-out, -webkit-box-shadow 0.2s ease-in-out; }
  form input[type="text"], form input[type="email"], form input[type="url"], form input[type="password"],
  form textarea[type="text"],
  form textarea[type="email"],
  form textarea[type="url"],
  form textarea[type="password"] {
    display: block;
    width: 100%; }
  form input:focus,
  form textarea:focus {
    outline: 0;
    border-color: #00AE42;
    -webkit-box-shadow: 0px 0px 5px #00AE42;
    box-shadow: 0px 0px 5px #00AE42; }

form input {
  height: 2.7em; }

form textarea {
  display: block;
  width: 100%; }

form input.checked {
  border-color: #008533; }

form input.error {
  border-color: #BF2406; }

form input.checked,
form input.error {
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 30px auto;
  padding-right: 40px; }

form input.checked {
  background-image: url(../images/icons/icon--checked-01.svg); }

form input.error {
  background-image: url(../images/icons/icon--cancel-01.svg); }

form label.control {
  position: relative;
  display: block;
  margin-bottom: 15px;
  padding-left: 30px;
  font-weight: 400;
  cursor: pointer;
  /* Hover and focus states */
  /* Checked state */
  /* Hover state whilst checked */
  /* Disabled state */
  /* Show check mark */
  /* Checkbox tick */
  /* Disabled tick colour */
  /* Radio button inner circle */
  /* Disabled circle colour */ }
  form label.control input {
    position: absolute;
    z-index: -1;
    opacity: 0;
    filter: alpha(opacity=0); }
  form label.control .control__indicator {
    position: absolute;
    top: 2px;
    left: 0;
    width: 20px;
    height: 20px;
    border: 1px solid gray;
    background: #f2f2f2;
    /* Check mark */ }
    form label.control .control__indicator:after {
      position: absolute;
      display: none;
      content: ''; }
  form label.control.control--radio .control__indicator {
    border-radius: 50%; }
  form label.control:hover input ~ .control__indicator,
  form label.control input:focus ~ .control__indicator {
    background: #f7f7f7; }
  form label.control input:checked ~ .control__indicator {
    border-color: #008533;
    background: #008533; }
  form label.control:hover input:not([disabled]):checked ~ .control__indicator,
  form label.control input:checked:focus ~ .control__indicator {
    border-color: #006c29;
    background: #006c29; }
  form label.control input:disabled ~ .control__indicator {
    pointer-events: none;
    border-color: gray;
    background: #f2f2f2;
    opacity: 0.5;
    filter: alpha(opacity=50); }
  form label.control input:checked ~ .control__indicator:after {
    display: block; }
  form label.control.control--checkbox .control__indicator:after {
    top: 4px;
    left: 8px;
    width: 3px;
    height: 8px;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    border: solid #FFF;
    border-width: 0 2px 2px 0; }
  form label.control.control--checkbox input:disabled ~ .control__indicator:after {
    border-color: #666666; }
  form label.control.control--radio .control__indicator:after {
    top: 6px;
    left: 6px;
    width: 6px;
    height: 6px;
    background: #FFF;
    border-radius: 50%; }
  form label.control.control--radio input:disabled ~ .control__indicator:after {
    background: #666666; }

form .select {
  position: relative;
  display: inline-block;
  width: 100%; }
  form .select:not(:last-child) {
    margin-bottom: 15px; }
  form .select select {
    display: inline-block;
    padding: 10px 15px;
    width: 100%;
    border: 1px solid gray;
    background-color: #FFF;
    color: #595959;
    outline: 0;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 5px;
    font-size: 1rem; }
    form .select select.error {
      border-color: #BF2406; }
  form .select option {
    font-size: 1rem; }
  form .select select::-ms-expand {
    display: none; }
  form .select select:hover,
  form .select select:focus {
    background-color: #f2f2f2; }
  form .select select:disabled {
    pointer-events: none;
    opacity: 0.5;
    filter: alpha(opacity=50); }
  form .select .select__arrow {
    position: absolute;
    top: 16px;
    right: 15px;
    width: 0;
    height: 0;
    pointer-events: none;
    border-width: 8px 5px 0 5px;
    border-style: solid;
    border-color: #666666 transparent transparent transparent; }
  form .select select:hover ~ .select__arrow,
  form .select select:focus ~ .select__arrow {
    border-top-color: #595959; }
  form .select select:disabled ~ .select__arrow {
    opacity: 0.5;
    filter: alpha(opacity=50); }

form input[type="submit"],
form input[type="reset"] {
  display: inline-block;
  padding: 9.6px 36px 12px;
  height: auto;
  font-size: 16px;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  line-height: 1.5;
  white-space: no-wrap;
  cursor: pointer;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border-radius: 6px; }

form input[type="submit"] {
  border-color: #008533;
  background-color: #008533;
  color: #FFF; }
  form input[type="submit"]:hover, form input[type="submit"]:active {
    border-color: #00521f;
    background-color: #00521f; }

form input[type="reset"] {
  border: 1px solid gray;
  background-color: #FFF;
  color: #595959; }
  form input[type="reset"]:hover, form input[type="reset"]:active {
    background-color: #cccccc;
    color: #333333; }

@media (min-width: 60em) {
  .views-exposed-form .form-item {
    max-width: 50%; } }

.views-exposed-form .form-actions {
  display: block; }
  .views-exposed-form .form-actions .btn + .btn, .views-exposed-form .form-actions .tcx-task--navigation .item--prev + .btn, .tcx-task--navigation .views-exposed-form .form-actions .item--prev + .btn, .views-exposed-form .form-actions .tcx-task--navigation .item--next + .btn, .tcx-task--navigation .views-exposed-form .form-actions .item--next + .btn, .views-exposed-form .form-actions .tcx-task--navigation .btn + .item--prev, .tcx-task--navigation .views-exposed-form .form-actions .btn + .item--prev, .views-exposed-form .form-actions .tcx-task--navigation .item--prev + .item--prev, .tcx-task--navigation .views-exposed-form .form-actions .item--prev + .item--prev, .views-exposed-form .form-actions .tcx-task--navigation .item--next + .item--prev, .tcx-task--navigation .views-exposed-form .form-actions .item--next + .item--prev, .views-exposed-form .form-actions .tcx-task--navigation .btn + .item--next, .tcx-task--navigation .views-exposed-form .form-actions .btn + .item--next, .views-exposed-form .form-actions .tcx-task--navigation .item--prev + .item--next, .tcx-task--navigation .views-exposed-form .form-actions .item--prev + .item--next, .views-exposed-form .form-actions .tcx-task--navigation .item--next + .item--next, .tcx-task--navigation .views-exposed-form .form-actions .item--next + .item--next,
  .views-exposed-form .form-actions .btn + .button,
  .views-exposed-form .form-actions .tcx-task--navigation .item--prev + .button,
  .tcx-task--navigation .views-exposed-form .form-actions .item--prev + .button,
  .views-exposed-form .form-actions .tcx-task--navigation .item--next + .button,
  .tcx-task--navigation .views-exposed-form .form-actions .item--next + .button,
  .views-exposed-form .form-actions .button + .btn,
  .views-exposed-form .form-actions .tcx-task--navigation .button + .item--prev,
  .tcx-task--navigation .views-exposed-form .form-actions .button + .item--prev,
  .views-exposed-form .form-actions .tcx-task--navigation .button + .item--next,
  .tcx-task--navigation .views-exposed-form .form-actions .button + .item--next,
  .views-exposed-form .form-actions .button + .button {
    margin-top: 0;
    margin-left: .3em; }

form .captcha img {
  margin-bottom: 1em; }
  form .captcha img + .form-item-captcha-response {
    margin-bottom: 0; }

form .form-item-captcha-response {
  margin-bottom: 0; }
  @media (min-width: 48em) {
    form .form-item-captcha-response .form-text {
      width: 50%; } }
  @media (min-width: 60em) {
    form .form-item-captcha-response .form-text {
      width: 25%; } }

table {
  display: table;
  margin-bottom: 2em;
  width: 100%;
  max-width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
  border-color: #a6a6a6;
  background-color: transparent;
  font-size: 16px;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  line-height: 1.5; }
  table caption {
    padding: 8px 0;
    text-align: left; }
  table thead {
    display: table-header-group;
    vertical-align: top;
    border-color: inherit; }
  table tbody {
    display: table-row-group;
    vertical-align: top;
    border-color: inherit; }
  table tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit; }
  table th {
    display: table-cell;
    text-align: left;
    font-weight: bold; }
  table td {
    display: table-cell;
    border: 1px solid #a6a6a6; }
  table thead > tr > th,
  table tbody > tr > th,
  table tbody > tr > td {
    padding: 8px;
    border: 1px solid #a6a6a6;
    vertical-align: top; }
  table thead > tr > th {
    border-bottom: 2px solid #a6a6a6; }
  table tbody > tr:hover,
  table tbody > tr:active {
    background-color: #DAF7D5; }

.table--no-border td {
  border: none;
  border-top: 1px solid #a6a6a6; }

.table--no-border tbody > tr > th,
.table--no-border tbody > tr > td {
  border: none;
  border-top: 1px solid #a6a6a6; }

.table--no-border thead > tr > th {
  border: none;
  border-bottom: 2px solid #a6a6a6; }

.table--no-border tbody > tr:last-of-type {
  border-bottom: 1px solid #a6a6a6; }

table.table--invisible thead {
  color: inherit; }

table.table--invisible td {
  border: none; }

table.table--invisible thead > tr > th,
table.table--invisible tbody > tr > th,
table.table--invisible tbody > tr > td {
  padding-left: 0;
  border: none; }

table.table--invisible thead > tr {
  background-color: inherit; }

table.table--invisible thead > tr > th {
  border: none; }

table.table--invisible tbody > tr:nth-of-type(even) {
  background-color: inherit; }

table.table--invisible tbody > tr:hover,
table.table--invisible tbody > tr:active {
  background-color: #DAF7D5; }

table.table--stripes tbody > tr:nth-of-type(even) {
  background-color: #f2f2f2; }

table.table--stripes tbody > tr:hover,
table.table--stripes tbody > tr:active {
  background-color: #DAF7D5; }

/* Horizontal scroll */
div.table_scroll {
  overflow-x: auto;
  margin-bottom: 2em; }
  div.table_scroll > table {
    margin-bottom: 0; }

th.width--sm, td.width--sm, .tcx-project-tasks .col--task--status,
.tcx-project-tasks .col--operations {
  width: 12.5em; }

.nav-primary {
  list-style: none;
  padding: 0;
  margin: 0;
  border-top: 1px solid #a6a6a6; }
  .nav-primary li {
    padding: 0; }
  .nav-primary a {
    display: block;
    padding: 14px 15px;
    line-height: 1.5;
    font-weight: bold;
    text-decoration: none;
    color: #FFF; }
    .nav-primary a:active, .nav-primary a:hover {
      background-color: #666666;
      color: #FFF; }
  .nav-primary li.in-active-trial > a,
  .nav-primary a.is-active {
    background-color: #333333;
    color: #FFF; }
  .nav-primary > li ~ li {
    border-top: 1px solid #a6a6a6; }
  .nav-primary > li.link--businesses:after, .nav-primary > li.link--cx-program-documents:after, .nav-primary > li.link--help:after {
    content: '';
    display: block;
    width: 100%;
    height: 1.25rem;
    background: repeating-linear-gradient(-45deg, #b0b0b0, #b0b0b0 1px, #959595 1px, #959595 6px);
    background-size: 8px 8px; }
  .nav-primary > li.link--businesses + li, .nav-primary > li.link--cx-program-documents + li, .nav-primary > li.link--help + li {
    border-top: none; }

.nav-toggle {
  padding: 9px 0; }
  @media (min-width: 60em) {
    .nav-toggle {
      display: none; } }

/* TCX Project Menu Block */
.nav-project .nav--item:before {
  content: '';
  vertical-align: middle;
  display: inline-block;
  width: 36px;
  height: 24px;
  margin-right: 15px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center; }

.nav-project .nav--item.nav--item--active {
  background-color: #333333;
  color: #FFF; }

.nav-project .nav--item--summary:before {
  background-image: url(../icons/icon_document-white.svg); }

.nav-project .nav--item--tasks:before {
  background-image: url(../icons/icon_pencil-white.svg); }

.nav-project .nav--item--documents:before {
  background-image: url(../icons/icon_folder-white.svg); }

.nav-project .nav--item--toolkits:before {
  background-image: url(../icons/icon_compass-white.svg); }

.nav-project .nav--item--help:before {
  background-image: url(../icons/icon_help-white.svg); }

.nav-project .nav--item--dashboard {
  padding-top: 18px;
  padding-bottom: 18px;
  text-transform: uppercase; }
  .nav-project .nav--item--dashboard:before {
    width: 36px;
    height: 36px;
    background-image: url(../icons/icon_chevron_left.svg); }

.pager {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end; }

.pager__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row; }

.pager__item {
  padding-bottom: 0; }
  .pager__item + .pager__item {
    border-left: none; }
    .pager__item + .pager__item > .btn, .tcx-task--navigation .pager__item + .pager__item > .item--prev, .tcx-task--navigation .pager__item + .pager__item > .item--next {
      border-left: none; }
  .pager__item .btn, .pager__item .tcx-task--navigation .item--prev, .tcx-task--navigation .pager__item .item--prev, .pager__item .tcx-task--navigation .item--next, .tcx-task--navigation .pager__item .item--next {
    border-radius: 0; }
  .pager__item:first-of-type > .btn, .tcx-task--navigation .pager__item:first-of-type > .item--prev, .tcx-task--navigation .pager__item:first-of-type > .item--next {
    border-top-left-radius: 0.5em;
    border-bottom-left-radius: 0.5em; }
  .pager__item:last-of-type > .btn, .tcx-task--navigation .pager__item:last-of-type > .item--prev, .tcx-task--navigation .pager__item:last-of-type > .item--next {
    border-top-right-radius: 0.5em;
    border-bottom-right-radius: 0.5em; }

.pager__item--ellipsis {
  border: 1px solid gray;
  border-radius: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none; }

.breadcrumb {
  display: block;
  overflow: hidden;
  font-size: 14px; }
  .breadcrumb ul {
    margin: 0;
    padding: 0;
    list-style: none;
    list-image: none; }
  .breadcrumb li {
    display: inline;
    margin: 0;
    padding: 0;
    padding-left: 3px; }
  .breadcrumb a,
  .breadcrumb a:link,
  .breadcrumb a:visited {
    padding-right: 5px;
    color: #595959;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
    .breadcrumb a:first-child,
    .breadcrumb a:link:first-child,
    .breadcrumb a:visited:first-child {
      padding-left: 0; }
    .breadcrumb a:hover, .breadcrumb a:focus,
    .breadcrumb a:link:hover,
    .breadcrumb a:link:focus,
    .breadcrumb a:visited:hover,
    .breadcrumb a:visited:focus {
      color: #595959; }

main img {
  margin-bottom: 24px;
  max-width: 100%;
  height: auto; }

figure {
  margin: 0;
  margin-bottom: 24px;
  padding: 0 0 20px;
  border-bottom: 1px solid #a6a6a6; }
  figure img {
    margin-bottom: 0;
    padding-bottom: 1em; }

figcaption {
  font-size: 14px;
  font-style: italic; }

.video-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0; }

.video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.nav--wizard-step-navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  margin: 53px 0 38px;
  text-align: center; }
  @media (min-width: 75em) {
    .nav--wizard-step-navigation {
      width: calc((100% - 30px * 1.1428571429) / 1.1428571429); } }
  .nav--wizard-step-navigation > li {
    padding: 0; }
  .nav--wizard-step-navigation > .nav--item {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-negative: 1;
        flex-shrink: 1;
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    display: block;
    position: relative;
    white-space: nowrap; }
    .nav--wizard-step-navigation > .nav--item:before {
      content: '';
      width: 100%;
      height: 10px;
      position: absolute;
      top: 25px;
      left: 0;
      z-index: 5;
      background-color: #f2f2f2; }
  .nav--wizard-step-navigation > .nav--item--active > a,
  .nav--wizard-step-navigation > .nav--item--active > a:hover,
  .nav--wizard-step-navigation > .nav--item--active > a:active {
    text-decoration: none;
    color: #595959; }
  .nav--wizard-step-navigation > .nav--item--active:before {
    background-color: #595959; }
  .nav--wizard-step-navigation > .nav--item--active .nav--item--indicator {
    border-color: #595959;
    color: #595959; }
  .nav--wizard-step-navigation > .nav--item--current:before {
    background-color: #00AE42; }
  .nav--wizard-step-navigation > .nav--item--current .nav--item--indicator {
    border-color: #00AE42;
    color: #00AE42; }
  .nav--wizard-step-navigation .nav--item--link {
    display: block;
    position: relative;
    z-index: 10; }
  .nav--wizard-step-navigation .nav--item--title {
    display: block;
    margin: 1px auto 0; }
  .nav--wizard-step-navigation .nav--item--indicator {
    display: block;
    width: 60px;
    height: 60px;
    padding: 7px;
    border: 10px solid #f2f2f2;
    border-radius: 50%;
    margin: 0 auto;
    position: relative;
    z-index: 10;
    background-color: #FFF;
    color: #f2f2f2; }

.ckeditor-accordion-container dl {
  border: none; }
  .ckeditor-accordion-container dl dt {
    border: solid 1px #a6a6a6;
    border-right: none;
    border-left: none;
    border-radius: 10px;
    padding: 0;
    background-color: #1F3A60; }
    .ckeditor-accordion-container dl dt:not(:first-child) {
      margin-top: 2px; }
    .ckeditor-accordion-container dl dt:not(:last-of-type) {
      border-bottom: none; }
    .ckeditor-accordion-container dl dt:after {
      content: '';
      display: block;
      position: absolute;
      right: 23px;
      top: 50%;
      z-index: 1;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%);
      width: 22px;
      height: 22px;
      background-image: url(../icons/icon_plus_white.svg);
      background-size: contain;
      background-position: center center;
      cursor: pointer; }
    .ckeditor-accordion-container dl dt.active:after {
      background-image: url(../icons/icon_minus_white.svg); }
    .ckeditor-accordion-container dl dt .ckeditor-accordion-toggler {
      position: relative;
      z-index: 2;
      padding: 7.5px 45px 7.5px 16px;
      border: none;
      border-radius: 10px;
      color: #FFF;
      font-size: 1.25rem;
      font-weight: 300;
      text-decoration: none;
      outline: 0; }
      .ckeditor-accordion-container dl dt .ckeditor-accordion-toggler, .ckeditor-accordion-container dl dt .ckeditor-accordion-toggler:hover {
        background-color: transparent; }
    .ckeditor-accordion-container dl dt.active .ckeditor-accordion-toggler {
      background-color: transparent; }
  .ckeditor-accordion-container dl dd {
    padding: 30px 16px;
    border-radius: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-top: -7px;
    border: solid 1px #a6a6a6; }
    .ckeditor-accordion-container dl dd p {
      color: #595959; }
    .ckeditor-accordion-container dl dd.active {
      display: block; }
    .ckeditor-accordion-container dl dd > div > p:last-child,
    .ckeditor-accordion-container dl dd > *:last-child {
      margin-bottom: 0; }

.ckeditor-accordion-container > dl dt .ckeditor-accordion-toggle,
.ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle {
  display: none; }

.ckeditor-accordion-container > dl dt > a,
.ckeditor-accordion-container > dl dt > a:not(.button),
.ckeditor-accordion-container > dl dt > a:hover,
.ckeditor-accordion-container > dl dt > a:not(.button):hover {
  background-color: transparent; }

.tcx-toolkit-practices .headline--toolkit {
  grid-area: 1 / 1 / span 1 / span 4;
  margin-top: 11px;
  margin-bottom: 13px; }

.tcx-toolkit-practices .headline--practice-category {
  margin-bottom: 25px; }

.tcx-toolkit-practices .wrapper--toolkit {
  margin-bottom: 23px; }
  .tcx-toolkit-practices .wrapper--toolkit:last-child {
    margin-bottom: 0; }
  .tcx-toolkit-practices .wrapper--toolkit + .wrapper--toolkit {
    padding-top: 33px;
    border-top: 1px solid #000;
    margin-top: 36px; }
  .tcx-toolkit-practices .wrapper--toolkit > h4 {
    grid-row: 1; }
  @media (min-width: 48em) {
    .tcx-toolkit-practices .wrapper--toolkit {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      grid-column-gap: 30px; } }
  @media (min-width: 60em) {
    .tcx-toolkit-practices .wrapper--toolkit {
      grid-template-columns: repeat(4, 1fr); } }

@media (min-width: 60em) {
  .tcx-toolkit-practices .wrapper--practice-category {
    grid-row-start: 2; } }

.tcx-toolkit-practices .wrapper--practice .has-info-modal > span {
  vertical-align: top;
  display: inline-block;
  max-width: calc(100% - 41px);
  margin-bottom: 0; }

.tcx-toolkit-practices .wrapper--practice .link--modal-info {
  vertical-align: top;
  margin-left: 10px; }

ul.menu li.menu-icon a {
  background-position: left center;
  background-size: 24px; }

.tcx-tabs {
  margin-bottom: 2em; }

.tcx-tabs--nav {
  overflow-x: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 22px 0;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  border-bottom: 1px solid #595959; }

.tcx-tab--nav--item {
  padding: 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }
  .tcx-tab--nav--item .tcx-tab--link {
    height: 100%; }
  .tcx-tab--nav--item:active .tcx-tab--link, .tcx-tab--nav--item:hover .tcx-tab--link {
    border-bottom-color: #D0D741; }
    .tcx-tab--nav--item:active .tcx-tab--link:before, .tcx-tab--nav--item:hover .tcx-tab--link:before {
      opacity: 1;
      background-color: #D0D741; }
  .tcx-tab--nav--item.active .tcx-tab--link {
    border-bottom: 5px solid #00AE42; }
    .tcx-tab--nav--item.active .tcx-tab--link:before {
      opacity: 1;
      background-color: #00AE42; }

.tcx-tab--link,
a.tcx-tab--link,
a.tcx-tab--link:link {
  overflow: hidden;
  display: block;
  padding: 10px;
  border-bottom: 5px solid transparent;
  position: relative;
  line-height: 1.4375;
  text-align: center;
  text-decoration: none;
  font-size: 16px;
  font-size: 1rem;
  color: #595959; }
  .tcx-tab--link:before,
  a.tcx-tab--link:before,
  a.tcx-tab--link:link:before {
    content: '';
    opacity: 0;
    width: 15px;
    height: 15px;
    margin-left: -7.5px;
    background-color: #D0D741;
    position: absolute;
    left: 50%;
    bottom: -8.5px;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }

.tcx-tab--item {
  display: none;
  padding: 0 16px; }
  .tcx-tab--item.active {
    display: block; }
  .tcx-tab--item > .ckeditor-accordion-container,
  .tcx-tab--item > div > .ckeditor-accordion-container {
    margin-left: -16px;
    margin-right: -16px; }
  .tcx-tab--item > .table_scroll,
  .tcx-tab--item > div > .table_scroll,
  .tcx-tab--item > table,
  .tcx-tab--item > div > table {
    margin-left: -16px;
    width: calc(100% + 32px);
    max-width: calc(100% + 32px); }

.block--tcx-back-to-top-block {
  text-align: right; }

@media (min-width: 100em) {
  .back-to-top {
    opacity: 0;
    position: fixed;
    right: 15px;
    bottom: 40px;
    z-index: -1;
    -webkit-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
    pointer-events: none; } }

.back-to-top .label {
  vertical-align: middle;
  display: inline-block; }

.back-to-top svg {
  vertical-align: middle;
  display: inline-block;
  width: 55px;
  height: 55px;
  margin-left: 10px; }
  .back-to-top svg > path {
    fill: #1F3A60;
    -webkit-transition: fill 0.2s ease-in-out;
    transition: fill 0.2s ease-in-out; }

a.back-to-top,
a.back-to-top:link {
  color: #1F3A60; }

a.back-to-top:hover,
a.back-to-top:active {
  color: #62758F; }
  a.back-to-top:hover svg > path,
  a.back-to-top:active svg > path {
    fill: #62758F; }

.js-back-to-top.active {
  opacity: 1;
  z-index: 2000;
  pointer-events: all; }

td.views-field-tcx-operations-dropdown,
.field-tcx-operations-dropdown {
  height: 100%;
  /* part of IE hack */
  padding: 0; }
  td.views-field-tcx-operations-dropdown .dropbutton-dropdown-wrapper,
  .field-tcx-operations-dropdown .dropbutton-dropdown-wrapper {
    height: 100%;
    /* part of IE hack */ }

.dropbutton-dropdown-wrapper .dropdown-toggle {
  cursor: pointer;
  display: block;
  height: 40px;
  border: none;
  outline: none;
  /* chrome fix */
  background-color: transparent; }
  .dropbutton-dropdown-wrapper .dropdown-toggle.active, .dropbutton-dropdown-wrapper .dropdown-toggle:hover, .dropbutton-dropdown-wrapper.open .dropdown-toggle {
    background-color: #008533; }
    .dropbutton-dropdown-wrapper .dropdown-toggle.active:after, .dropbutton-dropdown-wrapper .dropdown-toggle:hover:after, .dropbutton-dropdown-wrapper.open .dropdown-toggle:after {
      background-color: #FFF;
      -webkit-box-shadow: 0 10px 0 #FFF, 0 20px 0 #FFF;
              box-shadow: 0 10px 0 #FFF, 0 20px 0 #FFF; }
  table .dropbutton-dropdown-wrapper .dropdown-toggle {
    display: block;
    width: 100%;
    height: 100%; }
  .dropbutton-dropdown-wrapper .dropdown-toggle:after {
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    margin: 0 auto;
    position: relative;
    top: -10px;
    background-color: #595959;
    -webkit-box-shadow: 0 10px 0 #595959, 0 20px 0 #595959;
            box-shadow: 0 10px 0 #595959, 0 20px 0 #595959; }

.dropbutton-dropdown-wrapper.open .dropbutton-dropdown {
  display: block; }

.dropbutton-dropdown {
  list-style: none;
  display: none;
  width: calc(100vw - 45px);
  padding: 9px 0 16px;
  border: 1px solid #a6a6a6;
  position: absolute;
  right: 0px;
  z-index: 10;
  background-color: #fff;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.35);
          box-shadow: 0 3px 7px rgba(0, 0, 0, 0.35); }
  @media (min-width: 48em) {
    .dropbutton-dropdown {
      width: auto; } }
  .dropbutton-dropdown a {
    display: block;
    min-width: 300px;
    padding: 9px 20px 9px 44px;
    text-decoration: none;
    color: #595959; }
    .dropbutton-dropdown a:hover {
      background-color: #DAF7D5;
      text-decoration: underline;
      color: #008533; }
  .dropbutton-dropdown li {
    padding-bottom: 0; }
  .dropbutton-dropdown .link--disabled, .dropbutton-dropdown .link--disabled:active, .dropbutton-dropdown .link--disabled:hover {
    background-color: #f2f2f2;
    text-decoration: none;
    color: #a6a6a6; }

.tooltip {
  display: inline-block;
  cursor: help;
  position: relative; }
  .tooltip::before {
    content: attr(aria-label);
    width: 9.375rem;
    padding: 1rem;
    border-radius: 5px;
    position: absolute;
    bottom: 100%;
    right: 50%;
    background-color: #62758F;
    text-transform: none;
    text-align: left;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: normal;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    color: #FFF;
    -webkit-transform: translate(50%, 0);
        -ms-transform: translate(50%, 0);
            transform: translate(50%, 0); }
    @media (min-width: 48em) {
      .tooltip::before {
        width: 18.75rem;
        right: -10px;
        -webkit-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
                transform: translate(0, 0); } }
  .tooltip::after {
    content: '';
    position: absolute;
    top: 0;
    right: 8px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #62758F;
    font-size: 0;
    line-height: 0;
    width: 0; }
  .tooltip::before, .tooltip::after {
    opacity: 0;
    pointer-events: none; }
  .tooltip:focus::before, .tooltip:focus::after, .tooltip:hover::before, .tooltip:hover::after {
    opacity: 1;
    -webkit-transition: all 0.75s ease;
    transition: all 0.75s ease; }

.l-type--left-sidebar {
  min-height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  @media (min-width: 60em) {
    .l-type--left-sidebar {
      max-width: 100%; } }
  .l-type--left-sidebar .l-content {
    padding: 12px 15px 30px; }
    @media (min-width: 60em) {
      .l-type--left-sidebar .l-content {
        padding-left: 30px; } }
  .l-type--left-sidebar .l-header-main .logo-main {
    margin-left: 5px; }
  @media (min-width: 60em) {
    .l-type--left-sidebar .l-header-main {
      padding: 10px 15px 10px 25px; } }
  .l-type--left-sidebar .l-footer-main {
    margin-left: 15px;
    margin-right: 15px; }
    @media (min-width: 60em) {
      .l-type--left-sidebar .l-footer-main {
        margin-left: 30px;
        margin-right: 15px; } }

.l-type--fullwidth .l-header-main {
  padding-left: 0;
  padding-right: 0; }

.front .l-sidebar-main {
  width: 100%; }

.project-detail .label {
  font-weight: bold; }

.project--kpi-status--on-target,
.project--kpi-status--off-target,
.project--kpi-status--at-risk,
.project--kpi-status--completed {
  display: inline-block; }
  .project--kpi-status--on-target:before,
  .project--kpi-status--off-target:before,
  .project--kpi-status--at-risk:before,
  .project--kpi-status--completed:before {
    content: '';
    vertical-align: middle;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center center; }
  .project--kpi-status--on-target:not(:empty):before,
  .project--kpi-status--off-target:not(:empty):before,
  .project--kpi-status--at-risk:not(:empty):before,
  .project--kpi-status--completed:not(:empty):before {
    margin-right: 0.375rem; }

.project--kpi-status--on-target:before {
  width: 1.5rem;
  height: 1.4375rem;
  background-image: url(../images/icons/icon--kpi-status--on-target.svg);
  background-size: 1.5rem 1.4375rem; }

.project--kpi-status--off-target:before {
  width: 1.9375rem;
  height: 1.6875rem;
  background-image: url(../images/icons/icon--kpi-status--off-target.svg);
  background-size: 1.9375rem 1.6875rem; }

.project--kpi-status--at-risk:before {
  width: 1.4375rem;
  height: 1.4375rem;
  background-image: url(../images/icons/icon--kpi-status--at-risk.svg);
  background-size: 1.4375rem 1.4375rem; }

.project--kpi-status--completed:before {
  width: 1.5625rem;
  height: 1.5625rem;
  background-image: url(../images/icons/icon--kpi-status--completed.svg);
  background-size: 1.5625rem 1.5625rem; }

.tcx-gantt-chart--legend--heading {
  margin-top: 15px;
  font-weight: bold;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-size: 1rem;
  color: #3d3934; }

.tcx-gantt-chart--legend {
  padding-left: 0;
  list-style: none;
  margin-bottom: 1.875rem; }
  .tcx-gantt-chart--legend > li {
    padding-bottom: 10px; }
    @media (min-width: 48em) {
      .tcx-gantt-chart--legend > li {
        display: inline-block;
        padding-bottom: 0; } }
    .tcx-gantt-chart--legend > li:last-child {
      padding-bottom: 0; }
    .tcx-gantt-chart--legend > li:before {
      content: '';
      vertical-align: middle;
      display: inline-block;
      width: 3.875rem;
      height: 1.625rem;
      border-radius: 12px; }
    .tcx-gantt-chart--legend > li.legend-item--proving:before {
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAOElEQVQYlX3KuREAMAgDQfpvQtWoJ2VyZMYPEFy0F6DcZdsxIah62FgOJ37Di9dQYQ4dgnJMCMoLNbPbyZAHqD8AAAAASUVORK5CYII=);
      background-repeat: repeat; }
    .tcx-gantt-chart--legend > li.legend-item--scaling:before {
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANUlEQVQYlWOw6r72nyPvDE7MwJF35j8+RQwwBi5FDMgcbIoY0AXQFWEoQFeEVQGyIpwKYIoAb9GTCSfNOtsAAAAASUVORK5CYII=);
      background-repeat: repeat; }
    .tcx-gantt-chart--legend > li.legend-item--adopting:before {
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALBAMAAABbgmoVAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAABJQTFRFX4SqADx5ZYitf527fp27dpa3IPpTwgAAADRJREFUeJxjYBQEAgYGISApJMAgaCgo6AikBECQQVDQ0BFMiQqCKUdDQYScI1BWAKYPYgoAzpoFXDzev0gAAAAASUVORK5CYII=);
      background-repeat: repeat; }
    @media (min-width: 48em) {
      .tcx-gantt-chart--legend > li + li {
        margin-left: 5.375rem; } }
    .tcx-gantt-chart--legend > li .legend-item--label {
      vertical-align: middle;
      display: inline-block;
      margin-left: 0.6875rem;
      font-size: 16px;
      font-size: 1rem;
      font-weight: bold;
      color: #3d3934; }

.view--tcx-projects .view-help {
  margin-bottom: 1.875rem; }

@media (min-width: 48em) {
  .view--tcx-projects .form-display-options {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end; } }

@media (min-width: 48em) {
  .view--tcx-projects .form-tertiary-options {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; } }

@media (min-width: 48em) {
  .view--tcx-projects .form-tertiary-options .form-item {
    width: 15rem;
    max-width: 100%; } }

@media (min-width: 48em) {
  .view--tcx-projects .form-tertiary-options .form-item + .form-item {
    margin-left: 3.125rem; } }

.view--tcx-projects table th {
  vertical-align: middle; }
  .view--tcx-projects table th > a {
    white-space: nowrap; }

.view--tcx-projects table th.views-field-tcx-phase-proving-completion,
.view--tcx-projects table th.views-field-tcx-phase-scaling-completion,
.view--tcx-projects table th.views-field-tcx-phase-adopting-completion {
  text-align: center; }

.view--tcx-projects table td.views-field-tcx-phase-proving-completion,
.view--tcx-projects table td.views-field-tcx-phase-scaling-completion,
.view--tcx-projects table td.views-field-tcx-phase-adopting-completion {
  text-align: right; }

.gantt-elastic__task-list-header .gantt-elastic__task-list-header-column:nth-child(2) .gantt-elastic__task-list-header-label,
.gantt-elastic__task-list-item .gantt-elastic__task-list-item-column:nth-child(2) .gantt-elastic__task-list-item-value-wrapper {
  margin: 0 auto; }

.project-info-modal {
  padding-bottom: 1.875rem; }
  .project-info-modal .field-title {
    font-weight: bold; }
    .project-info-modal .field-title:after {
      content: ': ';
      display: inline; }
  .project-info-modal .field-title-above {
    margin-bottom: 0.75rem; }
  .project-info-modal .field-title-inline {
    display: inline-block; }
    .project-info-modal .field-title-inline + .field-item {
      display: inline-block; }
  .project-info-modal .field-wrapper-resource {
    margin-top: 3.375rem; }
  .project-info-modal .field-wrapper-secondary {
    margin-top: 2.375rem; }

@media (min-width: 48em) {
  .tcx-project--info-modal .field-wrapper-kpi_type,
  .tcx-project--info-modal .field-wrapper-kpi_value {
    width: 50%;
    float: left; } }

.tcx-project-multistep .form-step--heading {
  margin-top: 3.0625rem;
  margin-bottom: 2.25rem;
  font-weight: bold; }

.tcx-project-multistep .form-result--project-type {
  font-weight: bold; }

.tcx-project-multistep .form-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 3.125rem; }
  .tcx-project-multistep .form-actions .btn, .tcx-project-multistep .form-actions .tcx-task--navigation .item--prev, .tcx-task--navigation .tcx-project-multistep .form-actions .item--prev, .tcx-project-multistep .form-actions .tcx-task--navigation .item--next, .tcx-task--navigation .tcx-project-multistep .form-actions .item--next {
    vertical-align: top; }

.form-item--project-types-radios .project-type--variant {
  text-align: center;
  font-size: 28px;
  font-size: 1.75rem;
  font-weight: bold;
  color: #595959; }

.form-item--project-types-radios .variant-empty {
  text-align: left;
  font-size: 28px;
  font-size: 1.75rem;
  font-weight: normal;
  color: #595959; }

.form-item--project-types-radios .project-type--group {
  margin-bottom: 2.4375rem; }
  @media (max-width: 47.9375em) {
    .form-item--project-types-radios .project-type--group:first-child .project-type--variant:not(.variant-empty) {
      display: none; } }
  @media (min-width: 30em) {
    .form-item--project-types-radios .project-type--group {
      display: grid;
      grid-gap: 1.875rem;
      grid-template-columns: repeat(2, 1fr); } }
  @media (min-width: 48em) {
    .form-item--project-types-radios .project-type--group {
      grid-template-columns: repeat(3, 1fr); } }
  @media (min-width: 100em) {
    .form-item--project-types-radios .project-type--group {
      grid-gap: 7.25rem;
      grid-template-columns: 1fr 19.75rem 19.75rem; } }

.form-item--project-types-radios .project-type--group--title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 1.875rem; }
  @media (min-width: 30em) and (max-width: 47.9375em) {
    .form-item--project-types-radios .project-type--group--title {
      grid-column: span 2; } }
  @media (min-width: 60em) {
    .form-item--project-types-radios .project-type--group--title {
      margin-bottom: 0; } }
  .form-item--project-types-radios .project-type--group--title > *:last-child {
    margin-bottom: 0; }

.form-item--project-types-radios .project-type--group--label {
  display: block;
  margin-top: 0;
  margin-bottom: 1.25rem;
  font-size: 28px;
  font-size: 1.75rem;
  font-weight: bold; }

.form-item--project-types-radios label.control {
  padding-left: 0;
  margin-bottom: 1.875rem; }
  @media (min-width: 30em) {
    .form-item--project-types-radios label.control {
      margin-bottom: 0.4375rem; } }

.form--radios--project-type + .form-actions {
  margin-top: 3.625rem; }

.control-inner--project-type {
  max-width: 19.75rem;
  padding: 2.9375rem 0;
  margin-left: auto;
  margin-right: auto;
  border: 1px dashed #969696;
  border-radius: 6px;
  position: relative;
  text-align: center; }
  .control-inner--project-type .control-inner--icon {
    display: block;
    padding: 17px;
    border-radius: 50%;
    margin: 0 auto;
    width: 100px;
    height: 100px;
    background-color: #00AE42;
    color: #FFF; }
  .control-inner--project-type .control-inner--title {
    margin-top: 1.0625rem;
    font-family: "Cabin", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 34px; }
  input[type="radio"]:checked + .control-inner--project-type {
    background-color: #cccccc; }

.control-inner.project-type--customer-management .control-inner--icon, .control-inner.project-type--customer-management-rapid .control-inner--icon {
  background-color: #1F3A60; }

@media (min-width: 48em) {
  .tcx-project-multistep.step-setup .form-wrapper--kpi {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding-right: 18.327%; } }

@media (min-width: 48em) {
  .tcx-project-multistep.step-setup .form-wrapper--kpi > .form-item + .form-item {
    margin-left: 2.625rem; } }

.step-timeline .form-wrapper--phase .control--checkbox {
  font-size: 30px;
  font-size: 1.875rem; }
  .step-timeline .form-wrapper--phase .control--checkbox .control__indicator {
    top: 13px; }

.table--project-timeline {
  margin-bottom: 2.5625rem; }
  .step-review .table--project-timeline {
    margin-bottom: 3.4375rem; }
  .table--project-timeline caption {
    margin-bottom: 2.25rem;
    font-size: 21px;
    font-size: 1.3125rem;
    font-weight: normal; }
  .table--project-timeline .form-item {
    margin-bottom: 0; }
  .table--project-timeline .form-custom-date {
    width: 9.375rem; }
  .table--project-timeline th, .table--project-timeline td {
    vertical-align: middle; }
    .table--project-timeline th:nth-child(1), .table--project-timeline td:nth-child(1) {
      width: 35%; }

.project--setup--toolkits .wrapper--toolkit {
  width: 100%; }
  @media (min-width: 48em) {
    .project--setup--toolkits .wrapper--toolkit {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      grid-gap: 30px; } }
  @media (min-width: 60em) {
    .project--setup--toolkits .wrapper--toolkit {
      grid-template-columns: repeat(4, 1fr); } }

.project--setup--toolkits .headline--practice-category {
  margin-bottom: 29px; }
  .project--setup--toolkits .headline--practice-category + .form--checkboxes > .form-item {
    margin-bottom: 22px; }

.project--setup--toolkits .form--has-info-modal .control {
  vertical-align: top;
  display: inline-block;
  max-width: calc(100% - 38px);
  margin-bottom: 0; }

.project--setup--toolkits .link--modal-info {
  vertical-align: top;
  margin-left: 10px; }

.tcx-project-multistep .form-item-project-team .dual-listbox__item {
  white-space: pre-line;
  font-size: 0.9375rem; }
  .tcx-project-multistep .form-item-project-team .dual-listbox__item:first-line {
    font-weight: bold;
    font-size: 1rem; }

.tcx-project-multistep.step-review .tcx_accordion .form-actions {
  margin-top: 2.625rem;
  margin-bottom: 0; }

.tcx-project-multistep .project--review--timeline > div:nth-last-child(2) > table,
.tcx-project-multistep .project--review--team > div:nth-last-child(2) > table {
  margin-bottom: 0; }

.tcx-project-multistep .review--setup .project--summary--name,
.tcx-project-multistep .review--setup .project--summary--brief {
  margin-bottom: 40px; }

.tcx-project-multistep .review--setup .project--summary--brief-label {
  margin-bottom: 6px; }

.tcx-project-multistep .review--setup .project--summary--kpi-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding-right: 20%; }

.tcx-project-tasks .link--modal-info {
  margin-left: 15px; }

.tcx-project-tasks tr[data-task-status="ignored"] td:not(.col--operations),
.tcx-project-tasks tr[data-task-status="completed"] td:not(.col--operations) {
  opacity: 0.5; }

.table--project-tasks tbody > tr {
  -webkit-transition: background-color ease .3s;
  transition: background-color ease .3s; }
  .table--project-tasks tbody > tr.highlight--positive {
    background-color: rgba(133, 184, 255, 0.3); }
  .table--project-tasks tbody > tr.highlight--danger {
    background-color: rgba(255, 0, 0, 0.3); }

@media (min-width: 60em) {
  .tcx-task--wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: no-wrap;
        flex-wrap: no-wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; } }

@media (min-width: 60em) {
  .tcx-task--primary-col {
    width: calc((100% - 30px * 2.4) / 2.4);
    padding-right: 15px; } }

@media (min-width: 60em) {
  .tcx-task--status div.form-select {
    width: 50%; } }

.tcx-task--status .form-item-status label {
  display: block; }

.tcx-task--status .form-item-status select + .ajax-progress {
  float: right;
  margin-left: 10px; }

.tcx-task--status .form-item-summary + hr {
  margin-top: 51px; }

.tcx-task--status .form-submit {
  width: 100%;
  font-family: "Cabin", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold; }

.tcx-task--navigation {
  margin: 25px 0; }
  .tcx-task--navigation .item--prev,
  .tcx-task--navigation .item--next {
    font-family: "Cabin", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold; }

.tcx-task--secondary-col {
  margin-top: 50px; }
  @media (min-width: 60em) {
    .tcx-task--secondary-col {
      width: calc((100% - 30px * 1.7142857143) / 1.7142857143);
      padding-left: calc((100% - 30px * 12) / 12); } }

.tcx-task-documents--wrapper > hr {
  margin-top: 50px;
  margin-bottom: 46px; }

.tcx-task-documents--wrapper .tcx-task-document + .tcx-task-document {
  margin-top: 56px; }

.tcx-task-documents--wrapper .tcx-document-preview {
  border: 1px solid #595959;
  margin-bottom: 30px; }

.tcx-task-documents--wrapper .btn--documents-page {
  margin-top: 7px; }

.tcx-task-document--description {
  margin-bottom: 28px; }
  .tcx-task-document--description > *:last-child {
    margin-bottom: 0; }

.view--tcx-project-documents .bef-exposed-form .form-item-stage,
.form--project-documents .form-item-stage {
  width: 100%;
  max-width: none;
  vertical-align: top;
  display: inline-block;
  margin-right: 15px; }
  @media (min-width: 48em) {
    .view--tcx-project-documents .bef-exposed-form .form-item-stage,
    .form--project-documents .form-item-stage {
      width: auto; } }
  @media (min-width: 60em) {
    .view--tcx-project-documents .bef-exposed-form .form-item-stage .select,
    .form--project-documents .form-item-stage .select {
      margin-left: 15px;
      width: auto; } }
  .view--tcx-project-documents .bef-exposed-form .form-item-stage + .form-actions,
  .view--tcx-project-documents .bef-exposed-form .form-item-stage + .form-submit,
  .form--project-documents .form-item-stage + .form-actions,
  .form--project-documents .form-item-stage + .form-submit {
    vertical-align: bottom;
    margin-bottom: 2em; }

.view--tcx-master-templates .bef-exposed-form .form-item-type {
  vertical-align: top;
  display: block;
  width: 100%;
  max-width: none;
  padding: 1.25rem;
  margin-right: 15px;
  background-color: #e8ebef; }
  @media (min-width: 60em) {
    .view--tcx-master-templates .bef-exposed-form .form-item-type .select {
      margin-left: 15px;
      width: auto; } }

.view--tcx-master-templates .bef-exposed-form .bef--secondary .form-item {
  max-width: none; }
  .view--tcx-master-templates .bef-exposed-form .bef--secondary .form-item label {
    width: 13.4375rem; }

@media (min-width: 60em) {
  .view--tcx-master-templates .bef-exposed-form .bef--secondary .form-select .select {
    max-width: 100%;
    width: 19.0625rem; } }

.view--tcx-master-templates .bef-exposed-form .form-actions,
.view--tcx-project-documents .bef-exposed-form .form-actions {
  display: inline-block; }

.table--views {
  height: 100%;
  /* part of IE hack */ }
  .table--views th[specifier="id"] {
    width: 90px; }
  .table--views th[specifier="name"] {
    width: 40%; }
  .table--views .col-head-options {
    vertical-align: middle; }
  .table--views .dropbutton-dropdown a:after {
    content: none; }
  .table--views .dropbutton-dropdown > .upload > a {
    background-image: url(../images/icons/icon--arrow-up.svg);
    background-repeat: no-repeat;
    background-position: 15px center;
    background-size: 14px 20px; }
  .table--views .dropbutton-dropdown > .download-template > a,
  .table--views .dropbutton-dropdown > .download > a {
    background-image: url(../images/icons/icon--arrow-down.svg);
    background-repeat: no-repeat;
    background-position: 15px center;
    background-size: 14px 20px; }
  .table--views .dropbutton-dropdown > .reupload > a {
    background-image: url(../images/icons/icon--arrows-horizontal.svg);
    background-repeat: no-repeat;
    background-position: 12px center;
    background-size: 19px 18px; }

.table--tcx-master-templates td:nth-child(1) {
  text-align: center; }

.table--tcx-program-documents th, .table--tcx-program-documents td,
.table--tcx-project-documents th,
.table--tcx-project-documents td {
  width: 12%; }
  .table--tcx-program-documents th:nth-child(1), .table--tcx-program-documents td:nth-child(1),
  .table--tcx-project-documents th:nth-child(1),
  .table--tcx-project-documents td:nth-child(1) {
    width: 25%; }
  .table--tcx-program-documents th:nth-child(2), .table--tcx-program-documents td:nth-child(2),
  .table--tcx-project-documents th:nth-child(2),
  .table--tcx-project-documents td:nth-child(2) {
    width: 45%; }

.table--tcx-project-documents .tcx-document-preview--toggle {
  white-space: nowrap;
  color: #006c29; }
  .table--tcx-project-documents .tcx-document-preview--toggle:after {
    content: '';
    vertical-align: middle;
    display: inline-block;
    width: 0;
    height: 0;
    border-width: 4px 4px 4px 0;
    border-color: transparent currentColor transparent transparent;
    border-style: solid;
    margin-left: 10px; }
  .table--tcx-project-documents .tcx-document-preview--toggle.open:after {
    border-width: 4px 4px 0 4px;
    border-color: currentColor transparent transparent transparent; }

.table--tcx-project-documents .document--description + .tcx-document-preview--toggle {
  margin-left: 7px; }
  .table--tcx-project-documents .document--description + .tcx-document-preview--toggle:before {
    content: '|';
    display: inline-block;
    margin-right: 10px;
    text-decoration: none;
    color: #595959; }

.table--tcx-project-documents .tcx-document-preview {
  margin-top: 10px; }

.project-details > .ckeditor-accordion-container {
  margin-top: 2.5rem;
  margin-bottom: 4.375rem; }

.tcx-business-form .field--name-default-currency input[type="text"] {
  width: 12.5rem; }

.tcx_business .link--edit + .link--back {
  margin-top: 30px; }

.tcx-platform-user-form .form-item-roles > label {
  display: block;
  margin-bottom: 15px; }

.tcx-platform-user-form .form-item-roles .form-composite {
  display: block;
  float: left; }
  .tcx-platform-user-form .form-item-roles .form-composite + .form-composite {
    padding-left: 50px; }

#views-exposed-form-tcx-usage-page .form-item[data-drupal-selector="edit-date-wrapper"] {
  display: none; }

.table--tcx-users--collection .views-field-roles-target-id {
  width: 17%; }

.table--tcx-users--collection .views-field-field-tcx-business-1 {
  max-width: 30%; }

.table--usage--period > thead > tr > th:nth-child(1) {
  width: 50%; }

.table--usage--period .form-custom-date {
  width: 100%; }
  @media (min-width: 48em) {
    .table--usage--period .form-custom-date {
      width: 9.375rem; } }

.table--usage--period .form-actions,
.table--usage--period .form-item {
  display: inline-block;
  margin-bottom: 0; }

.table--usage--period .form-item {
  width: 100%; }
  @media (min-width: 48em) {
    .table--usage--period .form-item {
      width: auto; } }
  .table--usage--period .form-item + .form-item {
    margin-top: 15px; }
    @media (min-width: 48em) {
      .table--usage--period .form-item + .form-item {
        margin-top: 0;
        margin-left: 15px; } }

.table--usage--period .form-actions {
  width: 100%;
  margin-top: 15px; }
  .table--usage--period .form-actions .form-submit + .form-submit {
    margin-left: 0; }
    @media (min-width: 48em) {
      .table--usage--period .form-actions .form-submit + .form-submit {
        margin-left: .3em; } }

.view--tcx-program-documents header {
  margin-bottom: 24px; }

.toolbar-menu .menu-item {
  padding-bottom: 0; }

.toolbar-menu .toolbar-icon:visited {
  color: #565656; }

.toolbar-tab a,
.toolbar-tab a:link,
.toolbar-tab a:focus {
  text-decoration: none;
  color: #565656; }

.toolbar-tray-open .l-wrap-main {
  min-height: calc(100vh - 79px); }

.toolbar-fixed:not(.toolbar-tray-open) .l-wrap-main {
  min-height: calc(100vh - 39px); }

.ajax-progress {
  vertical-align: middle;
  height: 20px;
  padding: 0;
  margin: 0 5px; }

.ajax-progress-throbber .throbber {
  display: inline-block;
  width: 26px;
  height: 20px;
  margin: 0;
  background: transparent url("../images/throbber.svg") no-repeat 0 center;
  background-size: cover; }

.ajax-progress-fullscreen {
  width: 70px;
  height: 50px;
  left: 50%;
  top: 50%;
  background-image: url("../images/throbber.svg");
  background-color: #1F3A60;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }

.messages__wrapper,
.status-messages {
  margin-bottom: 24px; }
  .messages__wrapper > *:last-child,
  .status-messages > *:last-child {
    margin-bottom: 0; }
  .messages__wrapper > .bg > *:last-child,
  .status-messages > .bg > *:last-child {
    margin-bottom: 0; }
  .messages__wrapper > .bg > ul:last-child > li:last-child,
  .messages__wrapper > .bg > ol:last-child > li:last-child,
  .status-messages > .bg > ul:last-child > li:last-child,
  .status-messages > .bg > ol:last-child > li:last-child {
    padding-bottom: 0; }

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active, .ui-button:active,
.ui-button.ui-state-active:hover {
  border: 1px solid gray;
  background-color: #cccccc;
  color: #333333; }

.ui-widget-overlay {
  opacity: 0.5;
  background: #000000; }

.ui-widget.ui-widget-content {
  border: none; }
  .ui-widget.ui-widget-content.ui-datepicker {
    border: 1px solid #a6a6a6; }

.ui-widget-header {
  border: none;
  background: #1F3A60;
  color: #FFF;
  font-size: 1.25rem;
  font-weight: 300; }
  .ui-widget-header a {
    color: #FFF; }

.ui-dialog {
  max-width: calc(100% - 30px);
  padding: 0;
  border-radius: 10px;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); }
  .ui-dialog .ui-dialog-titlebar {
    padding: 8px 15px;
    border-radius: 10px 10px 0 0; }
  .ui-dialog .ui-dialog-titlebar-close {
    right: 15px; }
  .ui-dialog .ui-dialog-content {
    padding: 15px;
    border: none;
    border-top: none; }
    .ui-dialog .ui-dialog-content > *:last-child {
      margin-bottom: 0; }
  .ui-dialog .ui-dialog-titlebar-close {
    outline: none; }

.ui-dialog-titlebar-close:active {
  border: 1px solid #A5660D;
  background: #BF2406; }

.dialog-confirm.ui-dialog {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  /* TOP */
  /* CONTENT */
  /* GHOST MARGIN FIX */
  /* FOOTER */ }
  .dialog-confirm.ui-dialog .ui-dialog-title {
    white-space: normal;
    overflow: visible;
    font-size: 20px;
    font-weight: 600; }
  .dialog-confirm.ui-dialog .ui-dialog-buttonpane {
    padding: 0.3em 0.5em 3em; }
  .dialog-confirm.ui-dialog .ui-dialog-content.ui-widget-content {
    border: none;
    padding: 2.25em 0.9375em 0.875em; }
    .dialog-confirm.ui-dialog .ui-dialog-content.ui-widget-content p {
      font-size: 1.125em; }
      .dialog-confirm.ui-dialog .ui-dialog-content.ui-widget-content p:last-of-type {
        margin-bottom: 0; }
      @media (max-width: 29.9375em) {
        .dialog-confirm.ui-dialog .ui-dialog-content.ui-widget-content p br {
          display: none; } }
  .dialog-confirm.ui-dialog .form-actions[data-drupal-selector="edit-actions"] {
    margin: 0; }
  .dialog-confirm.ui-dialog .ui-dialog-buttonpane {
    border: none; }
    .dialog-confirm.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset.form-actions {
      float: none;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      margin: 0 -0.8125em; }
      @media (max-width: 29.9375em) {
        .dialog-confirm.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset.form-actions {
          -webkit-box-orient: vertical;
          -webkit-box-direction: reverse;
              -ms-flex-direction: column-reverse;
                  flex-direction: column-reverse; } }
      @media (min-width: 30em) and (max-width: 47.9375em) {
        .dialog-confirm.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset.form-actions {
          -webkit-box-orient: vertical;
          -webkit-box-direction: reverse;
              -ms-flex-direction: column-reverse;
                  flex-direction: column-reverse; } }
      .dialog-confirm.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset.form-actions button {
        margin-right: 0.8125em;
        margin-left: 0.8125em; }

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
  margin: 0; }

.ui-menu-item {
  padding-bottom: 0; }

.ui-menu-item {
  border: 1px solid gray; }
  .ui-menu-item + .ui-menu-item {
    border-top: none; }

.ui-menu-item-wrapper {
  display: block;
  padding: 9.6px 36px 12px;
  margin: 0;
  background-color: #FFF;
  color: #595959; }
  .ui-menu-item-wrapper.ui-state-active {
    border: none; }

.ui-datepicker {
  z-index: 9000 !important;
  /* default is 1, and it is under anything else */ }
  .ui-datepicker .ui-widget-header {
    font-size: 1rem; }
    .ui-datepicker .ui-widget-header .ui-icon {
      background-image: url("../vendor/jquery-ui/images/ui-icons_ffffff_256x240.png"); }
    .ui-datepicker .ui-widget-header a:hover .ui-icon,
    .ui-datepicker .ui-widget-header .ui-state-hover .ui-icon {
      background-image: url("../vendor/jquery-ui/images/ui-icons_444444_256x240.png"); }

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  width: 2em;
  height: 2em; }

.ui-datepicker-calendar {
  table-layout: fixed; }

.form-item-kpi-status .ui-selectmenu-button.ui-button {
  display: block;
  width: 100%;
  min-width: 11.25rem;
  height: 2.7em;
  padding: 10px 15px;
  border: 1px solid gray;
  background-color: #FFF;
  color: #000;
  border-radius: 5px; }
  .form-item-kpi-status .ui-selectmenu-button.ui-button:hover, .form-item-kpi-status .ui-selectmenu-button.ui-button:focus {
    background-color: #f2f2f2; }

.form-item-kpi-status .ui-selectmenu-icon.ui-icon {
  background-image: none;
  position: absolute;
  top: 16px;
  right: 15px;
  width: 0;
  height: 0;
  pointer-events: none;
  border-width: 8px 5px 0 5px;
  border-style: solid;
  border-color: #666666 transparent transparent transparent; }
  .form-item-kpi-status .ui-selectmenu-icon.ui-icon:hover, .form-item-kpi-status .ui-selectmenu-icon.ui-icon:focus {
    border-top-color: #595959; }
  .form-item-kpi-status .ui-selectmenu-icon.ui-icon.ui-state-disabled {
    opacity: 0.5;
    filter: alpha(opacity=50); }

.form-item-kpi-status .ui-selectmenu-text {
  display: inline-block;
  vertical-align: middle; }

.ui-selectmenu-menu .ui-menu-item-wrapper {
  height: 2.6875rem;
  padding: 8px 15px; }
  .ui-selectmenu-menu .ui-menu-item-wrapper[class*="project--kpi-status"]:before {
    width: 1.9375rem; }

.selectmenu--task-status .ui-menu {
  min-width: 18rem;
  padding: 12px 14px;
  border-radius: 6px;
  background-color: #595959; }

.selectmenu--task-status .ui-menu-item-wrapper {
  height: auto;
  padding: 3px 5px;
  border-radius: 6px;
  background-color: transparent;
  color: #fff; }
  .selectmenu--task-status .ui-menu-item-wrapper.ui-state-active, .selectmenu--task-status .ui-menu-item-wrapper:hover, .selectmenu--task-status .ui-menu-item-wrapper:focus {
    background-color: rgba(255, 255, 255, 0.1); }

.selectmenu--task-status .ui-menu-item {
  list-style: none;
  border: none; }

.selectmenu--task-status--button {
  background: none;
  white-space: nowrap; }
  .selectmenu--task-status--button.ui-button {
    vertical-align: middle;
    display: inline-block;
    width: auto;
    min-width: 0;
    height: auto;
    padding: 5px 0;
    border: none; }
    .selectmenu--task-status--button.ui-button:hover, .selectmenu--task-status--button.ui-button:focus {
      background-color: transparent; }
  .selectmenu--task-status--button[data-task-status="created"]:before {
    background-image: url(../images/icons/task-icon--dots-outline.svg); }
  .selectmenu--task-status--button .ui-selectmenu-text {
    vertical-align: middle;
    display: inline-block; }
  .selectmenu--task-status--button .ui-selectmenu-icon.ui-icon {
    position: absolute;
    top: calc(50% - 8px);
    right: 0;
    border-top-width: 5px; }

.selectmenu--task-status--button:before,
.selectmenu--task-status .ui-menu-item-wrapper:before {
  content: '';
  vertical-align: -5px;
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 1.25rem 1.25rem; }

.selectmenu--task-status--button:not(:empty):before,
.selectmenu--task-status .ui-menu-item-wrapper:not(:empty):before {
  margin-right: 0.375rem; }

.selectmenu--task-status--button[data-task-status="created"]:before,
.selectmenu--task-status .ui-menu-item-wrapper[data-task-status="created"]:before {
  background-image: url(../images/icons/task-icon--dots-outline.svg); }

.selectmenu--task-status--button[data-task-status="in-progress"]:before,
.selectmenu--task-status .ui-menu-item-wrapper[data-task-status="in-progress"]:before {
  background-image: url(../images/icons/task-icon--dots-solid.svg); }

.selectmenu--task-status--button[data-task-status="completed"]:before, .selectmenu--task-status--button[data-task-status="ignored"]:before,
.selectmenu--task-status .ui-menu-item-wrapper[data-task-status="completed"]:before,
.selectmenu--task-status .ui-menu-item-wrapper[data-task-status="ignored"]:before {
  background-image: url(../images/icons/task-icon--check-solid.svg); }

.selectmenu--task-status .ui-menu-item-wrapper[data-task-status="created"]:before {
  background-image: url(../images/icons/task-icon--dots-outline--white.svg); }

ol.shs li:after,
ul.shs li:after {
  content: '/'; }

.shs-widget-container {
  width: 100%; }

.shs-widget-container + .shs-widget-container {
  margin-top: 15px; }

.videodetector {
  width: 100%;
  padding-top: 56.25%;
  margin-bottom: 24px;
  position: relative; }
  .videodetector iframe {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.form-tcx-dual-list--inactive {
  opacity: 0.3;
  pointer-events: none; }