/* ==========================================================================
   15_COMMON PAGETYPE
   --------------------------------------------------------------------------
   * README

   * LOGIN: SITE LEVEL
   * LOGIN: SECTION LEVEL

   * DASHBOARD: DASHLETS: ARTICLE LEVEL

   * SEARCH: FORM LEVEL (HTML)
   * SEARCH: FORM LEVEL (WIZARD)

   * SEARCH JOBS / DASHBOARD (HOME): SITE LEVEL
   * SEARCH JOBS: INFO ORGANIZATION LEVEL

   * REGISTER METHODS: STEPS LIST
   * REGISTER METHODS: SECTION LEVEL
   * REGISTER METHODS: INFO ORGANIZATION LEVEL
   * REGISTER METHODS: FORM LEVEL

   * DETAIL: SECTION LEVEL
   * DETAIL: ARTICLE LEVEL

   * DETAIL ASIDE: ARTICLE LEVEL
   * DETAIL ASIDE: INFO ORGANIZATION LEVEL

   * SUCCESS: SECTION LEVEL

   * WIDGET: SOCIAL LOGIN
   * WIDGET: SOCIAL SHARE

   * PAGE LOGIN ADDED STYLES
   * ARTICLE WITH TOGGLE ADDED STYLE
   ========================================================================== */

/* README
   ========================================================================== */

/*!
 * Styles on this stylesheet are the All specific styles.
 * That means they apply to any page that deals with an exception to any
 * default style.

 * If you need to deal with an exception to any default styles, you should
 * manage it by adding a .X--modifier class to the .X element and develop the
 * given exception nested to this .X--modifier class in this stylesheet under
 * the corresponding page subtitle.

 * These .X--modifier classes and its nested styles are grouped by page in which
 * are featured, sorted by HTML depth, and separated in Structure, Behaviour or
 * Appearance styles as appropriate.
 */

/* LOGIN: SITE LEVEL
   ========================================================================== */

/* Structure
   -------------------------------------------------------------------------- */
.body--login {
    height: 100vh;
}

.body--login .pusher {
    padding: 20px;
}

.body--login .main {
    max-width: 330px;
}

.body--login .main__wrapper {
    padding: 0;
}

/* Behaviour
   -------------------------------------------------------------------------- */
.body--login {
    background-position: right bottom;
    -webkit-background-size: cover;
    background-size: cover;
    overflow: hidden;
}

.body--login .pusher {
    display: table-cell;
    vertical-align: middle;
}

/* Appearance
   -------------------------------------------------------------------------- */
.body--login {
    background-image: url(../images/login--bg.jpg);
}

.body--login .main {
    border-width: 1px;
    border-style: solid;
    border-color: #8F98A7; /* var(--color--borders) in an IE free world - use this comment as a handler for smart find & replace! */
}

@media all and (max-width:768px) {

    /* Behaviour
       -------------------------------------------------------------------------- */
    .body--login {
        background-position: left top;
    }

}

/* LOGIN: SECTION LEVEL
   ========================================================================== */

/* Structure
   -------------------------------------------------------------------------- */
.section--login .section__header {
    margin-top: -43px;
    margin-bottom: 0;
    padding: 105px 40px 0;
}

.section--login .section__content {
    padding: 20px 40px;
}

.section--login .section__footer {
    margin-top: 0;
    padding: 16px 40px;
}

/* Behaviour
   -------------------------------------------------------------------------- */
.section--login .section__header {
    background-position: center top;
    -webkit-background-size: 86px auto;
    background-size: 86px auto;
    text-align: center;
}

.section--login .section__footer {
    text-align: center;
}

/* Appearance
   -------------------------------------------------------------------------- */
.section--login .section__header {
    background-image: url(../images/logo--login.svg);
}

.section--login .section__footer {
    background-color: #E9F9F5; /* var(--color--site--10) in an IE free world - use this comment as a handler for smart find & replace! */
    font-size: 13px;
    color: #565656;
}

@media all and (max-width:768px) {
    .section--login .section__header__text {
        display: block;
    }

}

/* DASHBOARD: DASHLETS: ARTICLE LEVEL
   ========================================================================== */

/* Structure
   -------------------------------------------------------------------------- */
.article--dashlet .article__header {
    margin-bottom: 0;
    min-height: 51px;
    padding: 12px 12px;
}

.article--dashlet .article__header__count {
    padding-left: 4px;
}

.article--dashlet .article__footer {
    margin-top: 0;
    padding: 8px 12px;
}

/* Behaviour
   -------------------------------------------------------------------------- */
.article--dashlet .article__header__count {
    text-align: right;
}

.article--dashlet .article__footer {
    text-align: center;
}

/* Appearance
   -------------------------------------------------------------------------- */
.article--dashlet .article__header {
    border-bottom-width: 3px;
    border-bottom-style: solid;
    border-bottom-color: #26C59A; /* var(--color--site) in an IE free world - use this comment as a handler for smart find & replace! */
}

.article--dashlet .article__footer {
    border-radius: 0 0 4px 4px;
    background-color: #E9F9F5; /* var(--color--site--10) in an IE free world - use this comment as a handler for smart find & replace! */
    font-size: 13px;
}

@media all and (min-width:769px) {

    /* Structure
       -------------------------------------------------------------------------- */
    .article--dashlet {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: space-between;
        -webkit-justify-content: space-between;
        -ms-flex-pack: space-between;
        justify-content: space-between;
    }

    .article--dashlet .article__content {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

}

@media all and (max-width:768px) {

    /* Structure
       -------------------------------------------------------------------------- */
    .article--dashlet .article__header {
        padding: 18px 20px;
    }

    .article--dashlet .article__footer {
        padding: 14px 20px;
    }

    /* Appearance
       -------------------------------------------------------------------------- */
    .article--dashlet .article__header {
        background-color: #E9F9F5; /* var(--color--site--10) in an IE free world - use this comment as a handler for smart find & replace! */
    }

}

/* SEARCH: FORM LEVEL (HTML)
   ========================================================================== */

/* Structure
   -------------------------------------------------------------------------- */
.form--search-html .fieldSpec,
.form--search .fieldSpec {
    padding-bottom: 0;
}

@media all and (min-width:769px) {

    /* Structure
       -------------------------------------------------------------------------- */
    .form--search-html .button-bar,
    .form--search .button-bar {
        padding-top: 22px;
    }

}

/* SEARCH: FORM LEVEL (WIZARD)
   ========================================================================== */
@media all and (min-width:769px) and (max-width:1024px) {

    /* Structure
       -------------------------------------------------------------------------- */
    .form--search-wizard .fieldSpec {
        width: 100%;
    }

}

@media all and (min-width:1025px) {

    /* Structure
       -------------------------------------------------------------------------- */
    .form--search-wizard .Section{
        margin-left: -20px;
    }

    .form--search-wizard .fieldSpec{
        width:100%;
        padding-left: 20px;
    }

    .form--search-wizard .fieldSpec.form--search-wizard__item-4-cols{
        float: left;
        width: 25%;
        padding-left: 20px;
        clear:none;
    }

    .form--search-wizard .form__button-bar {
       margin-bottom:10px;
    }
}

/* SEARCH JOBS / DASHBOARD (HOME): SITE LEVEL
   ========================================================================== */
.body--search-jobs .section__header{
    margin-bottom:0;
}

.body--search-jobs .section__header__text__subtitle{
    text-transform: none;
    font-weight: 300;
    margin-top:40px;
}

.body--search-jobs .section__header__text__subtitle .fv{
    color: #F93692;
}
/* SEARCH JOBS: INFO ORGANIZATION LEVEL
   ========================================================================== */

/* Structure
   -------------------------------------------------------------------------- */
 .list--jobs .list__item{
    padding:30px;
 }
.list--jobs .list__item+.list__item {
    margin-top: 15px;
}

.list--jobs .list__item__text {
    float: left;
    width: 100%;
}

.list--jobs .list__item__text__subtitle {
    padding-bottom: 10px;
}

.list--jobs .list__item__actions {
    float: left;
    margin-top:30px;
}

.list--jobs .list__item__actions .button + .button{
    margin-left:20px;
}

.list--jobs .list__item__actions .button{
    padding: 0 20px 7px 20px;
}

.list--jobs .list__item__description {
    padding-top: 15px;
}

.list--jobs .list__item__categories{
    margin-top:10px;
}
/* Behaviour
   -------------------------------------------------------------------------- */
.list--jobs .list__item__text__title a {
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
}

.list--jobs .list__item__actions {
    text-align: left;
}

.list--jobs .list__item__description {
    clear: both;
}

/* Appearance
   -------------------------------------------------------------------------- */
.list--jobs .list__item__text__title {
    font-size: 36px;
    font-weight: 600;
    font-family: 'LarishMcKinsey';
    line-height: 42px;
}

.list--jobs .list__item__text__title a:hover {
    color: #051C2C; /* var(--color--site) in an IE free world - use this comment as a handler for smart find & replace! */
}

.list--jobs .list__item__text__subtitle {
    font-size:14px;
}

.list--jobs .list__item__description {
    margin-bottom: 25px;
}

 .list--jobs .list__item{
    background:#fff;
 }

@media all and (max-width:768px) {

    /* Structure
       -------------------------------------------------------------------------- */
    .list--jobs .list__item__text {
        width: 100%;
        float: none;
        margin-bottom: 20px;
    }

    .list--jobs .list__item__actions {
        float: none;
    }

    /* Behaviour
       -------------------------------------------------------------------------- */
    .list--jobs .list__item__actions {
        text-align: left;
    }

}

@media all and (max-width:600px){
  .list--jobs .list__item{
      border-bottom: 1px solid #B3B3B3;
      padding: 30px 0px;
  }

  .list--jobs .list__item:last-child{
      border-bottom:0;
  }

  .list--jobs .list__item:first-child{
      padding-top:0;
  }

  .list--jobs .list__item__actions .button{
      width:100%;
  }

  .list--jobs .list__item__actions .button--default{
      margin-bottom:15px;
  }
  .list--jobs .list__item__actions .button + .button{
      margin-left:0;
  }

  .form + .list--jobs{
      margin-top:20px;
  }
}
/* REGISTER METHODS: STEPS LIST
   ========================================================================== */

/* Structure
   -------------------------------------------------------------------------- */
.list--steps {
    margin-bottom: 40px;
}

.list--steps .list__item {
    padding-bottom: 10px;
}

.list--steps .list__item:before {
    width: 0;
}

.list--steps .list__item--current:before {
    width: 50%;
}

.list--steps .list__item--filled:before {
    width: 100%;
}

.list--steps .list__item:after {
    width: 17px;
    height: 17px;
}

/* Behaviour
   -------------------------------------------------------------------------- */
.list--steps .list__item {
    position: relative;
}

.list--steps .list__item:before {
    position: absolute;
    left:0;
    bottom: -3px;
}

.list--steps .list__item:after {
    position: absolute;
    left: calc(50% - 8.5px);
    bottom: -10px;
}

/* Appearance
   -------------------------------------------------------------------------- */
.list--steps .list__item {
    border-bottom-width: 3px;
    border-bottom-style: solid;
    border-bottom-color: #828282;
    text-align: center;
    font-size: 13px;
    text-transform: uppercase;
    color: #808080;
}

.list--steps .list__item--current {
    color: #202020;
}

.list--steps .list__item--filled {
    color: #202020;
}

.list--steps .list__item:before {
    content: '';
    border-bottom-width: 3px;
    border-bottom-style: solid;
    border-bottom-color: #26C59A; /* var(--color--site) in an IE free world - use this comment as a handler for smart find & replace! */
}

.list--steps .list__item:after {
    content: '';
    border-radius: 100%;
    border-width: 3px;
    border-style: solid;
    border-color: #FFFFFF;
    background-color: #828282;
}

.list--steps .list__item--current:after {
    background-color: #26C59A; /* var(--color--site) in an IE free world - use this comment as a handler for smart find & replace! */
}

.list--steps .list__item--filled:after {
    background-color: #26C59A; /* var(--color--site) in an IE free world - use this comment as a handler for smart find & replace! */
}

@media all and (max-width:768px) {

    /* Behaviour
       -------------------------------------------------------------------------- */
    .list--steps .list__item {
        text-align: left;
    }

    .list--steps .list__item:not(.list__item--current) {
        display: none;
    }

}

/* REGISTER METHODS: SECTION LEVEL
   ========================================================================== */

/* Behaviour
   -------------------------------------------------------------------------- */
.section--methods .section__content{
    text-align: center;
}

/* REGISTER METHODS: INFO ORGANIZATION LEVEL
   ========================================================================== */

/* Structure
   -------------------------------------------------------------------------- */
.list--methods {
    margin-bottom: 20px;
}
.grid.list--methods {
  -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 all and (max-width:768px) {
    .list--methods {
        margin: 0px auto 30px;
    }

    .list--methods > .grid__item {
        padding: 10px 20px 0 0px;
    }
}

/*
 * .indeed-button generates itself with system styles that use !important all over.
 * We override the properties we need to match .list__item__link, and unset the rest.
 */
.list--methods .list__item--indeed .indeed-button,
.list--methods .list__item--indeed .indeed-button:active,
.list--methods .list__item--indeed .indeed-button:hover,
.list--methods .list__item--indeed .indeed-button:link,
.list--methods .list__item--indeed .indeed-button:visited {
    display: block !important;
    position: unset !important;
    margin: unset;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    width: 100%;
    height: 100% !important;
    background-image: none !important;
    filter: none;
    padding: unset !important;
    text-decoration: none !important;
    cursor: pointer !important;
}

.list--methods .list__item__link,
.list--methods .list__item--linkedin [name="widget-holder"]:after,
.list--methods .list__item--indeed .indeed-button:after,
.list--methods .list__item--seek .seek-apply-btn {
    display: block;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 2px;
    width: 100%;
    max-width:175px;
    height: 40px;
    padding: 10px 10px 10px 45px;
    filter: none;
    background-position: 1px center;
    font-family: inherit;
    font-size: 15px;
    line-height: 24px;
    font-weight: 600;
    text-decoration: none;
    text-align: left;
    color: #FFFFFF;
    -webkit-transition-duration: 167ms;
    transition-duration: 167ms;
    -webkit-transition-property: background-color,color,-webkit-box-shadow;
    transition-property: background-color,color,-webkit-box-shadow;
    transition-property: background-color,box-shadow,color;
    transition-property: background-color,box-shadow,color,-webkit-box-shadow;
    -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
    cursor: pointer;
}

.list--methods .list__item__link:hover,
.list--methods .list__item--linkedin:hover [name="widget-holder"]:after,
.list--methods .list__item--indeed:hover .indeed-button:after,
.list--methods .list__item--seek .seek-apply-btn:hover {
    box-shadow: 0 1px 2px 0 rgba(64,64,64,0.4);
}

.list--methods .list__item--file .methodButton--file {
    background-color: #fff;
    color:#005F85;
    background-image: url('../images/method--file.svg');
    border: 1px solid #005F85;
    padding-left: 45px;
}

.list--methods .list__item--file .methodButton--file:hover,
.list--methods .list__item--file .methodButton--file:focus{
    background-color: #005F85;
    color:#fff;
    background-image: url('../images/method--file--hover.svg');
}

.list--methods .list__item--file .list__item__link:focus {
    background-color: #00ADEF;
    color:#fff;
    background-image: url('../images/method--file--hover.svg');
}

.list--methods .list__item--linkedin [name="widget-holder"]{
    position: relative;
}

.list--methods .list__item--linkedin [name="widget-holder"] button {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
    width: 0;
    height: 0;
    padding: 0;
    border: 0;
}

.list--methods .list__item--linkedin [name="widget-holder"] .IN-Awli-widget {
    position: relative;
    z-index: 3;
}

.list--methods .list__item--linkedin [name="widget-holder"] .IN-Awli-widget,
.list--methods .list__item--linkedin [name="widget-holder"] .IN-Awli-widget>span{
    display: block !important;
    line-height: 0 !important;
}

.list--methods .list__item--facebook .list__item__link {
    background-color: #3B5998;
    background-image: url('../images/method--facebook.svg');
}

.list--methods .list__item--facebook .list__item__link:hover {
    background-color: #8B9DC3;
}

.list--methods .list__item--facebook .list__item__link:focus {
    background-color: #DFE3EE;
    color: rgba(0,0,0,0.54);
}

.list--methods .list__item--googleplus .list__item__link {
    background-color: #4285F4;
    background-image: url('../images/method--googleplus.svg');
}

.list--methods .list__item--googleplus .list__item__link:hover {
    background-color: #4285F4;
}

.list--methods .list__item--googleplus .list__item__link:focus {
    background-color: #EEEEEE;
    color: rgba(0,0,0,0.54);
}

.list--methods .list__item--xing .list__item__link {
    background-color: #005A5F ;
    background-image: url('../images/method--xing.svg');
}

.list--methods .list__item--xing .list__item__link:hover {
    background-color: #B0D400;
}

.list--methods .list__item--xing .list__item__link:focus {
    background-color: #005A5F;
}

.list--methods .list__item--indeed .indeed-button span {
    display: none !important;
}

.list--methods .list__item--indeed .indeed-button:after {
    content: 'Use Indeed';
    background-color: #085FF7;
    background-image: url('../images/method--indeed.svg');
}

.list--methods .list__item--indeed:hover .indeed-button:after {
    background-color: #1497FF;
}

.list--methods .list__item--indeed:focus .indeed-button:after {
    background-color: #085FF7;
}

.list--methods .list__item--seek .seek-apply-btn {
    padding-left: 10px;
}

.list--methods .list__item--seek .seek-apply-btn .seek-apply-btn__image {
    margin: -5px 0 -5px 9px;
}

.list--methods .list__item--monster .list__item__link {
    background-color: #642891;
    background-image: url('../images/method--monster.svg');
}

.list--methods .list__item--monster .list__item__link:hover {
    background-color: #7137A4;
}

.list--methods .list__item--monster .list__item__link:focus {
    background-color: #D7D7E4;
    color: rgba(0,0,0,0.54);
}

.list--methods .list__item--dropbox .list__item__link {
    background-color: #0064F6;
    background-image: url('../images/method--dropbox.svg');
}
.methodButton--dropbox {
   background-image: url('../images/icon--dropbox.svg');
   background-position: 2.5% 50%;
   background-size: 20%;
   justify-content: center;
   overflow: hidden;
   color: #005F85;
   padding-left: 30px;
}

.list--methods .list__item--dropbox .list__item__link:hover {
    background-color: #3398EA;
}

.list--methods .list__item--dropbox .list__item__link:focus {
    background-color: #0064F6;
}

.methodButton--googledrive {
    background-color: #FFFFFF;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='112' height='20' viewBox='0 0 112 20'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath fill='%234285F4' fill-rule='nonzero' d='M.963 7.745C.963 3.482 4.527.011 8.767.011c2.345 0 4.014.924 5.271 2.131l-1.481 1.49c-.9-.849-2.12-1.509-3.79-1.509-3.095 0-5.515 2.508-5.515 5.622 0 3.113 2.42 5.622 5.515 5.622 2.008 0 3.15-.81 3.884-1.547.6-.604.993-1.47 1.144-2.66H8.767V7.047h7.073c.074.377.112.83.112 1.32 0 1.584-.43 3.546-1.82 4.943-1.351 1.415-3.076 2.17-5.365 2.17-4.24 0-7.804-3.473-7.804-7.735z'/%3E%3Cpath fill='%23EA4335' fill-rule='nonzero' d='M21.668 5.518c-2.739 0-4.971 2.095-4.971 4.98 0 2.868 2.232 4.98 4.971 4.98 2.74 0 4.971-2.114 4.971-4.98 0-2.885-2.232-4.98-4.97-4.98zm0 8c-1.5 0-2.795-1.246-2.795-3.018 0-1.793 1.294-3.019 2.795-3.019 1.5 0 2.795 1.226 2.795 3.019 0 1.772-1.294 3.018-2.795 3.018z'/%3E%3Cpath fill='%23FBBC05' fill-rule='nonzero' d='M32.513 5.518c-2.739 0-4.97 2.095-4.97 4.98 0 2.868 2.231 4.98 4.97 4.98 2.74 0 4.972-2.114 4.972-4.98 0-2.885-2.232-4.98-4.972-4.98zm0 8c-1.5 0-2.794-1.246-2.794-3.018 0-1.793 1.294-3.019 2.794-3.019 1.501 0 2.795 1.226 2.795 3.019 0 1.772-1.294 3.018-2.795 3.018z'/%3E%3Cpath fill='%234285F4' fill-rule='nonzero' d='M45.825 5.82v.811h-.075c-.488-.585-1.426-1.113-2.607-1.113-2.477 0-4.747 2.189-4.747 5 0 2.792 2.27 4.961 4.747 4.961 1.181 0 2.12-.527 2.607-1.132h.075v.717c0 1.905-1.013 2.923-2.645 2.923-1.332 0-2.158-.962-2.495-1.772l-1.895.792c.544 1.32 1.99 2.943 4.39 2.943 2.551 0 4.709-1.509 4.709-5.187V5.82h-2.064zm-2.494 7.698c-1.501 0-2.758-1.265-2.758-3 0-1.753 1.257-3.037 2.758-3.037 1.481 0 2.645 1.282 2.645 3.038-.001 1.734-1.164 2.999-2.645 2.999z'/%3E%3Cpath fill='%2334A853' fill-rule='nonzero' d='M51.566 15.177h-2.177V.539h2.177z'/%3E%3Cpath fill='%23EA4335' fill-rule='nonzero' d='M57.532 13.518c-1.106 0-1.895-.51-2.4-1.51l6.622-2.754-.225-.566c-.414-1.112-1.67-3.168-4.24-3.168-2.552 0-4.671 2.019-4.671 4.98 0 2.79 2.102 4.98 4.916 4.98 2.27 0 3.583-1.396 4.127-2.208l-1.689-1.132c-.564.83-1.333 1.378-2.44 1.378zm-.17-6.075c.863 0 1.595.433 1.838 1.057l-4.428 1.848c-.055-1.925 1.484-2.905 2.59-2.905z'/%3E%3Cpath d='M.857 20.04h60.968V-.002H.857z'/%3E%3Cpath fill='%23757575' fill-rule='nonzero' d='M69.428 15.259V1.753h4.109c2.063 0 3.714.625 4.952 1.877 1.238 1.25 1.857 2.876 1.857 4.876 0 2-.619 3.625-1.857 4.876-1.238 1.251-2.889 1.877-4.952 1.877h-4.109zm1.726-1.66h2.383c1.55 0 2.78-.447 3.686-1.34.907-.892 1.36-2.144 1.36-3.753 0-1.597-.453-2.845-1.36-3.745-.907-.899-2.136-1.348-3.686-1.348h-2.383v10.186zm12.559 1.66h-1.726V6.016h1.65v1.509h.076c.175-.503.534-.918 1.078-1.245.544-.327 1.073-.49 1.585-.49.513 0 .945.075 1.295.226l-.657 1.622c-.225-.088-.531-.132-.919-.132-.625 0-1.179.248-1.66.745-.482.497-.722 1.148-.722 1.953v5.055zM90.08 4.054c-.337 0-.625-.12-.863-.358a1.185 1.185 0 0 1-.356-.868c0-.34.119-.629.356-.868.238-.239.526-.358.863-.358.338 0 .626.12.863.358.238.24.357.528.357.868 0 .34-.12.629-.357.868a1.172 1.172 0 0 1-.863.358zm.863 11.205h-1.726V6.016h1.726v9.243zm5.261 0L92.49 6.016h1.876l2.701 7.168h.038l2.738-7.168h1.839l-3.752 9.243h-1.726zm10.758.302c-1.389 0-2.517-.466-3.387-1.396-.869-.93-1.303-2.107-1.303-3.528 0-1.345.422-2.502 1.266-3.47.844-.969 1.923-1.453 3.236-1.453 1.363 0 2.454.446 3.273 1.34.82.892 1.23 2.087 1.23 3.583l-.02.321h-7.26c.05.93.36 1.666.93 2.207.568.54 1.234.811 1.997.811 1.238 0 2.076-.528 2.514-1.584l1.538.641c-.3.717-.794 1.317-1.482 1.801-.688.485-1.532.727-2.532.727zm2.476-6.037c-.038-.528-.279-1.03-.722-1.509-.444-.478-1.104-.716-1.98-.716-.637 0-1.19.2-1.66.603-.469.403-.79.943-.966 1.622h5.328z'/%3E%3Cpath d='M-1-4h115.143v26H-1z'/%3E%3C/g%3E%3C/svg%3E ");
    background-image: url('data:image/png;base64,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');
    background-position: center center;
    text-indent: -9999px;
    overflow: hidden;
}

.list--methods .list__item--googledrive .list__item__link:hover {
    background-color: #5F9AF9;
}

.list--methods .list__item--googledrive .list__item__link:focus {
    background-color: #4688F4;
}

.list--methods .list__item--paste .list__item__link {
    background-color: #26C59A;
    background-image: url('../images/method--paste.svg');
}

.list--methods .list__item--paste .list__item__link:hover {
    background-color: #00AA81;
}

.list--methods .list__item--paste .list__item__link:focus {
    background-color: #27A285;
}

.list--methods .list__item--later .list__item__link {
    background-color: #26C59A;
    background-image: url('../images/method--later.svg');
}

.list--methods .list__item--later .list__item__link:hover {
    background-color: #00AA81;
}

.list--methods .list__item--later .list__item__link:focus {
    background-color: #27A285;
}
.methodButton--dropbox,
.methodButton--file,
.methodButton--googledrive,
.methodButton--later,
.methodButton--paste {
    border-color: #005F85; /* var(--color--clickable) */
    min-width: 160px;
    background-color: #FFFFFF;
}

/* REGISTER METHODS: FORM LEVEL
   ========================================================================== */

/* Structure
   -------------------------------------------------------------------------- */
.form--methods .fieldSpec {
    max-width: calc(50% - 10px);
    margin-bottom:20px;
}

.form--methods .button-bar {
    max-width: calc(50% - 10px);
    text-align: left;
}

/* Behaviour
   -------------------------------------------------------------------------- */
.form--methods .tpt_uploadResumeError {
    display: none;
}

.form--methods .tpt_uploadResumeNextButton.tpt_uploadResumeNextButtonInactive {
    display: none;
}

/* DETAIL: SECTION LEVEL
   ========================================================================== */

/* Structure
   -------------------------------------------------------------------------- */
.section--details .section__header__image {
    width: 130px;
}

@media all and (max-width:768px) {

    /* Structure
       -------------------------------------------------------------------------- */
    .section--details .section__header__text {
        width: 100%;
        min-height: 110px;
    }

    /* Behaviour
       -------------------------------------------------------------------------- */
    .section--details .section__header__text {
        display: table-cell;
    }

}

/* DETAIL: ARTICLE LEVEL
   ========================================================================== */

/* Structure
   -------------------------------------------------------------------------- */
.article--details + .article--details {
    margin-top: 20px;
}

.article--details .article__header {
    margin-bottom: 26px;
}

/* Appearance
   -------------------------------------------------------------------------- */
.article--details .article__header__text__title__icon {
    color: #1F40E6; /* var(--color--site) in an IE free world - use this comment as a handler for smart find & replace! */
}

/* DETAIL: INFO ORGANIZATION LEVEL: ATTACHMENTS
   ========================================================================== */

/* Structure
   -------------------------------------------------------------------------- */
.list--attachments .list__item {
    padding: 2px 0px;
}

.list--attachments .list__item+.list__item {
    margin-top: 10px;
}

.list--attachments .list__item__text__title {
    margin-bottom: 4px;
}

.attachment-preview {
    margin: 0 1em;
    height: 0;
    padding: 0 10px;
}

.attachment-preview.attachment-preview--show {
    margin: 20px 0 0;
    height: 524px;
    padding: 10px;
}

.attachment-preview .attachment-preview__bar {
    margin-bottom: 10px;
}

.attachment-preview .attachment-preview__preview {
    width: 100%;
    height: 100%;
}

/* Behaviour
   -------------------------------------------------------------------------- */
.list--attachments .list__item__text__title {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.list--attachments .list__item__actions {
    display: block;
}

.attachment-preview {
    display: block;
    transition-property: height, opacity, margin, padding, box-shadow;
    transition-duration: 0.5s;
    transition-timing-function: ease;
    overflow: hidden;
}

.attachment-preview.attachment-preview--show {
    display: block;
    transition-property: height, opacity, margin, padding, box-shadow;
    transition-duration: 0.5s;
    transition-timing-function: ease;
    overflow: hidden;
}

.attachment-preview .attachment-preview__bar {
    text-align: right;
}

.attachment-preview:not(.attachment-preview--show) .attachment-preview__bar {
    display: none;
}

/* Appearance
   -------------------------------------------------------------------------- */
.list--attachments {
    font-size: 15px;
}

.list--attachments .list__item__text__title {
    font-size: 16px;
    font-weight: 400;
}

.list--attachments .list__item__actions {
    font-size: 14px;
}

.attachment-preview {
    opacity: 0;
    background-color: #FFFFFF;
}

.attachment-preview.attachment-preview--show {
    opacity: 1;
    border-width: 1px;
    border-style: solid;
    border-color: #8F98A7; /* var(--color--borders) in an IE free world - use this comment as a handler for smart find & replace! */
    background: #FFFFFF;
}

/* DETAIL: INFO ORGANIZATION LEVEL: HISTORY
   ========================================================================== */

/* Structure
   -------------------------------------------------------------------------- */
.list--history {
    margin-bottom: -30px !important;
}

.list--history .list__item {
    padding: 0px 0px 30px;
}

.list--history .list__item__text__subtitle {
    margin-top: 2px;
}

/* Behaviour
   -------------------------------------------------------------------------- */
.list--history .list__item__text__title {
    display: block;
}

.list--history .list__item__text__subtitle {
    display: block;
}

/* Appearance
   -------------------------------------------------------------------------- */
.list--history .list__item__text__title {
    display: block;
}

.list--history .list__item__text__subtitle {
    font-size: 14px;
    color: #999999;
}

/* DETAIL: INFO ORGANIZATION LEVEL: LINKED FORM
   ========================================================================== */

/* Structure
   -------------------------------------------------------------------------- */
.list--linked-form .list__item+.list__item {
    margin-top: 20px;
}

.list--linked-form .list__item__text__subtitle {
    margin-top: 1px;
}

/* Behaviour
   -------------------------------------------------------------------------- */
.list--linked-form .list__item__text__title {
    display: block;
}

.list--linked-form .list__item__text__subtitle {
    display: block;
}

/* Appearance
   -------------------------------------------------------------------------- */
.list--linked-form .list__item__text__title {
    font-size: 15px;
    font-weight: 400;
    color: #565656;
}

.list--linked-form .list__item__text__subtitle {
    font-size: 14px;
    color: #999999;
}

/* DETAIL ASIDE: ARTICLE LEVEL
   ========================================================================== */

/* Structure
   -------------------------------------------------------------------------- */
.article--view-more-aside {
    margin-top: 40px;
}

.article--view-more-aside .article__header--hr-bottom {
    padding-bottom: 16px;
    margin-bottom: 18px;
}

/* Appearance
   -------------------------------------------------------------------------- */
.article--view-more-aside .article__header__text__title {
    color: #565656;
}

/* DETAIL ASIDE: INFO ORGANIZATION LEVEL
   ========================================================================== */

/* Structure
   -------------------------------------------------------------------------- */
.list--view-more-aside .list__item {
    /*height: 64px;*/
    padding: 6px 0;
}

.list--view-more-aside a {
    width: 100%;
}

.list--view-more-aside .list__item__image {
    width: 50px;
    padding-right: 10px;
}

.list--view-more-aside .list__item__image img {
    width: 100%;
    height: auto;
}

.list--view-more-aside .list__item__text__title {
    margin-top: 2px;
}

.list--view-more-aside .list__item__text__subtitle {
    margin-top: 2px;
}

/* Behaviour
   -------------------------------------------------------------------------- */
.list--view-more-aside a {
    display: table;
    table-layout: fixed;
}

.list--view-more-aside a>* {
    display: table-cell;
    vertical-align: top;
}

.list--view-more-aside .list__item__image img {
    display: block;
}

.list--view-more-aside .list__item__text__title {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.list--view-more-aside .list__item__text__subtitle {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

/* Appearance
   -------------------------------------------------------------------------- */
.list--view-more-aside .list__item__image img {
    border-radius: 100%;
}

.list--view-more-aside .list__item__text__title {
    font-size: 15px;
    font-weight: 400;
}

.list--view-more-aside .list__item:hover .list__item__text__title {
    color: #26C59A; /* var(--color--site) in an IE free world - use this comment as a handler for smart find & replace! */
}

.list--view-more-aside .list__item__text__subtitle {
    font-size: 12px;
    color: #999999;
}

/* SUCCESS: SECTION LEVEL
   ========================================================================== */

/* Structure
   -------------------------------------------------------------------------- */
.section--success .section__header--hr-bottom {
    margin-bottom: 60px;
    padding-bottom: 60px;
}

.section--success .section__header__image {
    width: 100%;
    padding-right: 0;
}

.section--success .section__header__image img {
    max-width: 223px;
}

.section--success .section__header__text__title--4 {
    margin-top: 12px;
}

/* Behaviour
   -------------------------------------------------------------------------- */
.section--success .section__header>* {
    display: table-row;
    text-align: center;
}

/* Appearance
   -------------------------------------------------------------------------- */
.section--success .section__header__image img {
    border-radius: 0;
}

/* WIDGET: SOCIAL LOGIN
   ========================================================================== */

/* Structure
   -------------------------------------------------------------------------- */
.social-login__text {
    margin-bottom: 10px;
}

/* Behaviour
   -------------------------------------------------------------------------- */
.social-login__items {
    white-space: nowrap;
}

.social-login__items__icon{
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

/* Appearance
   -------------------------------------------------------------------------- */
.social-login__text {
    font-style: italic;
    color: #999999;
}

.social-login__items {
    color: #CCCCCC;
}

.social-login__items__icon:hover{
    color: #26C59A; /* var(--color--site) in an IE free world - use this comment as a handler for smart find & replace! */
}

/* WIDGET: SOCIAL SHARE
   ========================================================================== */

/* Structure
   -------------------------------------------------------------------------- */
.aside .social-share {
    margin-top: 40px;
}

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

.section .social-share__popup {
    padding: 4px 10px;
    min-width: 110px;
}

/* Behaviour
   -------------------------------------------------------------------------- */
.section .social-share {
    display: inline-block;
    position: relative;
}

.section .social-share__text {
    display: none;
}

.aside .social-share__button {
    display: none;
}

.social-share__popup {
    white-space: nowrap;
}

.section .social-share__popup {
    display: none;
    position: absolute;
    right: 0;
    z-index: 2;
    bottom: 100%;
}

.social-share--active .social-share__popup {
    display: block;
}

.social-share__popup__icon {
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
}

/* Appearance
   -------------------------------------------------------------------------- */
.social-share__text {
    font-style: italic;
    color: #999999;
}

.social-share__button .button__icon{
    vertical-align: top;
}

.social-share--active .social-share__button .fv-share:before {
    content: 'c';
}

.social-share__popup {
    color: #CCCCCC;
}

.section .social-share__popup {
    border-radius: 4px 4px 0 4px;
    border-width: 1px;
    border-style: solid;
    border-color: #8F98A7; /* var(--color--borders) in an IE free world - use this comment as a handler for smart find & replace! */
    background-color: #FFFFFF;
}

.social-share__popup__icon:hover {
    color: #1F40E6; /* var(--color--site) in an IE free world - use this comment as a handler for smart find & replace! */
}

@media all and (max-width:768px) {
    .social-share__popup__icon:nth-of-type(odd) {
        float: left;
    }

    .social-share__popup__icon:nth-of-type(even) {
        float: right;
    }

    /* Behaviour
       -------------------------------------------------------------------------- */
    .social-share__popup__icon:nth-of-type(odd) {
        clear: both;
    }

    .social-share__popup__icon:nth-of-type(even) {
        clear: right;
    }

}

@media all and (max-width:600px){
    .section .social-share{
        width:100%;
    }
}

/* PAGE LOGIN ADDED STYLES
   ========================================================================== */
.body--loginPage .main__wrapper {
    max-width: 640px;
}

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

.article__header--login .article__header__text__title--4{
    margin-bottom:15px;
}

.form--login .button-bar .button--darkblue{
      max-width: 135px;
      margin-right:20px;
}

.form--login .button-bar{
    text-align: left;
    padding-top: 8px;
    margin-bottom: 18px;
}

.form--login .button-bar .link{
    font-weight:600;
}

* + .form.form--login{
    margin-top:0;
}

.form--login .fieldSpec{
    margin-bottom: 16px;
}

.fieldSpec--password {
    margin-bottom: 24px;
}

@media all and (max-width:768px){
    .body--loginPage .main__wrapper {
        max-width: 492px;
    }
}

@media all and (max-width:480px) {
    .body--loginPage .main__wrapper {
        padding-top: 48px;
    }

    .form--login .button-bar .button--darkblue {
        max-width: 100%;
    }
}

/* ARTICLE WITH TOGGLE ADDED STYLES
   ========================================================================== */
@media all and (max-width:768px){
  .article--toggle{
      height: 96px;
      overflow: hidden;
  }

  .article--toggle__open{
      height:auto;
      overflow: auto;
  }

  .article--toggle .article__header{
      background-image: url(../images/icon--arrow-down.svg);
      background-repeat: no-repeat;
      background-size:16px auto;
      background-position: right 25px center;
  }

  .article--toggle__open .article__header{
      background-image: url(../images/icon--arrow-up.svg);
      background-repeat: no-repeat;
      background-size:16px auto;
      background-position: right 25px center;
  }

.article--toggle .article__header .article__header__text__title{
        display: block;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        max-width: 90%;
    }
}