@charset "UTF-8";
/*********************************************
  :: Necessary SASS files
********************************************/
/*  Syntax Quick Reference
  --------------------------
  column($ratios: 1, $offset: 0, $cycle: 0, $uncycle: 0, $gutter: $jeet-gutter)
  span($ratio: 1, $offset: 0)
  shift($ratios: 0, $col_or_span: column, $gutter: $jeet-gutter)
  unshift()
  edit()
  center($max_width: 1410px, $pad: 0)
  stack($pad: 0, $align: false)
  unstack()
  align($direction: both)
  cf()
*/
/**
 * Grid settings.
 * All values are defaults and can therefore be easily overidden.
 */
/**
 * List functions courtesy of the wonderful folks at Team Sass.
 * Check out their awesome grid: Singularity.
 */
/**
 * Get  percentage from a given ratio.
 * @param {number} [$ratio=1] - The column ratio of the element.
 * @returns {number} - The percentage value.
 */
/**
 * Work out the column widths based on the ratio and gutter sizes.
 * @param {number} [$ratios=1] - The column ratio of the element.
 * @param {number} [$gutter=$jeet-gutter] - The gutter for the column.
 * @returns {list} $width $gutter - A list containing the with and gutter for the element.
 */
/**
 * Get the set layout direction for the project.
 * @returns {string} $direction - The layout direction.
 */
/**
 * Replace a specified list value with a new value (uses built in set-nth() if available)
 * @param {list} $list - The list of values you want to alter.
 * @param {number} $index - The index of the list item you want to replace.
 * @param {*} $value - The value you want to replace $index with.
 * @returns {list} $list - The list with the value replaced or removed.
 * @warn if an invalid index is supplied.
 */
/**
 * Reverse a list (progressively enhanced for Sass 3.3)
 * @param {list} $list - The list of values you want to reverse.
 * @returns {list} $result - The reversed list.
 */
/**
 * Get the opposite direction to a given value.
 * @param {string} $dir - The direction you want the opposite of.
 * @returns {string} - The opposite direction to $dir.
 * @warn if an incorrect string is provided.
 */
/**
 * Perform a value into a percentage value.
 * @param {number} $value - The value which should be converted.
 * @returns {number} $value - The percentage.
 */
/**
 * Style an element as a column with a gutter.
 * @param {number} [$ratios=1] - A width relative to its container as a fraction.
 * @param {number} [$offset=0] - A offset specified as a fraction (see $ratios).
 * @param {number} [$cycle=0] - Easily create an nth column grid where $cycle equals the number of columns.
 * @param {number} [$uncycle=0] - Undo a previous cycle value to allow for a new one.
 * @param {number} [$gutter=$jeet-gutter] - Specify the gutter width as a percentage of the containers width.
 */
/**
 * Aliases for j-column().
 */
/**
 * Get the width of a column and nothing else.
 * @param {number} [$ratios=1] - A width relative to its container as a fraction.
 * @param {number} [$gutter=$jeet-gutter] - Specify the gutter width as a percentage of the containers width.
 */
/**
 * Aliases for j-column-width().
 */
/**
 * Get the gutter size of a column and nothing else.
 * @param {number} [ratios=1] - A width relative to its container as a fraction.
 * @param {number} [gutter=jeet.gutter] - Specify the gutter width as a percentage of the containers width.
 */
/**
 * Alias for j-column-gutter().
 */
/**
 * Style an element as a column without any gutters for a seamless row.
 * @param {number} [$ratios=1] - A width relative to its container as a fraction.
 * @param {number} [$offset=0] - A offset specified as a fraction (see $ratios).
 * @param {number} [cycle=0] - Easily create an nth column grid where cycle equals the number of columns.
 * @param {number} [uncycle=0] - Undo a previous cycle value to allow for a new one.
 */
/**
 * Alias for j-span().
 */
/**
 * Reorder columns without altering the HTML.
 * @param {number} [$ratios=0] - Specify how far along you want the element to move.
 * @param {string} [$col-or-span=column] - Specify whether the element has a gutter or not.
 * @param {number} [$gutter=$jeet-gutter] - Specify the gutter width as a percentage of the containers width.
 */
/**
 * Alias for j-shift().
 */
/**
 * Reset an element that has had shift() applied to it.
 */
/**
 * Alias for j-unshift().
 */
/**
 * View the grid and its layers for easy debugging.
 * @param {string} [$color=black] - The background tint applied.
 * @param {boolean} [$important=false] - Whether to apply the style as !important.
 */
/**
 * Aliases for j-edit().
 */
/**
 * Horizontally center an element.
 * @param {number} [$max-width=1410px] - The max width the element can be.
 * @param {number} [$pad=0] - Specify the element's left and right padding.
 */
/**
 * Alias for j-center().
 */
/**
 * Uncenter an element.
 */
/**
 * Alias for j-uncenter().
 */
/**
 * Stack an element so that nothing is either side of it.
 * @param {number} [$pad=0] - Specify the element's left and right padding.
 * @param {boolean/string} [$align=false] - Specify the text align for the element.
 */
/**
 * Alias for j-stack().
 */
/**
 * Unstack an element.
 */
/**
 * Alias for j-unstack().
 */
/**
 * Center an element on either or both axes.
 * @requires A parent container with relative positioning.
 * @param {string} [$direction=both] - Specify which axes to center the element on.
 */
/**
 * Alias for j-align().
 */
/**
 * Apply a clearfix to an element.
 */
/**
 * Alias for j-cf().
 */
/*********************************************
  :: Sass Setup
  :: Variables, mixins and more!!
********************************************/
/*********************************************
  :: colors!!!!!!
  :: 3 most over used colors for the site
  :: usage = background: $primary-color;
********************************************/
/*********************************************
  :: typography defaults!!!!!!
  :: 3 most over used colors for the site
  :: usage = font-size: $body-copy-size; || line-height: $body-copy-lh;
********************************************/
/*********************************************
  :: breakpoint mixin
  :: simple custom defined breakpoints
  :: usage = @include breakpoint(gt760)
********************************************/
/*********************************************
  :: rgba mixin
  :: good for those pesky old browsers!!!
  :: usage = @include rgba(#000, 0.5)
********************************************/
/*********************************************
  :: Cross Browser - Border Radius
  :: good for those pesky old browsers!!!
  :: usage = @include border-radius(0px 0px 0px 0px)
********************************************/
@import url(//fonts.googleapis.com/css?family=Montserrat:400,700);
.jba2-btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: white;
  transition: transform 0.15s;
  transform: scale(1);
  border-width: 0px;
  white-space: normal;
  border-radius: 500px; }

.jba2-btn:hover {
  text-decoration: none !important;
  color: white !important; }

.jba2-btn-xs {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5; }

.jba2-btn-sm {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5; }

.jba2-btn-lg {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333; }

.jba2-btn-xl {
  padding: 10px 22px;
  font-size: 24px;
  line-height: 1.3333333; }

@media screen and (max-width: 600px) {
  .jba2-btn {
    font-weight: 500 !important; } }

.instance-buttons-choice .jba2-btn.green, .instances-many-buttons .jba2-btn.green {
  background: #38b54a !important; }
  .instance-buttons-choice .jba2-btn.green:hover, .instances-many-buttons .jba2-btn.green:hover {
    background: #309c3e !important; }

.instance-buttons-choice .jba2-btn.red, .instances-many-buttons .jba2-btn.red {
  background: #dc0000 !important; }
  .instance-buttons-choice .jba2-btn.red:hover, .instances-many-buttons .jba2-btn.red:hover {
    background: #b30000 !important; }

.instance-buttons-choice .jba2-btn.red, .instance-buttons-choice .jba2-btn.green, .instances-many-buttons .jba2-btn.red, .instances-many-buttons .jba2-btn.green {
  color: #fff !important; }
  .instance-buttons-choice .jba2-btn.red:focus, .instance-buttons-choice .jba2-btn.green:focus, .instances-many-buttons .jba2-btn.red:focus, .instances-many-buttons .jba2-btn.green:focus {
    color: #fff; }

.image-center-instances {
  max-width: 100px;
  margin: 0 auto;
  padding-bottom: 2em; }

.d-flex {
  display: -ms-flexbox;
  display: flex; }

.j-end {
  -ms-flex-pack: end;
  justify-content: flex-end; }

.j-between {
  -ms-flex-pack: justify;
  justify-content: space-between; }

.j-around {
  -ms-flex-pack: distribute;
  justify-content: space-around; }

.j-center {
  -ms-flex-pack: center;
  justify-content: center; }

.image-center-instances img.img-responsive {
  max-width: 100px;
  height: auto; }

.instance-message-wrap {
  max-width: 900px;
  margin: 0 auto; }

.purple-header {
  background: #6C1F5D;
  color: white;
  padding: 1em; }

.purple-header h3 {
  font-family: 'Lora';
  margin-top: 0 !important;
  margin-bottom: 0 !important; }
  .purple-header h3.title-instance {
    color: #fff !important; }

.d-flex.j-center.instance-buttons-choice {
  -ms-flex-align: center;
  align-items: center;
  margin-top: 2em; }

.d-flex.j-center.instance-buttons-choice a {
  margin-left: 10px;
  margin-right: 10px; }

@media screen and (max-width: 500px) {
  .d-flex.j-center.instance-buttons-choice {
    -ms-flex-direction: column;
    flex-direction: column; }
  .d-flex.j-center.instance-buttons-choice a {
    margin-bottom: 1em;
    width: 200px; } }

.d-flex.j-center.instances-many-buttons {
  margin-top: 2em;
  -ms-flex-direction: column;
  flex-direction: column; }

.d-flex.j-center.instances-many-buttons a {
  width: 200px;
  margin: 0 auto; }

.jbanew-course-card .element-item.course-item-instance {
  cursor: default;
  box-shadow: gray 1px 1px 5px 0px; }
  .jbanew-course-card .element-item.course-item-instance:hover {
    box-shadow: gray 1px 1px 5px 0px; }
  .jbanew-course-card .element-item.course-item-instance .element-item-background, .jbanew-course-card .element-item.course-item-instance .courses-container, .jbanew-course-card .element-item.course-item-instance .element-item-text {
    cursor: default; }

.self-discovery-mobile-card-fix.col-xs-12.instance-course {
  width: 91% !important;
  padding: 0; }

@media (min-width: 768px) and (max-width: 991px) {
  .self-discovery-mobile-card-fix.col-xs-12.instance-course {
    padding: 0 15%; }
  .instance-course .element-item {
    width: 97%;
    margin: 1.5%; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .self-discovery-mobile-card-fix.col-xs-12.instance-course {
    padding: 0 10%; }
  .instance-course .element-item {
    width: 97%;
    margin: 1.5%; } }

@media (min-width: 1200px) {
  .self-discovery-mobile-card-fix.col-xs-12.instance-course {
    padding: 0 20px; }
  .instance-course .element-item {
    width: 30%;
    margin: 1%; } }

/*********************************************
  :: The mixin
********************************************/
/**
 * Fix for vw, vh, vmin, vmax on iOS 7.
 * http://caniuse.com/#feat=viewport-units
 *
 * This fix works by replacing viewport units with px values on known screen sizes.
 *
 * iPhone 6 and 6 Plus cannot run iOS 7, so are not targeted by this fix.
 * Target devices running iOS 8+ will incidentally execute the media query,
 * but this will still produce the expected result; so this is not a problem.
 *
 * As an example, replace:
 *
 *   height: 50vh;
 *   font-size: 5vmin;
 *
 * with:
 *
 *   @include viewport-unit(height, 50vh);
 *   @include viewport-unit(font-size, 5vmin);
 */
/* .site-wrapper {
    background-image: url( https://worktheseasons.co.nz/images/theme-competenz/landing-background.jpg );
} */
/* Generated by Font Squirrel (https://www.fontsquirrel.com) on March 8, 2017 */
.orange-text {
  color: #D61A69 !important; }

.quoteable {
  font-size: 30px; }

body.staging:before {
  background: #f0f;
  border: 5px solid #0f0;
  content: '!STAGING SITE!';
  font-size: 30px;
  font-weight: bold;
  left: -130px;
  opacity: 0.5;
  padding: 10px 0;
  pointer-events: none;
  position: absolute;
  text-align: center;
  top: 40px;
  transform: rotate(-25deg);
  transition: opacity 10s linear;
  width: 500px;
  z-index: 100000; }

.panel.panel-default, .panel, .panel-secondary, #v-progess .panel-body {
  background: white !important;
  border: none !important;
  box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.16); }

.panel-heading {
  background: white !important;
  border: none !important; }

.panel-footer {
  background: white !important;
  border: none !important; }

.panel.panel-quote.dismissable {
  border: none;
  background-color: transparent !important;
  box-shadow: none !important;
  padding-top: 1em; }

.panel-quote .panel-heading {
  border: none !important;
  background: transparent !important; }

.quote-color {
  color: black !important; }

.quote-text, .wrap-side-info i {
  color: black !important; }

.tgl-light:checked + .tgl-btn, .filter-switch-checked {
  background: #D61A69 !important; }

.job-color, .course-color, .element-item-text.black a, .list-toggle-active, .learn-more-text {
  color: #D61A69 !important; }

nav .divider-left {
  border-left: #EBEBEB !important; }

.text-secondary.fa.fa-file-text {
  color: white !important; }

div#v-summary, div#v-summary .panel, div#v-progess .panel {
  background: transparent !important;
  border-bottom: none !important;
  box-shadow: none !important; }

div#v-summary .panel-heading, div#v-progess .panel-heading {
  background: transparent !important; }

#v-summary .panels-dashboard {
  background: white !important;
  padding: 2em;
  border: none;
  box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.16); }

.half-circle {
  display: none !important; }

#v-summary h3.title-color, #v-progess h3.title-color {
  color: black !important;
  font-size: 20px;
  text-transform: uppercase;
  font-weight: bold; }

.pitches-list-parent {
  background: white !important; }

#v-dashboard-activity .panel.panel-secondary {
  margin-top: 0 !important; }

#v-summary h3.mts.mbs.tcenter.title-color::after, #v-progess h3.mts.mbs.tcenter.title-color::after {
  content: '';
  height: 2px;
  width: 40%;
  position: absolute;
  right: 0;
  top: 35px;
  box-shadow: 1px 1px 1px 1px #dedede inset; }

#v-summary h3.mts.mbs.tcenter.title-color::before, #v-progess h3.mts.mbs.tcenter.title-color::before {
  content: '';
  height: 2px;
  width: 40%;
  position: absolute;
  left: 0;
  box-shadow: 1px 1px 1px 1px #dedede inset;
  top: 35px; }

div#v-dashboard-activity h3 {
  text-align: center;
  color: black !important;
  text-transform: uppercase;
  font-size: 20px; }

.viewButton {
  color: #D61A69 !important; }

.viewButton.active {
  color: #6C1F5D !important; }

.profile-section {
  background: white;
  padding: 0;
  margin: 10px 0;
  box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.16); }

.text-secondary {
  color: #6E6E91 !important; }

.jba-btn:not(.jba-btn-submit, .course-button) {
  background-image: none !important;
  background-color: #D61A69 !important;
  border: none !important;
  color: white !important;
  text-decoration: none !important; }

.jba-modal-btn, .btn-secondary, .jba-modal-btn:hover, .js-password2.bbtn {
  background-image: none !important;
  background-color: #D61A69 !important;
  border: none !important;
  color: white !important;
  text-decoration: none !important; }

.jba-btn-locked {
  background-color: grey !important;
  background-image: none !important; }

.jba-btn-visited {
  background-color: #6E6E91 !important; }

.progress-content {
  color: #000000 !important; }

input[type=range]::-webkit-slider-thumb {
  background: #000000 !important; }

.wrapper-exercise .bold.text-main {
  color: white !important; }

.progress-checkbox {
  background: url(../../images/theme-competenz/checkBoxBlack.svg) !important;
  background-repeat: no-repeat !important; }

.row.social-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding-bottom: 0.5em; }

img.icons-social {
  width: 80%; }

.help-section-competenz {
  background: black;
  padding: 2em 1em; }

.help-section-competenz a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: white;
  font-size: 16px; }

span.icon-contacts {
  margin-top: -5px; }

.icon-contacts img {
  width: 20px !important;
  margin-right: 20px; }

h4.social-heading {
  font-weight: bold; }

.help-wrap {
  margin-top: 2em; }

.border-sidebar {
  box-shadow: 1px 1px 1px 1px #dedede inset;
  height: 2px;
  margin-top: 2.2em; }

.name {
  color: #D61A69 !important; }

@media screen and (min-width: 980px) {
  div#page-content-wrapper {
    background-image: url("../../images/theme-lockerroom/lockerRoom.svg");
    background-repeat: no-repeat;
    background-position: 0 100%;
    background-size: 100%; }
  .wrapper-exercise div#page-content-wrapper {
    background-image: none !important; } }

@media screen and (max-width: 1200px) {
  #v-summary h3.mts.mbs.tcenter.title-color::after, #v-progess h3.mts.mbs.tcenter.title-color::after {
    width: 35%;
    top: 35px; }
  #v-summary h3.mts.mbs.tcenter.title-color::before, #v-progess h3.mts.mbs.tcenter.title-color::before {
    width: 35%;
    top: 35px; } }

@media screen and (max-width: 767px) {
  #v-summary h3.mts.mbs.tcenter.title-color::after, #v-progess h3.mts.mbs.tcenter.title-color::after {
    width: 35%;
    right: 0;
    top: 35px; }
  #v-summary h3.mts.mbs.tcenter.title-color::before, #v-progess h3.mts.mbs.tcenter.title-color::before {
    width: 35%;
    left: 0;
    top: 35px; }
  a.navbar-brand.logo.mts.pt0.pr0.pb0.pl0 {
    right: 0 !important;
    left: 60% !important;
    margin-top: 10px !important; }
  a.navbar-brand.logo.mts.pt0.pr0.pb0.pl0 img {
    height: 30px !important; } }

@media screen and (max-width: 480px) {
  #v-summary h3.mts.mbs.tcenter.title-color::after, #v-progess h3.mts.mbs.tcenter.title-color::after {
    content: '';
    height: 2px;
    width: 26%;
    position: absolute;
    right: 0;
    top: 35px;
    box-shadow: 1px 1px 1px 1px #dedede inset; }
  #v-summary h3.mts.mbs.tcenter.title-color::before, #v-progess h3.mts.mbs.tcenter.title-color::before {
    content: '';
    height: 2px;
    width: 25%;
    position: absolute;
    left: 0;
    box-shadow: 1px 1px 1px 1px #dedede inset;
    top: 35px; } }

#v-progess h3.mts.mbs.tcenter.title-color::before, #v-progess h3.mts.mbs.tcenter.title-color::after {
  top: 50% !important; }

.social-box.tcenter {
  width: 20%; }

i.fa.fa-linkedin-square.icons-social {
  color: white;
  font-size: 40px; }

.list-toggle.list-toggle-competenz {
  -ms-flex-align: center;
  align-items: center; }

.list-toggle.list-toggle-competenz p {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding: 0.3em;
  font-size: 18px;
  font-weight: bold; }

.wrapper-exercise .bold.text-main {
  color: #D61A69 !important; }

.menu-bar__item .fa {
  color: #D61A69 !important; }

@media screen and (min-width: 768px) {
  .panels-dashboard {
    width: 48% !important; }
  .col-xs-12.col-sm-6.sum-border.mtb.pbb.panels-dashboard {
    margin-right: 4% !important; } }

@media screen and (min-width: 1400px) {
  div#page-content-wrapper {
    background-position: 0 115%; }
  #page-content-wrapper {
    height: 100% !important;
    overflow: scroll; }
  i.fa.fa-linkedin-square.icons-social {
    font-size: 60px; } }

@media screen and (max-width: 767px) {
  a.navbar-brand.logo.mts.pt0.pr0.pb0.pl0 {
    width: 80% !important;
    margin-top: 4px !important;
    left: initial !important;
    margin-left: 0 !important; }
  a.navbar-brand.logo.mts.pt0.pr0.pb0.pl0 img {
    height: auto !important;
    max-height: 100%;
    max-width: 100%;
    right: 0;
    float: right; } }

/*********************************************
  :: The Core
********************************************/
.btn-main {
  color: #FFFFFF;
  background-color: #000000;
  border-color: #000000; }

.btn-main:hover,
.btn-main:focus,
.btn-main:active,
.btn-main.active,
.open .dropdown-toggle.btn-main {
  color: #FFFFFF;
  background-color: #000000;
  border-color: #000000; }

.btn-main:active,
.btn-main.active,
.open .dropdown-toggle.btn-main {
  background-image: none; }

.btn-main.disabled,
.btn-main[disabled],
fieldset[disabled] .btn-main,
.btn-main.disabled:hover,
.btn-main[disabled]:hover,
fieldset[disabled] .btn-main:hover,
.btn-main.disabled:focus,
.btn-main[disabled]:focus,
fieldset[disabled] .btn-main:focus,
.btn-main.disabled:active,
.btn-main[disabled]:active,
fieldset[disabled] .btn-main:active,
.btn-main.disabled.active,
.btn-main[disabled].active,
fieldset[disabled] .btn-main.active {
  background-color: #000000;
  border-color: #000000; }

.btn-main .badge {
  color: #000000;
  background-color: #FFFFFF; }

.btn-secondary {
  color: #FFFFFF;
  background-color: #D61A69;
  border-color: #D61A69; }

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active,
.btn-secondary.active,
.open .dropdown-toggle.btn-secondary {
  color: #FFFFFF;
  background-color: #D61A69;
  border-color: #D61A69; }

.btn-secondary:active,
.btn-secondary.active,
.open .dropdown-toggle.btn-secondary {
  background-image: none; }

.btn-secondary.disabled,
.btn-secondary[disabled],
fieldset[disabled] .btn-secondary,
.btn-secondary.disabled:hover,
.btn-secondary[disabled]:hover,
fieldset[disabled] .btn-secondary:hover,
.btn-secondary.disabled:focus,
.btn-secondary[disabled]:focus,
fieldset[disabled] .btn-secondary:focus,
.btn-secondary.disabled:active,
.btn-secondary[disabled]:active,
fieldset[disabled] .btn-secondary:active,
.btn-secondary.disabled.active,
.btn-secondary[disabled].active,
fieldset[disabled] .btn-secondary.active {
  background-color: #D61A69;
  border-color: #D61A69; }

.btn-secondary .badge {
  color: #D61A69;
  background-color: #FFFFFF; }

.btn-tertiary {
  color: #FFFFFF;
  background-color: #000000;
  border-color: #000000; }

.btn-tertiary:hover,
.btn-tertiary:focus,
.btn-tertiary:active,
.btn-tertiary.active,
.open .dropdown-toggle.btn-tertiary {
  color: #FFFFFF;
  background-color: #000000;
  border-color: #000000; }

.btn-tertiary:active,
.btn-tertiary.active,
.open .dropdown-toggle.btn-tertiary {
  background-image: none; }

.btn-tertiary.disabled,
.btn-tertiary[disabled],
fieldset[disabled] .btn-tertiary,
.btn-tertiary.disabled:hover,
.btn-tertiary[disabled]:hover,
fieldset[disabled] .btn-tertiary:hover,
.btn-tertiary.disabled:focus,
.btn-tertiary[disabled]:focus,
fieldset[disabled] .btn-tertiary:focus,
.btn-tertiary.disabled:active,
.btn-tertiary[disabled]:active,
fieldset[disabled] .btn-tertiary:active,
.btn-tertiary.disabled.active,
.btn-tertiary[disabled].active,
fieldset[disabled] .btn-tertiary.active {
  background-color: #000000;
  border-color: #000000; }

.btn-tertiary .badge {
  color: #000000;
  background-color: #FFFFFF; }

.btn-quarternary {
  color: #FFFFFF;
  background-color: #EBEBEB;
  border-color: #EBEBEB; }

.btn-quarternary:hover,
.btn-quarternary:focus,
.btn-quarternary:active,
.btn-quarternary.active,
.open .dropdown-toggle.btn-quarternary {
  color: #FFFFFF;
  background-color: #EBEBEB;
  border-color: #EBEBEB; }

.btn-quarternary:active,
.btn-quarternary.active,
.open .dropdown-toggle.btn-quarternary {
  background-image: none; }

.btn-quarternary.disabled,
.btn-quarternary[disabled],
fieldset[disabled] .btn-quarternary,
.btn-quarternary.disabled:hover,
.btn-quarternary[disabled]:hover,
fieldset[disabled] .btn-quarternary:hover,
.btn-quarternary.disabled:focus,
.btn-quarternary[disabled]:focus,
fieldset[disabled] .btn-quarternary:focus,
.btn-quarternary.disabled:active,
.btn-quarternary[disabled]:active,
fieldset[disabled] .btn-quarternary:active,
.btn-quarternary.disabled.active,
.btn-quarternary[disabled].active,
fieldset[disabled] .btn-quarternary.active {
  background-color: #EBEBEB;
  border-color: #EBEBEB; }

.btn-quarternary .badge {
  color: #EBEBEB;
  background-color: #FFFFFF; }

.btn-quinary {
  color: #FFFFFF;
  background-color: #D61A69;
  border-color: #D61A69; }

.btn-quinary:hover,
.btn-quinary:focus,
.btn-quinary:active,
.btn-quinary.active,
.open .dropdown-toggle.btn-quinary {
  color: #FFFFFF;
  background-color: #D61A69;
  border-color: #D61A69; }

.btn-quinary:active,
.btn-quinary.active,
.open .dropdown-toggle.btn-quinary {
  background-image: none; }

.btn-quinary.disabled,
.btn-quinary[disabled],
fieldset[disabled] .btn-quinary,
.btn-quinary.disabled:hover,
.btn-quinary[disabled]:hover,
fieldset[disabled] .btn-quinary:hover,
.btn-quinary.disabled:focus,
.btn-quinary[disabled]:focus,
fieldset[disabled] .btn-quinary:focus,
.btn-quinary.disabled:active,
.btn-quinary[disabled]:active,
fieldset[disabled] .btn-quinary:active,
.btn-quinary.disabled.active,
.btn-quinary[disabled].active,
fieldset[disabled] .btn-quinary.active {
  background-color: #D61A69;
  border-color: #D61A69; }

.btn-quinary .badge {
  color: #D61A69;
  background-color: #FFFFFF; }

.btn-pink {
  color: #FFFFFF;
  background-color: #6E6E91;
  border-color: #6E6E91; }

.btn-pink:hover,
.btn-pink:focus,
.btn-pink:active,
.btn-pink.active,
.open .dropdown-toggle.btn-pink {
  color: #FFFFFF;
  background-color: #6E6E91;
  border-color: #6E6E91; }

.btn-pink:active,
.btn-pink.active,
.open .dropdown-toggle.btn-pink {
  background-image: none; }

.btn-pink.disabled,
.btn-pink[disabled],
fieldset[disabled] .btn-pink,
.btn-pink.disabled:hover,
.btn-pink[disabled]:hover,
fieldset[disabled] .btn-pink:hover,
.btn-pink.disabled:focus,
.btn-pink[disabled]:focus,
fieldset[disabled] .btn-pink:focus,
.btn-pink.disabled:active,
.btn-pink[disabled]:active,
fieldset[disabled] .btn-pink:active,
.btn-pink.disabled.active,
.btn-pink[disabled].active,
fieldset[disabled] .btn-pink.active {
  background-color: #6E6E91;
  border-color: #6E6E91; }

.btn-pink .badge {
  color: #6E6E91;
  background-color: #FFFFFF; }

/* Custom Brand Coloured Panels */
.panel-main {
  border-color: #000000; }

.panel-main > .panel-heading {
  color: #ffffff;
  background-color: #000000;
  border-color: #000000; }

.panel-main > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #000000; }

.panel-main > .panel-heading .badge {
  color: #000000;
  background-color: #ffffff; }

.panel-main > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #000000; }

.panel-secondary {
  border-color: #D61A69; }

.panel-secondary > .panel-heading {
  color: #ffffff;
  background-color: #D61A69;
  border-color: #D61A69; }

.panel-secondary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #D61A69; }

.panel-secondary > .panel-heading .badge {
  color: #D61A69;
  background-color: #ffffff; }

.panel-secondary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #D61A69; }

.panel-tertiary {
  border-color: #000000; }

.panel-tertiary > .panel-heading {
  color: #ffffff;
  background-color: #000000;
  border-color: #000000; }

.panel-tertiary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #000000; }

.panel-tertiary > .panel-heading .badge {
  color: #000000;
  background-color: #ffffff; }

.panel-tertiary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #000000; }

.panel-quarternary {
  border-color: #EBEBEB; }

.panel-quarternary > .panel-heading {
  color: #ffffff;
  background-color: #EBEBEB;
  border-color: #EBEBEB; }

.panel-quarternary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #EBEBEB; }

.panel-quarternary > .panel-heading .badge {
  color: #EBEBEB;
  background-color: #ffffff; }

.panel-quarternary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #EBEBEB; }

.panel-quinary {
  border-color: #D61A69; }

.panel-quinary > .panel-heading {
  color: #ffffff;
  background-color: #D61A69;
  border-color: #D61A69; }

.panel-quinary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #D61A69; }

.panel-quinary > .panel-heading .badge {
  color: #D61A69;
  background-color: #ffffff; }

.panel-quinary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #D61A69; }

.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  z-index: 2;
  color: #000;
  background-color: #000000;
  border-color: #000000; }

@media (min-width: 768px) {
  .col-ms-offset-right-6 {
    margin-right: 50%; } }

@font-face {
  font-family: 'Cutive';
  src: url("../../fonts/cutive_regular-webfont.eot");
  src: url("../../fonts/cutive_regular-webfont.eot#iefix") format("embedded-opentype"), url("../../fonts/cutive_regular-webfont.woff") format("woff2"), url("../../fonts/cutive_regular-webfont.woff") format("woff"), url("../../fonts/cutive_regular-webfont.ttf") format("truetype"), url("../../fonts/cutive_regular-webfont.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Lato';
  src: url("../../fonts/lato_regular-webfont.eot");
  src: url("../../fonts/lato_regular-webfont.eot#iefix") format("embedded-opentype"), url("../../fonts/lato_regular-webfont.woff") format("woff2"), url("../../fonts/lato_regular-webfont.woff") format("woff"), url("../../fonts/lato_regular-webfont.ttf") format("truetype"), url("../../fonts/lato_regular-webfont.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Lato';
  src: url("../../fonts/lato_bold-webfont.eot");
  src: url("../../fonts/lato_bold-webfont.eot#iefix") format("embedded-opentype"), url("../../fonts/lato_bold-webfont.woff") format("woff2"), url("../../fonts/lato_bold-webfont.woff") format("woff"), url("../../fonts/lato_bold-webfont.ttf") format("truetype"), url("../../fonts/lato_bold-webfont.svg") format("svg");
  font-weight: bold;
  font-style: normal; }

.standard-title {
  font-size: 1rem;
  position: relative;
  width: 100%;
  display: inline-block; }
  .standard-title span {
    float: right;
    font-size: 0.875rem; }
  .standard-title .min-icon {
    display: none;
    font-size: 0.8125rem;
    font-style: italic;
    cursor: pointer; }
    .standard-title .min-icon img {
      position: relative;
      top: 2px;
      margin-left: 9px; }
    .standard-title .min-icon.active {
      display: inline-block; }
  @media (max-width: 500px) {
    .standard-title.mobi-clap {
      border-bottom: 1px solid #DDDDDD;
      padding-bottom: 13px;
      margin-bottom: 52px; }
      .standard-title.mobi-clap .simple-version {
        top: 35px; } }

.blue-center-plain {
  text-decoration: none;
  text-align: center;
  padding: 20px 0;
  display: block; }

.toggle-content-triggers {
  float: right; }
  .toggle-content-triggers span {
    float: right;
    color: #999999;
    font-size: 0.875rem; }
  .toggle-content-triggers .min-icon {
    display: none;
    font-size: 0.8125rem;
    color: #000000;
    font-style: italic;
    cursor: pointer; }
    .toggle-content-triggers .min-icon img {
      position: relative;
      top: 2px;
      margin-left: 9px; }
    .toggle-content-triggers .min-icon.active {
      display: inline-block; }

.mobi-menu {
  width: 80%;
  height: 100%;
  position: fixed;
  right: -90%;
  top: 0;
  background-color: #222222;
  border-left: 1px solid white;
  z-index: 100;
  overflow-y: auto;
  transition: all 0.3s ease-in-out; }
  .mobi-menu.active {
    right: 0; }
  .mobi-menu .close {
    position: absolute;
    left: -62px;
    top: 0px;
    padding: 23px;
    background-color: #000000; }
  .mobi-menu .top-banner-menu {
    width: 100%;
    height: 62px;
    background-color: #000000; }
    .mobi-menu .top-banner-menu .right {
      float: right; }
    .mobi-menu .top-banner-menu .profile {
      text-decoration: none;
      padding: 11px; }
      .mobi-menu .top-banner-menu .profile p {
        color: white;
        font-family: "Lato", serif;
        font-size: 0.875rem;
        display: inline-block;
        vertical-align: top;
        margin-top: 15px;
        margin-right: 15px; }
      .mobi-menu .top-banner-menu .profile img {
        width: 42px;
        height: 42px; }
  .mobi-menu .bottom-banner-menu {
    border-top: 1px solid rgba(255, 255, 255, 0.25);
    width: 100%;
    height: 50px;
    background-color: #000000; }
    .mobi-menu .bottom-banner-menu .profile-control {
      text-align: center;
      padding: 10px 0; }

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, span, applet, object, iframe, pre,
a, abbr, acronym, address, big, code,
del, dfn, em, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol.reset, ul.reset,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  box-sizing: border-box; }

b {
  font-weight: bold; }

em {
  font-style: italic; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
header, hgroup, menu, nav, section, main {
  display: block; }

body {
  margin: 0;
  padding: 0;
  background-color: #EEEEEE; }

ol.reset, ul.reset {
  list-style: none; }

i {
  font-style: italic; }

blockquote, q {
  quotes: none; }

strong {
  font-weight: bold; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

html, body {
  font-family: "Lato", sans-serif;
  font-size: 0.95em;
  height: 100%;
  overflow-x: -moz-scrollbars-none;
  -webkit-overflow-scrolling: touch; }

.col-12-1 {
  float: left;
  clear: none;
  width: 5.5833333333%;
  margin-left: 0;
  margin-right: 3%; }
  .col-12-1:last-child {
    margin-right: 0; }

.col-12-2 {
  float: left;
  clear: none;
  width: 14.1666666667%;
  margin-left: 0;
  margin-right: 3%; }
  .col-12-2:last-child {
    margin-right: 0; }

.col-12-3 {
  float: left;
  clear: none;
  width: 22.75%;
  margin-left: 0;
  margin-right: 3%; }
  .col-12-3:last-child {
    margin-right: 0; }

.col-12-4 {
  float: left;
  clear: none;
  width: 31.3333333333%;
  margin-left: 0;
  margin-right: 3%; }
  .col-12-4:last-child {
    margin-right: 0; }

.col-12-5 {
  float: left;
  clear: none;
  width: 39.9166666667%;
  margin-left: 0;
  margin-right: 3%; }
  .col-12-5:last-child {
    margin-right: 0; }

.col-12-6 {
  float: left;
  clear: none;
  width: 48.5%;
  margin-left: 0;
  margin-right: 3%; }
  .col-12-6:last-child {
    margin-right: 0; }

.col-12-7 {
  float: left;
  clear: none;
  width: 57.0833333333%;
  margin-left: 0;
  margin-right: 3%; }
  .col-12-7:last-child {
    margin-right: 0; }

.col-12-8 {
  float: left;
  clear: none;
  width: 65.6666666667%;
  margin-left: 0;
  margin-right: 3%; }
  .col-12-8:last-child {
    margin-right: 0; }

.col-12-9 {
  float: left;
  clear: none;
  width: 74.25%;
  margin-left: 0;
  margin-right: 3%; }
  .col-12-9:last-child {
    margin-right: 0; }

.col-12-10 {
  float: left;
  clear: none;
  width: 82.8333333333%;
  margin-left: 0;
  margin-right: 3%; }
  .col-12-10:last-child {
    margin-right: 0; }

.col-12-11 {
  float: left;
  clear: none;
  width: 91.4166666667%;
  margin-left: 0;
  margin-right: 3%; }
  .col-12-11:last-child {
    margin-right: 0; }

.col-12-12 {
  float: left;
  clear: none;
  width: 100%;
  margin-left: 0;
  margin-right: 3%; }
  .col-12-12:last-child {
    margin-right: 0; }

@media (max-width: 500px) {
  .col-stack {
    display: block;
    clear: both;
    float: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0; }
    .col-stack:first-child {
      margin-left: auto; }
    .col-stack:last-child {
      margin-right: auto; } }

.desktop-only {
  display: inline-block !important; }
  @media (max-width: 768px) {
    .desktop-only {
      display: none !important; } }

.none-big-desktop {
  display: inline-block !important; }
  @media (min-width: 1024px) {
    .none-big-desktop {
      display: none !important; } }

.big-desktop-only {
  display: inline-block !important; }
  @media (max-width: 1024px) {
    .big-desktop-only {
      display: none !important; } }

.desktop-block-only {
  display: block !important; }
  @media (max-width: 768px) {
    .desktop-block-only {
      display: none !important; } }

.mobi-only {
  display: none !important; }
  @media (max-width: 768px) {
    .mobi-only {
      display: inline-block !important; } }

.mobi-block-only {
  display: none !important; }
  @media (max-width: 768px) {
    .mobi-block-only {
      display: block !important; } }

.row-100 {
  width: auto;
  max-width: 120px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-110 {
  width: auto;
  max-width: 130px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-120 {
  width: auto;
  max-width: 140px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-130 {
  width: auto;
  max-width: 150px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-140 {
  width: auto;
  max-width: 160px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-150 {
  width: auto;
  max-width: 170px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-160 {
  width: auto;
  max-width: 180px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-170 {
  width: auto;
  max-width: 190px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-180 {
  width: auto;
  max-width: 200px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-190 {
  width: auto;
  max-width: 210px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-200 {
  width: auto;
  max-width: 220px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-210 {
  width: auto;
  max-width: 230px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-220 {
  width: auto;
  max-width: 240px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-230 {
  width: auto;
  max-width: 250px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-240 {
  width: auto;
  max-width: 260px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-250 {
  width: auto;
  max-width: 270px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-260 {
  width: auto;
  max-width: 280px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-270 {
  width: auto;
  max-width: 290px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-280 {
  width: auto;
  max-width: 300px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-290 {
  width: auto;
  max-width: 310px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-300 {
  width: auto;
  max-width: 320px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-310 {
  width: auto;
  max-width: 330px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-320 {
  width: auto;
  max-width: 340px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-330 {
  width: auto;
  max-width: 350px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-340 {
  width: auto;
  max-width: 360px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-350 {
  width: auto;
  max-width: 370px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-360 {
  width: auto;
  max-width: 380px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-370 {
  width: auto;
  max-width: 390px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-380 {
  width: auto;
  max-width: 400px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-390 {
  width: auto;
  max-width: 410px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-400 {
  width: auto;
  max-width: 420px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-410 {
  width: auto;
  max-width: 430px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-420 {
  width: auto;
  max-width: 440px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-430 {
  width: auto;
  max-width: 450px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-440 {
  width: auto;
  max-width: 460px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-450 {
  width: auto;
  max-width: 470px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-460 {
  width: auto;
  max-width: 480px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-470 {
  width: auto;
  max-width: 490px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-480 {
  width: auto;
  max-width: 500px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-490 {
  width: auto;
  max-width: 510px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-500 {
  width: auto;
  max-width: 520px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-510 {
  width: auto;
  max-width: 530px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-520 {
  width: auto;
  max-width: 540px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-530 {
  width: auto;
  max-width: 550px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-540 {
  width: auto;
  max-width: 560px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-550 {
  width: auto;
  max-width: 570px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-560 {
  width: auto;
  max-width: 580px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-570 {
  width: auto;
  max-width: 590px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-580 {
  width: auto;
  max-width: 600px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-590 {
  width: auto;
  max-width: 610px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-600 {
  width: auto;
  max-width: 620px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-610 {
  width: auto;
  max-width: 630px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-620 {
  width: auto;
  max-width: 640px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-630 {
  width: auto;
  max-width: 650px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-640 {
  width: auto;
  max-width: 660px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-650 {
  width: auto;
  max-width: 670px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-660 {
  width: auto;
  max-width: 680px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-670 {
  width: auto;
  max-width: 690px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-680 {
  width: auto;
  max-width: 700px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-690 {
  width: auto;
  max-width: 710px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-700 {
  width: auto;
  max-width: 720px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-710 {
  width: auto;
  max-width: 730px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-720 {
  width: auto;
  max-width: 740px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-730 {
  width: auto;
  max-width: 750px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-740 {
  width: auto;
  max-width: 760px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-750 {
  width: auto;
  max-width: 770px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-760 {
  width: auto;
  max-width: 780px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-770 {
  width: auto;
  max-width: 790px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-780 {
  width: auto;
  max-width: 800px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-790 {
  width: auto;
  max-width: 810px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-800 {
  width: auto;
  max-width: 820px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-810 {
  width: auto;
  max-width: 830px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-820 {
  width: auto;
  max-width: 840px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-830 {
  width: auto;
  max-width: 850px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-840 {
  width: auto;
  max-width: 860px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-850 {
  width: auto;
  max-width: 870px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-860 {
  width: auto;
  max-width: 880px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-870 {
  width: auto;
  max-width: 890px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-880 {
  width: auto;
  max-width: 900px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-890 {
  width: auto;
  max-width: 910px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-900 {
  width: auto;
  max-width: 920px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-910 {
  width: auto;
  max-width: 930px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-920 {
  width: auto;
  max-width: 940px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-930 {
  width: auto;
  max-width: 950px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-940 {
  width: auto;
  max-width: 960px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-950 {
  width: auto;
  max-width: 970px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-960 {
  width: auto;
  max-width: 980px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-970 {
  width: auto;
  max-width: 990px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-980 {
  width: auto;
  max-width: 1000px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-990 {
  width: auto;
  max-width: 1010px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

.row-1000 {
  width: auto;
  max-width: 1020px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }

input[type='text'],
input[type='number'] {
  font-size: 16px !important; }

p:not(:first-child) {
  margin-top: 10px; }

/*********************************************
  :: Buttons
********************************************/
.btn {
  background-color: #60AEC8;
  text-align: center;
  cursor: pointer;
  border-radius: 11px;
  behavior: url(https://worktheseasons.co.nz/build/js/lib/PIE.htc);
  border: none;
  border-bottom: 3px solid #327990;
  color: white;
  font-family: "Lato", serif;
  line-height: 16px;
  padding: 13px 29px 11px 31px;
  display: inline-block;
  text-decoration: none;
  min-width: auto;
  transition: all 0.3s ease-in-out;
  -webkit-appearance: none; }
  .btn:hover {
    background-color: #327990; }
  .btn.right {
    float: right; }
  .btn.red {
    background-color: #DE2D0F;
    border-bottom: 3px solid #7e1a09; }
    .btn.red:hover {
      background-color: #7e1a09; }
  .btn.disabled {
    background-color: #999999;
    border-bottom: 3px solid #666666;
    cursor: default; }
    .btn.disabled:hover {
      background-color: #999999; }
  .btn.disabled, .btn.disabled-opportunity {
    background-color: #CCCCCC;
    border-bottom: 3px solid #999999;
    color: #666666; }
    .btn.disabled:hover, .btn.disabled-opportunity:hover {
      background-color: #999999; }
  .btn.btn-lg {
    font-size: 1em; }

.btn-tranparent-filter {
  background-color: transparent;
  background-position: right 10px center;
  background-repeat: no-repeat;
  background-image: url(../../resources/images/down-arrow.png);
  font-size: 0.875rem;
  display: inline-block;
  vertical-align: top;
  padding: 15px 27px 15px 10px;
  color: black;
  text-decoration: none; }
  .btn-tranparent-filter.active {
    background-color: white;
    background-image: url(../../resources/images/up-arrow.png); }

.btn-filter {
  font-style: italic;
  color: white;
  font-size: 0.875rem;
  padding: 6px 19px;
  border-radius: 7px;
  behavior: url(https://worktheseasons.co.nz/build/js/lib/PIE.htc);
  border: none;
  display: inline-block;
  vertical-align: top;
  font-weight: 200;
  font-family: "Lato", sans-serif;
  transition: all 0.3s ease-in-out;
  text-decoration: none;
  background-color: #CCCCCC; }
  @media (max-width: 500px) {
    .btn-filter {
      padding: 6px 14px; } }
  .btn-filter img {
    position: relative;
    top: 2px;
    max-height: 13px;
    left: -7px; }
  .btn-filter:hover {
    background-color: #b3b2b2; }
  .btn-filter.blue.active {
    background-color: #5FACC5; }
    .btn-filter.blue.active:hover {
      background-color: #4095b1; }
  .btn-filter.orange.active {
    background-color: #F89838; }
    .btn-filter.orange.active:hover {
      background-color: #f47f09; }
  .btn-filter.red.active {
    background-color: #DE2D0F; }
    .btn-filter.red.active:hover {
      background-color: #ae230c; }
  .btn-filter.green.active {
    background-color: #3CBE66; }
    .btn-filter.green.active:hover {
      background-color: #309751; }
  .btn-filter.purple.active {
    background-color: #99238D; }
    .btn-filter.purple.active:hover {
      background-color: #6f1a67; }
  .btn-filter.pink.active {
    background-color: #D51367; }
    .btn-filter.pink.active:hover {
      background-color: #a60f50; }

.btn-cart {
  background-color: #3CBE66;
  border-bottom: 3px solid #2A9B4C;
  font-size: 13px;
  font-weight: 200;
  min-width: auto;
  padding: 5px 20px; }
  .btn-cart:hover {
    border-bottom: 3px solid #5FACC5; }

.btn-removecart {
  background-color: transparent;
  border-bottom: none;
  color: #5FACC5;
  font-family: "Lato", sans-serif;
  font-size: 14px;
  vertical-align: middle;
  min-width: auto;
  padding: 4px 20px; }
  .btn-removecart img {
    vertical-align: middle;
    margin-left: 5px; }
  .btn-removecart:hover {
    background-color: transparent;
    color: #DE2D0F; }

.blue-link {
  color: #5FACC5;
  text-align: center;
  display: block;
  clear: both;
  text-decoration: none; }

.blue-link2 {
  font-size: 14px;
  color: #5FACC5;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  clear: both;
  text-decoration: none;
  background: transparent;
  border: none; }
  .blue-link2 img {
    vertical-align: top;
    display: inline-block; }

.btn-add {
  background-position: 95% center;
  background-repeat: no-repeat;
  background-image: url(../../resources/images/plus.png);
  border: 1px solid #000000;
  text-align: center;
  cursor: pointer;
  font-family: "Lato", serif;
  font-size: 0.875rem;
  color: #000000;
  padding: 14px 40px 14px 18px;
  display: inline-block;
  text-decoration: none;
  min-width: 170px;
  transition: all 0.3s ease-in-out; }
  .btn-add.active {
    background-image: url(../../resources/images/minus.png); }

.btn-transparent {
  background-color: transparent;
  text-align: center;
  cursor: pointer;
  border-radius: 11px;
  behavior: url(https://worktheseasons.co.nz/build/js/lib/PIE.htc);
  border: none;
  border: 1px solid transparent;
  font-size: 0.875rem;
  color: #60AEC8;
  font-family: "Lato", serif;
  padding: 17px 40px 14px 40px;
  display: inline-block;
  text-decoration: none;
  min-width: 170px;
  transition: all 0.3s ease-in-out; }

.btn-alt {
  border: 2px solid white;
  background-color: transparent;
  text-align: center;
  cursor: pointer;
  border-radius: 11px;
  behavior: url(https://worktheseasons.co.nz/build/js/lib/PIE.htc);
  font-size: 0.875rem;
  color: white;
  font-family: "Lato", serif;
  text-decoration: none;
  padding: 8px 18px;
  display: inline-block;
  transition: all 0.3s ease-in-out; }
  .btn-alt img {
    margin-right: 6px;
    position: relative;
    top: 2px;
    margin-left: 6px; }
  .btn-alt:hover {
    background-color: rgba(255, 255, 255, 0.3); }

.btn-small {
  text-align: center;
  cursor: pointer;
  border-radius: 6px;
  behavior: url(https://worktheseasons.co.nz/build/js/lib/PIE.htc);
  font-size: 12px;
  color: white;
  text-decoration: none;
  padding: 7px 12px 7px 12px;
  display: inline-block;
  transition: all 0.3s ease-in-out;
  background-repeat: no-repeat;
  background-position: 7px center;
  font-style: italic;
  color: white; }
  .btn-small.green {
    background-color: #3CBE66; }
  .btn-small.red {
    background-color: #DE2D0F; }
  .btn-small.orange {
    background-color: #E77334; }
  .btn-small.pad-left {
    padding-left: 26px; }

.btn.btn-upload {
  min-width: 140px;
  padding: 15px 0px 13px 0px;
  position: relative; }
  .btn.btn-upload input[type="file"] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.icon-text {
  text-decoration: none;
  display: inline-block; }
  .icon-text img {
    display: inline-block;
    position: relative;
    top: 1px;
    margin-right: 10px; }
  .icon-text.blue {
    color: #60AEC8; }

.btn-chat {
  margin: 5px 10px -5px 10px; }

.btn-continue {
  max-width: 230px;
  line-height: 17px; }

.clear {
  cursor: pointer; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.bottom-padding-no {
  padding-bottom: 0 !important; }

.top-padding-no {
  padding-top: 0 !important; }

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

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

.input-block {
  padding: 14px 14px;
  margin-bottom: 2px;
  background-color: white;
  position: relative; }
  .input-block.half input[type="text"], .input-block.half input[type="password"], .input-block.half input[type="number"] {
    width: 42%;
    margin-right: 10px;
    font-size: 16px; }
    @media (max-width: 768px) {
      .input-block.half input[type="text"], .input-block.half input[type="password"], .input-block.half input[type="number"] {
        width: 45%; } }
    @media (max-width: 500px) {
      .input-block.half input[type="text"], .input-block.half input[type="password"], .input-block.half input[type="number"] {
        width: 40%; } }
    .input-block.half input[type="text"] + input[type="text"], .input-block.half input[type="text"] input[type="password"], .input-block.half input[type="text"] input[type="number"], .input-block.half input[type="password"] + input[type="text"], .input-block.half input[type="password"] input[type="password"], .input-block.half input[type="password"] input[type="number"], .input-block.half input[type="number"] + input[type="text"], .input-block.half input[type="number"] input[type="password"], .input-block.half input[type="number"] input[type="number"] {
      margin-left: 10px;
      margin-right: 0px; }
  .input-block.max-width {
    padding-left: 0;
    padding-right: 0; }
  .input-block .search-btn {
    background-color: transparent;
    border: none;
    position: absolute;
    padding: 10px;
    top: 14px;
    right: 0px;
    cursor: pointer; }
    .input-block .search-btn.top {
      top: 10px; }
  .input-block .edit {
    display: none; }
  .input-block.edit .edit {
    display: block; }
  .input-block.edit .preview {
    display: none; }
  .input-block .preview {
    overflow: hidden;
    width: 100%;
    position: relative; }
    .input-block .preview:not(.no-line) {
      padding-bottom: 20px;
      margin-bottom: 15px;
      border-bottom: 1px solid #DDDDDD; }
    .input-block .preview .preview-table {
      display: table;
      float: left; }
      .input-block .preview .preview-table .preview-table-cell {
        display: table-cell;
        vertical-align: middle; }
        .input-block .preview .preview-table .preview-table-cell p {
          margin-bottom: 3px; }
        .input-block .preview .preview-table .preview-table-cell h5 {
          color: #999999;
          font-size: 0.8125rem; }
        .input-block .preview .preview-table .preview-table-cell .edit-icon {
          cursor: pointer; }
          .input-block .preview .preview-table .preview-table-cell .edit-icon.bin {
            margin-right: 20px; }
      .input-block .preview .preview-table + .preview-table {
        float: right;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        margin: auto; }
    .input-block .preview .edit-swticher {
      float: right; }
  .input-block .edit-btns {
    margin-top: 20px; }
  .input-block .fake-input {
    border: 1px solid #ccc;
    padding: 10px 10px;
    width: 100%;
    display: none; }
    .input-block .fake-input.visible {
      display: block; }
  .input-block .noti {
    color: #999999;
    font-size: 0.8125rem; }
  .input-block label {
    font-size: 0.875rem;
    display: block;
    margin-bottom: 8px; }
    .input-block label .error {
      color: #000000;
      font-size: 0.875rem;
      margin-top: 8px; }
  .input-block input[type="text"], .input-block input[type="email"], .input-block input[type="password"], .input-block input[type="number"] {
    width: 100%;
    background-color: #E5E5E5;
    border: none;
    height: 38px;
    font-size: 16px;
    border-radius: 4px;
    behavior: url(https://worktheseasons.co.nz/build/js/lib/PIE.htc);
    padding: 0 10px;
    box-sizing: border-box; }
    .input-block input[type="text"] + input[type="text"], .input-block input[type="text"] input[type="password"], .input-block input[type="text"] input[type="number"], .input-block input[type="email"] + input[type="text"], .input-block input[type="email"] input[type="password"], .input-block input[type="email"] input[type="number"], .input-block input[type="password"] + input[type="text"], .input-block input[type="password"] input[type="password"], .input-block input[type="password"] input[type="number"], .input-block input[type="number"] + input[type="text"], .input-block input[type="number"] input[type="password"], .input-block input[type="number"] input[type="number"] {
      margin-top: 10px; }
  .input-block.error .error {
    display: block; }
  .input-block p.error, .input-block label.error {
    color: #000000;
    font-size: 0.875rem;
    margin-top: 8px; }

.checkbox-option input[type="checkbox"] {
  position: absolute;
  left: -9999px; }
  .checkbox-option input[type="checkbox"] + label {
    background-repeat: no-repeat;
    background-image: url(../../resources/images/uncheck.png);
    background-position: 7px center; }
  .checkbox-option input[type="checkbox"]:checked + label {
    background-image: url(../../resources/images/check.png); }

.checkbox-option label {
  cursor: pointer;
  display: inline-block;
  padding: 16px 14px 15px 37px; }

.radio-option input[type="radio"] {
  position: absolute;
  left: -9999px; }
  .radio-option input[type="radio"]:checked + label {
    color: black;
    background-image: url(../../resources/images/select.png); }

.radio-option label {
  color: #666666;
  background-repeat: no-repeat;
  background-image: url(../../resources/images/unselect.png);
  background-position: 0px center;
  display: block;
  padding: 20px 28px 22px 28px;
  cursor: pointer; }
  .radio-option label.error:not(.required) {
    background-image: none;
    color: #000000;
    float: right;
    padding-top: 20px; }

.add-more {
  padding-top: 20px;
  margin-top: 15px;
  border-top: 1px solid #DDDDDD; }

ul.checklist {
  list-style-type: disc !important;
  list-style-position: outside !important;
  list-style-image: url(../../resources/images/uncheck.png) !important; }
  ul.checklist li {
    margin-left: 16px; }
  ul.checklist.checked {
    list-style-image: url(../../resources/images/check.png) !important; }

body {
  overflow-x: hidden; }

#wrapper {
  padding-top: 62px;
  padding-left: 0;
  transition: all 0.5s ease; }

#wrapper.wrapper-exercise {
  padding-top: 0; }

#wrapper.toggled {
  padding-left: 230px; }

#sidebar-wrapper {
  z-index: 1000;
  position: fixed;
  left: 230px;
  width: 0;
  height: 100%;
  margin-left: -230px;
  overflow-y: auto;
  background: #222222;
  transition: all 0.5s ease; }

#wrapper.toggled #sidebar-wrapper {
  width: 230px; }

#page-content-wrapper {
  width: 100%;
  position: absolute; }

#wrapper.toggled #page-content-wrapper {
  position: absolute;
  margin-right: -230px; }

@media (min-width: 1025px) {
  #wrapper {
    padding-left: 230px; }
  #wrapper.toggled {
    padding-left: 0; }
  #sidebar-wrapper {
    width: 230px; }
  #wrapper.toggled #sidebar-wrapper {
    width: 0; }
  #page-content-wrapper {
    position: relative; }
  #wrapper.toggled #page-content-wrapper {
    position: relative;
    margin-right: 0; } }

.course-recommended-banner {
  position: absolute;
  background: #D51A68;
  color: white;
  width: 260px;
  text-align: center;
  height: 30px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  transform: rotate(-25deg) translateX(-73px) translateY(-15px); }

.list-toggle {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: end;
  justify-content: flex-end;
  cursor: pointer;
  float: right; }

.list-toggle i {
  color: #D51A68;
  font-size: 30px;
  margin: 5px; }

.list-toggle i:hover {
  color: #A02C4D; }

.list-toggle-active {
  color: #6C1F5D !important; }

.flex-panel {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column; }

.self-awareness-output {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  height: 42px;
  font-family: 'AvenirNext', 'Montserrat', sans-serif;
  background-image: url(../../images/course-assets/buttons/rectangle-button.svg);
  background-repeat: no-repeat;
  background-size: 100% 100% !important;
  color: white;
  border: none !important;
  outline: none !important;
  float: left;
  position: relative;
  overflow: hidden;
  transform: scale(1);
  transition: .2s transform;
  padding: 14px;
  cursor: pointer;
  margin: 24px auto !important; }

.self-awareness-output:hover {
  background-image: url(../../images/course-assets/buttons/rectangle-button-hover.svg);
  color: white;
  text-decoration: none; }

.self-awareness-output:active {
  transform: scale(0.95); }

.element-item-flex {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.element-item {
  position: relative;
  width: 100%;
  height: 140px;
  color: #262524;
  margin: 1.5%;
  box-shadow: 1px 1px 5px grey;
  transform-origin: right bottom;
  transition: .1s transform;
  overflow: hidden;
  float: left;
  color: black !important;
  background-size: cover;
  padding: 0px;
  background: transparent;
  border: none; }

.company-card {
  height: 95px;
  padding: 0;
  border: none; }

.element-item-list-master .element-item-background {
  width: 80px !important;
  background-position: center; }

.element-item-text a {
  white-space: normal;
  color: #D51A68; }

.element-item-text a:hover {
  text-decoration: underline;
  color: #6C1F5D;
  cursor: pointer; }

.element-item:hover {
  color: black !important; }

.element-item:active {
  color: black !important; }

.element-item:focus {
  color: black !important; }

.element-item .white-box {
  height: 100% !important; }

.element-item .row {
  height: 100%; }

.element-item > * {
  margin: 0;
  padding: 0; }

.element-item.featured {
  border: #D51A68 1px solid !important; }

.element-item-text {
  height: auto;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  padding: 4px 10px;
  background: white; }

.element-item-background {
  -ms-flex-positive: 1;
  flex-grow: 1;
  transition: .2s all;
  background-size: cover;
  background-position: center; }

.element-item p {
  font-family: 'AvenirNext', 'Montserrat', sans-serif;
  font-size: 13.5px;
  margin-top: 0px;
  margin-bottom: 0px;
  line-height: 20px;
  text-align: left;
  color: black; }

.element-item .courses-container:hover {
  text-decoration: none;
  cursor: auto; }

.element-item-text a {
  margin: 0 !important;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis; }

.element-item-text p i {
  margin: 0 7px; }

.element-item-list-master .element-item:hover {
  box-shadow: none;
  color: black !important; }

.element-item-list-master .element-item:active {
  color: black !important; }

.element-item-list-master .element-item p {
  margin: 5px 0; }

.element-item-list-master .element-item .white-box {
  height: auto;
  box-shadow: none !important;
  cursor: auto; }

.element-item-list-master .element-item .white-box div .job-description {
  display: inline-block;
  cursor: auto; }

.element-item-list-master .element-item .white-box .logo {
  text-align: center; }

.element-item-list-master .element-item .white-box .logo img {
  height: 130px;
  width: auto; }

.element-item-list-master .element-item {
  width: 99.5%;
  overflow: visible;
  box-shadow: none !important;
  margin: 0 !important;
  margin-bottom: 1em !important;
  margin-top: 1em !important;
  height: 130px !important; }

.element-item-list-master .company-card {
  height: auto !important; }

.element-item .courses-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%; }

.element-item-description {
  display: none; }

.element-item-list-master .element-item {
  width: 100%;
  margin-top: 0px !important;
  padding: 10px 0;
  overflow: hidden;
  transition: .1s background; }

.element-item-list-master .element-item .courses-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row; }

.element-item-list-master .element-item .element-item-background {
  width: 30%;
  height: auto; }

.element-item-list-master .element-item .element-item-text {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  height: auto;
  -ms-flex-align: start;
  align-items: flex-start;
  background: transparent; }

.element-item-list-master .element-item .element-item-text i {
  margin-left: 0px; }

.element-item-list-master .element-item .element-item-description {
  display: block;
  font-size: 12px; }

.element-item-list-master .element-item:nth-child(odd) {
  background: #f2f2f2; }

.element-item-list-master .element-item:hover {
  transform: none;
  box-shadow: none; }

.element-item-list-master .course-recommended-banner {
  position: absolute;
  background: #D51A68;
  color: white;
  width: 260px;
  text-align: center;
  height: 22px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  transform: rotate(-38deg) translateX(-80px) translateY(-53px);
  font-size: 11px; }

.in-progress-icon {
  background-image: url(../../images/course-assets/buttons/circle-button-orange.svg); }

.output-icon {
  background-image: url(../../images/course-assets/buttons/circle-button.svg); }

.course-card-icon {
  position: absolute;
  top: 0;
  right: 0;
  margin: 5px;
  background-size: 100% 100%;
  color: white;
  display: -ms-flexbox;
  display: flex;
  height: 35px;
  width: 35px;
  transform: scale(1);
  transition: .2s all; }

.course-card-icon:hover {
  color: white; }

.course-card-icon:active {
  transform: scale(0.9);
  color: white; }

.course-card-icon i {
  margin: auto;
  font-size: 14px; }

.element-item-list-master .element-item:hover {
  background: #e6e6e6; }

.company-card .courses-container {
  -ms-flex-direction: row;
  flex-direction: row; }

.company-card .element-item-text {
  width: 60%;
  height: auto; }

.company-card .element-item-background {
  width: 95px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-positive: 0;
  flex-grow: 0; }

.element-item-list-master .company-card .element-item-text {
  -ms-flex-pack: end;
  justify-content: flex-end; }

.element-item-list-master .company-card .element-item-text {
  width: 80%; }

.element-item-list-master .company-card .company-overview {
  display: block; }

.company-overview {
  display: none; }

.element-item-list-master .company-card .element-item-background {
  width: 20%; }

@media (min-width: 768px) {
  .element-item {
    width: 30%;
    height: 155px; }
  .element-item-background {
    display: block !important; }
  .element-item {
    height: 182px; }
  .company-card {
    height: 120px; }
  .element-item-list-master .element-item .element-item-background {
    width: 30% !important;
    height: auto; }
  .element-item-list-master .company-card .element-item-background {
    width: 110px !important;
    height: 110px;
    -ms-flex-positive: 0;
    flex-grow: 0;
    margin-left: 10px; }
  .element-item-list-master .course-recommended-banner {
    position: absolute;
    background: #D51A68;
    color: white;
    width: 260px;
    text-align: center;
    height: 30px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    transform: rotate(-25deg) translateX(-71px) translateY(-28px);
    font-size: 14px; }
  .company-card .element-item-background {
    width: 120px;
    -ms-flex-negative: 0;
    flex-shrink: 0; } }

@media (min-width: 1650px) {
  .element-item {
    width: 30%;
    margin: 1.66%; } }

.element-item-list-master .element-item.company-card {
  margin-bottom: 20px !important; }

/*********************************************
  :: Plugins Overrides
********************************************/
.dash__container {
  background-image: url(../../resources/images/dash-line.png);
  background-position: 12px top;
  background-repeat: repeat-y;
  padding-top: 20px; }
  @media (max-width: 768px) {
    .dash__container {
      background-image: none; } }

.dash__card {
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: 0px center;
  display: block;
  text-decoration: none;
  margin-bottom: 20px;
  padding-left: 48px; }
  @media (max-width: 768px) {
    .dash__card {
      background-image: none;
      padding-left: 0; } }
  @media (max-width: 500px) {
    .dash__card .image-card-vertical__image {
      width: 100% !important; }
      .dash__card .image-card-vertical__image img {
        width: 100% !important; }
    .dash__card .image-card-vertical__content {
      width: 100% !important; }
    .dash__card .image-card-vertical .play {
      display: none !important; } }

.dash__card-article {
  background-color: white;
  padding: 15px 15px;
  overflow: hidden;
  margin-bottom: 2px;
  clear: both; }
  .dash__card-article__image {
    float: left; }
    .dash__card-article__image img {
      border-radius: 7px;
      behavior: url(https://worktheseasons.co.nz/build/js/lib/PIE.htc);
      max-width: 42px;
      max-height: 42px; }
  .dash__card-article__info {
    float: left;
    color: black;
    margin-left: 11px;
    width: calc(100% - 60px); }
    .dash__card-article__info h4 {
      font-size: 1rem;
      font-style: italic;
      margin-bottom: 7px;
      margin-top: -6px; }
      .dash__card-article__info h4 span {
        color: #000000;
        top: 7px;
        position: relative;
        font-size: 0.8125rem;
        float: right; }
        @media (max-width: 768px) {
          .dash__card-article__info h4 span {
            color: #999999; } }
      .dash__card-article__info h4 img {
        position: relative;
        top: 5px;
        margin-left: 5px; }
    .dash__card-article__info p {
      font-size: 0.875rem;
      color: #000000; }
  .dash__card-article__text {
    *zoom: 1;
    clear: both;
    color: #5FACC5;
    margin-top: 53px; }
    .dash__card-article__text:before, .dash__card-article__text:after {
      content: '';
      display: table; }
    .dash__card-article__text:after {
      clear: both; }

.dash__card-comment {
  background-color: white;
  float: left;
  color: black;
  width: 100%;
  padding: 15px 15px;
  margin-bottom: 2px; }
  .dash__card-comment h3 {
    font-size: 0.875rem;
    font-style: italic;
    margin-bottom: 7px;
    margin-top: -6px; }
    .dash__card-comment h3 span {
      color: #000000;
      top: 7px;
      position: relative;
      font-size: 0.8125rem;
      float: right; }
      @media (max-width: 768px) {
        .dash__card-comment h3 span {
          color: #999999; } }
    .dash__card-comment h3 img {
      position: relative;
      top: 5px;
      margin-left: 5px; }
  .dash__card-comment p {
    font-size: 0.875rem;
    color: #E52677; }

.dash__card-select {
  background-color: white;
  padding: 15px 15px;
  overflow: hidden; }
  .dash__card-select img {
    position: relative;
    top: 3px; }
  .dash__card-select .reject {
    color: #E02B00;
    text-decoration: none;
    font-size: 0.875rem;
    margin-right: 15px; }
  .dash__card-select .accept {
    color: #5FACC5;
    text-decoration: none;
    font-size: 0.875rem;
    margin-right: 15px; }

.app-select {
  float: right; }
  .app-select .select2-selection__arrow {
    background: url(https://worktheseasons.co.nz/resources/images/dropdown-icon.png) no-repeat center left; }
    .app-select .select2-selection__arrow b[role="presentation"] {
      display: none; }
  .app-select .select2-selection--single {
    border: none;
    background: none; }
  .app-select .select2-container--default {
    width: auto !important;
    min-width: 120px !important;
    background: none !important; }
  .app-select .select2-selection__rendered {
    color: #000 !important;
    min-width: 120px;
    font-size: 0.875rem; }

.select2 {
  width: 100% !important; }

.select2-small .select2-selection__rendered {
  padding-right: 28px !important; }

.select2-small-dropdown .select2-arrow {
  background: url(https://worktheseasons.co.nz/build/css/resources/images/dropdown-icon.png); }

.select2-small-dropdown .select2-dropdown {
  background: none !important;
  border: none !important; }

.select2-large-white {
  height: 42px !important; }
  .select2-large-white .select2-selection__arrow {
    background: url(https://worktheseasons.co.nz/resources/images/dropdown-icon.png) no-repeat bottom left;
    margin-right: 5px; }
    .select2-large-white .select2-selection__arrow b[role="presentation"] {
      display: none; }
  .select2-large-white .select2-selection__rendered {
    padding: 6px;
    padding-left: 12px !important; }

.select2-large-grey {
  width: 100%;
  max-width: 100%;
  height: 42px !important;
  background-color: #e5e5e5 !important;
  border: none !important; }
  .select2-large-grey .select2-selection__arrow {
    background: url(https://worktheseasons.co.nz/resources/images/dropdown-icon.png) no-repeat bottom left;
    margin-right: 5px; }
    .select2-large-grey .select2-selection__arrow b[role="presentation"] {
      display: none; }
  .select2-large-grey .select2-selection__rendered {
    color: #000 !important;
    min-width: 120px;
    font-size: 16px;
    padding-left: 12px !important; }
  .select2-large-grey .select2-selection__rendered {
    padding: 7px; }

.select2-large-grey-dropdown {
  margin-top: -2px; }
  .select2-large-grey-dropdown.select2-dropdown--above {
    margin-top: 0;
    margin-bottom: -2px; }
  .select2-large-grey-dropdown .select2-results__option {
    padding: 7px !important; }
  .select2-large-grey-dropdown-smalltext {
    font-size: 14px; }
    .select2-large-grey-dropdown-smalltext li {
      padding-top: 8px;
      padding-bottom: 8px; }

@media (max-width: 768px) {
  .select2-search--dropdown .select2-search__field {
    font-size: 16px; } }

.picker__holder {
  margin-right: 10px;
  left: 0px; }
  @media (min-width: 768px) {
    .picker__holder {
      max-width: 298px; } }

.accordian__item.active, .accordian__item__content.active {
  overflow: visible; }

.picker__nav--next {
  right: 0px;
  left: auto; }

.picker__nav--prev {
  left: 0px;
  right: auto; }

.picker__select--year {
  padding: 0px;
  font-size: 16px;
  width: 25%; }

.picker__nav--next:before {
  border-right: 0;
  border-left: 0.75em solid #000000; }

.picker__nav--prev:before {
  border-left: 0;
  border-right: 0.75em solid #000000; }

.picker {
  direction: ltr;
  z-index: 1000; }

.inlarge {
  cursor: pointer; }

#inlarge-container {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
  display: none;
  height: 100%;
  left: 0;
  overflow: auto;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999999; }

#inlarge-close {
  color: #fff;
  font-size: 20px;
  font-family: Helvetica, Arial, Verdana;
  position: fixed;
  right: 12px;
  text-decoration: none;
  top: 10px;
  z-index: 1001; }

#inlarge-wrapper {
  display: table;
  height: 100%;
  table-layout: fixed;
  width: 100%; }

#inlarge-inside {
  display: table-cell;
  height: 100%;
  vertical-align: middle; }

#inlarge-inside img, #inlarge-inside iframe {
  display: block;
  margin: 0 auto;
  max-height: 100%; }

#inlarge-inside iframe {
  width: 100%; }

.white-popup-block.desktop-block-only {
  position: relative;
  background: #FFF;
  padding: 34px 24px 34px 34px;
  width: auto;
  max-width: 781px;
  margin: 95px auto; }

.white-popup-block.mobi-block-only {
  position: relative;
  background: #FFF;
  padding: 20px;
  width: auto;
  max-width: 600px;
  margin: 20px auto; }
  .white-popup-block.mobi-block-only .selection-container .item-package .description-text {
    width: 68%; }
    @media (max-width: 768px) {
      .white-popup-block.mobi-block-only .selection-container .item-package .description-text {
        width: calc(100% - 30px); } }
  .white-popup-block.mobi-block-only .selection-container .item-package .price-item-text {
    width: 22%; }
    @media (max-width: 768px) {
      .white-popup-block.mobi-block-only .selection-container .item-package .price-item-text {
        width: 100%;
        margin: 10px 0 0 30px; } }
  .white-popup-block.mobi-block-only .plan-item {
    font-size: 0.9rem !important; }
    .white-popup-block.mobi-block-only .plan-item .plan-title {
      font-size: 0.8rem !important; }
    .white-popup-block.mobi-block-only .plan-item .plan-price {
      font-size: 1.2rem !important; }
      .white-popup-block.mobi-block-only .plan-item .plan-price span {
        font-size: 0.8rem !important; }
    .white-popup-block.mobi-block-only .plan-item .plan-description {
      font-size: 0.8rem !important; }

.chosen-container-multi .chosen-choices {
  min-height: 42px;
  border: none;
  border-radius: 5px;
  font-size: 16px;
  background-image: none;
  background-color: #E5E5E5;
  padding: 2px 20px 0px 4px; }
  .chosen-container-multi .chosen-choices li.search-choice {
    min-height: 30px;
    padding: 7px 20px 7px 12px; }

.chosen-container-multi .chosen-drop {
  border-radius: 0 0 5px 5px; }
  .chosen-container-multi .chosen-drop ul.chosen-results li {
    min-height: 30px;
    padding: 7px;
    font-size: 16px !important; }
  .chosen-container-multi .chosen-drop li.highlighted {
    background-color: #5897fb;
    background-image: none; }

/*********************************************
  :: Plugins Override
********************************************/
/*********************************************
  :: The partials elements
********************************************/
.full-size-banner {
  background-color: white;
  width: 100%;
  position: relative; }
  .full-size-banner .icon-text {
    margin-left: 13px;
    padding-top: 4px; }
  .full-size-banner .single-link {
    background-image: none;
    margin-bottom: 5px; }
  .full-size-banner .status-block__container {
    position: absolute;
    top: inherit;
    bottom: 5px; }
    @media (max-width: 768px) {
      .full-size-banner .status-block__container {
        bottom: auto;
        top: 0px; } }

.half-size-banner {
  width: 49%;
  display: inline-block;
  vertical-align: top;
  border-left: 2px solid #DDDDDD; }
  .half-size-banner:first-child {
    border-left: none;
    border-top: none; }
  .half-size-banner .user-short-block {
    margin-bottom: 0; }
  @media (max-width: 768px) {
    .half-size-banner {
      width: 100%;
      padding: 0 8px;
      border-left: none;
      border-top: 2px solid #DDDDDD; } }

.letter-banner {
  background-color: #DDDDDD;
  color: #666666;
  font-size: 0.875rem;
  padding: 9px 10px 9px 16px;
  margin-bottom: 3px; }

.mobi-banner {
  height: 50px;
  position: relative;
  width: 100%; }
  .mobi-banner .aside-coantiner {
    background-color: #EEEEEE;
    position: fixed;
    top: 112px;
    z-index: 10; }
    .mobi-banner .aside-coantiner > .btn {
      margin: auto;
      margin-bottom: 41px;
      margin-top: 20px;
      display: block;
      width: 196px; }
  .mobi-banner .fixed-content {
    background-color: #000000; }
  .mobi-banner .center {
    float: none;
    text-align: center;
    display: block;
    margin: auto;
    color: white;
    height: 50px;
    line-height: 50px;
    width: 70%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
    .mobi-banner .center img {
      position: relative;
      top: 4px;
      margin-right: 7px; }
  .mobi-banner .left {
    position: absolute;
    top: 0;
    left: 0;
    height: 50px;
    width: 50px;
    text-align: center;
    line-height: 50px; }
  .mobi-banner .right {
    position: absolute;
    top: 0;
    right: 0;
    height: 50px;
    width: 50px;
    text-align: center;
    line-height: 50px; }

.iOS-position-fixed-hack .mobi-banner, .iOS-position-fixed-hack .header__top-banner {
  display: none !important; }

.unconnect-users {
  padding: 10px 10px;
  border-bottom: 1px solid #DDDDDD; }
  .unconnect-users > p {
    color: #000000;
    font-size: 0.875rem;
    margin-top: 5px;
    margin-bottom: 15px; }
  .unconnect-users > a {
    color: #6E6E91;
    text-decoration: none;
    display: block;
    text-align: center;
    font-size: 0.875rem;
    width: 100%; }

.user-short-block {
  background-color: white;
  overflow: hidden;
  border-radius: 7px;
  behavior: url(https://worktheseasons.co.nz/build/js/lib/PIE.htc);
  margin-bottom: 10px;
  padding: 14px 10px 8px 10px;
  display: inline-block;
  text-decoration: none; }
  .user-short-block.overflow {
    overflow: visible; }
  .user-short-block .user-action {
    float: right; }
    .user-short-block .user-action.connect-actions .accept img, .user-short-block .user-action.connect-actions .reject img {
      width: auto;
      vertical-align: inherit; }
    .user-short-block .user-action .dash__card-select {
      padding: 10px 0px 10px 10px; }
    .user-short-block .user-action .accept img {
      width: 14px;
      vertical-align: middle; }
    .user-short-block .user-action .reject img {
      width: 11px;
      vertical-align: middle; }
  .user-short-block > img {
    border-radius: 7px;
    behavior: url(https://worktheseasons.co.nz/build/js/lib/PIE.htc);
    float: left;
    max-width: 43px;
    max-height: 43px; }
  .user-short-block h4 {
    float: left;
    margin-left: 12px;
    margin-top: 7px;
    width: calc(100% - 140px);
    text-align: left; }
    @media (min-width: 768px) {
      .user-short-block h4 {
        width: auto; } }
    .user-short-block h4 i {
      color: black; }
    .user-short-block h4 img {
      position: relative;
      top: 4px;
      margin-left: 9px; }
    .user-short-block h4.staff-name {
      margin-top: -3px; }
      .user-short-block h4.staff-name .company-name {
        margin-top: 5px;
        color: #000000;
        display: block;
        font-weight: normal;
        text-decoration: none;
        font-size: 0.875rem; }
    .user-short-block h4 a {
      color: black;
      text-decoration: none; }
  .user-short-block .connect {
    display: inline-block;
    vertical-align: middle;
    margin: 10px 0 0 10px;
    cursor: pointer;
    text-align: center; }
    @media (max-width: 768px) {
      .user-short-block .connect {
        float: right; } }
    .user-short-block .connect img {
      margin: 0 auto; }
    .user-short-block .connect p {
      font-size: 13px;
      color: #6E6E91;
      margin-top: 0px; }
  .user-short-block.header {
    padding-bottom: 0; }

.unconnected-friends .user-short-block {
  width: 100%; }

.find-connection-list .user-short-block h4 {
  width: calc(100% - 154px); }

.privatechat-sidebar .user-short-block h4 {
  width: calc(100% - 60px); }

.transparent-block {
  border-bottom: 2px solid #DDDDDD; }
  .transparent-block h3 {
    font-size: 1.125rem;
    color: #6E6E91;
    margin-bottom: 5px; }
  .transparent-block p {
    color: #666666;
    font-size: 0.875rem; }

.icon {
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: top;
  display: inline-block;
  width: 42px;
  height: 47px;
  color: white;
  text-align: center;
  padding: 15px 0;
  text-decoration: none; }

.pink-icon {
  background-image: url(../../resources/images/pink.png); }

.yellow-icon {
  background-image: url(../../resources/images/yellow.png); }

.dash__container {
  padding-left: 30px;
  padding-top: 20px; }
  @media (max-width: 768px) {
    .dash__container {
      background-image: none; } }

.dash__card {
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: 0px center;
  display: block;
  text-decoration: none;
  margin-bottom: 20px;
  padding-left: 48px; }
  @media (max-width: 768px) {
    .dash__card {
      background-image: none !important;
      padding-left: 0px; } }
  @media (max-width: 500px) {
    .dash__card .image-card-vertical__image {
      width: 100% !important; }
      .dash__card .image-card-vertical__image img {
        width: 100% !important; }
    .dash__card .image-card-vertical__content {
      width: 100% !important; }
    .dash__card .image-card-vertical .play {
      display: none !important; } }

.dash__card-article {
  background-color: white;
  padding: 15px 15px;
  overflow: hidden;
  margin-bottom: 2px;
  clear: both; }
  .dash__card-article__image {
    float: left; }
    .dash__card-article__image img {
      border-radius: 7px;
      behavior: url(https://worktheseasons.co.nz/build/js/lib/PIE.htc);
      max-width: 42px;
      max-height: 42px; }
  .dash__card-article__info {
    float: left;
    color: black;
    margin-left: 11px;
    width: calc(100% - 60px); }
    .dash__card-article__info h4 {
      font-size: 1rem;
      font-style: italic;
      margin-bottom: 7px;
      margin-top: -6px; }
      .dash__card-article__info h4 span {
        color: #000000;
        top: 7px;
        position: relative;
        font-size: 0.8125rem;
        float: right; }
        @media (max-width: 768px) {
          .dash__card-article__info h4 span {
            color: #999999; } }
      .dash__card-article__info h4 img {
        position: relative;
        top: 5px;
        margin-left: 5px; }
      .dash__card-article__info h4 a {
        text-decoration: none;
        color: initial; }
    .dash__card-article__info p {
      font-size: 0.875rem;
      color: #000000; }
  .dash__card-article__text {
    *zoom: 1;
    clear: both;
    color: #5FACC5;
    margin-top: 53px;
    font-family: "Lato", serif; }
    .dash__card-article__text:before, .dash__card-article__text:after {
      content: '';
      display: table; }
    .dash__card-article__text:after {
      clear: both; }

.dash__card-comment {
  background-color: white;
  float: left;
  color: black;
  width: 100%;
  padding: 15px 15px;
  margin-bottom: 2px; }
  .dash__card-comment h3 {
    font-size: 0.875rem;
    font-style: italic;
    margin-bottom: 7px;
    margin-top: -6px; }
    .dash__card-comment h3 span {
      color: #000000;
      top: 7px;
      position: relative;
      font-size: 0.8125rem;
      float: right; }
      @media (max-width: 768px) {
        .dash__card-comment h3 span {
          color: #999999; } }
    .dash__card-comment h3 img {
      position: relative;
      top: 5px;
      margin-left: 5px; }
  .dash__card-comment p {
    font-size: 0.875rem;
    color: #E52677; }

.dash__card-select {
  background-color: white;
  padding: 15px 15px;
  overflow: hidden; }
  .dash__card-select img {
    position: relative;
    top: 3px; }
  .dash__card-select .reject {
    color: #E02B00;
    text-decoration: none;
    font-size: 0.875rem;
    margin-right: 15px; }
  .dash__card-select .accept {
    color: #5FACC5;
    text-decoration: none;
    font-size: 0.875rem;
    margin-right: 15px; }

.chatdash__container .chat-block__item__image {
  float: left; }
  .chatdash__container .chat-block__item__image img {
    max-width: 42px;
    max-height: 42px; }

.panel-wrapper {
  border-left: 2px solid #C8C8C8;
  margin-left: 10px;
  padding-left: 20px;
  padding-top: 8px;
  padding-bottom: 10px; }
  .panel-wrapper:first-child {
    padding-top: 16px; }
  .panel-wrapper .panel {
    margin-top: -40px;
    margin-bottom: 0; }
  .panel-wrapper .panel-icon {
    background: #EEEEEE;
    color: #000000;
    height: 0;
    left: -35px;
    position: relative;
    text-align: center;
    top: 10px;
    width: 30px;
    height: 40px; }
    .panel-wrapper .panel-icon .fa {
      font-size: 1.6em;
      padding-top: 8px; }

.conversation-block {
  overflow: hidden;
  padding: 15px 15px;
  border-radius: 7px;
  behavior: url(https://worktheseasons.co.nz/build/js/lib/PIE.htc);
  background-color: white;
  display: block;
  text-decoration: none;
  margin-bottom: 20px; }
  .conversation-block__image {
    float: left; }
    .conversation-block__image img {
      border-radius: 7px;
      behavior: url(https://worktheseasons.co.nz/build/js/lib/PIE.htc);
      max-width: 42px;
      max-height: 42px; }
  .conversation-block__info {
    float: left;
    color: black;
    margin-left: 11px;
    width: calc(100% - 60px); }
    .conversation-block__info h4 {
      font-size: 1rem;
      font-style: italic;
      margin-bottom: 7px;
      margin-top: -6px; }
      .conversation-block__info h4 span {
        color: #000000;
        top: 7px;
        position: relative;
        font-size: 0.8125rem;
        float: right; }
      .conversation-block__info h4 img {
        position: relative;
        top: 5px;
        margin-left: 5px; }
    .conversation-block__info p {
      font-size: 0.875rem; }

.share-btn {
  text-align: center; }
  .share-btn .share-item {
    display: inline-block;
    vertical-align: top;
    margin: 0 10px; }

.exercises-block {
  border-top: 2px solid #DE2D0F;
  border-bottom: 3px solid #DDDDDD;
  margin-bottom: 20px;
  background-color: white;
  padding: 20px 20px;
  overflow: hidden;
  cursor: pointer; }
  .exercises-block .left {
    display: inline-block;
    vertical-align: top;
    float: left; }
    .exercises-block .left h4 {
      font-size: 0.875rem;
      line-height: 17px;
      margin-bottom: 5px;
      font-family: "Lato", serif;
      color: #000; }
    .exercises-block .left p {
      font-size: 0.8125rem;
      color: #DE2D0F; }
  .exercises-block .right {
    display: inline-block;
    vertical-align: top;
    float: right; }
    .exercises-block .right .incomplete {
      display: block; }
    .exercises-block .right .complete {
      display: none; }
  .exercises-block.none-start {
    border-top: 2px solid #999999; }
    .exercises-block.none-start .left p {
      color: #999999; }
  .exercises-block.complete {
    border-top: 2px solid #3CBE66; }
    .exercises-block.complete .left h4 {
      color: #999999; }
    .exercises-block.complete .left p {
      color: #3CBE66; }
    .exercises-block.complete .right .incomplete {
      display: none; }
    .exercises-block.complete .right .complete {
      display: block; }
  .exercises-block.commenced {
    border-top: 2px solid #E77334; }

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

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

.image-card-vertical {
  background-color: white;
  overflow: hidden;
  width: 100%; }
  .image-card-vertical__image {
    float: left;
    display: inline-block;
    vertical-align: top;
    position: relative; }
    @media (max-width: 500px) {
      .image-card-vertical__image {
        width: 140px; } }
    .image-card-vertical__image img {
      max-width: 320px;
      height: auto; }
      @media (max-width: 500px) {
        .image-card-vertical__image img {
          max-width: 100%; } }
      .image-card-vertical__image img.play {
        display: none;
        position: absolute;
        left: 8px;
        bottom: 8px;
        width: 34px;
        height: 34px; }
        @media (max-width: 500px) {
          .image-card-vertical__image img.play {
            display: block; } }
      @media (max-width: 500px) {
        .image-card-vertical__image img {
          padding: 10px; } }
  .image-card-vertical__content {
    float: left;
    display: inline-block;
    vertical-align: top;
    padding: 20px 20px;
    width: calc(100% - 320px); }
    @media (max-width: 500px) {
      .image-card-vertical__content {
        width: calc(100% - 140px);
        padding: 10px 10px; } }
    .image-card-vertical__content h4 {
      color: black;
      font-family: "Lato", serif;
      font-size: 0.875rem;
      margin-bottom: 10px; }
    .image-card-vertical__content p {
      color: #000000;
      font-size: 0.875rem; }
      .image-card-vertical__content p i {
        font-style: italic; }

.image-card-horizontal {
  background-color: white;
  padding: 10px; }
  .image-card-horizontal__image {
    text-align: center; }
  .image-card-horizontal__content {
    padding: 11px 0; }
    .image-card-horizontal__content h4 {
      color: black;
      font-size: 0.875rem;
      font-family: "Lato", serif;
      line-height: 1.3125rem; }
    .image-card-horizontal__content p {
      color: #000000;
      font-size: 0.875rem;
      line-height: 1.0625rem; }
      .image-card-horizontal__content p i {
        font-style: italic;
        line-height: 1.0625rem; }

/* Extra markup and styles for table-esque vertical and horizontal centering */
.site-wrapper {
  background-color: #000000;
  background-position: center center;
  background-size: cover;
  display: table;
  width: 100%;
  height: 100%;
  /* For at least Firefox */
  min-height: 100%;
  box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.5); }

.site-wrapper-inner {
  display: table-cell;
  vertical-align: top; }

.cover-container {
  margin-right: auto;
  margin-left: auto; }

/* Padding for spacing */
.inner {
  padding: 30px; }

/*
 * Header
 */
.masthead-brand {
  margin-top: 10px;
  margin-bottom: 10px; }

.masthead-nav > li {
  display: inline-block; }

.masthead-nav > li + li {
  margin-left: 20px; }

.masthead-nav > li > a {
  padding-right: 0;
  padding-left: 0;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  /* IE8 proofing */
  color: rgba(255, 255, 255, 0.75);
  border-bottom: 2px solid transparent; }

.masthead-nav > li > a:hover,
.masthead-nav > li > a:focus {
  background-color: transparent;
  border-bottom-color: #a9a9a9;
  border-bottom-color: rgba(255, 255, 255, 0.25); }

.masthead-nav > .active > a,
.masthead-nav > .active > a:hover,
.masthead-nav > .active > a:focus {
  color: #fff;
  border-bottom-color: #fff; }

@media (min-width: 768px) {
  .masthead-brand {
    float: left; }
  .masthead-nav {
    float: right; } }

/*
 * Cover
 */
.cover {
  padding: 0 20px; }

.cover .btn-lg {
  padding: 10px 20px;
  font-weight: bold; }

/*
 * Footer
 */
.mastfoot {
  color: #999;
  /* IE8 proofing */
  color: rgba(255, 255, 255, 0.5); }

/*
 * Affix and center
 */
@media (min-width: 768px) {
  /* Pull out the header and footer */
  .masthead {
    position: fixed;
    top: 0; }
  .mastfoot {
    position: fixed;
    bottom: 0; }
  /* Start the vertical centering */
  .site-wrapper-inner {
    vertical-align: middle; }
  /* Handle the widths */
  .masthead,
  .mastfoot,
  .cover-container {
    width: 100%;
    /* Must be percentage or pixels for horizontal alignment */ } }

.membership {
  width: 100%;
  min-height: 100%;
  position: relative;
  overflow: hidden;
  background-color: #000000; }
  .membership__background {
    width: 100%;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat; }
  .membership__overlay {
    width: 100%;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    height: 100%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center; }
  .membership__login-btn {
    position: absolute;
    top: 30px;
    right: 30px;
    z-index: 10; }
  .membership__cancel-btn {
    position: absolute;
    top: 30px;
    left: 30px;
    z-index: 10; }
  .membership__content {
    position: relative;
    z-index: 1; }
    .membership__content__logo {
      text-align: center;
      display: block;
      margin: auto;
      margin-top: 1.75rem;
      float: left;
      clear: none;
      width: 100%;
      margin-left: 0;
      margin-right: 3%;
      margin-bottom: 8%; }
      .membership__content__logo:last-child {
        margin-right: 0; }
      .membership__content__logo img {
        width: 120px;
        height: 100px; }
    .membership__content__map {
      padding-left: 11%;
      position: relative;
      float: left; }
      @media (max-width: 760px) {
        .membership__content__map {
          padding-left: 0;
          text-align: center; }
          .membership__content__map .membership__content__map-image {
            margin: auto; } }
      .membership__content__map-image {
        width: 225px;
        height: 225px;
        border: 4px solid white;
        border-radius: 50%;
        behavior: url(https://worktheseasons.co.nz/build/js/lib/PIE.htc);
        overflow: hidden;
        -webkit-animation-name: rotate-mob-size;
        -webkit-animation-duration: 18s;
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-timing-function: linear;
        -webkit-animation-fill-mode: none;
        animation-name: rotate-mob-size;
        animation-duration: 18s;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
        animation-fill-mode: none;
        background-size: 200%;
        background-repeat: repeat-x;
        box-shadow: 0px 0px 51px -16px black, inset -25px -25px 40px rgba(255, 255, 255, 0.5);
        position: relative; }
        .membership__content__map-image:before {
          content: "";
          position: absolute;
          top: 0%;
          left: 0%;
          width: 100%;
          height: 100%;
          border-radius: 50%;
          box-shadow: -40px 10px 70px 10px rgba(255, 255, 255, 0.5) inset;
          z-index: 2; }
        .membership__content__map-image:after {
          content: "";
          position: absolute;
          border-radius: 50%;
          width: 100%;
          height: 100%;
          top: 0;
          left: 0;
          -webkit-filter: blur(0);
          opacity: 0.3;
          background: radial-gradient(circle at 50% 80%, transparent, rgba(255, 255, 255, 0.5) 10%, #E91E63 66%, #000000 100%); }
        @media (min-width: 600px) {
          .membership__content__map-image {
            float: right;
            width: 285px;
            height: 285px;
            animation-name: rotate-tablet-size; } }
        @media (min-width: 960px) {
          .membership__content__map-image {
            width: 335px;
            height: 335px;
            animation-name: rotate; } }
    .membership__content .fake-stage {
      padding-left: 11%;
      position: relative;
      width: 200px;
      height: 200px;
      margin: 0 auto; }
      @media (min-width: 500px) {
        .membership__content .fake-stage {
          float: right;
          margin-top: 40px; } }
      @media (min-width: 500px) {
        .membership__content .fake-stage #Stage_globe {
          left: auto !important;
          right: 0px !important; } }
    .membership__content form {
      text-align: center;
      position: relative;
      top: -40px; }
      .membership__content form > p {
        color: white;
        font-size: 1.0625rem;
        margin-bottom: 20px; }
      .membership__content form input[type="text"], .membership__content form input[type="email"], .membership__content form input[type="password"] {
        width: 100%;
        max-width: 260px;
        height: 44px;
        border-radius: 7px;
        behavior: url(https://worktheseasons.co.nz/build/js/lib/PIE.htc);
        background-color: white;
        border: none;
        padding-left: 10px;
        font-size: 1.0625rem;
        display: block;
        margin: auto;
        margin-bottom: 20px;
        display: block; }
        .membership__content form input[type="text"].error, .membership__content form input[type="email"].error, .membership__content form input[type="password"].error {
          margin-bottom: 5px; }
      .membership__content form .link {
        color: white;
        text-decoration: none;
        font-weight: 300;
        display: block;
        width: 200px;
        margin: 0 auto 20px auto; }
      .membership__content form label.error {
        color: white;
        margin-bottom: 10px;
        display: block !important; }
      .membership__content form .form-error {
        margin-top: 10px; }
    .membership__content__info {
      padding-top: 82px;
      padding-bottom: 82px;
      color: white; }
      @media (max-width: 500px) {
        .membership__content__info {
          text-align: center;
          padding-right: 0;
          padding-top: 25px;
          padding-bottom: 25px; } }
      .membership__content__info .custom-selectbox {
        max-width: 337px;
        font-family: "Lato", sans-serif;
        margin-top: 37px;
        margin-bottom: 22px; }
        @media (max-width: 760px) {
          .membership__content__info .custom-selectbox {
            margin: auto;
            margin-bottom: 22px;
            text-align: center; }
            .membership__content__info .custom-selectbox .SumoSelect {
              text-align: left; } }
      .membership__content__info .video-group {
        margin-top: 70px;
        width: 100%; }
      .membership__content__info h4 {
        font-size: 1.125rem;
        max-width: 320px;
        margin-bottom: 39px;
        line-height: 21px;
        font-family: "Lato", serif; }
        @media (max-width: 500px) {
          .membership__content__info h4 {
            margin: auto;
            font-size: 0.875rem;
            margin-bottom: 39px; } }
    .membership__content .success {
      color: white;
      font-size: 1.0625rem;
      margin-bottom: 20px;
      text-align: center; }

.menu-bar {
  overflow-y: auto; }
  .menu-bar__link {
    color: white;
    display: block;
    overflow: hidden;
    font-size: 0.875rem;
    padding: 9px 0 8px 0;
    text-decoration: none;
    padding-left: 19px;
    line-height: 18px;
    text-decoration: none; }
  .menu-bar__item {
    color: white;
    font-family: "Lato", serif;
    border-bottom: 1px solid #333333;
    background-repeat: no-repeat;
    display: block;
    overflow: hidden;
    font-size: 0.8125rem;
    background-position: 17px center;
    padding: 17px 0 12px 0;
    text-decoration: none;
    padding-left: 15px;
    line-height: 18px;
    text-decoration: none; }
    .menu-bar__item.active, .menu-bar__item:hover {
      background-color: #444444; }
    .menu-bar__item .fa {
      font-size: 1.5em;
      width: 30px; }
  .menu-bar ul.shortcut-icons {
    border-bottom: 1px solid #333333;
    display: table;
    table-layout: fixed;
    width: 100%; }
    .menu-bar ul.shortcut-icons li {
      display: table-cell;
      float: none;
      padding-top: 0.75em;
      padding-bottom: 0.75em;
      text-align: center; }
      .menu-bar ul.shortcut-icons li a {
        color: #fff !important; }
        .menu-bar ul.shortcut-icons li a .fa {
          font-size: 2em; }

@media (min-width: 992px) {
  .lower-menu-options {
    bottom: 0;
    margin-bottom: 65px;
    position: absolute;
    width: 100%; } }

.question__item {
  background-color: white;
  border-bottom: 3px solid #DDDDDD; }
  .question__item__title {
    padding: 15px 15px; }
    .question__item__title h4 {
      color: #000000;
      font-style: italic;
      font-size: 0.8125rem;
      margin-bottom: 7px; }
    .question__item__title p {
      font-size: 0.875rem;
      color: black;
      margin-top: 12px;
      font-family: "Lato", serif; }
    .question__item__title h3 {
      font-size: 0.875rem;
      font-family: "Lato", serif; }
  .question__item__options {
    position: relative; }
    .question__item__options .radio-border-line {
      width: 100%;
      height: 0;
      border-top: 3px solid #DE2D0F;
      position: absolute;
      left: 0;
      top: 0; }
      .question__item__options .radio-border-line.green {
        border-top: 3px solid #3CBE66; }
    .question__item__options .option-text {
      border-top: 3px solid #3CBE66;
      font-size: 0.875rem;
      color: black;
      padding: 12px 15px;
      line-height: 19px; }
    .question__item__options .radio-option {
      border-top: 1px solid #DDDDDD; }
      .question__item__options .radio-option:first-child {
        border-top: none; }
      .question__item__options .radio-option input[type="radio"]:checked ~ .radio-border-line {
        border-top: 3px solid #3CBE66;
        z-index: 10; }
      .question__item__options .radio-option input[type="checkbox"]:checked ~ .radio-border-line {
        border-top: 3px solid #3CBE66;
        z-index: 10; }
      .question__item__options .radio-option label {
        margin-left: 16px;
        margin-right: 16px; }
    .question__item__options .input-block input[type="text"] ~ .radio-border-line {
      border-top: 3px solid #3CBE66;
      z-index: 10; }
    .question__item__options .input-block input[type="text"]:invalid ~ .radio-border-line {
      border-top: 3px solid #DE2D0F;
      z-index: 10; }
    .question__item__options .radio-option input[type="checkbox"] {
      position: absolute;
      left: -9999px; }
    .question__item__options .radio-option input[type="checkbox"]:checked + label {
      color: black;
      background-image: url(../../resources/images/select.png); }
  .question__item textarea {
    width: 100%;
    background-color: #E5E5E5;
    border: none;
    height: 38px;
    font-size: 16px;
    border-radius: 4px;
    behavior: url(https://worktheseasons.co.nz/build/js/lib/PIE.htc);
    padding: 10px;
    box-sizing: border-box;
    margin-top: 10px;
    font-family: "Lato", sans-serif; }
  .question__item .feedback {
    width: 100%;
    background-color: #E5E5E5;
    border: none;
    min-height: 38px;
    font-size: 16px;
    line-height: 20px;
    border-radius: 4px;
    behavior: url(https://worktheseasons.co.nz/build/js/lib/PIE.htc);
    padding: 10px;
    box-sizing: border-box; }

.message-bar {
  display: block;
  padding: 13px 15px;
  overflow: hidden; }
  .message-bar > p {
    color: white;
    font-size: 0.875rem;
    float: left;
    display: inline-block;
    vertical-align: top; }
  .message-bar > span {
    color: white;
    font-weight: 200;
    float: right;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    font-size: 0.8125rem; }
    .message-bar > span img {
      position: relative;
      top: 4px;
      margin-left: 6px; }
  .message-bar.success {
    background-color: #3CBE66; }
  .message-bar.error {
    background-color: #f49595; }

.circle-block {
  text-align: center;
  width: 172px;
  height: 161px;
  display: inline-block;
  vertical-align: top;
  margin: 1px;
  padding: 17px 17px;
  background-color: white;
  position: relative; }
  .circle-block.double {
    width: 346px; }
    @media (max-width: 370px) {
      .circle-block.double {
        width: 100%; } }
  .circle-block.reverse {
    background-color: #3CBE66; }
    .circle-block.reverse .circle-block__number {
      background-color: white;
      color: #3CBE66; }
      .circle-block.reverse .circle-block__number input {
        background-color: white;
        color: #3CBE66; }
    .circle-block.reverse > h4,
    .circle-block.reverse > p {
      color: white; }
  .circle-block__switch {
    overflow: hidden;
    margin-bottom: 17px; }
    @media (max-width: 768px) {
      .circle-block__switch {
        display: inline-block; } }
    .circle-block__switch .item {
      font-size: 15px;
      display: inline-block;
      vertical-align: top;
      cursor: pointer;
      color: #999999;
      padding: 7px 48px;
      border: 1px solid #60AEC8; }
      .circle-block__switch .item.active {
        background-color: #60AEC8;
        color: white; }
  .circle-block__switch-item {
    display: inline-block;
    vertical-align: top;
    max-width: 350px; }
    @media (max-width: 768px) {
      .circle-block__switch-item {
        display: none; } }
    @media (max-width: 768px) {
      .circle-block__switch-item.active {
        display: inline-block; } }
  .circle-block__main-container {
    font-size: 0;
    overflow: hidden; }
    @media (max-width: 768px) {
      .circle-block__main-container {
        text-align: center; } }
  .circle-block__sub-container {
    font-size: 0;
    float: left;
    width: 348px;
    overflow: hidden; }
    @media (max-width: 720px) {
      .circle-block__sub-container {
        float: none !important;
        margin-left: auto;
        margin-right: auto; } }
  .circle-block__info {
    background-color: white;
    margin-bottom: 13px;
    display: block;
    padding: 10px 10px;
    text-align: left; }
    .circle-block__info > p {
      line-height: 18px;
      font-size: 0.875rem; }
  .circle-block__title {
    color: #000000;
    background-color: white;
    padding: 14px 17px;
    font-size: 0.875rem;
    margin: 0 1px;
    margin-bottom: 1px; }
  .circle-block > h4 {
    font-family: "Lato", serif;
    font-size: 0.875rem;
    color: black;
    margin-bottom: 8px;
    min-height: 39px;
    line-height: 17px; }
  .circle-block__number {
    background-color: #3CBE66;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    behavior: url(https://worktheseasons.co.nz/build/js/lib/PIE.htc);
    margin: auto;
    text-align: center;
    padding: 9px 0;
    font-family: "Lato", serif;
    font-size: 1.875rem;
    margin-bottom: 9px;
    overflow: hidden;
    position: absolute;
    bottom: 13px;
    left: 0;
    right: 0;
    margin: auto; }
    .circle-block__number input {
      background-color: #3CBE66;
      border: none;
      font-size: 1.375rem;
      color: white;
      width: 100%;
      text-align: center;
      text-shadow: 0px 3px 2px rgba(82, 80, 80, 0.22); }
      @media only screen and (max-device-width: 760px) {
        .circle-block__number input {
          width: 35px; } }
      .circle-block__number input::-webkit-input-placeholder {
        color: white; }
      .circle-block__number input::-moz-placeholder {
        color: white; }
      .circle-block__number input:-moz-placeholder {
        color: white; }
      .circle-block__number input:-ms-input-placeholder {
        color: white; }
      .circle-block__number input:focus {
        outline: none; }
      .circle-block__number input:focus::-webkit-input-placeholder {
        color: transparent;
        text-shadow: none; }
      .circle-block__number input:focus:-moz-placeholder {
        color: transparent;
        text-shadow: none; }
      .circle-block__number input:focus::-moz-placeholder {
        color: transparent;
        text-shadow: none; }
      .circle-block__number input:focus:-ms-input-placeholder {
        color: transparent;
        text-shadow: none; }
      .circle-block__number input:disabled {
        opacity: 1;
        color: inherit; }
  .circle-block > p {
    color: #000000;
    font-size: 14px;
    font-style: italic; }

.visiting {
  text-align: center;
  padding: 0 34px; }
  .visiting p {
    color: white;
    font-size: 0.875rem;
    font-family: "Lato", serif;
    line-height: 20px;
    margin-bottom: 16px; }

.visiting-block {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url(../../resources/images/number.png);
  width: 160px;
  height: 49px;
  margin-bottom: 16px; }
  .visiting-block span {
    color: white;
    font-size: 2.5rem;
    padding-top: 4px;
    display: inline-block;
    margin: 0 2px; }

.cf {
  *zoom: 1; }
  .cf:before, .cf:after {
    content: '';
    display: table; }
  .cf:after {
    clear: both; }

.pitch-document__container .light {
  color: #999999; }

.pitch-document-block {
  overflow: hidden;
  position: relative;
  background-color: white;
  margin-bottom: 3px;
  padding: 6px 5px; }
  .pitch-document-block__title {
    float: left;
    padding: 6px 5px 6px 10px;
    width: 70%;
    text-decoration: none;
    color: black; }
  .pitch-document-block__edit {
    float: right;
    vertical-align: top;
    display: inline-block; }
    .pitch-document-block__edit > a {
      text-decoration: none;
      margin-left: 15px;
      display: inline-block;
      padding: 6px 5px; }

.btn-switch-pitch {
  padding: 10px; }
  .btn-switch-pitch a {
    width: 100%;
    text-align: left; }

.switch-pitch {
  display: none; }
  .switch-pitch a.cancel {
    font-size: 0.9375rem;
    margin-bottom: 5px;
    color: #6E6E91;
    text-decoration: none; }
    .switch-pitch a.cancel > div {
      padding: 20px 16px; }

.pitch-feedback-block {
  overflow: hidden;
  position: relative;
  background-color: white;
  margin-bottom: 3px;
  padding: 6px 5px; }
  .pitch-feedback-block .user-short-block h4 {
    width: auto !important; }
  .pitch-feedback-block .btn-small {
    margin-top: 10px;
    float: right; }

.name-card {
  background-color: white;
  overflow: hidden;
  padding: 16px 16px;
  border-bottom: 3px solid #DDDDDD; }
  .name-card__image {
    border-radius: 4px;
    behavior: url(https://worktheseasons.co.nz/build/js/lib/PIE.htc);
    display: inline-block;
    vertical-align: top;
    float: left; }
    .name-card__image img {
      border-radius: 5px;
      behavior: url(https://worktheseasons.co.nz/build/js/lib/PIE.htc); }
  .name-card__info {
    display: inline-block;
    vertical-align: top;
    float: left;
    padding-left: 20px;
    width: calc(100% - 87px);
    font-size: 0.875rem;
    line-height: 1.0625rem; }
    .name-card__info .right {
      float: right; }
    .name-card__info h4 {
      color: #6E6E91;
      font-size: 1rem;
      margin-bottom: 10px; }
      .name-card__info h4 img {
        position: relative;
        top: 5px;
        margin-left: 9px; }
    .name-card__info p {
      color: #666666; }
    .name-card__info .error {
      color: #000000;
      font-size: 0.875rem;
      margin-top: 8px;
      display: inline-block; }
    .name-card__info .error:empty {
      display: inline; }
    .name-card__info.what-is-jba h4 {
      margin-top: -10px;
      font-size: 1.125rem;
      font-style: italic; }

.company-name:empty {
  display: none; }

h4.staff-name {
  margin-top: -5px; }
  h4.staff-name .company-name {
    margin-top: 5px;
    color: #000000;
    display: block;
    font-weight: normal;
    text-decoration: none;
    font-size: 0.875rem; }

.name-card {
  background-color: white;
  overflow: hidden;
  padding: 16px 16px;
  border-bottom: 3px solid #DDDDDD; }
  .name-card__image {
    border-radius: 4px;
    behavior: url(https://worktheseasons.co.nz/build/js/lib/PIE.htc);
    display: inline-block;
    vertical-align: top;
    float: left; }
    .name-card__image img {
      border-radius: 5px;
      behavior: url(https://worktheseasons.co.nz/build/js/lib/PIE.htc); }
  .name-card__info {
    display: inline-block;
    vertical-align: top;
    float: left;
    padding-left: 20px;
    width: calc(100% - 87px);
    font-size: 0.875rem;
    line-height: 1.0625rem; }
    .name-card__info .right {
      float: right; }
    .name-card__info h4 {
      color: #6E6E91;
      font-size: 1rem;
      margin-bottom: 10px; }
      .name-card__info h4 img {
        position: relative;
        top: 5px;
        margin-left: 9px; }
    .name-card__info p {
      color: #666666; }
    .name-card__info .error {
      color: #000000;
      font-size: 0.875rem;
      margin-top: 8px;
      display: inline-block; }
    .name-card__info .error:empty {
      display: inline; }
    .name-card__info.what-is-jba h4 {
      margin-top: -10px;
      font-size: 1.125rem;
      font-style: italic; }

.company-name:empty {
  display: none; }

h4.staff-name {
  margin-top: -5px; }
  h4.staff-name .company-name {
    margin-top: 5px;
    color: #000000;
    display: block;
    font-weight: normal;
    text-decoration: none;
    font-size: 0.875rem; }

.status-block__container {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0; }
  .status-block__container.complete {
    display: none;
    cursor: default; }
    .status-block__container.complete .course__item__info p {
      color: #3CBE66; }
    .status-block__container.complete .mobi-course > p {
      color: #3CBE66; }
  .status-block__container.commenced {
    border-top: 3px solid #F79131; }
    .status-block__container.commenced .course__item__info p {
      color: #F79131; }
    .status-block__container.commenced .mobi-course > p {
      color: #F79131; }

.status-block.c-1-1 {
  float: left;
  clear: none;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  height: 3px;
  background-color: #CCCCCC;
  border-left: 3px solid white; }
  .status-block.c-1-1:first-child {
    border-left: none; }
  .status-block.c-1-1.active {
    background-color: #3CBE66; }

.status-block.c-1-2 {
  float: left;
  clear: none;
  width: 50%;
  margin-left: 0;
  margin-right: 0;
  height: 3px;
  background-color: #CCCCCC;
  border-left: 3px solid white; }
  .status-block.c-1-2:first-child {
    border-left: none; }
  .status-block.c-1-2.active {
    background-color: #3CBE66; }

.status-block.c-1-3 {
  float: left;
  clear: none;
  width: 33.3333333333%;
  margin-left: 0;
  margin-right: 0;
  height: 3px;
  background-color: #CCCCCC;
  border-left: 3px solid white; }
  .status-block.c-1-3:first-child {
    border-left: none; }
  .status-block.c-1-3.active {
    background-color: #3CBE66; }

.status-block.c-1-4 {
  float: left;
  clear: none;
  width: 25%;
  margin-left: 0;
  margin-right: 0;
  height: 3px;
  background-color: #CCCCCC;
  border-left: 3px solid white; }
  .status-block.c-1-4:first-child {
    border-left: none; }
  .status-block.c-1-4.active {
    background-color: #3CBE66; }

.status-block.c-1-5 {
  float: left;
  clear: none;
  width: 20%;
  margin-left: 0;
  margin-right: 0;
  height: 3px;
  background-color: #CCCCCC;
  border-left: 3px solid white; }
  .status-block.c-1-5:first-child {
    border-left: none; }
  .status-block.c-1-5.active {
    background-color: #3CBE66; }

.status-block.c-1-6 {
  float: left;
  clear: none;
  width: 16.6666666667%;
  margin-left: 0;
  margin-right: 0;
  height: 3px;
  background-color: #CCCCCC;
  border-left: 3px solid white; }
  .status-block.c-1-6:first-child {
    border-left: none; }
  .status-block.c-1-6.active {
    background-color: #3CBE66; }

.status-block.c-1-7 {
  float: left;
  clear: none;
  width: 14.2857142857%;
  margin-left: 0;
  margin-right: 0;
  height: 3px;
  background-color: #CCCCCC;
  border-left: 3px solid white; }
  .status-block.c-1-7:first-child {
    border-left: none; }
  .status-block.c-1-7.active {
    background-color: #3CBE66; }

.status-block.c-1-8 {
  float: left;
  clear: none;
  width: 12.5%;
  margin-left: 0;
  margin-right: 0;
  height: 3px;
  background-color: #CCCCCC;
  border-left: 3px solid white; }
  .status-block.c-1-8:first-child {
    border-left: none; }
  .status-block.c-1-8.active {
    background-color: #3CBE66; }

.status-block.c-1-9 {
  float: left;
  clear: none;
  width: 11.1111111111%;
  margin-left: 0;
  margin-right: 0;
  height: 3px;
  background-color: #CCCCCC;
  border-left: 3px solid white; }
  .status-block.c-1-9:first-child {
    border-left: none; }
  .status-block.c-1-9.active {
    background-color: #3CBE66; }

.status-block.c-1-10 {
  float: left;
  clear: none;
  width: 10%;
  margin-left: 0;
  margin-right: 0;
  height: 3px;
  background-color: #CCCCCC;
  border-left: 3px solid white; }
  .status-block.c-1-10:first-child {
    border-left: none; }
  .status-block.c-1-10.active {
    background-color: #3CBE66; }

.status-block.c-1-11 {
  float: left;
  clear: none;
  width: 9.0909090909%;
  margin-left: 0;
  margin-right: 0;
  height: 3px;
  background-color: #CCCCCC;
  border-left: 3px solid white; }
  .status-block.c-1-11:first-child {
    border-left: none; }
  .status-block.c-1-11.active {
    background-color: #3CBE66; }

.status-block.c-1-12 {
  float: left;
  clear: none;
  width: 8.3333333333%;
  margin-left: 0;
  margin-right: 0;
  height: 3px;
  background-color: #CCCCCC;
  border-left: 3px solid white; }
  .status-block.c-1-12:first-child {
    border-left: none; }
  .status-block.c-1-12.active {
    background-color: #3CBE66; }

.status-block.c-1-13 {
  float: left;
  clear: none;
  width: 7.6923076923%;
  margin-left: 0;
  margin-right: 0;
  height: 3px;
  background-color: #CCCCCC;
  border-left: 3px solid white; }
  .status-block.c-1-13:first-child {
    border-left: none; }
  .status-block.c-1-13.active {
    background-color: #3CBE66; }

.status-block.c-1-14 {
  float: left;
  clear: none;
  width: 7.1428571429%;
  margin-left: 0;
  margin-right: 0;
  height: 3px;
  background-color: #CCCCCC;
  border-left: 3px solid white; }
  .status-block.c-1-14:first-child {
    border-left: none; }
  .status-block.c-1-14.active {
    background-color: #3CBE66; }

.status-block.c-1-15 {
  float: left;
  clear: none;
  width: 6.6666666667%;
  margin-left: 0;
  margin-right: 0;
  height: 3px;
  background-color: #CCCCCC;
  border-left: 3px solid white; }
  .status-block.c-1-15:first-child {
    border-left: none; }
  .status-block.c-1-15.active {
    background-color: #3CBE66; }

.status-block.c-1-16 {
  float: left;
  clear: none;
  width: 6.25%;
  margin-left: 0;
  margin-right: 0;
  height: 3px;
  background-color: #CCCCCC;
  border-left: 3px solid white; }
  .status-block.c-1-16:first-child {
    border-left: none; }
  .status-block.c-1-16.active {
    background-color: #3CBE66; }

.status-block.c-1-17 {
  float: left;
  clear: none;
  width: 5.8823529412%;
  margin-left: 0;
  margin-right: 0;
  height: 3px;
  background-color: #CCCCCC;
  border-left: 3px solid white; }
  .status-block.c-1-17:first-child {
    border-left: none; }
  .status-block.c-1-17.active {
    background-color: #3CBE66; }

.status-block.c-1-18 {
  float: left;
  clear: none;
  width: 5.5555555556%;
  margin-left: 0;
  margin-right: 0;
  height: 3px;
  background-color: #CCCCCC;
  border-left: 3px solid white; }
  .status-block.c-1-18:first-child {
    border-left: none; }
  .status-block.c-1-18.active {
    background-color: #3CBE66; }

.status-block.c-1-19 {
  float: left;
  clear: none;
  width: 5.2631578947%;
  margin-left: 0;
  margin-right: 0;
  height: 3px;
  background-color: #CCCCCC;
  border-left: 3px solid white; }
  .status-block.c-1-19:first-child {
    border-left: none; }
  .status-block.c-1-19.active {
    background-color: #3CBE66; }

.status-block.c-1-20 {
  float: left;
  clear: none;
  width: 5%;
  margin-left: 0;
  margin-right: 0;
  height: 3px;
  background-color: #CCCCCC;
  border-left: 3px solid white; }
  .status-block.c-1-20:first-child {
    border-left: none; }
  .status-block.c-1-20.active {
    background-color: #3CBE66; }

.check-list__item {
  background-color: white;
  margin-bottom: 2px;
  overflow: hidden;
  padding: 0 15px; }

.check-list__title {
  background-color: white;
  margin-bottom: 2px;
  overflow: hidden;
  padding: 15px; }

.course__container .contact-info {
  border-top: 1px solid #CCCCCC;
  padding-top: 30px;
  margin-top: 40px; }

.course__title .clear {
  float: right;
  color: #5FACC5;
  cursor: pointer; }

.course__item {
  position: relative;
  background-color: white;
  display: inline-block;
  text-decoration: none;
  width: 100%;
  background-repeat: no-repeat;
  background-position: calc(96%) 21%;
  margin-top: 5px;
  margin-top: 13px; }
  .course__item.complete {
    border-top: 3px solid #3CBE66;
    cursor: default; }
    .course__item.complete .course__item__info p {
      color: #3CBE66; }
    .course__item.complete .mobi-course > p {
      color: #3CBE66; }
  .course__item.commenced {
    border-top: 3px solid #F79131; }
    .course__item.commenced .course__item__info p {
      color: #F79131; }
    .course__item.commenced .mobi-course > p {
      color: #F79131; }
  .course__item.incomplete {
    border-top: 3px solid #DE2D0F; }
    .course__item.incomplete .course__item__info p {
      color: #DE2D0F; }
    .course__item.incomplete .mobi-course > p {
      color: #DE2D0F; }
  .course__item.none-start .course__item__info p {
    color: #999999; }
  .course__item.none-start .mobi-course > p {
    color: #999999; }
  .course__item .link-container {
    text-decoration: inherit; }
  .course__item .icon {
    display: inline-block;
    vertical-align: top; }
    .course__item .icon + .course__item__info {
      padding-left: 16px;
      max-width: calc(100% - 220px); }
      .course__item .icon + .course__item__info.no-add-button {
        max-width: calc(100% - 50px); }
  .course__item__info {
    display: inline-block;
    vertical-align: top;
    max-width: 75%;
    width: 100%; }
    @media (max-width: 768px) {
      .course__item__info {
        max-width: 69% !important; } }
    .course__item__info h4 {
      color: black;
      margin-top: 5px;
      margin-bottom: 5px;
      font-family: "Lato", serif;
      line-height: 17px; }
    .course__item__info span {
      color: #999999;
      font-size: 0.8125rem; }
    .course__item__info :not(.wysiwyg-content) p {
      color: #DE2C0E;
      font-weight: 600;
      font-size: 0.8125rem;
      line-height: 0.9375rem; }
    .course__item__info .original-selectbox {
      margin: 20px 0 0 0;
      max-width: 280px; }
  .course__item__time {
    display: inline-block;
    vertical-align: top;
    color: #5FACC5;
    font-size: 0.875rem;
    margin-top: 13px;
    float: right;
    margin-right: 21px; }
    .course__item__time img {
      position: relative;
      top: 0px;
      margin-right: 8px; }
    .course__item__time p {
      display: inline-block;
      vertical-align: top;
      margin-top: 3px; }
  .course__item__addtocart {
    width: auto;
    float: right;
    padding-top: 10px; }
    @media (max-width: 768px) {
      .course__item__addtocart {
        width: 100%;
        margin-top: 10px;
        display: inline-block;
        border-top: 1px solid #EEEEEE; } }
    .course__item__addtocart span {
      color: #3CBE66;
      font-size: 18px;
      font-weight: 300;
      font-style: italic;
      text-align: right;
      margin-right: 20px;
      padding-top: 7px;
      float: right; }
      @media (max-width: 768px) {
        .course__item__addtocart span {
          float: left; } }
    .course__item__addtocart .btn-cart {
      float: right;
      padding: 6px 20px; }
  .course__item__removefromcart {
    width: 120px;
    float: right;
    padding-top: 0px; }
    @media (max-width: 768px) {
      .course__item__removefromcart {
        width: 100%;
        margin-top: 10px;
        padding-top: 10px;
        display: inline-block;
        border-top: 1px solid #EEEEEE; } }
    .course__item__removefromcart span {
      color: #3CBE66;
      font-size: 18px;
      font-weight: 300;
      font-style: italic;
      text-align: right;
      padding-top: 7px;
      float: right; }
      @media (max-width: 768px) {
        .course__item__removefromcart span {
          float: left;
          text-align: left;
          padding-top: 12px; } }
    .course__item__removefromcart .btn-removecart {
      float: right;
      padding: 10px 0px 4px 20px; }
      @media (max-width: 768px) {
        .course__item__removefromcart .btn-removecart {
          padding: 10px 0px 4px 20px;
          min-width: inherit; } }
  .course__item__participants {
    width: auto;
    float: right;
    padding-top: 10px; }
    @media (max-width: 768px) {
      .course__item__participants {
        width: 100%;
        margin-top: 10px;
        display: inline-block;
        border-top: 1px solid #EEEEEE; } }
    .course__item__participants span {
      color: #999;
      font-size: .8125rem; }
  .course__item.total {
    background-image: none !important; }
  .course__item .totalcost {
    float: right;
    font-size: 14px;
    color: black; }
    .course__item .totalcost span {
      margin-left: 5px;
      color: #3CBE66;
      font-size: 18px;
      font-weight: 300;
      font-style: italic; }
  .course__item .btn-filter {
    display: inline-block;
    float: right;
    margin-top: 9px;
    vertical-align: top; }

.big-desktop-only .course__item {
  padding: 10px; }
  .big-desktop-only .course__item__info {
    width: 100%;
    max-width: 80% !important; }
  .big-desktop-only .course__item__addtocart, .big-desktop-only .course__item__removefromcart {
    width: 100%;
    margin-top: 10px;
    display: inline-block;
    border-top: 1px solid #EEEEEE; }
    .big-desktop-only .course__item__addtocart span, .big-desktop-only .course__item__removefromcart span {
      float: left; }
    .big-desktop-only .course__item__addtocart .btn-removecart, .big-desktop-only .course__item__removefromcart .btn-removecart {
      padding-right: 0px; }

.big-desktop-only .totalcost {
  margin-right: 0px; }

.mobi-course {
  margin-top: 5px;
  position: relative;
  left: -20px;
  border-top: 2px solid #CCCCCC;
  width: calc(100% + 40px);
  padding: 20px 20px;
  padding-bottom: 0px; }
  .mobi-course .time {
    display: inline-block;
    vertical-align: top;
    color: #5FACC5;
    font-size: 0.875rem;
    margin-top: -2px;
    float: right;
    margin-right: 21px; }
    .mobi-course .time img {
      position: relative;
      top: 3px;
      margin-right: 8px; }
    .mobi-course .time p {
      display: inline-block;
      vertical-align: top; }
  .mobi-course > p {
    display: inline-block;
    vertical-align: top;
    font-weight: 600;
    float: left;
    color: #DE2C0E;
    font-size: 0.8125rem; }
  .mobi-course .btn-filter {
    display: inline-block;
    vertical-align: top;
    margin-top: -8px;
    float: right; }

@media screen and (max-width: 410px) {
  .truncate {
    width: 250px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; } }

.exercise-file .main-content {
  height: calc(100% - 62px); }

.exercise-file div#scorm_view_lesson_parent {
  width: 100%;
  height: 100%; }
  .exercise-file div#scorm_view_lesson_parent iframe, .exercise-file div#scorm_view_lesson_parent object {
    width: 100%;
    height: 100%; }

.exercise-file aside {
  height: calc(100% - 62px); }
  @media (max-width: 1024px) {
    .exercise-file aside {
      display: none; } }
  @media (max-width: 768px) {
    .exercise-file aside {
      display: none; } }

.course-emblem {
  margin-top: -10px;
  position: relative; }

.pagination-aside {
  position: relative;
  margin: 20px 0; }
  .pagination-aside .btn {
    min-width: 50px;
    width: 95px;
    padding: 12px 15px;
    display: inline-block;
    vertical-align: top;
    position: relative;
    z-index: 10; }
    .pagination-aside .btn ~ .btn {
      float: right; }
  .pagination-aside > p {
    position: absolute;
    left: 0;
    right: 0;
    top: 10px;
    text-align: center;
    margin: auto; }

.pagination-module {
  width: 100%;
  float: left;
  position: relative;
  text-align: center; }
  .pagination-module .older {
    float: left;
    max-width: 100px;
    min-width: 100px; }
  .pagination-module .newer {
    float: right;
    max-width: 100px;
    min-width: 100px; }
  .pagination-module .outof {
    margin: 0 auto;
    padding-top: 15px;
    width: 20%;
    display: inline-block;
    font-weight: 600; }

.label-card, .text-block {
  background-color: white;
  margin-bottom: 10px; }
  @media (max-width: 768px) {
    .label-card__mobi, .text-block__mobi {
      display: none; }
      .label-card__mobi.active, .text-block__mobi.active {
        display: block; } }
  .label-card__title, .text-block__title {
    color: #000000;
    padding: 19px 21px;
    border-bottom: 1px solid #DDDDDD; }
  .label-card__content, .text-block__content {
    padding: 19px 21px;
    color: #666666;
    line-height: 17px;
    border-bottom: 3px solid #DDDDDD;
    font-size: 0.875rem;
    line-height: 1.0625rem; }
    .label-card__content a, .text-block__content a {
      text-decoration: none;
      color: #6E6E91; }
    .label-card__content .right, .text-block__content .right {
      float: right; }
    .label-card__content .btn, .text-block__content .btn {
      color: white; }
    .label-card__content ul, .text-block__content ul {
      margin-top: 10px; }
      .label-card__content ul li, .text-block__content ul li {
        background-position: left -2px;
        background-repeat: no-repeat;
        background-image: url(../../resources/images/pink-dot.png);
        padding-left: 15px;
        margin-bottom: 15px; }
    .label-card__content p:not(:first-child), .text-block__content p:not(:first-child) {
      margin-top: 12px; }

.mobi-style.hide {
  height: 0;
  overflow: hidden;
  border-bottom: 2px solid #DDDDDD;
  margin-bottom: 20px; }

@media (max-width: 768px) {
  .mobi-style .label-card {
    margin-bottom: 0; } }

.text-block__content {
  color: black;
  border-bottom: none; }
  .text-block__content p {
    font-size: 14px; }

.loading-spinner {
  text-align: center; }
  .loading-spinner > p {
    color: #000000;
    font-style: italic;
    font-size: 0.875rem;
    margin-bottom: 10px; }
  .loading-spinner .spinner {
    width: 220px;
    text-align: center;
    margin: auto; }
  .loading-spinner .spinner > div {
    width: 14px;
    height: 14px;
    border-radius: 100%;
    display: inline-block;
    animation: sk-bouncedelay 1.4s infinite ease-in-out both; }
  .loading-spinner .spinner .bounce1 {
    animation-delay: -0.32s;
    background-color: #ea883c; }
  .loading-spinner .spinner .bounce2 {
    animation-delay: -0.16s;
    background-color: #faec23; }
  .loading-spinner .spinner .bounce3 {
    animation-delay: -0.08s;
    background-color: #78c8d4; }
  .loading-spinner .spinner .bounce4 {
    animation-delay: -0.04s;
    background-color: #b172a3; }
  .loading-spinner .spinner .bounce5 {
    animation-delay: -0.02s;
    background-color: #892b7c; }

@keyframes sk-bouncedelay {
  0%, 80%, 100% {
    transform: scale(0); }
  40% {
    transform: scale(1); } }

.leader-user {
  overflow: hidden; }
  .leader-user:last-child .leader-user__order {
    min-height: 111px; }
  .leader-user__container {
    margin: 10px 0; }
  .leader-user__order {
    display: inline-block;
    vertical-align: top;
    width: 30px;
    float: left;
    background-repeat: no-repeat;
    background-position: top center;
    background-image: url(../../resources/images/line.png);
    height: 100%;
    color: #000000;
    min-height: 120px;
    text-align: center;
    padding: 24px 0; }
  .leader-user__block {
    position: relative;
    display: inline-block;
    vertical-align: top;
    background-color: white;
    width: calc(100% - 30px);
    padding-top: 10px; }
    .leader-user__block .photo {
      display: inline-block;
      vertical-align: top;
      margin-left: 10px;
      margin-right: 10px;
      overflow: hidden;
      border-radius: 7px;
      behavior: url(https://worktheseasons.co.nz/build/js/lib/PIE.htc);
      max-width: 42px;
      max-height: 42px;
      margin-bottom: 10px; }
      .leader-user__block .photo img {
        width: 100%; }
    .leader-user__block .info {
      width: calc(100% - 115px);
      display: inline-block;
      vertical-align: top; }
      .leader-user__block .info h4 {
        font-size: 1rem;
        margin-bottom: 6px;
        color: black; }
        .leader-user__block .info h4 img {
          position: relative;
          top: 2px;
          margin-left: 8px; }
      .leader-user__block .info .title {
        margin-top: 12px;
        margin-bottom: 5px;
        margin-left: 10px;
        font-family: "Lato", serif; }
      .leader-user__block .info p {
        font-size: 0.8125rem;
        margin-top: 4px;
        color: #999999; }
    .leader-user__block .add {
      display: inline-block;
      vertical-align: top;
      float: right;
      margin: 10px; }
    .leader-user__block .detail {
      border-top: 2px solid #EEEEEE; }
      .leader-user__block .detail > p {
        color: #999999;
        font-size: 0.8125rem;
        display: inline-block;
        vertical-align: top;
        border-left: 2px solid #EEEEEE;
        text-align: center;
        width: 32%;
        height: 46px;
        padding: 10px 10px;
        margin-top: 0px; }
        .leader-user__block .detail > p:first-child {
          border-left: none; }
        .leader-user__block .detail > p.last {
          color: #5FACC5; }
        .leader-user__block .detail > p.last.inactive {
          color: #CCCCCC; }
  .leader-user .posted-material-list {
    font-size: 0.8125rem;
    padding: 5px; }
    .leader-user .posted-material-list a {
      font-size: 0.8125rem;
      color: #5FACC5;
      text-decoration: none; }

.accordian__item {
  overflow: hidden;
  border-top: 2px solid #DDDDDD; }
  .accordian__item:first-child {
    border-top: none; }
  .accordian__item__title {
    background-image: url(../../resources/images/accordian-open.png);
    background-repeat: no-repeat;
    background-position: calc(100% - 20px) center;
    border-left: 3px solid #CCCCCC;
    padding: 10px 10px;
    display: table;
    width: 100%;
    background-color: white;
    cursor: pointer;
    transition: all 0.4s ease-in-out; }
    .accordian__item__title.no-active-status {
      border-left: none !important; }
    .accordian__item__title.disabled {
      background-image: none !important;
      cursor: default; }
  .accordian__item__content {
    overflow: hidden;
    max-height: 0px;
    transition: max-height 0.4s ease-in-out;
    border-top: 2px solid #DDDDDD;
    font-size: 0.875rem;
    line-height: 1.0625rem; }
    .accordian__item__content-hidden {
      padding: 16px 23px;
      background-color: white; }
    .accordian__item__content ul li {
      background-position: left -2px;
      background-repeat: no-repeat;
      background-image: url(../../resources/images/pink-dot.png);
      padding-left: 15px;
      margin-top: 15px; }
  .accordian__item.active .accordian__item__title {
    background-image: url(../../resources/images/accordian-close.png);
    border-left: 3px solid #3CBE66; }
  .accordian__item.active .accordian__item__content {
    max-height: 2000px;
    transition: max-height 0.4s ease-in-out; }

.text-accordian > p {
  float: left;
  padding: 3px 7px; }
  .text-accordian > p.hight-light {
    color: #5FACC5; }
    .text-accordian > p.hight-light img {
      position: relative;
      top: 3px;
      margin-right: 5px; }

.people-accordian {
  display: table-cell;
  width: 100%; }
  .people-accordian .people-logo {
    float: left;
    border-radius: 10px;
    behavior: url(https://worktheseasons.co.nz/build/js/lib/PIE.htc); }
  .people-accordian .people-type {
    float: left;
    padding: 9px 0px; }
  .people-accordian > p {
    float: left;
    padding: 0px 7px 15px 7px; }

.single-link {
  background-color: white;
  margin-bottom: 10px;
  background-repeat: no-repeat;
  background-position: calc(100% - 20px) center;
  background-image: url(../../resources/images/right-arrow.png);
  overflow: hidden;
  border-bottom: 3px solid #DDDDDD;
  padding: 7px 12px;
  display: block; }
  .single-link__icon {
    float: left;
    margin-right: 13px; }
  .single-link__text {
    vertical-align: top;
    display: inline-block;
    float: left;
    margin: 13px 13px;
    margin-left: 0;
    max-width: 55%;
    color: black;
    text-decoration: none; }
    .single-link__text.staff-name {
      margin-top: 8px; }
      .single-link__text.staff-name .company-name {
        margin-top: 3px;
        color: #000000;
        display: block;
        font-weight: normal;
        text-decoration: none;
        font-size: 0.875rem; }
    .single-link__text.user-name {
      font-weight: bold;
      font-style: italic; }
    @media (min-width: 768px) {
      .single-link__text.text-container {
        margin-top: 1px;
        margin-bottom: 2px; } }
    .single-link__text.text-container .course-detail {
      padding: 0 20px 0 0px; }
    .single-link__text.extra-container {
      max-width: calc(100% - 10px); }
      .single-link__text.extra-container h3 {
        font-size: 16px; }
      .single-link__text.extra-container h3 strong {
        max-width: calc(100% - 140px); }
      @media (min-width: 768px) {
        .single-link__text.extra-container {
          margin-top: 0;
          margin-bottom: 0; } }
      .single-link__text.extra-container .course-detail {
        padding: 0 20px 0 0px; }
    .single-link__text .icon + h3 {
      display: inline-block;
      padding: 16px 0 0 10px; }
    .single-link__text .icon + h3 {
      display: inline-block;
      padding: 16px 0 0 10px; }
    .single-link__text .company-name {
      color: #D61A69;
      line-height: 21px; }
    .single-link__text h3 {
      margin-bottom: 10px; }
      .single-link__text h3 > img {
        margin-left: 8px;
        position: relative;
        top: 4px;
        margin-right: 8px; }
      .single-link__text h3 .btn-filter {
        position: relative;
        top: 4px; }
    .single-link__text a {
      text-decoration: none; }
    .single-link__text .course-detail {
      color: #DE2C0E;
      font-weight: 600;
      font-size: 0.8125rem; }
      .single-link__text .course-detail > p {
        color: #5FACC5;
        font-size: 0.875rem;
        vertical-align: top;
        display: inline-block; }
        .single-link__text .course-detail > p img {
          position: relative;
          top: 3px;
          margin-right: 7px;
          margin-left: 12px;
          margin-top: -5px; }
        .single-link__text .course-detail > p:not(:first-child) {
          margin-top: 0px; }
    .single-link__text > img {
      position: relative;
      top: 4px;
      margin-left: 5px; }
    .single-link__text.no-margin-horizontal {
      margin-top: -4px;
      margin-bottom: 0; }
    .single-link__text.course-chat-banner {
      max-width: calc(100% - 60px);
      margin-bottom: 5px;
      font-weight: bold; }
  .single-link__image {
    vertical-align: top;
    display: inline-block;
    float: left;
    margin-right: 13px; }
  .single-link__type {
    margin-top: 9px;
    margin-left: -5px;
    float: left;
    vertical-align: top;
    display: inline-block; }
  .single-link__addtocart {
    width: auto;
    float: right;
    padding-top: 0px; }
    @media (max-width: 768px) {
      .single-link__addtocart {
        width: 100%;
        margin-top: 10px;
        padding-top: 10px;
        display: inline-block;
        border-top: 1px solid #EEEEEE; } }
    .single-link__addtocart span {
      color: #3CBE66;
      font-size: 18px;
      font-weight: 300;
      font-style: italic;
      text-align: right;
      margin-right: 20px;
      padding-top: 7px;
      float: right; }
      @media (max-width: 768px) {
        .single-link__addtocart span {
          float: left; } }
    .single-link__addtocart .btn-cart {
      float: right;
      padding: 8px 20px !important; }
  .single-link .btn {
    min-width: auto;
    padding: 10px 22px 10px 15px; }
    .single-link .btn img {
      margin-left: 5px;
      vertical-align: sub; }

.course-selection-link .single-link {
  padding-bottom: 0; }

.course-selection-link .single-link__text {
  padding-bottom: 0;
  margin-bottom: 0;
  width: calc(100%);
  max-width: none; }
  @media (min-width: 760px) {
    .course-selection-link .single-link__text {
      width: calc(100% - 220px); } }
  .course-selection-link .single-link__text .icon {
    float: left; }
  .course-selection-link .single-link__text h3 {
    float: left;
    width: calc(100% - 50px); }
  .course-selection-link .single-link__text p {
    margin-bottom: 5px; }

@media (min-width: 760px) {
  .course-selection-link .single-link__addtocart {
    padding-top: 5px; } }

.company-listing {
  position: relative;
  clear: both;
  text-align: center; }
  .company-listing__item {
    background-color: white;
    width: 135px;
    height: 135px;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 3px;
    position: relative; }
    .company-listing__item img {
      max-width: 135px;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      margin: auto;
      max-height: 135px; }
    @media (max-width: 500px) {
      .company-listing__item {
        width: 135px;
        height: 135px; }
        .company-listing__item img {
          max-width: 72%;
          max-height: 72%; } }
    .company-listing__item:hover {
      outline: 1px #6E6E91 solid; }
    .company-listing__item i {
      position: absolute;
      bottom: 3px;
      right: 3px;
      background-color: #000000;
      color: white;
      border-radius: 9px;
      behavior: url(https://worktheseasons.co.nz/build/js/lib/PIE.htc);
      width: 28px;
      height: 18px;
      text-align: center;
      padding: 2px 0 6px 0;
      font-size: 0.875rem; }

.status-bar {
  padding-left: 20px;
  padding-right: 20px; }
  .status-bar__item {
    background-position: left top;
    background-repeat: no-repeat;
    background-image: url(../../resources/images/in.png);
    font-size: 0.875rem;
    color: #666666;
    padding-left: 18px;
    padding-top: 32px;
    height: 59px;
    line-height: 18px; }
    .status-bar__item.active {
      background-image: url(../../resources/images/ac.png);
      color: white; }

.profile-control {
  border-right: 1px solid #7D0738;
  margin-top: 7px;
  padding-right: 13px !important; }

.profile-icon {
  width: 27px;
  height: 19px;
  position: relative;
  display: inline-block;
  vertical-align: middle; }
  @media (max-width: 768px) {
    .profile-icon {
      margin-left: 0px; } }
  .profile-icon img {
    max-height: 21px; }
  .profile-icon > p {
    position: absolute;
    right: 7px;
    top: -21px;
    background-color: white;
    color: #000000;
    border-radius: 50%;
    behavior: url(https://worktheseasons.co.nz/build/js/lib/PIE.htc);
    width: 18px;
    height: 18px;
    font-family: "Lato", serif;
    text-align: center;
    padding: 4px 0;
    font-size: 0.875rem; }

.role-icon {
  width: 20px; }

.profile-icon {
  width: 40px;
  height: auto;
  border-radius: 5px;
  behavior: url(https://worktheseasons.co.nz/build/js/lib/PIE.htc); }

.mobi-block-only .edit-profile-subscription-btns {
  text-align: center; }
  .mobi-block-only .edit-profile-subscription-btns .btn {
    font-family: "Lato", sans-serif;
    font-size: 0.9em;
    padding-right: 15px;
    padding-left: 15px; }

.mobi-block-only .plan-type-info {
  color: #fff;
  font-size: 1.5em; }

.mobi-block-only p span {
  color: #fff; }

.mobi-block-only .plan-type-basic p {
  color: #63165e; }

.mobi-block-only .plan-type-all-you-can-eat p {
  color: #d51467; }

.chatting-input {
  position: fixed;
  min-height: 60px;
  bottom: 0px;
  left: 0px;
  right: 0;
  background-color: white;
  border-top: 1px solid #DDDDDD;
  width: 100%; }
  @media (max-width: 768px) {
    .chatting-input {
      width: calc(100%);
      left: 0; } }
  @media (min-width: 768px) {
    .chatting-input {
      position: absolute;
      bottom: -30px; } }
  .chatting-input input[type="text"] {
    height: 100%;
    width: calc(100% - 107px);
    border: none;
    background-color: white;
    font-size: 0.875rem;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top; }
    .chatting-input input[type="text"]::-webkit-input-placeholder {
      color: #6E6E91; }
    .chatting-input input[type="text"]:-moz-placeholder {
      /* Firefox 18- */
      color: #6E6E91; }
    .chatting-input input[type="text"]::-moz-placeholder {
      /* Firefox 19+ */
      color: #6E6E91; }
    .chatting-input input[type="text"]:-ms-input-placeholder {
      color: #6E6E91; }
  .chatting-input textarea {
    height: 60px;
    resize: none;
    width: calc(100% - 107px);
    border: none;
    background-color: white;
    font-size: 1rem;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    font-family: "Lato", sans-serif; }
    .chatting-input textarea::-webkit-input-placeholder {
      color: #6E6E91; }
    .chatting-input textarea:-moz-placeholder {
      /* Firefox 18- */
      color: #6E6E91; }
    .chatting-input textarea::-moz-placeholder {
      /* Firefox 19+ */
      color: #6E6E91; }
    .chatting-input textarea:-ms-input-placeholder {
      color: #6E6E91; }
    .chatting-input textarea:empty {
      height: 60px; }
  .chatting-input .upload, .chatting-input .send {
    width: 94px;
    position: absolute;
    right: 10px;
    background-color: white;
    color: #6E6E91;
    text-decoration: none;
    display: inline-block;
    vertical-align: top;
    text-align: right;
    padding: 14px 0 11px 0; }
    .chatting-input .upload img, .chatting-input .send img {
      position: relative;
      top: 2px;
      margin-left: 8px;
      margin-right: 8px; }
  .chatting-input .send {
    display: none;
    padding: 7px 0; }
  .chatting-input.send .upload {
    display: none; }
  .chatting-input.send .send {
    display: inline-block; }

.chatting-input-error {
  position: fixed;
  bottom: 45px;
  left: 235px;
  color: #000000;
  width: calc(100% - 535px); }
  @media (max-width: 1024px) {
    .chatting-input-error {
      width: calc(100% - 225px); } }
  @media (max-width: 768px) {
    .chatting-input-error {
      width: calc(100%);
      left: 5px; } }

.company-short-block {
  background-color: white;
  margin-bottom: 3px;
  padding: 15px 10px;
  text-decoration: none;
  display: block; }
  .company-short-block .no-record {
    font-size: 0.875rem;
    color: #999999;
    margin: 2px 0; }
  .company-short-block > img {
    display: inline-block;
    vertical-align: top;
    margin-right: 5px;
    width: 44px;
    height: 44px;
    border-radius: 5px;
    behavior: url(https://worktheseasons.co.nz/build/js/lib/PIE.htc); }
  .company-short-block .info {
    display: inline-block;
    vertical-align: top; }
    .company-short-block .info h4 {
      font-size: 1rem;
      position: relative;
      top: -4px;
      color: black;
      margin-bottom: 5px; }
      .company-short-block .info h4 img {
        position: relative;
        top: 5px;
        margin-left: 10px; }
    .company-short-block .info p {
      font-size: 0.8125rem;
      color: #999999; }
  .company-short-block .btn-filter {
    display: inline-block;
    margin-top: 8px;
    vertical-align: top;
    float: right; }

.tab {
  overflow: hidden; }
  .tab__item {
    margin-bottom: 10px;
    background-color: white;
    max-width: 300px;
    height: 56px;
    position: relative;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: 97% center;
    text-decoration: none;
    background-image: url(../../resources/images/right-arrow.png); }
    @media (max-width: 1024px) {
      .tab__item {
        width: calc(100% - 42px);
        max-width: 100% !important; } }
    .tab__item.what-is-jba-phone {
      max-width: initial;
      width: calc(100% - 42px); }
    .tab__item.active, .tab__item:hover {
      background-image: url(../../resources/images/right-arrow-white.png); }
      .tab__item.active .tab__item__head, .tab__item:hover .tab__item__head {
        background-color: white; }
      .tab__item.active .tab__item__text, .tab__item:hover .tab__item__text {
        color: white; }
    .tab__item__head {
      width: 56px;
      position: absolute;
      left: -28px;
      top: 0;
      height: 56px;
      display: inline-block;
      vertical-align: top;
      background-color: black;
      border-radius: 50%;
      behavior: url(https://worktheseasons.co.nz/build/js/lib/PIE.htc);
      transition: all 0.4s ease-in-out; }
    .tab__item__text {
      display: inline-block;
      vertical-align: top;
      height: 56px;
      font-family: "Lato", serif;
      width: 272px;
      padding: 0px 39px;
      font-size: 0.875rem;
      color: #000000;
      text-decoration: none;
      line-height: 17px;
      transition: all 0.4s ease-in-out;
      display: table; }
      @media (max-width: 1024px) {
        .tab__item__text {
          width: 100%; } }
      .tab__item__text p {
        display: table-cell;
        vertical-align: middle;
        text-decoration: none; }

.tab__item {
  float: right;
  overflow: visible !important; }
  .tab__item__head {
    background-repeat: no-repeat;
    background-position: center; }
  .tab__item:nth-child(1) .tab__item__head {
    background-color: #000000;
    background-image: url(../../images/logo-icon.png); }
  .tab__item:nth-child(2) .tab__item__head {
    background-color: #BD7CB5;
    background-image: url(../../resources/images/light.png); }
  .tab__item:nth-child(3) .tab__item__head {
    background-color: #D61A69;
    background-image: url(../../resources/images/key.png); }
  .tab__item:nth-child(4) .tab__item__head {
    background-color: #F79131;
    background-image: url(../../resources/images/people.png); }
  .tab__item:nth-child(5) .tab__item__head {
    background-color: #000000;
    background-image: url(../../resources/images/community.png); }
  .tab__item:hover:nth-child(1), .tab__item.active:nth-child(1) {
    background-color: #000000; }
    .tab__item:hover:nth-child(1) .tab__item__head, .tab__item.active:nth-child(1) .tab__item__head {
      background-color: white;
      background-image: url(../../images/logo-icon.png); }
  .tab__item:hover:nth-child(2), .tab__item.active:nth-child(2) {
    background-color: #BD7CB5; }
    .tab__item:hover:nth-child(2) .tab__item__head, .tab__item.active:nth-child(2) .tab__item__head {
      background-color: white;
      background-image: url(../../resources/images/light-active.png); }
  .tab__item:hover:nth-child(3), .tab__item.active:nth-child(3) {
    background-color: #D61A69; }
    .tab__item:hover:nth-child(3) .tab__item__head, .tab__item.active:nth-child(3) .tab__item__head {
      background-color: white;
      background-image: url(../../resources/images/key-active.png); }
  .tab__item:hover:nth-child(4), .tab__item.active:nth-child(4) {
    background-color: #F79131; }
    .tab__item:hover:nth-child(4) .tab__item__head, .tab__item.active:nth-child(4) .tab__item__head {
      background-color: white;
      background-image: url(../../resources/images/people-active.png); }
  .tab__item:hover:nth-child(5), .tab__item.active:nth-child(5) {
    background-color: #000000; }
    .tab__item:hover:nth-child(5) .tab__item__head, .tab__item.active:nth-child(5) .tab__item__head {
      background-color: white;
      background-image: url(../../resources/images/community-active.png); }

.chat-block__conatiner {
  overflow: hidden;
  padding-bottom: 40px; }

.chat-block__item {
  clear: both;
  background-color: white;
  border-radius: 7px;
  behavior: url(https://worktheseasons.co.nz/build/js/lib/PIE.htc);
  padding: 10px 10px;
  margin-bottom: 15px;
  position: relative; }
  @media (max-width: 500px) {
    .chat-block__item {
      width: 95%; } }
  .chat-block__item:after {
    content: "";
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    position: absolute;
    top: 0px;
    bottom: 0px;
    margin: auto; }
  .chat-block__item.left {
    float: left;
    margin-left: 10px; }
    .chat-block__item.left:after {
      left: -10px;
      border-right: 10px solid white; }
  .chat-block__item.right {
    float: right;
    margin-right: 10px; }
    .chat-block__item.right:after {
      right: -10px;
      border-left: 10px solid white; }
  .chat-block__item__image {
    display: inline-block;
    vertical-align: top; }
  .chat-block__item__info {
    display: inline-block;
    vertical-align: top;
    width: 267px;
    margin-left: 10px; }
    @media (max-width: 500px) {
      .chat-block__item__info {
        width: 76%; } }
    .chat-block__item__info h4 {
      font-style: italic;
      font-size: 1rem;
      margin-bottom: 6px;
      max-width: calc(100% - 100px); }
      .chat-block__item__info h4 span, .chat-block__item__info h4 time {
        font-size: 0.875rem;
        color: #000000 !important;
        top: 4px;
        float: right;
        font-style: normal;
        position: absolute;
        top: 10px;
        right: 10px; }
      .chat-block__item__info h4 img {
        position: relative;
        top: 4px;
        margin-left: 5px; }
    .chat-block__item__info p {
      font-size: 0.875rem;
      line-height: 18px; }
      .chat-block__item__info p img {
        max-width: 100%; }
    .chat-block__item__info a {
      color: #6E6E91;
      text-decoration: none; }
      .chat-block__item__info a img {
        position: relative;
        top: 2px;
        margin-left: 5px; }

.dashboard-messages h4 {
  font-size: 1rem;
  margin-bottom: 16px;
  color: #6E6E91; }

.dashboard-messages .chat-block {
  text-decoration: none; }
  .dashboard-messages .chat-block time {
    font-size: 0.875rem;
    color: #000000 !important;
    position: relative;
    top: 4px;
    float: right;
    font-style: normal;
    position: absolute;
    top: 10px;
    right: 10px; }
  .dashboard-messages .chat-block * {
    color: #000; }
  .dashboard-messages .chat-block__item {
    max-width: 100%; }
    .dashboard-messages .chat-block__item__info {
      width: calc(100% - 60px); }
      .dashboard-messages .chat-block__item__info a {
        max-width: 200px; }
      .dashboard-messages .chat-block__item__info .document {
        color: #6E6E91; }
    .dashboard-messages .chat-block__item__image img {
      border-radius: 7px;
      behavior: url(https://worktheseasons.co.nz/build/js/lib/PIE.htc); }

.chat-block-additional-styles1 {
  position: relative;
  padding-bottom: 70px;
  height: 100%;
  min-height: 500px; }
  @media (min-width: 768px) {
    .chat-block-additional-styles1 {
      min-height: 500px; } }

.chat-block-additional-styles2 {
  position: absolute;
  bottom: 0;
  padding-bottom: 0;
  overflow: scroll;
  height: 100%;
  width: 97%; }

.no-messages {
  display: none;
  color: #999999; }

.chat-top-padding {
  padding-top: 20px; }
  @media (min-width: 768px) {
    .chat-top-padding.private-chat {
      padding-top: 100px; } }

.animate .fixed-chatbar {
  z-index: 5; }

.chat-content-page .chat-header-container {
  padding: 16px 12px; }

.panel-chat .chat-thumb {
  height: 30px;
  width: 30px; }

.panel-chat .panel-body {
  height: 100%;
  overflow-y: auto; }

.panel-chat .panel-footer {
  position: absolute;
  bottom: -16px; }

.sub-content {
  background-color: #EEEEEE;
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin-top: 4px;
  float: left;
  transition: all 0.3s ease-in-out;
  width: 100%;
  overflow: hidden;
  margin-left: 6px;
  padding-bottom: 30px; }
  .sub-content.no-bottom-banner {
    margin-top: 0;
    height: calc(100% - 62px); }
  .sub-content.full {
    width: 100%;
    max-width: 100%; }
  .sub-content.no-right-aside {
    max-width: calc(100% - 318px); }
  @media (min-width: 1024px) {
    .sub-content {
      height: calc(100% - 62px);
      max-width: calc(100% - 318px); } }
  @media (max-width: 768px) {
    .sub-content {
      width: 100% !important;
      margin-top: 0;
      margin-left: 0;
      max-width: 100% !important; } }
  @media (min-width: 768px) {
    .sub-content {
      overflow: hidden;
      max-width: calc(100% - 623px);
      height: calc(100% - 122px);
      overflow-y: scroll; } }

.inner-main-conent {
  max-width: calc(100% - 370px);
  width: 100%;
  float: left;
  display: inline-block; }
  .inner-main-conent.height-auto {
    height: auto;
    min-height: 100%; }
  @media (min-width: 1024px) {
    .inner-main-conent {
      box-shadow: inset -7px 0 9px -7px rgba(102, 102, 102, 0.67); } }
  @media (max-width: 1024px) {
    .inner-main-conent {
      max-width: 100% !important;
      width: 100% !important; } }

.small-inner-main-conent {
  max-width: calc(100% - 300px);
  width: 100%;
  height: 100%;
  float: left;
  -webkit-overflow-scrolling: touch; }
  @media (max-width: 1024px) {
    .small-inner-main-conent {
      max-width: 100% !important;
      width: 100% !important; } }
  @media (min-width: 1024px) {
    .small-inner-main-conent {
      box-shadow: inset -7px 0 9px -7px rgba(102, 102, 102, 0.67); } }
  .small-inner-main-conent.height-auto {
    height: auto;
    min-height: 100%; }

.main-content {
  background-color: #EEEEEE;
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin-top: 4px;
  left: 0%;
  float: left;
  transition: all 0.3s ease-in-out;
  padding-bottom: 30px;
  width: 100%;
  height: 100%;
  overflow: hidden;
  overflow-y: auto;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch; }
  .main-content.dashboard-scroll {
    height: calc(100% - 62px); }
  @media (min-width: 1024px) {
    .main-content {
      max-width: calc(100% - 236px);
      height: calc(100% - 62px); } }
  @media (max-width: 768px) {
    .main-content {
      width: 100% !important;
      margin-top: 0px;
      margin-left: 0;
      max-width: 100% !important;
      min-height: 600px;
      padding: 60px 0 0px 0; } }
  @media (min-width: 768px) {
    .main-content {
      overflow-y: auto;
      max-width: calc(100% - 541px); } }
  .main-content.no-right-aside {
    max-width: calc(100% - 230px); }
  .main-content.no-bottom-banner {
    margin-top: 0;
    height: calc(100% - 64px); }
    @media (max-width: 768px) {
      .main-content.no-bottom-banner {
        height: calc(100%); } }
  .main-content.chat {
    margin-top: 0;
    height: calc(100% - 72px); }
  .main-content.full {
    width: 100%;
    max-width: 100%; }

.main-content.what-is-jba-main-content {
  max-width: calc(100% - 312px); }
  @media (min-width: 768px) {
    .main-content.what-is-jba-main-content {
      box-shadow: inset 1px -3px 7px rgba(102, 102, 102, 0.67); } }

.main-content.cart-content .small-inner-main-conent {
  height: auto; }

.fixed-content {
  border-top: 1px solid rgba(255, 255, 255, 0.25);
  width: 100%;
  z-index: 1000;
  height: 50px;
  position: fixed;
  top: 62px;
  left: 0;
  transition: all 0.3s ease-in-out; }
  .fixed-content.active {
    left: -80%; }

.absolute-content {
  border-top: 1px solid rgba(255, 255, 255, 0.25);
  width: 100%;
  z-index: 1000;
  height: 50px;
  position: absolute;
  top: 0px;
  left: 0px; }

body.animate .main-content {
  transition: all 0.3s ease-in-out; }
  @media (max-width: 768px) {
    body.animate .main-content {
      left: -80%; } }

@media (max-width: 768px) {
  body.animate .sub-content {
    left: -80%; } }

body.animate .mobi-banner .fixed-content {
  z-index: 5; }

.hidden-toggle-content {
  display: none; }

.contact-info {
  text-align: center;
  padding: 50px 0;
  padding-bottom: 0; }
  .contact-info img {
    margin-bottom: 20px; }
  .contact-info h4 {
    font-size: 0.875rem;
    font-family: "Lato", serif;
    margin-bottom: 5px; }
  .contact-info p {
    font-size: 0.875rem;
    margin-bottom: 5px;
    color: #666666; }
  .contact-info a {
    font-size: 0.875rem;
    margin-bottom: 5px;
    color: #6E6E91; }
  .contact-info.vertical img {
    display: inline-block;
    vertical-align: top; }
  .contact-info.vertical .vertical-info {
    display: inline-block;
    vertical-align: top;
    text-align: left;
    padding-left: 10px; }

.video-group > p {
  color: white;
  font-size: 0.875rem;
  font-family: "Lato", serif;
  margin-bottom: 10px;
  text-align: left;
  position: relative;
  z-index: 9; }
  @media (max-width: 500px) {
    .video-group > p {
      padding: 10px;
      margin-bottom: 0;
      background-color: #000000;
      text-align: center; } }

.video-group__container {
  font-size: 0; }

@media (min-width: 500px) {
  .video-selector {
    width: 48.5%;
    margin-left: 52%;
    float: left; } }

.video__item {
  display: inline-block;
  vertical-align: top;
  position: relative;
  cursor: pointer; }
  @media (max-width: 500px) {
    .video__item {
      float: left;
      clear: none;
      width: 33.3333333333%;
      margin-left: 0;
      margin-right: 0; }
      .video__item img {
        width: 100%; } }
  .video__item img {
    max-width: 100%; }
  .video__item img + .play {
    position: absolute;
    left: 9%;
    bottom: 9%;
    width: auto; }

.video-block__item {
  background-color: white;
  padding: 12px 12px;
  overflow: hidden;
  border-top: 3px solid #DDDDDD; }
  .video-block__item:first-child {
    border-top: none; }

.video-block .video__item {
  display: inline-block;
  vertical-align: top; }
  .video-block .video__item img {
    max-width: 98px; }
  .video-block .video__item img + img {
    max-width: 34px; }

.video-block__info {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 120px);
  float: right; }
  @media (max-width: 500px) {
    .video-block__info {
      width: calc(100% - 130px); } }
  .video-block__info h4 {
    font-size: 0.875rem;
    color: black;
    margin-bottom: 10px;
    font-family: "Lato", serif; }
  .video-block__info p {
    font-size: 0.875rem;
    color: #000000; }

.custom-selectbox {
  text-align: left; }
  .custom-selectbox select {
    font-size: 16px; }
  .custom-selectbox .select2-container {
    width: 100% !important; }
  .custom-selectbox.open .custom-selectbox__overlay {
    display: block; }
  .custom-selectbox.open .custom-selectbox__options {
    display: block; }
  .custom-selectbox.simple-version {
    min-width: 140px;
    z-index: 100; }
    .custom-selectbox.simple-version + .simple-version {
      right: 132px; }
    .custom-selectbox.simple-version.open .custom-selectbox__selected {
      background-color: white; }
    .custom-selectbox.simple-version .custom-selectbox__option {
      font-size: 0.875rem;
      color: black; }
    .custom-selectbox.simple-version .custom-selectbox__selected {
      font-size: 0.875rem;
      background-color: transparent;
      color: black; }
  .custom-selectbox__overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: none; }
  .custom-selectbox__selected {
    background-color: white;
    border-radius: 5px;
    behavior: url(https://worktheseasons.co.nz/build/js/lib/PIE.htc);
    color: #999999;
    font-size: 1rem;
    padding: 14px 11px;
    background-repeat: no-repeat;
    background-position: 94% center;
    background-image: url(https://worktheseasons.co.nz/resources/images/dropdown-icon.png);
    cursor: pointer;
    position: relative;
    z-index: 10; }
    @media (max-width: 768px) {
      .custom-selectbox__selected {
        padding: 9px 11px; } }
  .custom-selectbox__options {
    background-color: white;
    border-radius: 5px;
    behavior: url(https://worktheseasons.co.nz/build/js/lib/PIE.htc);
    position: relative;
    top: 1px;
    display: none; }
    .custom-selectbox__options.active {
      display: block; }
  .custom-selectbox__option {
    padding: 14px 11px;
    border-top: 1px dotted #999999;
    color: #999999;
    cursor: pointer; }
    .custom-selectbox__option:first-child {
      border-top: none; }

.original-selectbox {
  padding: 0;
  margin: 0;
  border: none;
  width: 100%; }
  .original-selectbox select {
    padding: 5px 8px;
    width: 100%;
    height: 38px;
    font-size: 16px;
    border: none;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }
    .original-selectbox select:focus {
      outline: none; }

.standard-title .simple-version {
  width: 120px;
  position: absolute;
  right: 10px;
  top: -14px;
  z-index: 100; }
  @media (max-width: 768px) {
    .standard-title .simple-version {
      top: -8px; } }

section.sy-pitch-file {
  display: inline-block;
  position: relative; }
  @media (max-width: 500px) {
    section.sy-pitch-file {
      width: 49%; }
      section.sy-pitch-file a:first-child {
        width: 100%;
        min-width: initial;
        white-space: nowrap; } }

.btn.sy-pitch-download-file {
  display: inline;
  position: absolute; }

.hidden-upload-container {
  display: inline;
  overflow: hidden;
  position: absolute;
  width: 400px; }

.js-sy-pitch-upload-file {
  display: inline;
  position: absolute;
  top: 100px; }

.js-sy-pitch-file.errors {
  padding-bottom: 10px; }

.pitch-file-name-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 15px; }
  .pitch-file-name-container span {
    margin-left: 10px; }
  .pitch-file-name-container p {
    margin: 0px; }

.animate .fixed-pitchbar {
  z-index: 5; }

.full-width-filter__container {
  border-bottom: 1px solid #DDDDDD;
  width: 100%;
  padding: 0px 19px; }
  .full-width-filter__container.no-border {
    border-bottom: none; }
  .full-width-filter__container .label {
    font-size: 0.875rem;
    display: inline-block;
    margin-top: 15px;
    margin-right: 14px; }
    @media (max-width: 500px) {
      .full-width-filter__container .label {
        margin-bottom: 10px; } }
  .full-width-filter__container .btn-filter {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 10px; }
    @media (max-width: 500px) {
      .full-width-filter__container .btn-filter {
        margin-right: 4px; } }
  .full-width-filter__container .top-filter .btn-tranparent-filter {
    margin-right: 10px;
    margin-right: -2px;
    border-right: 1px solid #DDDDDD; }
  .full-width-filter__container.select-filter {
    background: white;
    padding: 12px 0; }
    .full-width-filter__container.select-filter select, .full-width-filter__container.select-filter .select2-container {
      min-width: 360px; }
    @media (max-width: 768px) {
      .full-width-filter__container.select-filter select, .full-width-filter__container.select-filter .select2-container {
        width: 100% !important; } }

.filter-container.input-filter-group {
  width: auto;
  max-width: 700px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }
  @media (min-width: 1024px) {
    .filter-container.input-filter-group {
      width: auto;
      max-width: 1024px;
      float: none;
      display: block;
      margin-right: auto;
      margin-left: auto;
      padding-left: 10px;
      padding-right: 10px; }
      .filter-container.input-filter-group > .input-block {
        display: inline-block;
        vertical-align: top;
        margin-right: 14px;
        width: calc(100% - 500px); }
      .filter-container.input-filter-group .input-block-full {
        width: 100%; }
      .filter-container.input-filter-group .accordian__container {
        display: inline-block;
        vertical-align: top; }
        .filter-container.input-filter-group .accordian__container .accordian__item {
          display: inline-block;
          vertical-align: top;
          width: 236px;
          padding-left: 10px;
          border-left: 2px solid #DDDDDD;
          margin-top: 10px; }
        .filter-container.input-filter-group .accordian__container .accordian__item__title {
          border-top: none; }
        .filter-container.input-filter-group .accordian__container .hight-light img {
          display: none; } }
  .filter-container.input-filter-group > * {
    display: block; }
    .filter-container.input-filter-group > * .accordian__item {
      display: block;
      width: auto; }

.filter-container .input-block {
  padding-left: 0;
  padding-right: 0; }
  .filter-container .input-block + .input-block {
    padding-top: 0; }

.filter-container .accordian__item {
  border-top: none; }

.filter-container .accordian__item__title {
  border-left: none !important;
  padding-left: 0;
  padding-right: 0;
  border-top: 1px solid #DDDDDD; }

.filter-container .accordian__item__content {
  border-top: none; }
  .filter-container .accordian__item__content .input-block {
    margin-top: -10px; }

.connections-top {
  display: inline-block; }
  @media (min-width: 1024px) {
    .connections-top .input-block {
      width: 33% !important;
      margin: 0 2% 0 0;
      float: left;
      padding: 14px 0 !important; } }
  .connections-top .input-block .select2-large-grey {
    height: 38px !important; }

.hidden-status {
  display: none; }

.hidden-focus {
  display: none; }

.hidden-opportunity {
  display: none; }

.hidden-role {
  display: none; }

.hidden-country {
  display: none; }

.hidden-country.fadein {
  opacity: 0;
  display: inline-block; }

.hidden {
  display: none; }

.load-more {
  clear: both; }
  .load-more a {
    color: #6E6E91;
    text-decoration: none;
    display: block;
    text-align: center;
    font-size: 0.875rem; }

.course-filter {
  border-top: 1px solid #dddddd; }

.course-filter-hide {
  display: none; }

.course-filter-input-block {
  display: inline-block;
  padding-top: 10px;
  padding-right: 15px;
  background-color: white;
  padding-bottom: 10px;
  position: relative;
  width: 33%; }
  .course-filter-input-block .select2 {
    width: 100% !important; }
  .course-filter-input-block:last-child {
    padding-right: 0; }
  @media (max-width: 1024px) {
    .course-filter-input-block {
      padding-right: 0;
      width: 100% !important; } }

.input-forum {
  width: 100%;
  background-image: url(../../resources/images/dash-line.png);
  background-position: 12px top;
  background-repeat: repeat-y;
  padding-top: 20px; }
  @media (max-width: 768px) {
    .input-forum {
      background-image: none; } }
  .input-forum__card {
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: 0px center;
    display: block;
    text-decoration: none;
    margin-bottom: 5px;
    padding-left: 48px; }
    @media (max-width: 768px) {
      .input-forum__card {
        background-image: none;
        padding-left: 0; } }
    @media (max-width: 500px) {
      .input-forum__card .image-card-vertical__image {
        width: 100% !important; }
        .input-forum__card .image-card-vertical__image img {
          width: 100% !important; }
      .input-forum__card .image-card-vertical__content {
        width: 100% !important; }
      .input-forum__card .image-card-vertical .play {
        display: none !important; } }
  .input-forum .input-post .input-block {
    padding: 0 0 6px 0; }
  .input-forum__card-article {
    background-color: white;
    padding: 15px 15px;
    overflow: hidden;
    margin-bottom: 2px;
    clear: both;
    border-left: 3px solid #CCCCCC;
    position: relative; }
    .input-forum__card-article__image {
      float: left; }
      .input-forum__card-article__image img {
        border-radius: 7px;
        behavior: url(https://worktheseasons.co.nz/build/js/lib/PIE.htc);
        max-width: 42px;
        max-height: 42px; }
    .input-forum__card-article__info {
      float: left;
      color: black;
      margin-left: 11px;
      width: 88%;
      position: relative; }
      @media (max-width: 500px) {
        .input-forum__card-article__info {
          width: 80%; } }
      .input-forum__card-article__info .name {
        font-size: 13px;
        color: #6E6E91;
        text-decoration: none; }
      .input-forum__card-article__info p {
        width: 95%;
        font-size: 14px; }
      .input-forum__card-article__info .time-ago {
        font-size: 13px;
        color: #999999; }
    .input-forum__card-article .role-icon {
      position: absolute;
      top: 10px;
      right: 10px; }

.wysiwyg-content h1, .wysiwyg-content h2, .wysiwyg-content h3, .wysiwyg-content h4, .wysiwyg-content h5, .wysiwyg-content h6 {
  font-family: "Lato", serif;
  color: #000; }

.wysiwyg-content h1 {
  font-size: 1.8rem;
  line-height: 2.4rem; }

.wysiwyg-content h2 {
  font-size: 1.6rem;
  line-height: 2.2rem; }

.wysiwyg-content h3 {
  font-size: 1.4rem;
  line-height: 1.8rem; }

.wysiwyg-content h4 {
  font-size: 1.3rem;
  line-height: 1.7rem; }

.wysiwyg-content h5, .wysiwyg-content h6 {
  font-size: 1.2rem;
  line-height: 1.6rem; }

.wysiwyg-content p {
  font-size: inherit;
  line-height: inherit;
  color: #666666; }

.wysiwyg-content ul {
  margin-top: 10px; }
  .wysiwyg-content ul li {
    color: #666666;
    font-size: inherit;
    line-height: inherit;
    background-position: left -4px;
    background-repeat: no-repeat;
    background-image: url(../../resources/images/pink-dot.png);
    padding-left: 15px;
    margin-bottom: 15px; }

.wysiwyg-content ol {
  margin-top: 10px; }
  .wysiwyg-content ol li {
    color: #666666;
    font-size: inherit;
    line-height: inherit;
    margin-bottom: 15px;
    margin-left: 15px;
    list-style: decimal; }

.wysiwyg-content a {
  color: #5FACC5; }

.wysiwyg-content img {
  max-width: 100%; }

.what-is-jba-wysiwyg-content h1, .what-is-jba-wysiwyg-content h2, .what-is-jba-wysiwyg-content h3 {
  line-height: 1.8rem; }

.what-is-jba-wysiwyg-content h4, .what-is-jba-wysiwyg-content h5, .what-is-jba-wysiwyg-content h6 {
  line-height: 1.6rem; }

.what-is-jba-wysiwyg-content h1, .what-is-jba-wysiwyg-content h3, .what-is-jba-wysiwyg-content h5 {
  color: #000000; }

.what-is-jba-wysiwyg-content h2, .what-is-jba-wysiwyg-content h4, .what-is-jba-wysiwyg-content h6 {
  color: #D61A69; }

.subscribe-popup .panel {
  position: relative; }
  .subscribe-popup .panel .plan-choice-overlay {
    z-index: 1;
    width: 100%;
    height: 100%;
    background: #fff;
    position: absolute;
    left: 0;
    top: 0; }
    .subscribe-popup .panel .plan-choice-overlay .inner-content {
      padding: 15px;
      text-align: center; }
      .subscribe-popup .panel .plan-choice-overlay .inner-content .fa {
        cursor: pointer; }
    .subscribe-popup .panel .plan-choice-overlay .plan-choice {
      margin: 30% auto; }

.subscribe-popup h1 {
  padding-bottom: 10px;
  font-size: 1.2rem; }

.subscribe-popup .row-item {
  display: inline-block; }

.subscribe-popup .popup-content p {
  color: #666666;
  padding-bottom: 16px;
  border-bottom: 1px solid #e6e6e6; }

.subscribe-popup .popup-content .new-confirm-message {
  padding: 20px 0 10px 0; }

.subscribe-popup .popup-content .popup-btn-items {
  border: none;
  text-align: center; }
  .subscribe-popup .popup-content .popup-btn-items .cancel-checkout {
    color: #5eaec7;
    text-decoration: none; }
  .subscribe-popup .popup-content .popup-btn-items .btn {
    font-family: "Lato", sans-serif;
    font-size: 1rem; }

.subscribe-popup .selection-container {
  color: #fff; }
  .subscribe-popup .selection-container a {
    color: #fff;
    text-decoration: none; }
  .subscribe-popup .selection-container .item-package {
    width: 100%;
    border-radius: 5px;
    padding: 10px 0px 28px 10px; }
    @media (max-width: 768px) {
      .subscribe-popup .selection-container .item-package {
        padding: 10px 10px 10px 10px; } }
    .subscribe-popup .selection-container .item-package .image-drop-down {
      width: 26px;
      line-height: 40px;
      vertical-align: top; }
    .subscribe-popup .selection-container .item-package .description-text {
      width: 79%;
      font-size: 0.9rem; }
      .subscribe-popup .selection-container .item-package .description-text h3 {
        font-size: 1.15rem;
        padding-bottom: 5px; }
    .subscribe-popup .selection-container .item-package .price-item-text {
      width: 14.9%; }
      .subscribe-popup .selection-container .item-package .price-item-text .from-text {
        font-size: 0.6rem; }
      .subscribe-popup .selection-container .item-package .price-item-text .price-text {
        font-size: 1.45rem;
        padding-top: 5px; }
        .subscribe-popup .selection-container .item-package .price-item-text .price-text span {
          font-size: 0.7rem; }
    .subscribe-popup .selection-container .item-package .package-plans {
      padding-top: 20px;
      display: none; }
    .subscribe-popup .selection-container .item-package .plan-item {
      border-radius: 5px;
      border: 1px solid #fff;
      display: inline-block;
      font-size: 0.9rem;
      height: auto;
      padding: 5px;
      text-align: center;
      width: 24.4%;
      vertical-align: top;
      position: relative; }
      @media (max-width: 768px) {
        .subscribe-popup .selection-container .item-package .plan-item {
          width: 100%;
          margin-bottom: 3px; } }
      .subscribe-popup .selection-container .item-package .plan-item .plan-title {
        padding-bottom: 5px; }
        @media (max-width: 768px) {
          .subscribe-popup .selection-container .item-package .plan-item .plan-title {
            width: 50%;
            float: left;
            text-align: left;
            color: white !important;
            margin-top: 20px;
            font-size: 0.9rem !important; } }
      .subscribe-popup .selection-container .item-package .plan-item .plan-price {
        font-size: 1.7rem;
        padding-bottom: 5px; }
        @media (max-width: 768px) {
          .subscribe-popup .selection-container .item-package .plan-item .plan-price {
            width: 50%;
            float: right;
            text-align: right;
            margin-top: 10px; } }
        .subscribe-popup .selection-container .item-package .plan-item .plan-price span {
          font-size: 0.8rem; }
      @media (max-width: 768px) {
        .subscribe-popup .selection-container .item-package .plan-item .plan-description {
          float: right;
          color: white !important; } }
      .subscribe-popup .selection-container .item-package .plan-item .current-plan {
        width: calc(100% + 3px);
        height: 22px;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
        font-size: 0.7rem;
        padding: 4px 0px;
        position: absolute;
        bottom: -2px;
        left: -1px; }
    .subscribe-popup .selection-container .item-package .plan-type-basic .plan-title, .subscribe-popup .selection-container .item-package .plan-type-basic .plan-description {
      color: #63165e; }
    .subscribe-popup .selection-container .item-package .plan-type-basic .plan-price {
      color: #63165e; }
      .subscribe-popup .selection-container .item-package .plan-type-basic .plan-price span {
        color: #63165e; }
    .subscribe-popup .selection-container .item-package .plan-type-basic .current-plan {
      background-color: #63165e; }
    .subscribe-popup .selection-container .item-package .plan-type-all-you-can-eat .plan-title, .subscribe-popup .selection-container .item-package .plan-type-all-you-can-eat .plan-description {
      color: #d51467; }
    .subscribe-popup .selection-container .item-package .plan-type-all-you-can-eat .plan-price {
      color: #d51467; }
      .subscribe-popup .selection-container .item-package .plan-type-all-you-can-eat .plan-price span {
        color: #d51467; }
    .subscribe-popup .selection-container .item-package .plan-type-all-you-can-eat .current-plan {
      background-color: #d51467; }
    .subscribe-popup .selection-container .item-package .selected .plan-item {
      background: #fff; }
    .subscribe-popup .selection-container .item-package .selected .plan-type-basic .plan-title, .subscribe-popup .selection-container .item-package .selected .plan-type-basic .plan-description {
      color: #63165e !important; }
    .subscribe-popup .selection-container .item-package .selected .plan-type-basic .plan-price {
      color: #63165e !important; }
      .subscribe-popup .selection-container .item-package .selected .plan-type-basic .plan-price span {
        color: #63165e !important; }
    .subscribe-popup .selection-container .item-package .selected .plan-type-all-you-can-eat .plan-title, .subscribe-popup .selection-container .item-package .selected .plan-type-all-you-can-eat .plan-description {
      color: #d51467 !important; }
    .subscribe-popup .selection-container .item-package .selected .plan-type-all-you-can-eat .plan-price {
      color: #63165e !important; }
      .subscribe-popup .selection-container .item-package .selected .plan-type-all-you-can-eat .plan-price span {
        color: #63165e !important; }
  .subscribe-popup .selection-container .package-basic {
    background: #d51467;
    border: 1px solid #d51467; }
    .subscribe-popup .selection-container .package-basic .description-text h3 {
      color: #63165e; }
    .subscribe-popup .selection-container .package-basic .price-item-text {
      color: #63165e;
      vertical-align: top; }
  .subscribe-popup .selection-container .package-all-you-can-eat {
    background: #63165e;
    border: 1px solid #63165e; }
    .subscribe-popup .selection-container .package-all-you-can-eat .description-text h3 {
      color: #d51467; }
    .subscribe-popup .selection-container .package-all-you-can-eat .price-item-text {
      color: #d51467;
      vertical-align: top; }
  .subscribe-popup .selection-container .package-alumni {
    background: #71b9d1;
    border: 1px solid #71b9d1; }
    .subscribe-popup .selection-container .package-alumni .description-text h3 {
      color: #63165e; }
    .subscribe-popup .selection-container .package-alumni .price-item-text {
      color: #63165e;
      vertical-align: top; }
  .subscribe-popup .selection-container .back-top-plan {
    text-align: right; }
    .subscribe-popup .selection-container .back-top-plan .fa {
      color: #000000;
      font-size: 2em; }

.subscription-detail .subscribe-popup {
  background-color: transparent; }

.connection-group .connection-group-link-container {
  float: right; }
  .connection-group .connection-group-link-container .reject {
    marging-right: 0px; }

/*********************************************
  :: The Core - Layout & Components
********************************************/
/*********************************************
    :: Header                             
********************************************/
header {
  left: 0%;
  position: relative;
  transition: all 0.3s ease-in-out;
  margin-bottom: 0px;
  -webkit-overflow-scrolling: touch; }
  @media (max-width: 768px) {
    header {
      position: fixed;
      width: 100%;
      z-index: 999; } }
  @media (max-width: 768px) {
    header.no-mobile-header {
      display: none; } }
  header.no-mobile-header .header__bottom-banner {
    display: none !important; }
  header .header__top-banner {
    background-color: #000000;
    height: 62px;
    width: 100%;
    position: relative;
    top: 0px;
    z-index: 99999;
    -webkit-overflow-scrolling: touch; }
    header .header__top-banner .logo img {
      width: 58px;
      height: 50px; }
    header .header__top-banner .center {
      display: table;
      padding: 5px;
      margin: auto; }
    header .header__top-banner .mobi-logo {
      display: none;
      float: left;
      padding: 20px; }
      @media (max-width: 768px) {
        header .header__top-banner .mobi-logo {
          display: inline-block; } }
      header .header__top-banner .mobi-logo img {
        width: 24px;
        height: 19px; }
    header .header__top-banner .profile {
      cursor: pointer; }
      header .header__top-banner .profile ul {
        display: none;
        width: 230px;
        background-color: #222222;
        position: absolute;
        top: 62px;
        right: 0px;
        z-index: 1000; }
        header .header__top-banner .profile ul:before {
          content: "";
          width: 0;
          height: 0;
          border-bottom: 10px solid #222222;
          border-left: 10px solid transparent;
          border-right: 10px solid transparent;
          position: absolute;
          top: -7px;
          right: 27px; }
        header .header__top-banner .profile ul li {
          border-top: 1px solid #333333; }
          header .header__top-banner .profile ul li:first-child {
            border-top: none; }
          header .header__top-banner .profile ul li a {
            display: block;
            color: white;
            text-decoration: none;
            padding: 15px 15px; }
      header .header__top-banner .profile.active ul {
        display: block; }
      header .header__top-banner .profile p {
        color: white;
        font-family: "Lato", serif;
        font-size: 0.875rem;
        display: inline-block;
        vertical-align: top;
        margin-top: 15px;
        margin-right: 15px; }
      @media (max-width: 768px) {
        header .header__top-banner .profile {
          display: none; } }
    header .header__top-banner .right {
      float: right;
      padding: 10px 20px;
      text-decoration: none;
      position: relative; }
      @media (max-width: 768px) {
        header .header__top-banner .right {
          display: none; } }
      header .header__top-banner .right img {
        display: inline-block;
        vertical-align: top; }
      header .header__top-banner .right.profile img {
        border-radius: 8px;
        behavior: url(https://worktheseasons.co.nz/build/js/lib/PIE.htc); }
    header .header__top-banner .left {
      float: left;
      padding: 5px 0 0 5px; }
      @media (max-width: 768px) {
        header .header__top-banner .left {
          float: none;
          text-align: center;
          display: inherit;
          margin: auto;
          width: 100px; } }
    header .header__top-banner .mobi-menu-icon {
      display: none;
      padding: 20px;
      position: absolute;
      top: 0;
      right: 0; }
      @media (max-width: 768px) {
        header .header__top-banner .mobi-menu-icon {
          display: block; } }
      header .header__top-banner .mobi-menu-icon img {
        width: 18px;
        height: 15px; }
  header .header__bottom-banner {
    height: 60px;
    width: 100%;
    background: white;
    box-shadow: -1px 2px 5px 0px rgba(0, 0, 0, 0.3);
    font-family: "Lato", sans-serif;
    position: relative;
    z-index: 10; }
    header .header__bottom-banner .icon {
      position: relative;
      top: -11px; }
    header .header__bottom-banner h3 {
      font-size: 1.125rem;
      color: black;
      font-weight: bold;
      text-align: center;
      margin-top: 0px;
      padding: 20px; }

@media (max-width: 768px) {
  body.animate header {
    left: -80%; } }

nav {
  background-color: #000000;
  height: 62px; }
  nav .navbar-brand {
    width: 58px; }
    @media (max-width: 768px) {
      nav .navbar-brand {
        position: absolute;
        left: 50%;
        margin-left: -31px; } }
    nav .navbar-brand img {
      height: 54px;
      width: auto; }
  nav .nav > li > a:hover,
  nav .nav > li > a:focus,
  nav .nav > li > a:active,
  nav .nav .open > a,
  nav .nav .open > a:hover,
  nav .nav .open > a:focus,
  nav .nav .open > a:active {
    background-color: transparent !important;
    color: #fff !important; }
  nav .nav > li > a .fa {
    font-size: 1.4em !important; }
  nav .divider-left {
    border-left: 1px solid #D61A69; }
  nav .navbar-toggle {
    float: left; }
  nav .badge {
    background: #fff !important;
    color: #000000 !important;
    position: absolute;
    right: 0;
    top: 10px; }

/*********************************************
  :: Footer
********************************************/
footer .listing-item {
  display: inline-block;
  margin-right: 20px; }

footer a {
  color: #444; }

/* Brown Paper Bag Container */
.brownpaperbag-container {
  float: left;
  width: 100%;
  margin: 25px 0; }
  .brownpaperbag-container .left-section {
    float: left; }
  .brownpaperbag-container .right-section {
    float: right;
    clear: none; }
    @media (min-width: 960px) {
      .brownpaperbag-container .right-section {
        float: right;
        clear: none; } }
  .brownpaperbag-container a, .brownpaperbag-container p {
    color: #888;
    margin: 0px;
    font-family: "Roboto", sans-serif;
    text-decoration: none;
    line-height: 14px;
    font-size: 11px; }

aside {
  max-width: 312px;
  height: calc(100% - 122px);
  overflow: hidden;
  background-color: #EEEEEE;
  display: inline-block;
  vertical-align: top;
  margin-top: 0px;
  width: 100%; }
  aside.no-bottom-banner {
    height: calc(100% - 62px);
    margin-top: 0; }
  aside.left {
    max-width: 312px;
    height: calc(100% - 62px);
    float: left;
    box-shadow: 0px 5px 6px 4px rgba(196, 196, 196, 0.8);
    position: relative;
    z-index: 9; }
    aside.left .aside-coantiner {
      width: calc(312px + 15px); }
    @media (max-width: 768px) {
      aside.left {
        display: none; } }
  aside.right {
    max-width: 300px;
    float: right;
    box-shadow: 0px 5px 3px 4px rgba(196, 196, 196, 0.6); }
    aside.right .aside-coantiner {
      width: calc(300px + 15px); }
    @media (max-width: 1024px) {
      aside.right {
        display: none; } }
  @media (max-width: 1024px) {
    aside.help {
      display: none; } }
  aside.help.no-bottom-banner {
    margin-top: 0;
    height: calc(100% - 62px); }
  aside.small-aside {
    max-width: 230px;
    background-color: #222222; }
    aside.small-aside .aside-coantiner {
      width: calc(230px + 15px); }
    @media (max-width: 1024px) {
      aside.small-aside {
        display: inline-block; } }
    @media (max-width: 768px) {
      aside.small-aside {
        display: none; } }

.aside-coantiner, .what-is-jba-phone-container {
  overflow: auto;
  height: 100%;
  padding-bottom: 30px; }
  .aside-coantiner > .btn, .what-is-jba-phone-container > .btn {
    margin: 38px 0 0 41px; }
  .aside-coantiner > h5, .what-is-jba-phone-container > h5 {
    color: #000000;
    font-size: 16px;
    font-family: "Lato", sans-serif;
    padding: 0 17px;
    line-height: 21px;
    padding-top: 28px;
    margin-top: 3px;
    margin-bottom: 15px; }

.what-is-jba-phone-container {
  background-color: #EEEEEE;
  padding-top: 60px; }

.inner-main-conent__aside {
  box-shadow: 0px -6px 3px 4px rgba(196, 196, 196, 0.29);
  width: 100%;
  max-width: 370px;
  float: right;
  padding: 10px 10px;
  background-color: transparent;
  min-height: 100%; }
  @media (max-width: 1024px) {
    .inner-main-conent__aside {
      width: 100% !important;
      max-width: 100% !important;
      box-shadow: none; } }
  .inner-main-conent__aside .accordian__item__content-hidden {
    padding: 0; }
  @media (min-width: 768px) {
    .inner-main-conent__aside.js-course-leader-board h3 {
      margin-top: 20px; } }

.small-inner-main-conent__aside {
  width: 100%;
  max-width: 300px;
  float: right;
  background-color: transparent;
  min-height: 100%;
  position: relative; }
  @media (max-width: 1024px) {
    .small-inner-main-conent__aside {
      width: 100% !important;
      max-width: 100% !important; } }
  .small-inner-main-conent__aside .accordian__item__content-hidden {
    padding: 0; }
  .small-inner-main-conent__aside.boxshadow-left {
    box-shadow: 0px -6px 3px 4px rgba(196, 196, 196, 0.8); }

/*********************************************
  :: Views
********************************************/
.listing-container {
  background-color: #000000;
  text-align: center; }
  .listing-container .listing-content .listing-title {
    font-size: 2.5rem;
    color: white;
    margin-bottom: 10px; }
  .listing-container .listing-content .listing-item {
    width: auto;
    max-width: 920px;
    float: none;
    display: block;
    margin-right: auto;
    margin-left: auto;
    padding-left: 0;
    padding-right: 0; }
    .listing-container .listing-content .listing-item a {
      display: block;
      color: white;
      font-size: 1.25rem;
      text-decoration: none;
      padding: 0.625rem 1.875rem; }
      .listing-container .listing-content .listing-item a:hover {
        color: #b3b2b2; }

.chat-contact__user .user-short-block {
  border-radius: 0;
  behavior: url(https://worktheseasons.co.nz/build/js/lib/PIE.htc);
  width: 49.8%;
  min-width: 348px; }
  @media (max-width: 768px) {
    .chat-contact__user .user-short-block {
      width: 100%;
      min-width: 280px; } }

.chat-contact__company {
  margin-bottom: 17px; }
  @media (max-width: 720px) {
    .chat-contact__company .info {
      max-width: 45%; } }

@media (max-width: 991px) {
  .dash-latest-opportunity:first-child {
    margin-top: 16px; } }

@media (min-width: 992px) {
  .dash-latest-opportunity {
    border-right: 1px #ddd solid; }
    .dash-latest-opportunity:nth-of-type(3n) {
      border: none; } }

.opportunity-info {
  color: #666; }
  .opportunity-info h4 {
    font-size: 0.875rem;
    font-family: "Lato", serif;
    margin-bottom: 5px; }

.label-card.company {
  margin-top: 10px;
  margin-bottom: 10px; }

.standard-title.company {
  margin-top: 15px;
  margin-bottom: 10px;
  margin-left: 10px; }

.label-card__title.opportunity-info {
  color: #666;
  background: white;
  border-bottom: 2px solid #EEEEEE; }
  .label-card__title.opportunity-info h4 {
    margin-bottom: 15px; }
  .label-card__title.opportunity-info p {
    font-size: 0.875rem;
    line-height: 1.0625rem; }
  .label-card__title.opportunity-info p:not(:first-child) {
    margin-top: 15px; }
  .label-card__title.opportunity-info ul li {
    background-position: left -2px;
    background-repeat: no-repeat;
    background-image: url(../../resources/images/pink-dot.png);
    padding-left: 15px;
    margin-top: 15px; }
  .label-card__title.opportunity-info .blue {
    color: #6E6E91; }

.what-is-jba-main-content .staff-info a.user-short-block {
  width: 100%; }

.label-card__content.opportunity-info {
  padding: 0; }
  .label-card__content.opportunity-info .user-short-block {
    padding-bottom: 0; }
    .label-card__content.opportunity-info .user-short-block h4 {
      font-family: "Lato", sans-serif; }
  .label-card__content.opportunity-info .staff-info {
    float: left;
    width: 100%; }
    .label-card__content.opportunity-info .staff-info .user-short-block h4 {
      width: calc(100% - 10px); }
  .label-card__content.opportunity-info .post-button {
    float: right;
    padding: 12px 12px; }
    .label-card__content.opportunity-info .post-button .btn.btn-small {
      font-style: normal;
      font-size: 0.8125rem;
      padding: 4px 20px;
      min-width: 120px; }
    .label-card__content.opportunity-info .post-button .disabled {
      cursor: default; }
    .label-card__content.opportunity-info .post-button .disabled-pitch {
      cursor: default; }
    .label-card__content.opportunity-info .post-button .disabled-requirements {
      cursor: default; }

.opportunity-info .company-short-block {
  padding: 0;
  margin-bottom: 0px; }
  .opportunity-info .company-short-block h3 {
    margin-top: 10px;
    font-style: italic;
    font-weight: bold; }
  .opportunity-info .company-short-block img:last-child {
    margin-left: 5px;
    margin-bottom: -5px; }

.learn-more {
  color: #999999;
  margin-top: 10px; }
  .learn-more a {
    color: #5FACC5;
    text-decoration: none; }

.opportunity-info .accordian__item__content-hidden {
  background: white; }

.opportunity-info .description {
  padding-bottom: 14px; }

.opportunity-info .requirements .title {
  color: black;
  font-weight: bold;
  padding-bottom: 16px; }

.opportunity-info .requirements .course {
  display: block;
  background-repeat: no-repeat;
  background-position: right center;
  border-top: 1px solid #DDDDDD; }
  .opportunity-info .requirements .course.no-chevron {
    background-image: none; }
  .opportunity-info .requirements .course h4 {
    padding: 20px 20px 20px 40px;
    color: black;
    font-weight: bold;
    font-size: 1rem;
    font-family: "Lato", serif;
    margin-bottom: 0;
    background-repeat: no-repeat;
    background-image: url(../../resources/images/uncheck.png);
    background-position: 7px center; }
  .opportunity-info .requirements .course.completed h4 {
    background-image: url(../../resources/images/check.png); }

.opportunity-footer {
  border-top: #EEE 2px solid;
  background: white;
  display: inline-block;
  width: 100%; }
  .opportunity-footer .user-short-block i {
    color: #6E6E91;
    font-size: 1rem; }
  .opportunity-footer h4 {
    min-width: 150px; }

a.no-decoration {
  color: black;
  text-decoration: none; }
  a.no-decoration span.right {
    float: right; }

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

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

.width-10 {
  width: 10px; }

.top-margin-0 {
  top-margin: 0; }

.share-output .checkbox-option {
  width: 100%; }
  .share-output .checkbox-option .check-list__item {
    padding-left: 0; }
    .share-output .checkbox-option .check-list__item label {
      width: 100%;
      padding: 0;
      background-position: center right; }
      .share-output .checkbox-option .check-list__item label > img {
        float: left; }

.share-output label.error {
  color: #000000;
  font-size: 0.875rem;
  margin-top: 8px;
  display: block; }

.user-short-block.pitch-detail {
  width: 100%;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: 97% center;
  text-decoration: none;
  background-image: url(../../resources/images/right-arrow.png); }
  .user-short-block.pitch-detail .text-content {
    float: left;
    margin-top: -10px;
    max-width: 70%; }
  .user-short-block.pitch-detail h4 {
    width: initial;
    margin-top: 8px; }
  .user-short-block.pitch-detail p {
    clear: left;
    float: left;
    color: #999999;
    font-size: 0.75rem;
    margin-left: 12px;
    margin-top: 8px; }

.input__container .input__item .name-card {
  padding: 16px 16px 6px 16px; }
  .input__container .input__item .name-card__image img {
    width: 42px;
    height: 42px; }
  .input__container .input__item .name-card__info {
    position: relative;
    width: calc(100% - 50px); }
    .input__container .input__item .name-card__info h4 {
      width: calc(100% - 100px);
      color: #6E6E91;
      margin-top: 5px;
      margin-bottom: 5px;
      font-family: "Lato", serif; }
      @media (max-width: 400px) {
        .input__container .input__item .name-card__info h4 {
          font-size: 0.92rem; } }
    .input__container .input__item .name-card__info .time-ago {
      font-size: 13px;
      color: #999999;
      position: absolute;
      top: 3px;
      right: 0px; }
  .input__container .input__item .name-card .user-short-block {
    min-width: 200px;
    padding: 0 0px 0px 0px; }
    .input__container .input__item .name-card .user-short-block h4 {
      clear: both;
      color: black;
      font-family: "Lato",sans-serif;
      font-size: 12px;
      margin: 5px 0 0px 0; }
    .input__container .input__item .name-card .user-short-block .comments {
      font-size: 13px;
      color: #B5B5B5;
      padding: 10px 0;
      clear: both; }

.input__container .name-card {
  border: none;
  padding: 10px; }
  .input__container .name-card .single-link__text {
    margin-bottom: 0; }

.input__container .input__content {
  width: 100%;
  float: left;
  border-top: 1px solid #ddd; }
  .input__container .input__content .name-card__info {
    width: 100%; }
    .input__container .input__content .name-card__info h4 {
      color: black; }
    .input__container .input__content .name-card__info .border-block {
      border-top: 1px solid #DDD;
      width: 100%; }
    .input__container .input__content .name-card__info .time-ago {
      top: 15px; }

.input__container .text-style-buttons {
  width: 100%;
  float: left;
  padding: 10px 0;
  border-top: 1px solid #DDDDDD; }

.input__container .similar-posts p {
  width: 100%;
  display: block;
  border-bottom: 1px solid #DDDDDD;
  font-size: 14px;
  padding: 10px 0 10px 0; }

.input__container .similar-posts a.title {
  width: 100%;
  display: block;
  text-decoration: none;
  padding: 10px 0 10px 0;
  border-bottom: 1px solid #DDDDDD; }
  .input__container .similar-posts a.title:last-of-type {
    border-bottom: none; }
  .input__container .similar-posts a.title h4 {
    font-size: 14px;
    color: #6E6E91;
    margin-top: 5px;
    margin-bottom: 5px;
    font-family: "Cutive",serif; }

.input-group > .input-group-addon.jba-new-addon {
  display: table-cell;
  background-color: #ffffff; }

.profile-area .padding-container {
  padding: 10px; }

.profile-area .leader-user__block {
  width: 100%;
  border-bottom: 3px solid #DDDDDD;
  margin-bottom: 10px; }
  .profile-area .leader-user__block.complete {
    border-top: 3px solid #3CBE66; }
  .profile-area .leader-user__block.commenced {
    border-top: 3px solid #F79131; }
  .profile-area .leader-user__block .material {
    width: 100%;
    border-top: 1px solid #DDDDDD; }
    .profile-area .leader-user__block .material a {
      padding: 10px;
      font-family: "Lato", serif;
      color: black;
      text-decoration: none;
      width: 100%;
      display: block;
      border-bottom: 1px solid #DDDDDD; }
    .profile-area .leader-user__block .material .icons {
      float: right; }

.profile-area .user-short-block {
  width: 100%; }
  .profile-area .user-short-block h4 {
    margin-top: 13px;
    width: auto; }
  .profile-area .user-short-block a {
    text-decoration: inherit; }
  .profile-area .user-short-block .connect {
    float: right; }
  .profile-area .user-short-block.top .role-icon {
    margin: 9px 0 0 9px; }

.profile-area .see-all {
  width: 100%;
  text-align: center;
  text-decoration: inherit;
  color: #6E6E91;
  padding: 5px 0 10px 0;
  margin-bottom: 10px;
  border-bottom: 1px solid #CCCCCC;
  display: block; }

.profile-area .pitch-feedback-block .user-short-block {
  padding: 10px 10px 0 10px; }
  .profile-area .pitch-feedback-block .user-short-block .content {
    display: inline-block; }
  .profile-area .pitch-feedback-block .user-short-block h4 {
    margin-top: 0px; }
  .profile-area .pitch-feedback-block .user-short-block .role-icon {
    margin: -3px 0 0 9px; }
  .profile-area .pitch-feedback-block .user-short-block p {
    color: #999999;
    font-size: 13px;
    display: block;
    clear: both;
    margin: 5px 0 0 12px; }
  .profile-area .pitch-feedback-block .user-short-block p:first-of-type {
    margin: 20px 0 0 12px; }
  .profile-area .pitch-feedback-block .user-short-block .role-icon + p {
    margin-top: 0px; }

.profile-updated {
  width: 100%;
  float: left;
  padding: 10px 20px;
  background: #3CBE66; }
  .profile-updated p {
    font-size: 14px;
    color: white; }

.connect-me {
  float: right;
  text-align: center;
  text-decoration: none;
  margin-top: 3px; }
  .connect-me p {
    font-size: 13px;
    color: #6E6E91;
    text-decoration: none;
    margin: 3px; }

.plan-container .plan-details {
  border-radius: 5px;
  padding: 14px;
  font-family: "Lato", sans-serif; }

.plan-container .plan-info-status {
  font-size: 0.8rem; }
  .plan-container .plan-info-status span {
    color: #fff;
    font-size: 0.9rem; }

.plan-container .plan-type-basic {
  background: #d51467;
  border: 1px solid #d51467; }
  .plan-container .plan-type-basic .plan-info-status {
    color: #63165e; }

.plan-container .plan-type-all-you-can-eat {
  background: #63165e;
  border: 1px solid #63165e; }
  .plan-container .plan-type-all-you-can-eat .plan-info-status {
    color: #d51467; }

.plan-container .plan-row {
  display: inline-block; }
  .plan-container .plan-row span {
    color: #fff; }
  .plan-container .plan-row .plan-type-info {
    color: #fff;
    padding-bottom: 5px; }
  .plan-container .plan-row .btn {
    border-bottom: none;
    font-size: 0.75em;
    padding: 5px;
    font-family: "Lato", sans-serif;
    border-radius: 5px; }

.plan-container .plan-info-container {
  width: 60%;
  color: #fff; }

.plan-container .plan-info-status {
  width: 39%;
  text-align: right; }

.input__container .title-suggestions {
  display: none; }

.input__container textarea, .input__container .your-input-toolbar {
  height: 45px;
  font-size: 16px;
  font-family: Arial, "Lato", sans-serif;
  color: #222; }

.input__container input[type="text"] {
  color: #222; }

.input__container .redactor-editor, .input__container textarea {
  width: 100%;
  background-color: #E5E5E5;
  border: none;
  border-radius: 4px;
  behavior: url(https://worktheseasons.co.nz/build/js/lib/PIE.htc);
  padding: 12px 14px 8px 14px;
  box-sizing: border-box;
  display: block;
  font-size: 16px; }
  .input__container .redactor-editor p, .input__container textarea p {
    line-height: 16px;
    margin: 3px 0 7px 0; }

.input__container .redactor-toolbar-external {
  border: none; }
  .input__container .redactor-toolbar-external li {
    min-width: 40px; }

@media (max-width: 400px) {
  .input__container .redactor-toolbar li {
    min-width: 38px; }
  .input__container .redactor-toolbar a {
    font-size: 12px;
    padding: 3px; } }

.input__container .redactor-editor p {
  font-size: 16px; }

.input__container textarea {
  font-size: 16px !important; }

.input__container .user-short-block {
  width: 100%; }
  @media (min-width: 768px) {
    .input__container .user-short-block {
      width: 70%; } }

#redactor-link-blank, input#redactor-image-link-blank {
  position: initial !important; }

.communities input[type="checkbox"] {
  float: left;
  margin-right: 10px; }

.communities label {
  padding-top: 3px;
  padding-bottom: 3px; }

section.your-input-file {
  display: inline-block;
  position: relative; }
  @media (max-width: 500px) {
    section.your-input-file {
      width: 49%; }
      section.your-input-file a:first-child {
        width: 100%;
        min-width: initial;
        white-space: nowrap; } }

.hidden-upload-container {
  display: inline;
  overflow: hidden;
  position: absolute;
  width: 400px; }

.js-your-input-upload-file {
  display: inline;
  position: absolute;
  top: 100px; }

#file-error:empty {
  display: none; }

.animate .fixed-pitchbar {
  z-index: 5; }

label.error::empty {
  display: none; }

.confirm-delete-comment {
  cursor: pointer;
  position: absolute;
  bottom: 10px;
  right: 7px; }

.opportunities__container textarea, .opportunities__container .opportunities-toolbar {
  min-height: 45px;
  font-size: 16px;
  font-family: Arial, "Lato", sans-serif; }

.opportunities__container input, .opportunities__container textarea, .opportunities__container select {
  font-size: 16px; }

.opportunities__container .redactor-editor, .opportunities__container textarea {
  width: 100%;
  background-color: #E5E5E5;
  border: none;
  border-radius: 4px;
  behavior: url(https://worktheseasons.co.nz/build/js/lib/PIE.htc);
  padding: 12px 14px 8px 14px;
  box-sizing: border-box;
  display: block;
  font-size: 16px; }
  .opportunities__container .redactor-editor p, .opportunities__container textarea p {
    line-height: 16px;
    margin: 3px 0 7px 0; }

.opportunities__container .redactor-toolbar-external {
  border: none; }
  .opportunities__container .redactor-toolbar-external li {
    min-width: 40px; }

.opportunities__container #redactor-link-blank, .opportunities__container input#redactor-image-link-blank {
  position: initial !important; }

.opportunities__container label.error::empty {
  display: none; }

.opportunities__container select {
  height: 38px;
  border-radius: 5px;
  behavior: url(https://worktheseasons.co.nz/build/js/lib/PIE.htc);
  background-color: #E5E5E5;
  border: none; }

.opportunities__container .course .title {
  display: inline-block;
  width: calc(100% - 100px);
  font-weight: bold; }

.opportunities__container .course .crud-btns {
  float: right;
  text-align: right; }
  .opportunities__container .course .crud-btns img {
    margin-right: 10px;
    margin-top: -6px;
    padding: 5px;
    cursor: pointer; }

.flexy-area {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 1em;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.padding-area {
  padding: 1em; }

.jba-btn-new-md {
  min-width: 120px;
  text-align: center; }

.viewButton {
  font-size: 28px;
  color: #D51A68;
  float: right;
  border: none;
  margin-left: 10px;
  background: none; }

.viewButton.active {
  color: purple !important; }

.name {
  color: #D51A68 !important;
  font-size: 16px !important;
  padding-top: 10px; }

.name:hover {
  color: purple !important; }

.black {
  color: black !important; }

.element-item2 {
  position: relative;
  height: 200px;
  color: #262524;
  box-shadow: 1px 1px 5px grey;
  transform-origin: right bottom;
  transition: .1s all;
  overflow: hidden;
  margin: 10px 0px; }

.element-item2:hover {
  transform: scale(1.01) translateX(-2px) translateY(-2px);
  box-shadow: 2px 2px 10px grey;
  cursor: pointer;
  color: black !important; }

.element-item2:active,
.element-item2:focus {
  color: black !important; }

.element-item2 .date-row {
  position: absolute;
  bottom: 0;
  margin-left: 25px;
  margin-right: 10px;
  padding-top: 3px;
  padding-left: 0 !important;
  padding-right: 0 !important; }

.element-item-list .employer {
  font-size: 16px !important;
  margin-top: 2px !important; }

.employer,
.white-box p {
  color: black; }

.border-top {
  border-top: 2px solid #ececec; }

.logo {
  /* margin-top: 10px;
    margin-bottom: 10px;*/
  padding-left: 0px;
  padding-right: 10px; }

.dates {
  padding-right: 0px;
  padding-left: 0px;
  margin-top: 3px; }

.dates p,
.dates span {
  font-size: 10px; }

.element-item2.featured {
  border: #D51A68 1px solid !important; }

.element-item-list.featured {
  border-left: #D51A68 2px solid;
  border-right: 0;
  border-top: 0;
  border-bottom: 0; }

.element-item-list {
  height: auto;
  overflow: visible;
  width: 100%;
  border-bottom: 1px solid lightgrey;
  box-shadow: none;
  transform-origin: right bottom;
  transition: .1s all;
  position: relative; }

.element-item-list:hover,
.element-item-list:active {
  color: black !important; }

.job-description .video-container {
  display: none; }

.job-description h1 {
  display: none; }

.job-description.readmore-hidden p:not(:first-child) {
  display: none; }

.element-item-list p {
  margin: 5px 0; }

.element-item-list .white-box {
  height: auto;
  box-shadow: none !important;
  cursor: auto;
  padding: 0 1%; }

.element-item-list .white-box div .job-description {
  display: inline-block;
  width: 100%;
  cursor: auto; }

.job-description {
  margin: 0; }

.read-more-state {
  display: none; }

.read-more-target {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  max-height: 0;
  font-size: 0;
  transition: .25s ease; }

.read-more-state:checked ~ .read-more-wrap .read-more-target {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  font-size: inherit;
  max-height: 999em; }

.read-more-state ~ .read-more-trigger:before {
  content: 'Show more'; }

.read-more-state:checked ~ .read-more-trigger:before {
  content: 'Show less'; }

.read-more-trigger {
  cursor: pointer;
  display: inline-block;
  padding: 0 .5em;
  color: #D51A68;
  font-size: .9em;
  line-height: 2; }

.read-only-jba {
  pointer-events: none; }

.readmore-hidden {
  max-height: 47px;
  overflow: hidden;
  margin: 0 !important; }

.readmore-show {
  max-height: 9999999999px;
  overflow: auto; }

.readmore-button-hide {
  display: none !important; }

.job-card-readmore {
  margin: 10px 0 30px 0 !important;
  color: #D51A68;
  text-decoration: underline;
  cursor: pointer;
  display: inline-block; }

.job-card-readmore:hover {
  color: purple; }

.no-border {
  border: none !important; }

.white-box {
  background: #fff;
  height: 100%; }

.logo img {
  /*float: right;
    max-height: 110px;*/ }

.rating-bar-wrap {
  width: 7px;
  height: 100%;
  position: absolute;
  right: 0; }

.rating-bar {
  width: 100%;
  height: 100%; }

.card-view {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin: -0.8%; }

.element-item-list:nth-child(2n) .white-box {
  background: #F5F5F5 !important; }

.margin-none {
  margin-left: 0 !important;
  margin-right: 0 !important; }

.job-description a {
  color: #D51A68 !important; }

@media screen and (min-width: 1670px) {
  .wrap-card {
    width: 31.33%;
    margin: 1%; } }

@media screen and (max-width: 1670px) {
  .wrap-card {
    width: 48%;
    margin: 1%; } }

@media screen and (max-width: 700px) {
  .wrap-card {
    width: 100%;
    margin-bottom: 1.6%; } }

@media screen and (max-width: 700px) {
  .container {
    padding-left: 0 !important; }
  .inputs {
    padding-right: 0 !important; }
  .element-item-list .logo img {
    height: auto !important;
    max-height: 100px !important; }
  .date-pad {
    padding-right: 30px !important; } }

/**************
       Progress bar section
       **************/
.progress-bar-tooltip {
  color: grey; }

.progress-bar-tooltip:focus {
  color: #D51A68; }

.popover {
  color: #D51A68;
  border-radius: 0;
  border: 1px solid #f2f2f2; }

.section-progress-bar {
  position: relative;
  width: 100%;
  height: 20px;
  background: url(../../images/course-assets/blob-box/beige-blob-box.svg);
  border-radius: 30px;
  /*border: 1px solid black;*/ }

.section-progress-filled {
  position: absolute;
  height: 100%;
  width: 0;
  background: url(../../images/course-assets/blob-box/blue-blob-box.svg);
  border-radius: 30px;
  transition: .5s padding-right;
  background-clip: content-box; }

.progress-item {
  margin: 10px 0; }

.progress-checkbox-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center; }

.progress-checkbox {
  position: relative;
  background: url("../../images/course-assets/check/pink-border.png");
  padding: 0px;
  margin: 5px;
  height: 20px;
  width: 20px;
  text-align: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-right: 10px;
  background-size: contain;
  background-position: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  background-repeat: no-repeat; }

[v-cloak] .v-cloak--block {
  display: block !important; }

[v-cloak] .v-cloak--inline {
  display: inline !important; }

[v-cloak] .v-cloak--inlineBlock {
  display: inline-block !important; }

[v-cloak] .v-cloak--hidden {
  display: none !important; }

[v-cloak] .v-cloak--invisible {
  visibility: hidden !important; }

.v-cloak--block,
.v-cloak--inline,
.v-cloak--inlineBlock {
  display: none !important; }

/**************
       Progress bar section ends
       **************/
.row.border-top.date-row.flex-date-row {
  display: -ms-flexbox;
  display: flex;
  font-size: 11px;
  margin: 0 !important;
  -ms-flex-pack: justify;
  justify-content: space-between; }

@media screen and (max-width: 960px) {
  .text-right-small {
    text-align: right; }
  .flex-date-row div {
    width: 50%; }
  .flex-date-row {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; } }

@media screen and (min-width: 960px) {
  .row.border-top.date-row.flex-date-row div {
    width: 25%; }
  .text-right-medium p {
    text-align: right; }
  .text-center-medium p {
    text-align: center; }
  .left-margin p {
    margin-left: 25%; }
  .right-margin p {
    margin-right: 25%; } }

.inline {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.inline a,
.inline h5 {
  padding-top: 0;
  margin-bottom: 0 !important; }

.inline a.name {
  margin-right: 20px; }

.section-progress-bar img {
  position: absolute;
  height: 37px;
  right: -4%;
  top: -50%; }

.cart-content {
  font-family: "Lato", sans-serif; }
  .cart-content .course__item {
    padding: 10px 20px; }
  .cart-content .small-inner-main-conent {
    max-width: calc(100% - 370px); }
  .cart-content .small-inner-main-conent__aside {
    max-width: 370px; }
    .cart-content .small-inner-main-conent__aside .course__item__removefromcart span {
      padding-top: 11px; }
  .cart-content .course__item__removefromcart {
    border: none !important; }
  .cart-content .cart-type-basic {
    background: #d51467 !important; }
    .cart-content .cart-type-basic .course__item__info h4 {
      color: #63165e;
      font-family: "Lato", sans-serif; }
    .cart-content .cart-type-basic .course__item__info span {
      color: #fff; }
    .cart-content .cart-type-basic .course__item__removefromcart span {
      color: #63165e;
      font-style: normal; }
    .cart-content .cart-type-basic .course__item__removefromcart .btn-removecart:hover {
      background-color: transparent;
      color: #FFF !important; }
  .cart-content .cart-type-all-you-can-eat {
    background: #63165e !important; }
    .cart-content .cart-type-all-you-can-eat .course__item__info h4 {
      color: #d51467;
      font-family: "Lato", sans-serif; }
    .cart-content .cart-type-all-you-can-eat .course__item__info span {
      color: #fff; }
    .cart-content .cart-type-all-you-can-eat .course__item__removefromcart span {
      color: #d51467;
      font-style: normal; }
  .cart-content .course__item__removefromcart .price-item {
    font-size: 1.6rem !important; }
    .cart-content .course__item__removefromcart .price-item i {
      font-size: 1rem !important;
      font-style: normal; }
  .cart-content .course__item__info .cart-item-description {
    color: #fff;
    font-size: 0.9rem; }

.course-selection .single-link {
  border-bottom: none !important;
  padding-left: 0px;
  padding-bottom: 0px;
  padding-top: 13px; }
  .course-selection .single-link .single-link__text span {
    font-size: 1.26em;
    font-weight: bold; }

.course-selection .input-filter-group .input-block {
  padding-top: 10px; }

.course-selection .course__item.bundle-item {
  border-bottom: none; }

.course-selection .standard-title {
  color: #5FACC5;
  font-size: 1rem;
  position: relative;
  width: 100%;
  display: inline-block; }

.course-selection .image-help {
  position: relative;
  top: 5px; }

.course-selection .close-help {
  position: relative;
  top: 1px; }

.course-selection .subscribe-link, .course-selection .help-link {
  text-decoration: none;
  color: #7dacb6; }

.course-selection .select-plan {
  background-color: #6db7d2;
  border-radius: 5px;
  border-bottom: none;
  color: #fff;
  font-size: 0.7rem;
  left: 45%;
  outline: none;
  padding: 5px 10px;
  position: relative;
  top: -15px; }

.course-selection .select-jba-container {
  width: 100%;
  padding-top: 11px;
  display: table;
  position: relative; }
  .course-selection .select-jba-container .select-plan {
    position: absolute;
    top: auto;
    bottom: -10px;
    z-index: 9; }
  .course-selection .select-jba-container .row-item {
    width: 49.8%;
    height: 100%;
    display: inline-block;
    vertical-align: top;
    border-radius: 5px;
    color: #fff;
    position: relative; }
    .course-selection .select-jba-container .row-item .row-wrapper {
      padding: 10px;
      position: relative;
      overflow: hidden;
      z-index: 1;
      display: table-cell; }
      @media (max-width: 768px) {
        .course-selection .select-jba-container .row-item .row-wrapper {
          display: inline-block;
          width: 100%;
          padding: 10px 10px 0 10px; } }
      .course-selection .select-jba-container .row-item .row-wrapper .plan-info {
        display: inline-block;
        width: 29%;
        vertical-align: top; }
        .course-selection .select-jba-container .row-item .row-wrapper .plan-info h3 {
          font-size: 1rem;
          font-weight: bold;
          padding: 10px 0px; }
        .course-selection .select-jba-container .row-item .row-wrapper .plan-info .info-from {
          font-size: 0.7rem; }
          @media (max-width: 768px) {
            .course-selection .select-jba-container .row-item .row-wrapper .plan-info .info-from {
              padding-bottom: 5px !important; } }
        .course-selection .select-jba-container .row-item .row-wrapper .plan-info .info-price {
          font-size: 1.5rem; }
          .course-selection .select-jba-container .row-item .row-wrapper .plan-info .info-price span {
            font-size: 0.8rem; }
      .course-selection .select-jba-container .row-item .row-wrapper .info-details {
        display: inline-block;
        width: 64.8%;
        padding-left: 10px; }
        @media (max-width: 768px) {
          .course-selection .select-jba-container .row-item .row-wrapper .info-details {
            padding: 20px 0 0 0; } }
        .course-selection .select-jba-container .row-item .row-wrapper .info-details div {
          color: #fff;
          font-family: "Lato", sans-serif;
          font-size: 0.8rem;
          width: 100%;
          border-bottom: 1px solid #fff;
          line-height: 1.0rem;
          padding-bottom: 6px;
          padding-top: 6px; }
        .course-selection .select-jba-container .row-item .row-wrapper .info-details div.last {
          border-bottom: none; }
  .course-selection .select-jba-container .select-jba-basic {
    background: #d51467;
    border: 1px solid #d51467;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
    .course-selection .select-jba-container .select-jba-basic .info-from {
      color: #63165e !important; }
      @media (max-width: 768px) {
        .course-selection .select-jba-container .select-jba-basic .info-from {
          padding-bottom: 5px !important; } }
    .course-selection .select-jba-container .select-jba-basic .info-price {
      color: #63165e !important; }
  .course-selection .select-jba-container .select-jba-all {
    background: #63165e;
    border: 1px solid #63165e;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    position: relative;
    left: -3px; }
    .course-selection .select-jba-container .select-jba-all .info-from {
      color: #d51467 !important; }
      @media (max-width: 768px) {
        .course-selection .select-jba-container .select-jba-all .info-from {
          padding-bottom: 5px !important; } }
    .course-selection .select-jba-container .select-jba-all .info-price {
      color: #d51467 !important; }

.course-selection .bundle-item-info {
  width: 100%;
  background: #63165e;
  color: #fff;
  padding: 10px 0px 10px 24px; }

.course-selection .mobi-block-only.course__item__addtocart {
  text-align: center;
  float: none; }
  .course-selection .mobi-block-only.course__item__addtocart .btn-cart {
    text-align: center;
    float: none; }

.course-selection .mobi-block-only .select-jba-container .row-item {
  width: 100%;
  border-radius: 0px;
  display: block;
  position: static;
  left: auto; }
  .course-selection .mobi-block-only .select-jba-container .row-item .row-wrapper {
    padding: 14px 10px; }
    .course-selection .mobi-block-only .select-jba-container .row-item .row-wrapper a {
      color: #fff;
      text-decoration: none; }
    .course-selection .mobi-block-only .select-jba-container .row-item .row-wrapper .plan-info {
      width: 100%;
      height: auto; }
      .course-selection .mobi-block-only .select-jba-container .row-item .row-wrapper .plan-info h3 {
        background-image: url(../../resources/images/accordian-open-white.png);
        background-repeat: no-repeat;
        background-position: right center;
        font-size: 100%;
        padding: 0px; }
    .course-selection .mobi-block-only .select-jba-container .row-item .row-wrapper .info-details {
      width: 100%; }
      .course-selection .mobi-block-only .select-jba-container .row-item .row-wrapper .info-details p {
        border-bottom: 1px solid #fff;
        padding-bottom: 5px; }
      .course-selection .mobi-block-only .select-jba-container .row-item .row-wrapper .info-details .info-sub-container {
        padding: 10px;
        border-bottom: none; }
        @media (max-width: 768px) {
          .course-selection .mobi-block-only .select-jba-container .row-item .row-wrapper .info-details .info-sub-container {
            padding: 10px 0 0 0px; } }
        .course-selection .mobi-block-only .select-jba-container .row-item .row-wrapper .info-details .info-sub-container div {
          border-bottom: none; }
        .course-selection .mobi-block-only .select-jba-container .row-item .row-wrapper .info-details .info-sub-container .info-sub-price {
          display: inline-block;
          width: 50%; }
          .course-selection .mobi-block-only .select-jba-container .row-item .row-wrapper .info-details .info-sub-container .info-sub-price div {
            padding: 0; }
          .course-selection .mobi-block-only .select-jba-container .row-item .row-wrapper .info-details .info-sub-container .info-sub-price .info-from {
            font-size: 0.8rem; }
            @media (max-width: 768px) {
              .course-selection .mobi-block-only .select-jba-container .row-item .row-wrapper .info-details .info-sub-container .info-sub-price .info-from {
                padding: 0px 0 0 0px; } }
          .course-selection .mobi-block-only .select-jba-container .row-item .row-wrapper .info-details .info-sub-container .info-sub-price .info-price {
            font-size: 1.5rem; }
        .course-selection .mobi-block-only .select-jba-container .row-item .row-wrapper .info-details .info-sub-container .info-sub-link {
          display: inline-block;
          text-align: right;
          width: 49%;
          vertical-align: top; }
          @media (max-width: 768px) {
            .course-selection .mobi-block-only .select-jba-container .row-item .row-wrapper .info-details .info-sub-container .info-sub-link {
              vertical-align: top; } }
          .course-selection .mobi-block-only .select-jba-container .row-item .row-wrapper .info-details .info-sub-container .info-sub-link a.btn {
            font-size: 0.7rem; }
    .course-selection .mobi-block-only .select-jba-container .row-item .row-wrapper .plan-item {
      border-radius: 5px;
      border: 1px solid #fff;
      display: inline-block;
      text-align: center;
      width: 23.6%;
      padding: 5px;
      font-size: 0.8em; }
      .course-selection .mobi-block-only .select-jba-container .row-item .row-wrapper .plan-item div {
        border-bottom: none; }
      .course-selection .mobi-block-only .select-jba-container .row-item .row-wrapper .plan-item .plan-title {
        padding-bottom: 5px; }
      .course-selection .mobi-block-only .select-jba-container .row-item .row-wrapper .plan-item .plan-price {
        font-size: 2em;
        padding-bottom: 5px; }
        .course-selection .mobi-block-only .select-jba-container .row-item .row-wrapper .plan-item .plan-price span {
          font-size: 0.8em; }

.mobi-banner .course-select-btns {
  margin-top: 0px; }
  .mobi-banner .course-select-btns .btn {
    color: #fff;
    border: 1px solid #fff; }
  .mobi-banner .course-select-btns .btn.active {
    background-color: #fff;
    color: #6db7d2; }

.course-select-btns {
  margin-top: 9px; }
  .course-select-btns .btn {
    border-radius: 5px;
    background: none;
    border: 1px solid #6db7d2;
    color: #9a9a9a;
    padding: 5px 26px 5px 26px;
    text-decoration: none;
    outline: none;
    font-size: 0.9em;
    font-family: "Lato", sans-serif; }
  .course-select-btns .btn.active {
    background-color: #6db7d2;
    color: #fff; }
  .course-select-btns .btn.course-select {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
  .course-select-btns .btn.bundle-select {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    margin-left: -3px; }

.bundle-logo-item {
  display: inline-block;
  width: 56px;
  height: 47px;
  text-align: center; }

.bundle-logo-item-float {
  float: left;
  width: 50px;
  height: 47px;
  text-align: center; }

.bundle-title {
  margin-top: 11px !important; }

.course-clear-lnk {
  color: #5FACC5;
  cursor: pointer;
  font-size: 1.0rem;
  text-decoration: none; }

.jba2-new-course-header {
  margin-left: -15px;
  margin-right: -15px; }
  .jba2-new-course-header .course-background {
    width: 100%;
    background-position: center;
    background-size: cover;
    opacity: .2; }
  .jba2-new-course-header .jba2-header-left {
    left: 10%; }
    .jba2-new-course-header .jba2-header-left .jba2-new-course-name {
      transform: translate(10%, -30%);
      margin-right: 10%; }
    .jba2-new-course-header .jba2-header-left .rating .fa-star-o, .jba2-new-course-header .jba2-header-left .rating .fa-star, .jba2-new-course-header .jba2-header-left .rating .fa-star-half-o {
      font-size: 22px; }

.quick-info {
  background-color: #fff;
  padding: .5em 1em;
  display: inline-block; }
  .quick-info h4 {
    line-height: normal; }

.thought-leader {
  border: 2px #fff solid;
  padding: 2em 1em; }
  .thought-leader .leader-info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center; }

.skill-covered {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .skill-covered li:nth-child(n) {
    margin-left: 20px; }

@media screen and (min-width: 768px) {
  .jba2-new-course-header .jba2-header-left .jba2-new-course-name {
    transform: translate(0, -30%); }
  .quick-info {
    display: block; } }

@media (min-width: 768px) and (max-width: 991px) {
  .jba2-new-course-header .course-background {
    width: calc(100% + 15px) !important;
    margin-left: -15px; } }

@media screen and (min-width: 992px) {
  .jba2-new-course-header .course-background {
    width: calc(100% + 80px) !important;
    margin-left: -80px; }
  .quick-info h4 i {
    width: 25px; } }

.bundle-detail .bundle-item-info {
  background: #63165e;
  color: #fff;
  margin-top: -2px;
  padding: 10px 0px 10px 24px;
  position: relative;
  width: 100%; }

.bundle-detail .bundle-detail-footer {
  border-radius: 5px;
  border: 1px solid #63165e;
  padding: 28px 0px;
  background: #63165e;
  color: #fff;
  width: 97%;
  text-align: center; }
  .bundle-detail .bundle-detail-footer .get-the-bundle {
    font-size: 1.2em;
    text-align: center;
    padding: 5px 5px 10px 5px;
    font-weight: bold; }

.community__container {
  max-width: 650px;
  margin: 0 auto;
  background-image: url(../../resources/images/dash-line.png);
  background-position: 12px top;
  background-repeat: repeat-y; }
  @media (max-width: 768px) {
    .community__container {
      background-image: none; } }

.community__card {
  position: relative; }
  .community__card .time-ago {
    position: absolute;
    top: 10px;
    right: 15px;
    color: #000000;
    font-size: 0.8125rem;
    font-style: italic; }
  .community__card .name-card {
    margin-top: -15px;
    border-bottom: none;
    padding-left: 0; }
    .community__card .name-card .profile-icon {
      margin-left: 0; }
    .community__card .name-card .name-card__info {
      padding-left: 10px; }
      .community__card .name-card .name-card__info h4 {
        margin-top: -5px;
        margin-bottom: 5px;
        color: black;
        font-size: 1rem;
        font-weight: bold;
        line-height: 0rem; }
      .community__card .name-card .name-card__info p {
        font-size: 0.8125rem;
        margin-top: -2px; }
        .community__card .name-card .name-card__info p.pink {
          margin-top: -3px;
          color: #000000; }
  .community__card .community__card-article {
    padding-bottom: 12px;
    float: right;
    width: 100%; }
    .community__card .community__card-article p {
      font-size: 0.875rem;
      line-height: 1.25rem;
      color: #666666; }
      .community__card .community__card-article p.blue {
        margin-top: 0;
        color: #5FACC5; }
  .community__card .community__card-video .community__card-video__img {
    float: left;
    width: 250px;
    margin-right: 5px;
    padding-bottom: 0;
    margin-top: -20px;
    margin-left: -20px;
    margin-bottom: -20px; }
    .community__card .community__card-video .community__card-video__img img {
      width: 250px;
      height: auto; }
  .community__card .community__card-video .community__card-video__info {
    padding-top: 5px;
    padding-bottom: 0;
    float: right;
    width: 100%;
    width: calc(100% - 255px); }
    .community__card .community__card-video .community__card-video__info h3 {
      font-family: "Lato", serif; }
  .community__card.mobile .community__card-article {
    width: 100%; }
  .community__card.mobile .community__card-video .community__card-video__img {
    width: calc(100% + 40px);
    margin-right: 0;
    margin-bottom: 10px; }
    .community__card.mobile .community__card-video .community__card-video__img img {
      width: 100%;
      height: auto; }
      .community__card.mobile .community__card-video .community__card-video__img img.image-img {
        margin-bottom: 10px; }
  .community__card.mobile .community__card-video__info {
    float: none;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 10px; }

.dash__container .community__card .name-card {
  margin-top: 0;
  padding-left: 0;
  padding: 0;
  padding-bottom: 20px; }
  .dash__container .community__card .name-card .name-card__info {
    padding-left: 20px; }
  .dash__container .community__card .name-card .profile-icon {
    margin-left: 0; }

.dash__container .community__card .community__card-article {
  padding: 20px;
  padding-bottom: 12px; }

.dash__container .community__card .community__card-video .community__card-video__img {
  margin-top: -25px;
  margin-left: -20px;
  margin-bottom: -20px; }

.dash__container .community__card .community__card-video .community__card-video__info {
  padding-top: 0;
  padding-bottom: 0; }

.dash__container .community__card.mobile .community__card-video .community__card-video__img {
  width: calc(100% + 40px);
  margin-bottom: 5px; }

.what-is-jba-main-content {
  max-width: 790px; }
  .what-is-jba-main-content .row-790 {
    max-width: 790px; }
    .what-is-jba-main-content .row-790 img {
      width: calc(100% + 40px);
      margin-left: -20px;
      height: auto; }
    .what-is-jba-main-content .row-790 h1, .what-is-jba-main-content .row-790 h2, .what-is-jba-main-content .row-790 h3, .what-is-jba-main-content .row-790 h4, .what-is-jba-main-content .row-790 h5, .what-is-jba-main-content .row-790 h6, .what-is-jba-main-content .row-790 p, .what-is-jba-main-content .row-790 ol, .what-is-jba-main-content .row-790 ul, .what-is-jba-main-content .row-790 i, .what-is-jba-main-content .row-790 figure {
      padding: 0 20px; }
    .what-is-jba-main-content .row-790 p, .what-is-jba-main-content .row-790 ol, .what-is-jba-main-content .row-790 ul, .what-is-jba-main-content .row-790 i {
      padding-bottom: 5px; }

.what-is-jba-wysiwyg-content {
  padding-bottom: 20px; }

.course-archived-banner {
  position: absolute;
  background: #bebebe;
  color: white;
  width: 260px;
  text-align: center;
  height: 30px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  transform: rotate(-25deg) translateX(-73px) translateY(-15px); }

.section-progress-semifilled {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(https://worktheseasons.co.nz/images/course-assets/blob-box/light-blue-blob-box.svg);
  border-radius: 30px;
  transition: .5s padding-right 0s;
  background-clip: content-box; }

.cropit-preview {
  background-color: white !important;
  border: 1px solid white !important; }

.cropit-preview-image-container {
  border-radius: 200px;
  z-index: 1; }

#jbaCroppedImage {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1; }

.jba-showmore-btn {
  background: url("../../images/theme-marketing/rectangle-button.svg");
  background-repeat: no-repeat;
  color: white;
  border: none;
  padding: .2em;
  min-width: 100px;
  cursor: pointer;
  font-size: 14px; }

.profile-height {
  position: relative;
  transition: 0.6s all cubic-bezier(0.71, 0.19, 0.35, 0.93);
  overflow: hidden; }

.profile-height:before {
  content: ' ';
  box-shadow: inset 0px -17px 38px -4px white;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 9999;
  width: 100%;
  height: 4000px;
  opacity: 0;
  transition: 0.6s all cubic-bezier(0.71, 0.19, 0.35, 0.93);
  pointer-events: none; }

.profile-height-big {
  max-height: 4000px; }

.profile-height-toggled {
  max-height: 365px; }

.profile-height-toggled:before {
  content: ' ';
  box-shadow: inset 0px -17px 38px -4px white;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 9999;
  width: 100%;
  height: 365px;
  opacity: 1;
  transition: 0.6s all cubic-bezier(0.71, 0.19, 0.35, 0.93);
  pointer-events: none; }

.show-more-button-toggled {
  transform: rotate(180deg) !important; }

.show-more-button {
  transform: rotate(0deg);
  transition: .2s all; }

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0; }

/*@media (min-width: 1200px){
       .container {
           max-width: 940px;
       }
   }
   @media (min-width: 992px){
       .container {
           max-width: 740px;
       }
   }*/
@media (max-width: 767px) {
  .mob-pad-0 {
    padding: 0; } }

.check-svg {
  height: 20px;
  transform: translateX(3px) translateY(-5px); }

.document-button {
  background: url("../../images/course-assets/buttons/circle-button.svg");
  border-radius: 50px;
  color: white;
  border: none;
  height: 35px;
  width: 35px;
  position: absolute;
  top: 0;
  right: 0;
  margin: 5px;
  transform: scale(1);
  transition: .2s all;
  background-size: 100% 100%;
  /*transform:translateX(20px)translateY(20px);*/ }

.document-button-disabled {
  background: url("../../images/course-assets/buttons/circle-button-locked.svg");
  pointer-events: none;
  background-size: 100% 100%; }

.document-button:active {
  transform: scale(0.9); }

.document-button:hover {
  background: url("../../images/course-assets/buttons/circle-button-hover.svg");
  background-size: 100% 100%; }

.whole-page-loader {
  background: #eeeeee !important; }

.add-skill-btn {
  margin: 0 10px; }

.profile-container {
  width: 100%;
  text-align: center;
  padding-bottom: 40px; }

.profile-container-row {
  max-width: 1180px;
  text-align: left;
  margin: auto; }

.profile-tabs {
  color: white;
  border: none;
  padding: .5em;
  min-width: 100px;
  cursor: pointer;
  background: #D51A68;
  cursor: pointer; }

.profile-tabs:hover {
  background: #A02C4D; }

.profile-tabs-selected {
  background: #6C1F5D; }

.modal-body-profile {
  padding: 0; }

.profile-tab-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column; }

.profile-tab-content {
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding: 20px; }

.social-media-tab-content {
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding: 20px; }

.profile-tab-tabs {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  background: #F1E9E0; }

.profile-tab-tabs button {
  border-right: 1px solid #A02C4D; }

.course-item-output {
  display: -ms-flexbox;
  display: flex; }

.course-item-output p {
  margin: 0;
  -ms-flex-align: center;
  align-items: center;
  margin: 10px; }

.course-item-output button {
  min-width: 70px; }

.course-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  margin: 0px;
  /*border-bottom: 1px solid #eaeaea;*/
  box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.16);
  transform: translateY(0px) translateX(0px);
  transition: .3s all;
  /*width:30%;*/ }

.course-item:hover {
  box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.2);
  transform: translateY(-2px) translateX(-2px); }

.course-item-info {
  width: 100%;
  padding: .5em;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #D51A68; }

.course-item-info a {
  color: #D51A68;
  cursor: pointer;
  white-space: nowrap; }

.course-item-info a:hover {
  color: #912b52; }

.course-item-info p {
  color: black; }

.course-item-image {
  height: 100px;
  width: 100%;
  position: relative;
  overflow: hidden; }

.edit-loader {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1020;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.6);
  display: none; }

.skills-flex {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center; }

.skills-flex i {
  color: #D51A68;
  font-size: 25px;
  cursor: pointer;
  margin: 0 10px; }

.education-year-field {
  display: inline-block;
  width: 100px; }

.education-month-field {
  display: inline-block;
  width: auto; }

.reference-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  /*width:50%;*/
  position: relative;
  border-bottom: 1px solid #f2f2f2;
  padding-top: 15px;
  padding-bottom: 15px; }

.reference-recommendation {
  font-style: italic;
  line-height: 18px; }

.reference-item .fa-user {
  font-size: 36px;
  padding-right: 23px;
  margin-right: 20px;
  border-right: 1px solid #ccc;
  color: #D51A68; }

.modal-profile-pic-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-direction: column;
  flex-direction: column; }

.modal-profile-pic-container img {
  height: 300px;
  width: auto; }

.edit-profile-picture {
  bottom: 0;
  opacity: 0;
  position: absolute;
  /* display: block; */
  /* left: 50%; */
  height: 100%;
  background: rgba(213, 26, 104, 0.8);
  width: 100%;
  margin: 0;
  border-radius: 500px;
  text-align: center;
  vertical-align: middle;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: white;
  font-size: 30px;
  transition: .2s all;
  cursor: pointer; }

.edit-profile-picture p {
  transform: translateY(50px);
  opacity: 0;
  transition: .2s all .2s; }

.edit-profile-picture:hover {
  opacity: 1; }

.edit-profile-picture:hover p {
  transform: translateY(0px);
  opacity: 1; }

.completed-task {
  color: #38B449 !important; }

.incomplete-section {
  background: url("../../images/course-assets/blob-box/orange-blob-box.svg") !important;
  background-repeat: no-repeat !important; }

#skillsSortable {
  position: relative; }

.staggered-transition {
  transition: all .3s ease;
  transform: translateY(0px); }

.staggered-enter {
  opacity: 0;
  transform: translateY(-20px); }

.staggered-leave {
  opacity: 0;
  transform: translateY(-20px); }

.tick-transition {
  transition: all .3s ease;
  transform: scale(1); }

.tick-enter {
  opacity: 0;
  transform: scale(0); }

.tick-leave {
  opacity: 0;
  transform: scale(0); }

.progress-transition {
  transition: all .3s ease 2s;
  transform: translateY(0px); }

.progress-enter {
  opacity: 0;
  transform: translateY(-20px); }

.current-job-check {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: center;
  align-items: center; }

.current-job-check input {
  width: auto !important;
  margin-right: 10px;
  margin-top: 0 !important; }

.progress-leave {
  opacity: 0;
  transform: translateY(-20px); }

.magenta-underline-hover {
  color: #D51A68;
  /*text-decoration:underline;*/
  cursor: pointer; }

.remove-confirm {
  width: 120px;
  display: inline-block;
  text-align: center;
  margin: 0 1em; }

.magenta-underline-hover:hover {
  color: #912b52; }

.form-toggle-gap {
  margin: 2em 0; }

.form-toggle-gap label:first-child {
  font-weight: 800;
  margin: .5em 0; }

.jba-modal-btn {
  background: url("../../images/course-assets/buttons/rectangle-button.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  color: white;
  border: none;
  padding: .5em;
  min-width: 100px;
  cursor: pointer;
  transform: scale(1);
  transition: .2s all; }

.jba-modal-btn:hover {
  background: url("../../images/course-assets/buttons/rectangle-button-hover.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  color: white;
  text-decoration: none; }

.jba-modal-btn:active {
  transform: scale(0.9); }

.jba-modal-btn-selected {
  background: url("../../images/course-assets/buttons/rectangle-button-visited.svg");
  background-repeat: no-repeat; }

/**************
General section
**************/
.profile-section {
  background: white;
  padding: 0;
  margin: 10px 0;
  box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.16); }

.section-content {
  padding: .5em 1.5em;
  position: relative; }

.jba-statement-section .edit-item {
  position: absolute;
  margin: 35px 20px; }

.jba-statement-section .section-completion {
  width: 50px;
  background: url("../../images/course-assets/blob-box/blue-blob-box.svg");
  text-align: center;
  color: white;
  margin-right: 10px;
  position: absolute;
  right: 0;
  transform: scale(1);
  transition: .2s all; }

.jba-statement-section .section-completion:focus {
  outline: none; }

.jba-statement-section .section-completion:active {
  transform: scale(0.9); }

.section-content .section-completion {
  width: 50px;
  background: url("../../images/course-assets/blob-box/blue-blob-box.svg");
  background-repeat: no-repeat;
  text-align: center;
  color: white;
  margin-right: 10px;
  position: absolute;
  right: 0;
  transform: scale(1);
  transition: .2s all; }

.section-content .section-completion:focus {
  outline: none; }

.section-content .section-completion:active {
  transform: scale(0.9); }

.section-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center; }

.section-header .header-title {
  background: #D51A68;
  color: white;
  padding: .3em .8em;
  margin: 0; }

.section-header .section-completion {
  width: 50px;
  background: url("../../images/course-assets/blob-box/blue-blob-box.svg");
  background-repeat: no-repeat;
  text-align: center;
  color: white;
  margin-right: 10px;
  transform: scale(1);
  transition: .2s all;
  position: absolute;
  right: 0; }

.section-header .section-completion:active {
  transform: scale(0.9); }

.section-header .section-completion:focus {
  outline: none; }

.essential-add {
  color: #F79131; }

.section-add-item {
  width: 100%;
  text-align: center;
  padding-bottom: 10px;
  transform: scale(1);
  transition: .2s all; }

.section-add-item:active {
  transform: scale(0.8); }

.section-add-item i {
  font-size: 30px;
  color: #D51A68;
  cursor: pointer;
  margin: 10px; }

.section-add-item i:hover {
  color: #912b52; }

/**************
General section ends
**************/
/**************
Experience section
**************/
.experience-item {
  padding: 15px 0;
  position: relative;
  border-bottom: 1px solid #f2f2f2; }

.experience-item:last-child {
  border: none; }

.edit-item {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 21px;
  color: #d9d9d9;
  cursor: pointer;
  margin: .4em;
  transform: scale(1);
  transition: .2s all; }

.edit-item:hover {
  color: #b3b3b3; }

.edit-item:active {
  transform: scale(0.8); }

.experience-item-title {
  font-size: 16px; }

.experience-item-company {
  font-size: 14px; }

.experience-item-date {
  font-size: 14px; }

.experience-item-add-description {
  color: #D51A68;
  text-decoration: underline;
  cursor: pointer;
  display: inline-block; }

.experience-item-add-description:hover {
  color: #912b52;
  text-decoration: underline; }

/**************
Experience section ends
**************/
/**************
Education section
**************/
.education-item {
  position: relative;
  padding: 15px 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: 1px solid #f2f2f2; }

.education-img {
  height: 80px;
  width: auto;
  margin-right: 5em; }

.education-item-school {
  font-size: 16px; }

.education-item-course {
  font-size: 14px; }

.education-item-date {
  font-size: 14px; }

.education-item-add-course {
  color: #D51A68;
  text-decoration: underline;
  cursor: pointer; }

.education-item-add-date {
  color: #D51A68;
  text-decoration: underline;
  cursor: pointer; }

/**************
Education section ends
**************/
/**************
Statement section
**************/
.profile-title-line {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  margin: 14px 0; }

.profile-title-line h2 {
  margin: 0; }

/**************
Statement section ends
**************/
/**************
Contact section
**************/
.contact-profile-picture-wrapper {
  position: relative; }

.contact-profile-picture-wrapper .contract-profile-premium {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 30%;
  height: auto; }

.contact-profile-picture {
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  border-radius: 200px; }

.contact-item-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  margin: 10px 0; }

.contact-item-wrapper i {
  color: #D51A68;
  font-size: 16px;
  width: 16px;
  text-align: center; }

.contact-item-wrapper .contact-item-title {
  font-weight: 800;
  margin: 0; }

.contact-item-wrapper .contact-item-content {
  margin: 0;
  word-wrap: break-word; }

.progress-content {
  color: #D51A68;
  transition: .2s all;
  cursor: pointer; }

.progress-content:hover {
  text-decoration: underline; }

.contact-item-container {
  margin: 0 10px;
  padding-left: 10px;
  border-left: 1px solid #f2f2f2;
  overflow: hidden; }

/**************
Contact section ends
**************/
/**************
Progress bar section
**************/
.progress-bar-tooltip {
  color: grey; }

.progress-bar-tooltip:focus {
  color: #D51A68; }

.popover {
  color: #D51A68;
  border-radius: 0;
  border: 1px solid #f2f2f2; }

.progress-item {
  margin: 10px 0; }

.progress-checkbox-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center; }

.progress-checkbox {
  position: relative;
  background: url("../../images/course-assets/check/pink-border.png");
  padding: 0px;
  margin: 5px;
  height: 20px;
  width: 20px;
  text-align: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-right: 10px;
  background-size: contain;
  background-position: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  background-repeat: no-repeat; }

/**************
Progress bar section ends
**************/
/**************
Skills section
**************/
.skills-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: center;
  align-items: center; }

.skills-header i {
  color: #D51A68;
  font-size: 20px;
  cursor: pointer;
  margin: 10px;
  transform: scale(1);
  transition: .2s all; }

.skills-header i:hover {
  color: #912b52; }

.skills-header i:active {
  transform: scale(0.9); }

/**************
Skills section ends
**************/
.essential-add {
  color: #F79131; }

.skills-list {
  list-style: none;
  padding: 0;
  transform: translateX(-5px); }

.learn-more-wrapper {
  margin-top: 30px; }

.incomplete-course {
  opacity: 0.2; }

.skills-item div {
  padding: 5px; }

.skills-item div img {
  height: 20px;
  width: auto; }

.learn-more-job {
  width: 100%;
  height: 100px;
  margin: 10px 0;
  color: white;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.16);
  cursor: pointer;
  transition: .2s all; }

.learn-more-job:hover {
  color: white; }

.learn-more-job:hover {
  box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.46);
  transform: translateY(-2px) translateX(-2px); }

.learn-more-job .learn-more-bg {
  -ms-flex-positive: 1;
  flex-grow: 1; }

.learn-more-job .learn-more-text {
  margin: 0;
  padding: 5px;
  background: #D51A68;
  font-size: 14px; }

.modal-content {
  border-radius: 0px; }

.modal-header {
  border: none; }

.modal-footer {
  border: none; }

.modal {
  text-align: center; }

@media screen and (min-width: 768px) {
  .modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%; } }

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle; }

.ui-datepicker {
  border: none;
  border-radius: 0px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); }

/*!
 * Datepicker for Bootstrap v1.6.4 (https://github.com/eternicode/bootstrap-datepicker)
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0)
 */
.datepicker {
  padding: 4px;
  border-radius: 4px;
  direction: ltr; }

.datepicker-inline {
  width: 220px; }

.datepicker.datepicker-rtl {
  direction: rtl; }

.datepicker.datepicker-rtl table tr td span {
  float: right; }

.datepicker-dropdown {
  top: 0;
  left: 0; }

.datepicker-dropdown:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #999;
  border-top: 0;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute; }

.datepicker-dropdown:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-top: 0;
  position: absolute; }

.datepicker-dropdown.datepicker-orient-left:before {
  left: 6px; }

.datepicker-dropdown.datepicker-orient-left:after {
  left: 7px; }

.datepicker-dropdown.datepicker-orient-right:before {
  right: 6px; }

.datepicker-dropdown.datepicker-orient-right:after {
  right: 7px; }

.datepicker-dropdown.datepicker-orient-bottom:before {
  top: -7px; }

.datepicker-dropdown.datepicker-orient-bottom:after {
  top: -6px; }

.datepicker-dropdown.datepicker-orient-top:before {
  bottom: -7px;
  border-bottom: 0;
  border-top: 7px solid #999; }

.datepicker-dropdown.datepicker-orient-top:after {
  bottom: -6px;
  border-bottom: 0;
  border-top: 6px solid #fff; }

.datepicker table {
  margin: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.datepicker td,
.datepicker th {
  text-align: center;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  border: none; }

.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
  background-color: transparent; }

.datepicker table tr td.day:hover,
.datepicker table tr td.day.focused {
  background: #eee;
  cursor: pointer; }

.datepicker table tr td.old,
.datepicker table tr td.new {
  color: #999; }

.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
  background: none;
  color: #999;
  cursor: default; }

.datepicker table tr td.highlighted {
  background: #d9edf7;
  border-radius: 0; }

.datepicker table tr td.today:hover:hover {
  color: #000; }

.datepicker table tr td.today.active:hover {
  color: #fff; }

.datepicker table tr td.range,
.datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:hover {
  background: #eee;
  border-radius: 0; }

.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active {
  background-color: #efe24b \9; }

.datepicker table tr td.selected,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover {
  background-color: #9e9e9e;
  background-image: linear-gradient(to bottom, #b3b3b3, #808080);
  background-repeat: repeat-x;
  border-color: #808080 #808080 #595959;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }

.datepicker table tr td.selected:hover,
.datepicker table tr td.selected:hover:hover,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected:hover.disabled,
.datepicker table tr td.selected.disabled.disabled,
.datepicker table tr td.selected.disabled:hover.disabled,
.datepicker table tr td.selected[disabled],
.datepicker table tr td.selected:hover[disabled],
.datepicker table tr td.selected.disabled[disabled],
.datepicker table tr td.selected.disabled:hover[disabled] {
  background-color: #808080; }

.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active {
  background-color: #666666 \9; }

.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
  background-color: #006dcc;
  background-image: linear-gradient(to bottom, #08c, #0044cc);
  background-repeat: repeat-x;
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }

.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled] {
  background-color: #0044cc; }

.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active {
  background-color: #003399 \9; }

.datepicker table tr td span {
  display: block;
  width: 23%;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 1%;
  cursor: pointer;
  border-radius: 4px; }

.datepicker table tr td span:hover,
.datepicker table tr td span.focused {
  background: #eee; }

.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
  background: none;
  color: #999;
  cursor: default; }

.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
  background-color: #006dcc;
  background-image: linear-gradient(to bottom, #D51A68, #D51A68);
  background-repeat: repeat-x;
  border-color: #D51A68;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }

.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled:hover[disabled] {
  background-color: #D51A68; }

.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active {
  background-color: #D51A68; }

.datepicker table tr td span.old,
.datepicker table tr td span.new {
  color: #999; }

.datepicker .datepicker-switch {
  width: 145px; }

.datepicker .datepicker-switch,
.datepicker .prev,
.datepicker .next,
.datepicker tfoot tr th {
  cursor: pointer; }

.datepicker .datepicker-switch:hover,
.datepicker .prev:hover,
.datepicker .next:hover,
.datepicker tfoot tr th:hover {
  background: #eee; }

.datepicker .cw {
  font-size: 10px;
  width: 12px;
  padding: 0 2px 0 5px;
  vertical-align: middle; }

.input-append.date .add-on,
.input-prepend.date .add-on {
  cursor: pointer; }

.input-append.date .add-on i,
.input-prepend.date .add-on i {
  margin-top: 3px; }

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

.input-daterange input:first-child {
  border-radius: 3px 0 0 3px; }

.input-daterange input:last-child {
  border-radius: 0 3px 3px 0; }

.input-daterange .add-on {
  display: inline-block;
  width: auto;
  min-width: 16px;
  height: 18px;
  padding: 4px 5px;
  font-weight: normal;
  line-height: 18px;
  text-align: center;
  text-shadow: 0 1px 0 #fff;
  vertical-align: middle;
  /*background-color: #eee;
  border: 1px solid #ccc;*/
  margin-left: -5px;
  margin-right: -5px; }

.input-daterange {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center; }

.input-daterange input {
  max-width: 120px; }

.input-daterange p {
  margin: 0 8px; }

.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  color: #555;
  text-align: center;
  background-color: white;
  border: none;
  border-radius: 4px; }
/* Special styling for WebKit/Blink */
.cropit-image-zoom-input {
  margin: 25px 0 !important;
  background: white !important; }

input[type=range] {
  -webkit-appearance: none;
  width: 100%;
  margin: 7.05px 0;
  padding: 0; }

input[type=range]:focus {
  outline: none; }

input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 10.9px;
  cursor: pointer;
  box-shadow: 1px 1px 1px transparent, 0px 0px 1px rgba(13, 13, 13, 0);
  background: #f1e9e0;
  border-radius: 22.2px;
  border: 0px solid #010101; }

input[type=range]::-webkit-slider-thumb {
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.03), 0px 0px 0px rgba(13, 13, 13, 0.03);
  border: 0px solid transparent;
  height: 25px;
  width: 25px;
  border-radius: 32px;
  background: #d51a68;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -7.05px; }

input[type=range]:focus::-webkit-slider-runnable-track {
  background: #f9f5f2; }

input[type=range]::-moz-range-track {
  width: 100%;
  height: 10.9px;
  cursor: pointer;
  box-shadow: 1px 1px 1px transparent, 0px 0px 1px rgba(13, 13, 13, 0);
  background: #f1e9e0;
  border-radius: 22.2px;
  border: 0px solid #010101; }

input[type=range]::-moz-range-thumb {
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.03), 0px 0px 0px rgba(13, 13, 13, 0.03);
  border: 0px solid transparent;
  height: 25px;
  width: 25px;
  border-radius: 32px;
  background: #d51a68;
  cursor: pointer; }

input[type="range"]::-ms-track {
  width: 100%;
  height: 10.9px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent; }

input[type=range]::-ms-fill-lower {
  background: #e9ddce;
  border: 0px solid #010101;
  border-radius: 44.4px;
  box-shadow: 1px 1px 1px transparent, 0px 0px 1px rgba(13, 13, 13, 0); }

input[type=range]::-ms-fill-upper {
  background: #f1e9e0;
  border: 0px solid #010101;
  border-radius: 44.4px;
  box-shadow: 1px 1px 1px transparent, 0px 0px 1px rgba(13, 13, 13, 0); }

input[type="range"]::-ms-thumb {
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.03), 0px 0px 0px rgba(13, 13, 13, 0.03);
  border: 0px solid transparent;
  height: 25px;
  width: 25px;
  border-radius: 32px;
  background: #d51a68;
  cursor: pointer; }

input[type=range]:focus::-ms-fill-lower {
  background: #f1e9e0; }

input[type=range]:focus::-ms-fill-upper {
  background: #f9f5f2; }

.error-note {
  text-align: left;
  font-style: italic;
  font-size: 12px;
  margin-top: 20px; }

select {
  -webkit-appearance: none; }

.select2-selection {
  background: #F1E9E0 !important;
  border-radius: 0px !important;
  border: none !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  height: 34px !important; }

.select2-results__option--highlighted {
  color: white; }

.select2-container *:focus {
  outline: none; }

.select2-dropdown {
  border: 1px solid #F1E9E0 !important;
  box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.16) !important;
  border-radius: 0px !important; }

.select2-search__field {
  background: transparent !important;
  border: none !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important; }

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 34px !important; }

.skill-badge {
  height: 25px;
  width: 25px;
  border-radius: 40px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  background: #59C7D9;
  color: white; }

.incomplete-course {
  opacity: 0.2; }

.select2-container--default .select2-results > .select2-results__options {
  overflow-y: scroll !important; }

@media (max-width: 767px) {
  .modal-dialog {
    width: 93%; }
  .profile-container {
    padding: 0; } }

@font-face {
  font-family: 'Lunchbox';
  src: url("../../fonts/lunchbox_w01_regular-webfont.woff") format("woff2"), url("../../fonts/lunchbox_w01_regular-webfont.woff") format("woff"), url("../../fonts/lunchbox_w01_regular-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

.row {
  margin: 0 !important; }

img {
  vertical-align: bottom !important; }

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

.upper-text {
  text-transform: uppercase; }

.z-i-0 {
  z-index: 0; }

.ib {
  display: inline-block !important; }

.db {
  display: block !important; }

.fleft {
  float: left !important; }

.fright {
  float: right !important; }

.fnone {
  float: none !important; }

.bold {
  font-weight: bold !important; }

.normal {
  font-weight: normal !important; }

.fw500 {
  font-weight: 500 !important; }

.hov-ul-none {
  text-decoration: none !important; }

.hov-t-white:hover {
  color: #fff !important; }

.lheight-normal {
  line-height: normal !important; }

.hov-opq {
  transition: opacity 500ms;
  opacity: 1; }

.hov-opq:hover {
  transition: opacity 500ms;
  opacity: 0.85; }

img {
  vertical-align: bottom !important; }

.text-with-image img {
  position: absolute; }

.wb-bw {
  word-break: break-word; }

.tunder {
  text-decoration: underline; }

.titalic {
  font-style: italic; }

.tcenter {
  text-align: center !important; }

@media (max-width: 767px) {
  .tcenter-xs {
    text-align: center !important; } }

@media (min-width: 992px) {
  .tcenter-md {
    text-align: center !important; } }

.tleft {
  text-align: left; }

.tright {
  text-align: right; }

.tsmaller {
  font-size: 0.8em !important; }

.tlarger {
  font-size: 1.3em; }

.tlarge {
  font-size: 1.6em; }

.tgiant {
  font-size: 3.6em; }

.tshadow-dark {
  text-shadow: 0px 0px 7px #333333; }

.tlato {
  font-family: 'Lato', Arial, sans-serif; }

.tlunchbox {
  font-family: 'Lunchbox', Arial, sans-serif; }

.tmontserrat {
  font-family: 'Montserrat', Arial, sans-serif; }

.troboto {
  font-family: 'Roboto', sans-serif; }

.fa-huge {
  font-size: 2em; }

.fa-massive {
  font-size: 3em; }

.cpointer {
  cursor: pointer; }

.vtop {
  vertical-align: top; }

.vmiddle {
  vertical-align: middle; }

.vbottom {
  vertical-align: bottom; }

.w40px {
  width: 40px !important; }

.w50px {
  width: 50px !important; }

.w100px {
  width: 100px !important; }

.w50 {
  width: 50%; }

.w100 {
  width: 100% !important; }

.h100 {
  height: 100% !important; }

.mh100 {
  min-height: 100px; }

.mxw100 {
  max-width: 100px; }

.mw-none {
  max-width: none !important; }

.pabsolute {
  position: absolute; }

.prelative {
  position: relative; }

.wspace-none {
  white-space: normal !important; }

.bg-white {
  background-color: #ffffff !important; }

.background-white {
  background-color: #ffffff !important; }

.background-grey-light {
  background-color: #eeeeee !important; }

.background-main {
  background-color: #000000 !important; }

.background-secondary {
  background-color: #D61A69 !important; }

.background-tertiary {
  background-color: #000000 !important; }

.background-center {
  background-position: center !important; }

.background-cover {
  background-size: cover !important; }

.background-none {
  background-color: transparent !important;
  background-image: none !important; }

@media (max-width: 767px) {
  .background-none-xs {
    background-image: none !important; } }

.text-main {
  color: #000000 !important; }

.text-secondary {
  color: #D61A69 !important; }

.text-tertiary {
  color: #000000 !important; }

.text-white {
  color: #ffffff !important; }

.text-black {
  color: #000000 !important; }

.brdr-t-none {
  border-top: none; }

.brdr-r-none {
  border-right: none; }

.brdr-b-none {
  border-bottom: none; }

.brdr-l-none {
  border-left: none; }

.brdr-none {
  border: none !important; }

.brdr-t-333333 {
  border-top: 1px solid #333333 !important; }

.boxy {
  box-sizing: border-box; }

.twrap {
  white-space: normal; }

.d-table {
  display: table !important; }

.d-tcell {
  display: table-cell !important; }

.vcenter {
  vertical-align: middle !important; }

.ohidden {
  overflow: hidden; }

.truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.label-required:after {
  content: "*";
  right: 7px;
  position: absolute; }

.flex {
  display: -ms-flexbox;
  display: flex; }

.flex-center {
  -ms-flex-align: center;
  align-items: center; }

.f-column {
  -ms-flex-direction: column;
  flex-direction: column; }

.j-evenly {
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly; }

.f-wrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.ml50n {
  margin-left: -50px !important; }

.ml30n {
  margin-left: -30px !important; }

.mtbn {
  margin-top: -16px !important; }

.mlbn {
  margin-left: -16px !important; }

.mtmn {
  margin-top: -8px !important; }

.mtsn {
  margin-top: -4px !important; }

.mt1n {
  margin-top: -1px !important; }

.mbsn {
  margin-bottom: -4px !important; }

.mt0 {
  margin-top: 0px !important; }

.mr0 {
  margin-right: 0px !important; }

.mb0 {
  margin-bottom: 0px !important; }

.ml0 {
  margin-left: 0px !important; }

.mtt {
  margin-top: 2px !important; }

.mrt {
  margin-right: 2px !important; }

.mbt {
  margin-bottom: 2px !important; }

.mlt {
  margin-left: 2px !important; }

.mts {
  margin-top: 4px !important; }

.mrs {
  margin-right: 4px !important; }

.mbs {
  margin-bottom: 4px !important; }

.mls {
  margin-left: 4px !important; }

.mtm {
  margin-top: 8px !important; }

.mrm {
  margin-right: 8px !important; }

.mbm {
  margin-bottom: 8px !important; }

.mlm {
  margin-left: 8px !important; }

.mtb {
  margin-top: 16px !important; }

.mrb {
  margin-right: 16px !important; }

.mbb {
  margin-bottom: 16px !important; }

.mlb {
  margin-left: 16px !important; }

.ml30 {
  margin-left: 30px !important; }

.mt30 {
  margin-top: 30px !important; }

.mr30 {
  margin-right: 30px !important; }

.mb30 {
  margin-bottom: 30px !important; }

.mt50 {
  margin-top: 50px !important; }

.mb50 {
  margin-bottom: 50px !important; }

.mr50 {
  margin-right: 50px !important; }

.mar16 {
  margin: 16px !important; }

@media screen and (max-width: 767px) {
  .mobile-mbb {
    margin-bottom: 16px; } }

.pt0 {
  padding-top: 0px !important; }

.pr0 {
  padding-right: 0px !important; }

.pb0 {
  padding-bottom: 0px !important; }

.pl0 {
  padding-left: 0px !important; }

.ptt {
  padding-top: 2px !important; }

.pbt {
  padding-bottom: 2px !important; }

.pts {
  padding-top: 4px !important; }

.prs {
  padding-right: 4px !important; }

.pbs {
  padding-bottom: 4px !important; }

.pls {
  padding-left: 4px !important; }

.ptm {
  padding-top: 8px !important; }

.prm {
  padding-right: 8px !important; }

.pbm {
  padding-bottom: 8px !important; }

.plm {
  padding-left: 8px !important; }

.ptb {
  padding-top: 16px !important; }

.prb {
  padding-right: 16px !important; }

.pbb {
  padding-bottom: 16px !important; }

.plb {
  padding-left: 16px !important; }

.ptg {
  padding-top: 30px !important; }

.pbg {
  padding-bottom: 30px !important; }

.pad0 {
  padding: 0 !important; }

.border-top-danger {
  border-top-color: #a94442; }

.bbtn.btn-xlg {
  font-size: 2em; }

hr.base-grey {
  border-top-color: #DDDDDD; }

img.powered-by-jba-logo {
  display: inline-block;
  margin-bottom: -10px;
  width: 30px; }

img.company-logo {
  float: left;
  margin-top: -10px;
  width: 50px; }

.company-logo .badge {
  right: 15px;
  position: absolute;
  bottom: 15px; }

.role-icon {
  background-color: #000;
  border-radius: 1em;
  color: #fff;
  display: inline-block;
  font-size: 0.75em;
  margin-left: 5px;
  padding-top: 0.45em;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  top: -0.2em;
  height: 2em;
  width: 2em !important; }
  .role-icon-l, .role-icon-lr {
    background-color: #6E6E91; }
  .role-icon-tl {
    background-color: #F89838; }
  .role-icon-tl {
    background-color: #000000; }
  .role-icon-cp, .role-icon-cm, .role-icon-ef, .role-icon-ad {
    background-color: #D61A69; }

@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min-resolution: 192dpi) {
  .android-hack-w99 {
    width: 99% !important; } }

.cropit-preview {
  background-color: #eee;
  background-size: cover;
  border: 1px solid #ccc;
  border-radius: 3px;
  left: 50%;
  margin-left: -133px;
  height: 250px;
  width: 250px; }

.cropit-preview-image-container {
  cursor: move; }

.single-post-container {
  padding-left: 15px; }

.single-post {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  border-bottom: 1px solid #eee;
  padding: 22px 0px 22px 0px; }
  .single-post .single-post-image {
    padding-right: 25px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center; }
    .single-post .single-post-image img {
      height: 40px;
      border-radius: 50px; }
  .single-post .single-post-body {
    -ms-flex: 1;
    flex: 1; }
    .single-post .single-post-body .single-post-tags {
      padding-top: 15px; }
      .single-post .single-post-body .single-post-tags .single-post-tag {
        color: #247530;
        display: inline-block;
        font-size: 12px;
        line-height: normal;
        margin-right: 10px; }
    .single-post .single-post-body .single-post-meta {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      .single-post .single-post-body .single-post-meta .single-post-topic {
        color: #bea027;
        text-transform: uppercase;
        font-weight: 600;
        font-size: 12px; }
    .single-post .single-post-body .fa-square {
      font-size: 6px;
      padding: 0px 6px; }
    .single-post .single-post-body h4 {
      font-size: 16px;
      margin: 0px; }
    .single-post .single-post-body p {
      font-size: 14px;
      margin: 0px; }
    .single-post .single-post-body .single-post-description {
      padding-top: 15px;
      color: #757575; }
  .single-post .single-post-count {
    padding-top: 15px;
    padding-left: 15px; }
    .single-post .single-post-count a, .single-post .single-post-count button {
      margin: 0 5px;
      font-size: 18px; }
      .single-post .single-post-count a:hover, .single-post .single-post-count button:hover {
        text-decoration: none; }

.discussion-nav-links {
  padding-top: 10px; }

.discussion-nav-links a {
  margin-top: 10px; }

.post-description {
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid #dadada;
  padding-top: 20px; }
  .post-description p {
    max-width: 960px; }
  .post-description button {
    color: #757575; }
  .post-description h2 {
    font-size: 20px;
    margin-bottom: 5px; }
  .post-description h3 {
    font-size: 16px; }
  .post-description .single-post-tag {
    color: #247530;
    display: inline-block;
    font-size: 12px;
    line-height: normal;
    margin-right: 10px; }
  .post-description .post-description-meta {
    color: #757575;
    margin: 0px; }
  .post-description .post-description-content {
    margin-top: 20px; }

.comment {
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #dadada;
  margin-bottom: 25px;
  padding-bottom: 15px; }
  .comment .comment-image {
    padding-right: 20px; }
    .comment .comment-image img {
      width: 60px;
      border-radius: 50px; }
  .comment .comment-body {
    -ms-flex: 1;
    flex: 1; }
    .comment .comment-body .comment-heading {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
      justify-content: space-between; }
  .comment .comment-meta {
    font-size: 18px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center; }
    .comment .comment-meta .fa-square {
      font-size: 4px;
      color: #757575;
      margin: 0px 8px; }
    .comment .comment-meta .comment-meta-date {
      font-size: 14px;
      color: #757575; }
  .comment .comment-actions button {
    margin: 0 5px;
    font-size: 18px; }

.comment-body.commenting form {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: end;
  align-items: flex-end; }
  .comment-body.commenting form button {
    margin-top: 20px; }

.discussion-container {
  display: -ms-flexbox;
  display: flex;
  padding: 15px; }

.discussion-sidebar-container {
  padding: 15px;
  min-width: 180px;
  max-width: 300px; }
  .discussion-sidebar-container select {
    width: 100%; }

.discussion-sidebar-posts {
  margin: 15px 0px 30px 0px; }

.discussion-content-container {
  -ms-flex: 1;
  flex: 1; }

.hide-btn-db {
  display: none; }

.db-display-block {
  display: block !important; }

.single-post-container.flag {
  border-left: none; }
  .single-post-container.flag .single-post .single-post-count p {
    margin: 0 5px;
    font-size: 20px;
    padding-bottom: 14px;
    text-align: center; }
  .single-post-container.flag .single-post .single-post-count button {
    font-size: 14px;
    padding: 4px 18px;
    min-width: auto; }

.single-post-container.no-sidebar {
  border-left: none; }

#showDeleteFlagModal blockquote {
  font-size: 16px;
  border-left: 5px solid #e0e0e0; }

.jba2-search-input {
  display: -ms-flexbox;
  display: flex; }
  .jba2-search-input input {
    border: 1px solid #8e8e8e;
    border-right: none;
    border-radius: 5px 0px 0px 5px;
    padding: 0px 10px; }
  .jba2-search-input button {
    background-color: #bea027;
    color: white;
    padding: 5px 10px;
    border-radius: 0px 5px 5px 0px;
    border: 1px solid #8e8e8e; }

.discussion-trending-tags h3 {
  font-size: 18px; }

.discussion-trending-tags div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 250px; }
  .discussion-trending-tags div a {
    margin-right: 10px;
    margin-bottom: 5px; }

.mindlab-welcome-tags {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .mindlab-welcome-tags a {
    font-size: 25px;
    color: white;
    margin-right: 20px;
    margin-top: 10px; }

@media (max-width: 767px) {
  .single-post-container {
    border-left: none; }
  .comment .comment-image {
    display: none; }
  .single-post .single-post-image {
    display: none; }
  .discussion-sidebar-container {
    padding: 0px;
    padding-top: 15px;
    border-bottom: 1px solid #dadada; }
  .discussion-sidebar-posts {
    margin: 15px 0px 20px 0px; }
  .discussion-container {
    -ms-flex-direction: column;
    flex-direction: column; } }

.course-archived-banner {
  position: absolute;
  top: 0;
  background: #bebebe;
  width: 260px;
  text-align: center;
  height: 30px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  transform: rotate(-25deg) translateX(-73px) translateY(-15px); }
  .course-archived-banner p {
    color: #fff !important; }

.section-progress-semifilled {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(https://worktheseasons.co.nz/images/course-assets/blob-box/light-blue-blob-box.svg);
  border-radius: 30px;
  transition: .5s padding-right 0s;
  background-clip: content-box; }

.cropit-preview {
  background-color: white !important;
  border: 1px solid white !important; }

.cropit-preview-image-container {
  border-radius: 200px;
  z-index: 1; }

#jbaCroppedImage, #jbaCroppedImage2 {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1; }

.jba-showmore-btn {
  background: url("../../images/theme-marketing/rectangle-button.svg");
  background-repeat: no-repeat;
  color: white;
  border: none;
  padding: .2em;
  min-width: 100px;
  cursor: pointer;
  font-size: 14px; }

.profile-height {
  position: relative;
  transition: 0.6s all cubic-bezier(0.71, 0.19, 0.35, 0.93);
  overflow: hidden; }

.profile-height:before {
  content: ' ';
  box-shadow: inset 0px -17px 38px -4px white;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 9999;
  width: 100%;
  height: 4000px;
  opacity: 0;
  transition: 0.6s all cubic-bezier(0.71, 0.19, 0.35, 0.93);
  pointer-events: none; }

.profile-height-big {
  max-height: 4000px; }

.profile-height-toggled {
  max-height: 365px; }

.profile-height-toggled:before {
  content: ' ';
  box-shadow: inset 0px -17px 38px -4px white;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 9999;
  width: 100%;
  height: 365px;
  opacity: 1;
  transition: 0.6s all cubic-bezier(0.71, 0.19, 0.35, 0.93);
  pointer-events: none; }

.show-more-button-toggled {
  transform: rotate(180deg) !important; }

.show-more-button {
  transform: rotate(0deg);
  transition: .2s all; }

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0; }

/*@media (min-width: 1200px){
       .container {
           max-width: 940px;
       }
   }
   @media (min-width: 992px){
       .container {
           max-width: 740px;
       }
   }*/
@media (max-width: 767px) {
  .mob-pad-0 {
    padding: 0; } }

.check-svg {
  height: 20px;
  transform: translateX(3px) translateY(-5px); }

.document-button {
  background: url("../../images/course-assets/buttons/circle-button.svg");
  border-radius: 50px;
  color: white;
  border: none;
  height: 35px;
  width: 35px;
  position: absolute;
  top: 0;
  right: 0;
  margin: 5px;
  transform: scale(1);
  transition: .2s all;
  background-size: 100% 100%;
  /*transform:translateX(20px)translateY(20px);*/ }

.document-button-disabled {
  background: url("../../images/course-assets/buttons/circle-button-locked.svg");
  pointer-events: none;
  background-size: 100% 100%; }

.document-button:active {
  transform: scale(0.9); }

.document-button:hover {
  background: url("../../images/course-assets/buttons/circle-button-hover.svg");
  background-size: 100% 100%; }

.whole-page-loader {
  background: #eeeeee !important; }

.add-skill-btn {
  margin: 0 10px; }

.profile-container {
  width: 100%;
  text-align: center;
  padding-bottom: 40px; }

.profile-container-row {
  max-width: 1180px;
  text-align: left;
  margin: auto; }

.profile-tabs {
  color: white;
  border: none;
  padding: .5em;
  min-width: 100px;
  cursor: pointer;
  background: #bea027;
  cursor: pointer; }

.profile-tabs:hover {
  background: #A02C4D; }

.profile-tabs-selected {
  background: #a98e23; }

.modal-body-profile {
  padding: 0; }

.profile-tab-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column; }

.profile-tab-content {
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding: 20px; }

.social-media-tab-content {
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding: 20px; }

.profile-tab-tabs {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  background: #F1E9E0; }

.profile-tab-tabs button {
  border-right: 1px solid #A02C4D; }

.course-item-output {
  display: -ms-flexbox;
  display: flex; }

.course-item-output p {
  margin: 0;
  -ms-flex-align: center;
  align-items: center;
  margin: 10px; }

.course-item-output button {
  min-width: 70px; }

.course-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  margin: 0px;
  /*border-bottom: 1px solid #eaeaea;*/
  box-shadow: 0 4px 4px 2px rgba(0, 0, 0, 0.3);
  transform: translateY(0px) translateX(0px);
  transition: .3s all;
  /*width:30%;*/
  border-radius: 0 0 10px 10px; }

.course-item:hover {
  box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.2);
  transform: translateY(-2px) translateX(-2px); }

.course-item-info {
  width: 100%;
  padding: .5em;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #bea027; }

.course-item-info a {
  color: #bea027;
  cursor: pointer;
  white-space: nowrap; }

.course-item-info a:hover {
  color: #912b52; }

.course-item-info p {
  color: black; }

.course-item-image {
  height: 100px;
  width: 100%;
  position: relative;
  overflow: hidden; }

.edit-loader {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1020;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.6);
  display: none; }

.education-year-field {
  display: inline-block;
  width: 100px; }

.education-month-field {
  display: inline-block;
  width: auto; }

.reference-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  /*width:50%;*/
  position: relative;
  border-bottom: 1px solid #f2f2f2;
  padding-top: 15px;
  padding-bottom: 15px; }

.reference-recommendation {
  font-style: italic;
  line-height: 18px; }

.reference-item .fa-user {
  font-size: 36px;
  padding-right: 23px;
  margin-right: 20px;
  border-right: 1px solid #ccc;
  color: #bea027; }

.modal-profile-pic-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-direction: column;
  flex-direction: column; }

.modal-profile-pic-container img {
  height: 300px;
  width: auto; }

.edit-profile-picture {
  left: 0;
  bottom: 0;
  position: absolute;
  height: 100%;
  border: 1px solid #bea027;
  width: 100%;
  margin: 0;
  border-radius: 500px;
  text-align: center;
  vertical-align: middle;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: white;
  font-size: 30px;
  transition: .2s all;
  cursor: pointer; }

.edit-profile-picture:hover {
  border: 1px solid #a98e23; }

.edit-profile-picture p {
  transform: translateY(50px);
  opacity: 0;
  transition: .2s all .2s; }

.edit-profile-picture:hover {
  opacity: 1; }

.edit-profile-picture:hover p {
  transform: translateY(0px);
  opacity: 1; }

.completed-task {
  color: #38B449 !important; }

.incomplete-section {
  background: url("../../images/course-assets/blob-box/orange-blob-box.svg") !important;
  background-repeat: no-repeat !important; }

.staggered-transition {
  transition: all .3s ease;
  transform: translateY(0px); }

.staggered-enter {
  opacity: 0;
  transform: translateY(-20px); }

.staggered-leave {
  opacity: 0;
  transform: translateY(-20px); }

.tick-transition {
  transition: all .3s ease;
  transform: scale(1); }

.tick-enter {
  opacity: 0;
  transform: scale(0); }

.tick-leave {
  opacity: 0;
  transform: scale(0); }

.progress-transition {
  transition: all .3s ease 2s;
  transform: translateY(0px); }

.progress-enter {
  opacity: 0;
  transform: translateY(-20px); }

.progress-leave {
  opacity: 0;
  transform: translateY(-20px); }

.magenta-underline-hover {
  color: #bea027;
  /*text-decoration:underline;*/
  cursor: pointer; }

.remove-confirm {
  width: 120px;
  display: inline-block;
  text-align: center;
  margin: 0 1em; }

.magenta-underline-hover:hover {
  color: #912b52; }

.form-toggle-gap {
  margin: 2em 0; }

.form-toggle-gap label:first-child {
  font-weight: 800;
  margin: .5em 0; }

.profile-personal-information {
  padding: 10px 0;
  box-shadow: 0 4px 4px 2px rgba(0, 0, 0, 0.3);
  border-radius: 0px;
  background-color: white;
  position: relative; }

.profile-personal-information-border {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid white; }

.profile-personal-information input {
  border: 1px solid #323232;
  margin-bottom: 10px; }

.profile-personal-information .row {
  margin-left: auto;
  margin-right: auto; }

.profile-personal-information select {
  border: 1px solid #323232;
  margin-bottom: 10px; }

.jba-modal-btn {
  background: url("../../images/course-assets/buttons/rectangle-button.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  color: white;
  border: none;
  padding: .5em;
  min-width: 100px;
  cursor: pointer;
  transform: scale(1);
  transition: .2s all; }

.jba-modal-btn:hover {
  background: url("../../images/course-assets/buttons/rectangle-button-hover.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  color: white;
  text-decoration: none; }

.jba-modal-btn:active {
  transform: scale(0.9); }

.jba-modal-btn-selected {
  background: url("../../images/course-assets/buttons/rectangle-button-visited.svg");
  background-repeat: no-repeat; }

.profile-section-divider {
  margin: 20px 0;
  border-top: 1px solid #AFACAA; }

/**************
General section
**************/
.profile-section {
  background: white;
  padding: 0;
  margin: 10px 0;
  box-shadow: 0 4px 4px 2px rgba(0, 0, 0, 0.3);
  border-radius: 0px; }

.profile-section-banner {
  background: #000000;
  color: #f0f0f0;
  padding: 0;
  margin: 10px 0;
  box-shadow: 0 4px 4px 2px rgba(0, 0, 0, 0.3);
  border-radius: 0px; }

.profile-section-banner h2 {
  font-family: "Asar", serif;
  margin: 0;
  font-size: 40px; }

.profile-section-banner .section-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center; }

.section-content {
  padding: .5em 1.5em;
  position: relative; }

#jba-statement-section .edit-item {
  position: absolute;
  top: 10px;
  margin: 0.4em; }

#jba-statement-section .section-completion {
  width: 50px;
  background: url("../../images/course-assets/blob-box/blue-blob-box.svg");
  text-align: center;
  color: white;
  margin-right: 10px;
  position: absolute;
  right: 0;
  transform: scale(1);
  transition: .2s all; }

#jba-statement-section .section-completion:focus {
  outline: none; }

#jba-statement-section .section-completion:active {
  transform: scale(0.9); }

.section-content .section-completion {
  width: 50px;
  background: url("../../images/course-assets/blob-box/blue-blob-box.svg");
  background-repeat: no-repeat;
  text-align: center;
  color: white;
  margin-right: 10px;
  position: absolute;
  right: 0;
  transform: scale(1);
  transition: .2s all; }

.section-content .section-completion:focus {
  outline: none; }

.section-content .section-completion:active {
  transform: scale(0.9); }

.section-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center; }

.section-header .header-title {
  font-family: "Asar", serif;
  width: auto;
  display: inline-block;
  background-image: url(../../images/theme-jbanew/title-slant.png);
  background-size: 100% 100%;
  color: #f0f0f0;
  padding: 5px 5em 5px 10px;
  font-size: 18px;
  margin-top: 10px;
  background-color: transparent;
  line-height: 26px; }

.section-header .section-completion {
  width: 50px;
  background: url("../../images/course-assets/blob-box/blue-blob-box.svg");
  background-repeat: no-repeat;
  text-align: center;
  color: white;
  margin-right: 10px;
  transform: scale(1);
  transition: .2s all;
  position: absolute;
  right: 0; }

.section-header .section-completion:active {
  transform: scale(0.9); }

.section-header .section-completion:focus {
  outline: none; }

.essential-add {
  color: #F79131; }

.section-add-item {
  width: 100%;
  margin-left: 1em;
  text-align: center;
  transform: scale(1);
  transition: .2s all;
  padding: 0; }

.section-add-item:active {
  transform: scale(0.8); }

.section-add-item i, .section-add-item button {
  font-size: 30px;
  color: #bea027;
  cursor: pointer;
  margin: 10px;
  background-color: transparent;
  border: none; }

/**************
General section ends
**************/
/**************
Experience section
**************/
.experience-item {
  padding: 15px 0 0 0;
  position: relative;
  border-bottom: none; }

.profile-item {
  padding: 15px 0 0 0;
  position: relative; }

.experience-item:last-child {
  border: none; }

.edit-item {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 21px;
  color: #bea027;
  cursor: pointer;
  margin: .4em;
  transform: scale(1);
  transition: .2s all;
  background-color: transparent;
  border: none; }

.edit-item:hover {
  color: #b3b3b3; }

.edit-item:active {
  transform: scale(0.8); }

.experience-item-title {
  font-size: 16px; }

.experience-item-company {
  font-size: 14px; }

.experience-item-date {
  font-size: 14px; }

.experience-item-add-description {
  color: #bea027;
  text-decoration: underline;
  cursor: pointer;
  display: inline-block; }

.experience-item-add-description:hover {
  color: #912b52;
  text-decoration: underline; }

/**************
Experience section ends
**************/
/**************
Education section
**************/
.education-item {
  position: relative;
  padding: 15px 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: 1px solid #f2f2f2; }

.education-img {
  height: 80px;
  width: auto;
  margin-right: 5em; }

.education-item-school {
  font-size: 16px; }

.education-item-course {
  font-size: 14px; }

.education-item-date {
  font-size: 14px; }

.education-item-add-course {
  color: #bea027;
  text-decoration: underline;
  cursor: pointer; }

.education-item-add-date {
  color: #bea027;
  text-decoration: underline;
  cursor: pointer; }

/**************
Education section ends
**************/
/**************
Statement section
**************/
.profile-title-line {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  margin: 14px 0; }

.profile-title-line h2 {
  margin: 0; }

/**************
Statement section ends
**************/
/**************
Contact section
**************/
.contact-profile-picture-wrapper {
  position: relative;
  height: 100px;
  width: 100px;
  margin-top: 8px;
  margin-bottom: 8px;
  margin-right: 2em;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center; }

.contact-profile-picture-wrapper .contract-profile-premium {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 30%;
  height: auto; }

.contact-profile-picture {
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  border-radius: 200px; }

.contact-item-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  margin: 10px 0; }

.contact-item-wrapper i {
  color: #bea027;
  font-size: 16px;
  width: 16px;
  text-align: center; }

.contact-item-wrapper .contact-item-title {
  font-weight: 800;
  margin: 0; }

.contact-item-wrapper .contact-item-content {
  margin: 0;
  word-wrap: break-word; }

.progress-content {
  color: #bea027;
  transition: .2s all;
  cursor: pointer; }

.progress-content:hover {
  text-decoration: underline; }

.contact-item-container {
  margin: 0 10px;
  padding-left: 10px;
  border-left: 1px solid #f2f2f2;
  overflow: hidden; }

/**************
Contact section ends
**************/
/**************
Progress bar section
**************/
.progress-bar-tooltip {
  color: grey; }

.progress-bar-tooltip:focus {
  color: #bea027; }

.popover {
  color: #bea027;
  border-radius: 0;
  border: 1px solid #f2f2f2; }

.progress-item {
  margin: 10px 0; }

.progress-checkbox-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center; }

.progress-checkbox {
  position: relative;
  background: url("../../images/course-assets/check/pink-border.png");
  padding: 0px;
  margin: 5px;
  height: 20px;
  width: 20px;
  text-align: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-right: 10px;
  background-size: contain;
  background-position: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  background-repeat: no-repeat; }

/**************
Progress bar section ends
**************/
/**************
Skills section
**************/
.skills-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: center;
  align-items: center; }

.skills-header i {
  color: #bea027;
  font-size: 20px;
  cursor: pointer;
  margin: 10px;
  transform: scale(1);
  transition: .2s all; }

.skills-header i:hover {
  color: #912b52; }

.skills-header i:active {
  transform: scale(0.9); }

/**************
Skills section ends
**************/
.essential-add {
  color: #F79131; }

.skills-list {
  list-style: none;
  padding: 0;
  transform: translateX(-5px);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

#editSkills .course-skill, .jba-skills-section .course-skill {
  height: 300px;
  overflow-y: scroll; }
  #editSkills .course-skill button, .jba-skills-section .course-skill button {
    border: none;
    background: transparent;
    width: 100%;
    text-align: left; }
    #editSkills .course-skill button.active, #editSkills .course-skill button:hover, .jba-skills-section .course-skill button.active, .jba-skills-section .course-skill button:hover {
      font-weight: bold; }
    #editSkills .course-skill button i, .jba-skills-section .course-skill button i {
      display: none; }
    #editSkills .course-skill button:hover i, .jba-skills-section .course-skill button:hover i {
      line-height: inherit;
      display: inline-block; }

#editSkills .custom-skill, .jba-skills-section .custom-skill {
  height: 250px;
  overflow: scroll; }

#editSkills .skills-list-wrap .skills-item, .jba-skills-section .skills-list-wrap .skills-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  background-color: transparent !important;
  color: #323232;
  font-size: 16px;
  border: none; }
  #editSkills .skills-list-wrap .skills-item div, .jba-skills-section .skills-list-wrap .skills-item div {
    height: 25px; }
    #editSkills .skills-list-wrap .skills-item div i, .jba-skills-section .skills-list-wrap .skills-item div i {
      display: none; }
  #editSkills .skills-list-wrap .skills-item:hover, .jba-skills-section .skills-list-wrap .skills-item:hover {
    font-weight: bold; }
    #editSkills .skills-list-wrap .skills-item:hover i, .jba-skills-section .skills-list-wrap .skills-item:hover i {
      color: #323232;
      display: block;
      cursor: pointer;
      font-weight: bold; }

#editSkills .skills-list-wrap .skills-item:nth-child(odd), .jba-skills-section .skills-list-wrap .skills-item:nth-child(odd) {
  background: transparent; }

.learn-more-wrapper {
  margin-top: 30px; }

.incomplete-course {
  opacity: 0.2; }

.skills-item div {
  padding: 5px; }

.skills-item div img {
  height: 20px;
  width: auto; }

.learn-more-job {
  width: 100%;
  height: 100px;
  margin: 10px 0;
  color: white;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.16);
  cursor: pointer;
  transition: .2s all; }

.learn-more-job:hover {
  color: white; }

.learn-more-job:hover {
  box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.46);
  transform: translateY(-2px) translateX(-2px); }

.learn-more-job .learn-more-bg {
  -ms-flex-positive: 1;
  flex-grow: 1; }

.learn-more-job .learn-more-text {
  margin: 0;
  padding: 5px;
  background: #bea027;
  font-size: 14px; }

.modal-content {
  border-radius: 0px; }

.modal-header {
  border: none; }

.modal-footer {
  border: none; }

.modal {
  text-align: center; }

@media screen and (min-width: 768px) {
  .modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%; } }

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle; }

.ui-datepicker {
  border: none;
  border-radius: 0px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); }

/*!
 * Datepicker for Bootstrap v1.6.4 (https://github.com/eternicode/bootstrap-datepicker)
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0)
 */
.datepicker {
  padding: 4px;
  border-radius: 4px;
  direction: ltr; }

.datepicker-inline {
  width: 220px; }

.datepicker.datepicker-rtl {
  direction: rtl; }

.datepicker.datepicker-rtl table tr td span {
  float: right; }

.datepicker-dropdown {
  top: 0;
  left: 0; }

.datepicker-dropdown:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #999;
  border-top: 0;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute; }

.datepicker-dropdown:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-top: 0;
  position: absolute; }

.datepicker-dropdown.datepicker-orient-left:before {
  left: 6px; }

.datepicker-dropdown.datepicker-orient-left:after {
  left: 7px; }

.datepicker-dropdown.datepicker-orient-right:before {
  right: 6px; }

.datepicker-dropdown.datepicker-orient-right:after {
  right: 7px; }

.datepicker-dropdown.datepicker-orient-bottom:before {
  top: -7px; }

.datepicker-dropdown.datepicker-orient-bottom:after {
  top: -6px; }

.datepicker-dropdown.datepicker-orient-top:before {
  bottom: -7px;
  border-bottom: 0;
  border-top: 7px solid #999; }

.datepicker-dropdown.datepicker-orient-top:after {
  bottom: -6px;
  border-bottom: 0;
  border-top: 6px solid #fff; }

.datepicker table {
  margin: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.datepicker td,
.datepicker th {
  text-align: center;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  border: none; }

.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
  background-color: transparent; }

.datepicker table tr td.day:hover,
.datepicker table tr td.day.focused {
  background: #eee;
  cursor: pointer; }

.datepicker table tr td.old,
.datepicker table tr td.new {
  color: #999; }

.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
  background: none;
  color: #999;
  cursor: default; }

.datepicker table tr td.highlighted {
  background: #d9edf7;
  border-radius: 0; }

.datepicker table tr td.today:hover:hover {
  color: #000; }

.datepicker table tr td.today.active:hover {
  color: #fff; }

.datepicker table tr td.range,
.datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:hover {
  background: #eee;
  border-radius: 0; }

.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active {
  background-color: #efe24b \9; }

.datepicker table tr td.selected,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover {
  background-color: #9e9e9e;
  background-image: linear-gradient(to bottom, #b3b3b3, #808080);
  background-repeat: repeat-x;
  border-color: #808080 #808080 #595959;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }

.datepicker table tr td.selected:hover,
.datepicker table tr td.selected:hover:hover,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected:hover.disabled,
.datepicker table tr td.selected.disabled.disabled,
.datepicker table tr td.selected.disabled:hover.disabled,
.datepicker table tr td.selected[disabled],
.datepicker table tr td.selected:hover[disabled],
.datepicker table tr td.selected.disabled[disabled],
.datepicker table tr td.selected.disabled:hover[disabled] {
  background-color: #808080; }

.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active {
  background-color: #666666 \9; }

.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
  background-color: #006dcc;
  background-image: linear-gradient(to bottom, #08c, #0044cc);
  background-repeat: repeat-x;
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }

.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled] {
  background-color: #0044cc; }

.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active {
  background-color: #003399 \9; }

.datepicker table tr td span {
  display: block;
  width: 23%;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 1%;
  cursor: pointer;
  border-radius: 4px; }

.datepicker table tr td span:hover,
.datepicker table tr td span.focused {
  background: #eee; }

.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
  background: none;
  color: #999;
  cursor: default; }

.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
  background-color: #006dcc;
  background-image: linear-gradient(to bottom, #bea027, #bea027);
  background-repeat: repeat-x;
  border-color: #bea027;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }

.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled:hover[disabled] {
  background-color: #bea027; }

.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active {
  background-color: #bea027; }

.datepicker table tr td span.old,
.datepicker table tr td span.new {
  color: #999; }

.datepicker .datepicker-switch {
  width: 145px; }

.datepicker .datepicker-switch,
.datepicker .prev,
.datepicker .next,
.datepicker tfoot tr th {
  cursor: pointer; }

.datepicker .datepicker-switch:hover,
.datepicker .prev:hover,
.datepicker .next:hover,
.datepicker tfoot tr th:hover {
  background: #eee; }

.datepicker .cw {
  font-size: 10px;
  width: 12px;
  padding: 0 2px 0 5px;
  vertical-align: middle; }

.input-append.date .add-on,
.input-prepend.date .add-on {
  cursor: pointer; }

.input-append.date .add-on i,
.input-prepend.date .add-on i {
  margin-top: 3px; }

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

.input-daterange input:first-child {
  border-radius: 3px 0 0 3px; }

.input-daterange input:last-child {
  border-radius: 0 3px 3px 0; }

.input-daterange .add-on {
  display: inline-block;
  width: auto;
  min-width: 16px;
  height: 18px;
  padding: 4px 5px;
  font-weight: normal;
  line-height: 18px;
  text-align: center;
  text-shadow: 0 1px 0 #fff;
  vertical-align: middle;
  /*background-color: #eee;
  border: 1px solid #ccc;*/
  margin-left: -5px;
  margin-right: -5px; }

.input-daterange {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center; }

.input-daterange input {
  max-width: 120px; }

.input-daterange p {
  margin: 0 8px; }

.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  color: #555;
  text-align: center;
  background-color: transparent;
  border: none;
  border-radius: 4px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center; }
/* Special styling for WebKit/Blink */
.cropit-image-zoom-input {
  margin: 25px 0 !important;
  background: #f0f0f0 !important; }

input[type=range] {
  padding: 0;
  -webkit-appearance: none;
  width: 100%;
  margin: 7.05px 0; }

input[type=range]:focus {
  outline: none; }

input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 10.9px;
  cursor: pointer;
  box-shadow: 1px 1px 1px transparent, 0px 0px 1px rgba(13, 13, 13, 0);
  background: #f1e9e0;
  border-radius: 22.2px;
  border: 0px solid #010101; }

input[type=range]::-webkit-slider-thumb {
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.03), 0px 0px 0px rgba(13, 13, 13, 0.03);
  border: 0px solid transparent;
  height: 25px;
  width: 25px;
  border-radius: 32px;
  background: #bea027;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -7.05px; }

input[type=range]:focus::-webkit-slider-runnable-track {
  background: #f9f5f2; }

input[type=range]::-moz-range-track {
  width: 100%;
  height: 10.9px;
  cursor: pointer;
  box-shadow: 1px 1px 1px transparent, 0px 0px 1px rgba(13, 13, 13, 0);
  background: #f1e9e0;
  border-radius: 22.2px;
  border: 0px solid #010101; }

input[type=range]::-moz-range-thumb {
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.03), 0px 0px 0px rgba(13, 13, 13, 0.03);
  border: 0px solid transparent;
  height: 25px;
  width: 25px;
  border-radius: 32px;
  background: #bea027;
  cursor: pointer; }

input[type="range"]::-ms-track {
  width: 100%;
  height: 10px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent; }

input[type=range]::-ms-fill-lower {
  background: #e9ddce;
  border: 0px solid #010101;
  border-radius: 44.4px;
  box-shadow: 1px 1px 1px transparent, 0px 0px 1px rgba(13, 13, 13, 0); }

input[type=range]::-ms-fill-upper {
  background: #f1e9e0;
  border: 0px solid #010101;
  border-radius: 44.4px;
  box-shadow: 1px 1px 1px transparent, 0px 0px 1px rgba(13, 13, 13, 0); }

input[type="range"]::-ms-thumb {
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.03), 0px 0px 0px rgba(13, 13, 13, 0.03);
  border: 0px solid transparent;
  height: 15px;
  width: 15px;
  border-radius: 32px;
  background: #bea027;
  cursor: pointer; }

input[type=range]:focus::-ms-fill-lower {
  background: #f1e9e0; }

input[type=range]:focus::-ms-fill-upper {
  background: #f9f5f2; }

.error-note {
  text-align: left;
  font-style: italic;
  font-size: 12px;
  margin-top: 20px; }

select {
  -webkit-appearance: none; }

.select2-selection {
  background: white !important;
  border-radius: 5px !important;
  border: none !important;
  box-shadow: none;
  height: auto !important;
  min-height: 34px; }

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  color: #f0f0f0;
  background-color: #AFACAA !important; }

.select2-container *:focus {
  outline: none; }

.select2-dropdown {
  border: 1px solid #F1E9E0 !important;
  box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.16) !important;
  border-radius: 0px !important; }

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 34px !important; }

.skill-badge {
  height: 25px;
  width: 25px;
  border-radius: 40px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  background: #59C7D9;
  color: white; }

.incomplete-course {
  opacity: 0.2; }

.profile-progress-container .progress-container-filled span {
  color: #000000; }

.select2-container--default .select2-results > .select2-results__options {
  overflow-y: scroll !important; }

#welcomeModal h4 {
  color: #59C7D9;
  font-size: 24px; }

#welcomeModal .modal-header {
  background-color: #323232; }

#welcomeModal h5 {
  font-size: 20px;
  font-family: "Asar", serif;
  margin-top: 30px; }

#welcomeModal a {
  margin: 0 10px; }

#welcomeModal p a {
  margin: 0px; }

.welcome-bullet {
  margin: 0 !important; }

.pi-card .jba2-btn-tab {
  margin: 5px; }

.company-link-item a {
  white-space: normal;
  max-width: 90%;
  overflow: hidden;
  text-overflow: ellipsis; }

.company-link-item button {
  border: none;
  background-color: transparent; }

#v-company-profile .contact-profile-picture {
  border-radius: 0px; }

#v-company-profile .edit-profile-picture {
  border-radius: 0px; }

.jba2-modal .blue-modal-header {
  background-color: #00a889;
  color: #000000; }

input[type='text'],
input[type='number'] {
  font-size: inherit !important; }

@media screen and (min-width: 780px) {
  .wrap-profile-header-flex-grow {
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding-right: 20px; } }

@media (max-width: 767px) {
  .profile-personal-information .col-xs-6 {
    padding: 0 15px !important; }
  .modal-dialog {
    width: 93%; }
  .profile-container {
    padding: 0; }
  .skills-item {
    width: 50%; }
  .wrap-name-bit {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center; }
  .wrap-name-bit .contact-profile-picture-wrapper {
    width: 50px;
    height: 50px;
    margin-right: 1em; }
  .edit-profile-picture p {
    font-size: 20px; }
  .wrap-name-bit h2 {
    font-size: 24px; }
  .wrap-profile-header-flex-grow {
    width: 90%; }
  .contact-profile-picture-wrapper {
    width: 40px;
    height: 40px; }
  .profile-section-banner h2 {
    font-size: 24px; }
  a.edit-item {
    top: auto;
    bottom: 0; } }

@media screen and (min-width: 600px) {
  p.objective-text {
    width: 66%; } }

.header-score.disabled {
  color: #e8e8e8 !important; }

.profile-picture-header-score.disabled {
  color: #AFACAA !important; }

.current-job-check {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: center;
  align-items: center; }

.current-job-check input {
  width: auto !important;
  margin-right: 10px;
  margin-top: 0 !important; }

.course-item.disabled {
  filter: grayscale(100%); }

.profile-video {
  margin-bottom: 20px !important;
  background: rgba(190, 160, 39, 0.1);
  padding-top: 20px;
  padding-bottom: 20px;
  position: relative; }

.video-row {
  margin-bottom: 20px;
  margin-top: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  position: relative; }

.video-row:nth-child(2n) {
  background: rgba(190, 160, 39, 0.1); }

.expand-transition {
  opacity: 1;
  height: auto;
  display: -ms-flexbox;
  display: flex; }

.flex-center.nav-wrap {
  display: -ms-flexbox;
  display: flex; }

a.help-button {
  font-size: 20px;
  margin-right: 10px;
  color: grey;
  cursor: pointer; }

a.help-button:hover {
  color: #bea027 !important;
  text-decoration: none !important; }

/* .expand-enter defines the starting state for entering */
/* .expand-leave defines the ending state for leaving */
.expand-enter {
  opacity: 0;
  height: 0;
  width: 100%; }

@media screen and (max-width: 767px) {
  .flex-center.nav-wrap {
    position: absolute;
    right: 0;
    top: 2px; }
  a.help-button {
    margin-right: 20px;
    font-size: 30px; } }

@media screen and (max-width: 1199px) {
  .mobile-margin {
    margin-top: 20px; }
  .profile-video {
    padding-left: 10px;
    padding-right: 10px; } }

.jba3-module-title {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-align: center;
  align-items: center;
  border-top: 1px solid #b9b9b9;
  border-bottom: 1px solid #b9b9b9;
  padding: 10px 15px;
  background: transparent;
  border-left: none;
  border-right: none; }
  .jba3-module-title:hover {
    background: #e2e2e2; }
  .jba3-module-title:focus {
    background: #e2e2e2;
    box-shadow: none; }
  .jba3-module-title p {
    margin: 0;
    padding-right: 15px;
    font-weight: bold; }
  .jba3-module-title span {
    margin-left: auto;
    transform: rotate(0deg);
    transition: 0.2s all; }
  .jba3-module-title h4 {
    font-weight: normal;
    font-size: 15px; }

.jba3-course-exercise {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: 0px 15px 0px 30px;
  width: 100%;
  border: none;
  background: transparent; }
  .jba3-course-exercise:hover {
    font-weight: 500; }

.jba3-course-status-container {
  position: relative;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  display: -ms-flexbox;
  display: flex;
  width: 40px; }

.jba3-course-status {
  height: 30px;
  width: 30px;
  margin: auto;
  z-index: 1;
  background-color: #f2f2f2;
  border: 1px solid #b9b9b9;
  border-radius: 50px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  transition: 0.2s all cubic-bezier(0.68, -0.55, 0.265, 1.55); }

.jba3-course-status-line {
  position: absolute;
  border-left: 1px solid #b9b9b9;
  height: 100%;
  top: 0;
  left: 50%; }

.jba3-course-exercise:last-child .jba3-course-status-line {
  height: 50%; }

.jba3-course-exercise:hover, .jba3-course-exercise:focus {
  background: #e2e2e2;
  box-shadow: none; }
  .jba3-course-exercise:hover .jba3-course-status, .jba3-course-exercise:focus .jba3-course-status {
    height: 35px;
    width: 35px; }
  .jba3-course-exercise:hover .jba3-exercise-titles, .jba3-course-exercise:focus .jba3-exercise-titles {
    padding-left: 20px; }
  .jba3-course-exercise:hover .jba3-exercise-controls, .jba3-course-exercise:focus .jba3-exercise-controls {
    opacity: 1;
    transform: translateX(0); }

.jba3-exercise-controls {
  margin-left: auto;
  transition: 0.2s all cubic-bezier(0.68, -0.55, 0.265, 1.55);
  opacity: 0;
  transform: translateX(-5px); }
  .jba3-exercise-controls p {
    margin: 0;
    color: #bea027 !important; }
  .jba3-exercise-controls .fa {
    transform: scaleY(1.6);
    transform-origin: center;
    font-size: 18px;
    margin-left: 10px; }

.jba3-exercise-time {
  margin-left: auto; }

.jba3-exercise-titles {
  margin: 1em 0;
  padding-left: 15px;
  transition: 0.2s all cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition-delay: 100; }
  .jba3-exercise-titles p {
    margin: 0; }

.jba3-course-status.completed {
  background: #bea027;
  color: white; }
  .jba3-course-status.completed:before {
    content: "\f00c";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit; }

.jba3-course-status.locked {
  background: #b9b9b9;
  color: white; }
  .jba3-course-status.locked:before {
    content: "\f023";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit; }

a.jba3-course-exercise:hover, a.jba3-course-exercise {
  color: black;
  text-decoration: none; }
  a.jba3-course-exercise:hover:focus, a.jba3-course-exercise:hover:hover, a.jba3-course-exercise:focus, a.jba3-course-exercise:hover {
    text-decoration: none; }
  a.jba3-course-exercise:hover p, a.jba3-course-exercise p {
    color: black;
    text-decoration: none; }

.jba3-module-exercises.closed {
  display: none; }

.jba3-module-title.active span {
  transform: rotate(180deg); }

*:focus {
  outline: 0;
  box-shadow: 0 0 2px 4px #51cbee; }

.form-control {
  transition: 0.2s all; }

.form-control:focus, .select2-container--focus {
  box-shadow: 0 0 2px 4px #51cbee; }

.jba2-btn:focus,
.filter-btn:focus,
.jba2-navbar-item:focus,
.jba2-subnav-item:focus,
.element-item:focus,
.profile-header-number:focus,
.modal-subnav button:focus,
.chat-tab:focus,
.jbanew-carousel .carousel-course-card a.element-item:focus,
#category .categories:focus,
a:focus {
  outline: 0;
  box-shadow: 0 0 2px 4px #51cbee; }

.jba2-navbar-item:focus {
  color: white; }

.jba2-navbar-item.active:focus {
  color: #bea027; }

button.slick-arrow:focus {
  box-shadow: none;
  color: #bea027; }
  button.slick-arrow:focus polyline {
    stroke: #bea027;
    stroke-width: 12px; }

.course-loader-container {
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.9);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 1; }

.groups-sidebar-items {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column; }

.groups-sidebar-items button {
  color: #bea027;
  border: none;
  background: transparent;
  -ms-flex: 1;
  flex: 1;
  text-align: left;
  word-break: break-word;
  word-break: break-all; }
  .groups-sidebar-items button.active {
    background-color: rgba(255, 228, 77, 0.2); }

.groups-sidebar-items button:hover {
  color: #a98e23; }

.sidebar-item-actions button {
  padding: 0px; }

.admin-loader {
  width: 100%;
  text-align: center; }

.admin-loader svg path {
  fill: #B8175B; }

#admin-panel-resource-search > button {
  color: #B8175B;
  display: inline-block;
  width: auto;
  border: none;
  background: transparent;
  -ms-flex-item-align: start;
  align-self: flex-start;
  margin-top: 15px; }

#edit-group-logo, #edit-group-cover, #group-logo, #group-cover {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1; }

#edit-group-logo-image, #group-logo-image {
  width: 150px;
  height: 150px;
  background-size: cover;
  background-position: center;
  display: block;
  background-image: url("../../images/theme-jbanew/logo-placeholder.png");
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
  align-items: flex-end;
  padding: 15px;
  cursor: pointer;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 40px;
  background-color: white;
  color: #bfbfbf; }

#edit-group-cover-image, #group-cover-image {
  width: 100%;
  height: 150px;
  background-size: cover;
  background-position: center;
  display: block;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 40px;
  background-color: white;
  color: #bfbfbf; }

#edit-group-logo-image:hover, #group-logo-image:hover, #edit-group-cover-image:hover, #group-cover-image:hover {
  color: #323232;
  box-shadow: inset 0px 0px 0px 5px rgba(0, 0, 0, 0.75); }

.modal-subnav-title-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px 0; }

.modal-subnav-title-container h3 {
  padding: 0px; }

.modal-subnav-title-container img {
  height: 50px;
  width: 50px;
  margin-right: 15px;
  border-radius: 50px; }

a {
  cursor: pointer; }

#viewCourse .modal-body {
  min-height: 300px; }

.modal-subnav.modal-subnav-background {
  margin: 0px;
  padding-top: 15px;
  background-position: center;
  background-size: cover;
  position: relative; }

.modal-subnav.modal-subnav-background h3 {
  z-index: 2; }

.modal-subnav.modal-subnav-background .modal-subnav-icons {
  z-index: 2; }

.modal-subnav-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center; }

.modal-subnav-icons {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center; }

.modal-subnav-icons > div {
  display: -ms-flexbox;
  display: flex;
  margin-left: 15px;
  -ms-flex-align: center;
  align-items: center;
  font-size: 20px; }

.modal-subnav-icons > div p {
  margin: 0; }

.modal-subnav-icons > div i {
  margin: 0px 5px; }

.modal-subnav.modal-subnav-background:before {
  content: '';
  width: 100%;
  position: absolute;
  height: 100%;
  z-index: 0;
  top: 0px;
  left: 0px;
  background: rgba(255, 255, 255, 0.8); }

.modal-subnav-title {
  margin: 0;
  padding-bottom: 15px; }

.selected-users-empty {
  color: #bdbdbd;
  margin: 15px 0; }

#v-admin .jba2-header button {
  margin-top: 10px; }

#user-edit-row i {
  font-size: 20px;
  cursor: pointer;
  margin: 0 2px; }

#user-edit-row > td:first-child {
  display: -ms-flexbox;
  display: flex; }

.admin-main-panel section > p {
  margin-top: 0px; }

.admin-courses-see-more {
  display: block;
  text-align: center;
  margin: 20px 0;
  cursor: pointer; }

.admin-container {
  min-height: 1000px;
  padding-top: 15px; }

.trash-disabled {
  color: #bdbdbd; }

.user-search-bar > .row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center; }

.create-group-form {
  position: relative;
  padding-bottom: 60px; }

.create-group-form a {
  cursor: pointer; }

.selectable-user {
  cursor: pointer; }

.selectable-user.active {
  color: #bea027; }

.selectable-user p {
  margin: 0;
  width: 33%; }

.selected-users {
  background: white;
  padding: 10px;
  box-shadow: -5px 5px 15px #bfbfbf; }

.selected-users button {
  margin-top: 20px; }

.link-button {
  color: #bea027;
  background: transparent;
  border: none;
  padding: 0px; }

.selected-users.floating {
  position: absolute;
  background: white;
  top: 0;
  right: 0; }

.create-group-form .back {
  border: none;
  background: transparent;
  color: #bea027; }

.selected-users-tab div button, .selected-users div button {
  margin: 0px;
  background: transparent;
  border: none; }

.selected-users-tab div, .selected-users div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: center;
  align-items: center; }

.selected-users-tab div i:hover, .selected-users div i:hover {
  color: black; }

.selected-users-tab div i, .selected-users div i {
  margin-right: 10px;
  color: #757575;
  cursor: pointer; }

.admin-main-panel {
  -ms-flex: 1;
  flex: 1;
  padding-top: 10px; }

.admin-main-panel > section {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 25px;
  padding: 15px; }

.admin-panel-user {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center; }

.admin-panel-user p {
  margin: 0; }

.admin-panel-selector-item {
  width: 20%;
  background-color: white;
  margin: 12px;
  cursor: pointer;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.jba2-table {
  border: 1px solid #e6e1e1; }
  .jba2-table td {
    vertical-align: middle !important; }
  .jba2-table th {
    background-color: #a98e23;
    color: white;
    border: none; }
  .jba2-table .table-actions button {
    font-size: 18px;
    margin: 0 5px; }
  .jba2-table .table-profile-image {
    height: 62px;
    width: 72px; }
    .jba2-table .table-profile-image img {
      height: 45px;
      border-radius: 50px; }

#admin-panel-users table button {
  border: none;
  background: transparent;
  color: #bea027;
  padding: 0px; }

.admin-panel-selector-item > button {
  padding: 8px;
  width: 100%;
  height: 100%;
  border: none;
  background: transparent;
  text-align: left;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: justify;
  justify-content: space-between;
  box-shadow: 2px 2px 3px 1px rgba(0, 0, 0, 0.1); }

.admin-tools-row {
  position: absolute;
  top: -15px;
  right: -10px;
  display: -ms-flexbox;
  display: flex; }

.admin-tools-item {
  margin-left: 2px;
  height: 25px;
  width: 25px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 50px;
  color: white;
  background-color: #bea027;
  padding: 0px;
  border: none; }

/*    .admin-tools-item.delete{
    background-color: red;
}

.admin-tools-item.delete:hover{
    background-color: #c70000;
}*/
/*    .admin-tools-item.edit{
    background-color: green;
}

.admin-tools-item.edit:hover{
    background-color: #c70000;
}*/
.admin-tools-item i {
  line-height: 0;
  margin: auto; }

.admin-panel-selector-item.active {
  border: 1px solid #bea027; }

.admin-loader svg path,
.admin-loader svg rect {
  fill: #bea027; }

.admin-panel-selector-item p {
  margin: 0;
  word-break: break-word;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto; }

.admin-panel-selector-items {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.selector-item-icons {
  display: -ms-flexbox;
  display: flex; }

.admin-hidden-icons {
  visibility: hidden; }

.selector-item-icons > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 15px; }

.selector-item-icons > div p {
  margin: 0; }

.selector-item-icons > div i {
  margin-right: 5px; }

#admin-panel-faction-pagination {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-left: 12px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 0px; }

.faction-crumb {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin: 10px 3px;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  margin-left: -12px;
  padding: 0px;
  background: transparent;
  border: none; }

.faction-crumb p {
  background: white;
  margin: 0px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  transition: .2s all;
  white-space: nowrap; }

.crumb-left-arrow {
  width: 0;
  height: 0;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 15px solid #f0f0f0;
  background: white;
  transition: .2s all; }

.crumb-right-arrow {
  width: 0;
  height: 0;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 15px solid white;
  transition: .2s all; }

.faction-crumb.active .crumb-left-arrow {
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 15px solid #f0f0f0;
  background: #bea027; }

.faction-crumb.active .crumb-right-arrow {
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 15px solid #bea027; }

.faction-crumb.active p {
  background: #bea027;
  color: white; }

.faction-crumb p {
  padding: 5px 10px;
  height: 40px; }

.groups-sidebar-group {
  margin-bottom: 30px; }

.groups-sidebar-image {
  background-size: cover;
  background-position: center;
  width: 150px;
  height: 150px;
  background-image: url("https://worktheseasons.co.nz/images/theme-techfuturelab/square-logo.jpg");
  margin: 0 auto; }

.groups-sidebar-items > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-right: 20px;
  margin-bottom: 10px; }

.groups-sidebar-items > div > div {
  -ms-flex-negative: 0;
  flex-shrink: 0; }

.groups-sidebar-items p {
  margin: 0px;
  text-overflow: ellipsis;
  overflow: hidden; }

.admin-panel-cover-image {
  width: 100%;
  height: 100px;
  background-size: cover;
  background-position: center;
  margin-bottom: 15px; }

.admin-panel-title-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center; }
  .admin-panel-title-container div {
    height: 100px;
    width: 100px;
    background-size: cover;
    background-position: center;
    margin-right: 15px;
    margin-bottom: 15px; }
  .admin-panel-title-container h4 {
    -ms-flex: 1;
    flex: 1; }

.group-card {
  padding: 0px;
  width: 100%;
  background: white;
  border: none;
  border-radius: 0px 0px 10px 10px;
  overflow: hidden;
  box-shadow: 2px 2px 2px #dedede;
  transform: translateY(0px);
  transition: 0.2s all; }
  .group-card:hover {
    transform: translateY(-2px); }
  .group-card .group-card-cover {
    width: 100%;
    height: 40px;
    background-size: cover;
    background-position: center; }
  .group-card .group-card-title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-height: 70px; }
    .group-card .group-card-title div {
      height: 70px;
      width: 70px;
      background-size: cover;
      background-position: center; }
    .group-card .group-card-title h4 {
      -ms-flex: 1;
      flex: 1;
      padding: 0px 15px;
      font-size: 20px;
      text-align: left; }

.groups-sidebar-items > p {
  margin-bottom: 10px; }

.groups-sidebar-items p:hover {
  cursor: pointer;
  color: #bea027; }

.groups-sidebar-items p.active {
  color: #bea027; }

.sidebar-error {
  color: #bdbdbd; }

p.sidebar-error:hover {
  cursor: default;
  color: #bdbdbd;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.admin-title-line {
  display: -ms-flexbox;
  display: flex; }

.admin-title-line a {
  margin: 0 10px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer; }

.groups-sidebar {
  margin-right: 20px;
  margin-top: 20px;
  padding-bottom: 50px;
  min-width: 150px; }

.groups-sidebar-group i {
  transition: .2s all; }

.admin-toggle-active i {
  transform: rotate(180deg); }

.groups-sidebar-group h4 {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.pagination {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center; }

.pagination > p {
  color: #bea027;
  margin: 0 5px; }

#user-edit-row {
  display: none; }

/* always present */
.expand-transition {
  transition: all .3s ease;
  transform: translateX(0px);
  opacity: 1; }

/* .expand-enter defines the starting state for entering */
/* .expand-leave defines the ending state for leaving */
.expand-enter, .expand-leave {
  transform: translateX(-20px);
  opacity: 0; }

/* always present */
.fader-transition {
  transition: all .2s ease;
  opacity: 1;
  transform: translate(0px); }

/* .expand-enter defines the starting state for entering */
/* .expand-leave defines the ending state for leaving */
.fader-enter, .fader-leave {
  opacity: 0;
  transform: translate(-5px); }

/* always present */
.spin-transition {
  transition: transform .2s ease,opacity .2s ease;
  opacity: 1;
  transform: rotate(0deg); }

/* .expand-enter defines the starting state for entering */
/* .expand-leave defines the ending state for leaving */
.spin-enter, .spin-leave {
  opacity: 0;
  transform: rotate(90deg); }

.selectable-user button {
  background: transparent;
  color: #bea027;
  border: 1px solid #bea027;
  border-radius: 50px;
  padding: 5px 10px; }

.selectable-user button.active {
  background: #bea027;
  color: white;
  border: 1px solid #bea027; }

.selectable-users .table > tbody > tr > td {
  border-top: none;
  line-height: 1; }

.selectable-users .table > tbody > tr.active > td {
  background-color: transparent; }

.user-search-bar-second > div {
  -ms-flex: 1;
  flex: 1; }

.user-search-bar > .user-search-bar-second {
  display: block; }

.groups-sidebar {
  width: 20%; }

.learner-groups-sidebar {
  width: auto;
  margin: 0px;
  margin-right: 15px; }

.learner-groups-sidebar h4 {
  margin-top: 10px; }

.learner-groups-sidebar .groups-sidebar-items {
  background: white;
  border: 1px solid #e4e4e4;
  margin: 0px;
  padding: 15px; }

.groups-content-container {
  background: white;
  background: white;
  border: 1px solid #e4e4e4; }

.jbanew-course-card .element-item-text {
  height: 50px !important;
  cursor: pointer; }

.jbanew-course-card .element-item-background {
  cursor: pointer; }

.jbanew-course-card .element-item {
  height: 210px !important;
  cursor: pointer; }

.jbanew-course-card .courses-container {
  cursor: pointer; }

@media (min-width: 768px) {
  .user-search-bar > .user-search-bar-second {
    display: -ms-flexbox;
    display: flex; }
  .modal-xl {
    width: 95%;
    max-width: 1200px; } }

@media (max-width: 767px) {
  #viewCourse .modal-subnav button {
    width: 60px; }
  #viewCourse .modal-subnav button.active {
    width: 60px; }
  .admin-container {
    -ms-flex-direction: column;
    flex-direction: column; }
  .groups-sidebar {
    width: 100%;
    /*margin:0px;*/ }
  .create-group-form {
    padding: 0 15px 60px 15px; }
  .user-search-bar {
    margin-bottom: 15px; }
  .groups-sidebar-group {
    margin-bottom: 10px;
    padding-bottom: 10px;
    display: none;
    border-bottom: 1px solid #c5c5c5; }
  .admin-container {
    padding-left: 15px;
    padding-right: 15px; }
  .groups-sidebar {
    border-right: none; }
  .groups-sidebar-items {
    display: none; }
  .admin-panel-selector-item {
    width: 43%; }
  /* Crumb stuff */
  .faction-crumb {
    margin: 3px 3px;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    height: 30px;
    margin-left: -12px; }
  .crumb-left-arrow {
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 10px solid #f0f0f0;
    background: white;
    transition: .2s all; }
  .crumb-right-arrow {
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 10px solid white; }
  .faction-crumb.active .crumb-left-arrow {
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 10px solid #f0f0f0;
    background: #bea027; }
  .faction-crumb.active .crumb-right-arrow {
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 10px solid #bea027; }
  .faction-crumb p {
    padding: 5px 10px;
    height: 30px; }
  /* Course card stuff */
  .jbanew-course-card .element-item {
    height: 70px !important; }
  .jbanew-course-card .element-item-background {
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: .2; }
  .jbanew-course-card .courses-container {
    position: relative; }
  .jbanew-course-card .element-item-text {
    background: rgba(255, 255, 255, 0.8); }
  .jbanew-course-card .element-item {
    border-radius: 0;
    box-shadow: none;
    border: 1px solid #c5c5c5; } }

.jbanew-course-card .element-item-text .course-time {
  color: black; }

.jbanew-course-card .element-item-text .course-completed {
  color: black; }

.user-search-bar-second > .user-search-bar-second-button {
  -ms-flex: 0;
  flex: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center; }

.selected-users-tab > div {
  display: -ms-flexbox;
  display: flex; }

.selected-users-tab > div i {
  margin-right: 10px; }

.mobile-active {
  display: block; }

.groups-sidebar-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center; }

.groups-sidebar-header i {
  margin-right: 10px; }

#v-admin a:hover, #v-admin a:active {
  text-decoration: none; }

.admin-title-line button {
  border: none;
  background: transparent;
  color: #bea027; }

.admin-panel-folders-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.admin-panel-folders-container .admin-tools-row {
  top: -3px;
  right: -3px; }

.admin-panel-folders-container > div {
  width: 25%;
  padding: 10px 5px;
  position: relative; }

.admin-panel-folders-container > div > button {
  border: 1px solid #bdbdbd;
  background: white;
  padding: 10px;
  width: 100%;
  text-align: left;
  color: #747474;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  height: 100%; }

.admin-panel-folders-container > div.active > button {
  border: 1px solid #bea027; }

.admin-panel-folders-container > div > button span {
  margin-right: 8px;
  word-break: break-word; }

.admin-panel-folders-container button.create-folder {
  border: 1px solid #bea027;
  color: #bea027;
  background: transparent;
  font-size: 24px;
  text-align: center;
  width: 25%;
  padding: 5px;
  min-height: 47px;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center; }

.admin-panel-folders-container button.create-folder > span {
  margin: auto; }

.admin-panel-folders-container button.create-folder.return {
  font-size: 16px;
  text-align: left;
  padding-left: 10px;
  display: block; }

.admin-panel-folders-container .admin-tools-item {
  -ms-flex-direction: column;
  flex-direction: column;
  border: none; }

.admin-panel-documents-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.admin-panel-documents-container .admin-tools-row {
  top: -3px;
  right: -3px; }

.admin-panel-documents-container > div {
  width: 25%;
  padding: 10px 5px;
  position: relative; }

.admin-panel-documents-container > div.active button {
  border: 1px solid #bea027; }

.admin-panel-documents-container > div > button {
  border: none;
  background: white;
  padding: 5px;
  width: 100%;
  text-align: left;
  color: #323232;
  border: 1px solid #bdbdbd; }

.admin-panel-documents-container > div > button span {
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  overflow: hidden;
  text-align: center;
  font-size: 14px; }

.admin-panel-documents-container > div > button .doc-thumbnail {
  height: 40px;
  width: 100%;
  background-color: transparent;
  color: #747474;
  margin-bottom: 5px;
  display: -ms-flexbox;
  display: flex; }

.admin-panel-documents-container > div > button .doc-thumbnail > span {
  color: #323232;
  margin: auto;
  font-size: 30px; }

.admin-panel-documents-container .admin-tools-item {
  -ms-flex-direction: column;
  flex-direction: column;
  border: none; }

.admin-panel-documents-container .upload-document {
  background: transparent;
  border: 1px dashed #bea027;
  color: #bea027;
  text-align: center;
  border-radius: 5px;
  width: 25%;
  margin: 0px;
  display: -ms-flexbox;
  display: flex;
  min-height: 80px;
  width: 100%; }

.admin-panel-documents-container .upload-document label {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer; }

.admin-panel-documents-container .upload-document span {
  font-size: 30px;
  margin: auto; }

.docs-sidebar {
  padding: 20px 15px;
  width: 20%; }

.docs-sidebar button {
  display: block;
  background: transparent;
  border: none;
  text-align: left;
  width: 100%; }

.docs-sidebar button span {
  margin-right: 6px; }

.docs-sidebar .docs-sidebar-items {
  border-bottom: 1px solid black;
  padding-bottom: 10px;
  margin-bottom: 12px; }

.docs-sidebar p {
  color: #747474;
  font-size: 12px; }

.admin-title-line.toggle {
  -ms-flex-pack: justify;
  justify-content: space-between; }

.admin-title-line.toggle > div {
  display: -ms-flexbox;
  display: flex; }

.admin-panel-documents-container-list table button {
  border: none;
  width: 100%;
  background: transparent;
  color: #bea027;
  text-align: left; }

.admin-panel-documents-container-list .resource-icon-column {
  display: -ms-flexbox;
  display: flex; }

.admin-panel-documents-container-list .resource-icon-column button {
  padding: 0px;
  text-align: center; }

input[type="file"]:focus + label {
  box-shadow: 0 0 5px 1px #51cbee; }

#docsFile {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1; }

#docsFile + label {
  width: auto; }

#docsFile:focus + label {
  box-shadow: 0 0 5px 1px #51cbee; }

#admin-panel-doc-detail {
  -ms-flex-direction: row;
  flex-direction: row; }

.admin-doc-detail-left {
  -ms-flex: 1;
  flex: 1; }

.admin-doc-detail-right {
  border-left: 1px solid #D6D6D6;
  margin-left: 15px;
  padding-left: 15px;
  padding-right: 40px; }

.admin-doc-details-container {
  display: -ms-flexbox;
  display: flex;
  padding: 15px 0px; }

.admin-doc-details-container div:first-child {
  padding-right: 20px; }

.admin-doc-detail-right button {
  margin: 5px; }

@media (max-width: 767px) {
  .admin-panel-folders-container > div {
    width: 50%; }
  .admin-panel-documents-container > div {
    width: 50%; }
  .docs-sidebar {
    width: 100%; }
  #admin-panel-doc-detail {
    -ms-flex-direction: column;
    flex-direction: column; }
  .admin-doc-detail-right {
    padding: 0px;
    margin: 0px;
    border-left: none; } }

#category .categories {
  background-color: #fff;
  box-shadow: 2px 2px 15px 5px #aaa;
  transition: box-shadow .07s ease-in-out;
  cursor: pointer;
  margin: 0px;
  padding: 0px;
  border: none; }
  #category .categories:hover {
    box-shadow: 2px 2px 15px 5px #555;
    transition: box-shadow .1s ease-in-out; }

#category .dropdown .dropdown-menu {
  padding: 0;
  min-width: 250px;
  margin-bottom: 50px;
  z-index: 1; }
  #category .dropdown .dropdown-menu li {
    padding: 0; }
    #category .dropdown .dropdown-menu li button {
      width: 100%;
      display: block;
      text-align: left;
      background: transparent;
      border: none;
      padding: .5em 1em; }
      #category .dropdown .dropdown-menu li button:hover {
        background-color: #ccc; }
  #category .dropdown .dropdown-menu .sub-menu {
    display: none;
    position: absolute;
    top: 0;
    left: 100%;
    padding: 0;
    list-style: none;
    min-width: 130px;
    font-size: 14px;
    width: 100%;
    text-align: left;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); }
    @media screen and (max-width: 768px) {
      #category .dropdown .dropdown-menu .sub-menu {
        position: relative;
        left: 0;
        padding-left: 30px;
        border: 0;
        border-radius: 0;
        box-shadow: none; } }

#category .line-h35 {
  line-height: 35px; }

#category .t-deco-line {
  text-decoration: line-through; }
  #category .t-deco-line:hover {
    text-decoration: none; }

#category button.main-category {
  border: none;
  background-color: transparent;
  font-size: 20px; }

#category .slick-slide:focus {
  box-shadow: none; }

#category .slick-prev .fa, #category .slick-next .fa {
  font-size: 30px; }

#category .jba-carousel .sub-category {
  background: transparent;
  border: none; }
  #category .jba-carousel .sub-category:focus {
    box-shadow: none;
    font-weight: bold;
    text-decoration: underline; }

@media screen and (max-width: 768px) {
  #category {
    min-height: 600px; } }

@media screen and (min-width: 992px) {
  #category .jba2-md-flex {
    display: -ms-flexbox;
    display: flex; } }

.main-hover-color {
  color: #a98e23; }

.jba2-warning {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0px;
  border-radius: 0px;
  -ms-flex-align: center;
  align-items: center;
  border-right: 2px solid #FF8902;
  background: white;
  width: 100%; }

.jba2-warning span {
  background: #FF8902;
  color: white;
  height: 100%;
  width: auto;
  padding: 0 8px;
  font-size: 18px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-width: 30px; }

.jba2-warning .warning-content {
  padding: 10px;
  -ms-flex: 1;
  flex: 1; }

.jba2-warning .warning-content p {
  margin: 0px;
  font-size: 14px; }

.jba2-warning .warning-content .warning-title {
  font-size: 18px;
  color: #FF8902;
  font-weight: 500; }

.alert-danger {
  color: #BD0300; }

.select2-results__option {
  padding: 4px 6px;
  font-size: 14px;
  text-align: left; }
  .select2-results__option .select2-results__group {
    text-align: left; }

.profile-badges .profile-badge {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .profile-badges .profile-badge > div {
    width: 60px; }
    .profile-badges .profile-badge > div button {
      border: none;
      background: transparent; }
      .profile-badges .profile-badge > div button:focus {
        box-shadow: none; }
      .profile-badges .profile-badge > div button img {
        width: 100%;
        height: auto; }

.jba2-certificate-modal .modal-dialog .modal-content {
  background-color: transparent;
  box-shadow: none;
  border: none; }
  .jba2-certificate-modal .modal-dialog .modal-content .modal-header {
    background-color: transparent !important; }
  .jba2-certificate-modal .modal-dialog .modal-content .modal-body {
    padding: 0px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    background: #000000;
    line-height: 0px; }

.skip-navigation {
  background-color: #a98e23;
  position: absolute;
  z-index: 999;
  color: white;
  padding: 10px 15px;
  top: 25px;
  font-size: 20px;
  box-shadow: none;
  width: 220px;
  transition: 0.2s all;
  left: -220px; }
  .skip-navigation:focus {
    left: 0px;
    color: white;
    box-shadow: 3px 3px 5px 1px rgba(0, 0, 0, 0.5); }
  .skip-navigation:hover {
    color: white; }

.btn-icon-pink {
  background-color: #bea027 !important; }

.table-filter .media .title {
  color: #bea027;
  font-size: 14px;
  font-weight: bold;
  line-height: normal;
  margin: 0; }

.pl25 {
  padding-left: 25px; }

.pr25 {
  padding-right: 25px; }

.mb50 {
  margin-bottom: 50px; }

nav .navbar-right img {
  width: 40px; }

body {
  -webkit-font-smoothing: subpixel-antialiased;
  font-size: 15px;
  line-height: 25px; }

.jba2-login-logo-allowance {
  margin-top: 50px; }

a.disabled {
  color: #AFACAA;
  pointer-events: none; }

.navbar-default {
  background: #000000;
  border: none; }

.register-wrapper {
  margin: 0 auto;
  width: auto;
  max-width: 500px; }

.background-purple {
  background-color: #a98e23; }

.red-tooltip + .tooltip > .tooltip-inner {
  background-color: #000000; }

.red-tooltip + .tooltip > .tooltip-arrow {
  border-bottom-color: #000000; }

.register-container {
  background: #f0f0f0;
  border-radius: 10px;
  padding: 15px; }

.register-tab-row a {
  color: #f0f0f0;
  background: #bea027;
  font-size: 15px;
  min-width: 120px;
  text-align: center;
  margin: 0 2px;
  border-radius: 10px 10px 0px 0px;
  padding: 7px 0 2px 0;
  letter-spacing: 1px;
  font-weight: 400; }

.register-tab-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center; }

.register-tab-row a.active {
  color: #bea027;
  background: #f0f0f0; }

.select2-selection {
  height: auto !important;
  line-height: normal;
  min-height: 35px !important; }

.jba2-fullscreen-menu {
  height: 100%;
  position: fixed;
  width: 100%;
  background-color: #f0f0f0;
  z-index: 99;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-direction: column;
  flex-direction: column;
  top: 0;
  padding-top: 0px; }

.hidden {
  display: none; }

.jba2-hamburger {
  float: right;
  margin: 0px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center; }

.jba2-hamburger i {
  font-size: 40px;
  height: 40px;
  width: 40px;
  text-align: center;
  color: #bea027;
  margin-right: 5px; }

.jba2-fullscreen-close {
  color: #bea027;
  background: #000000;
  position: static;
  top: 0;
  right: 0;
  font-size: 40px;
  height: 50px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
  justify-content: flex-end;
  width: 100%; }

.jba2-fullscreen-close i {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 10px; }

.jba2-fullscreen-items {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%; }

.jba2-fullscreen-forms {
  position: absolute;
  transition: .2s all;
  width: 100%;
  height: 100%;
  left: 100%;
  top: 50px;
  background-color: #e2e2e2;
  padding: 15px 15px 55px 15px;
  overflow: scroll; }

.jba2-fullscreen-forms h2 {
  font-family: "Asar", serif;
  font-size: 20px; }

.jba2-fullscreen-forms.active {
  left: 0%; }

.jba2-fullscreen-items > a {
  font-size: 25px;
  margin: 10px 0;
  font-weight: 100;
  padding: 0 15px; }

.jba2-fullscreen-items > a i {
  margin: 0 15px; }

.fullscreen-back-button {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  color: #bea027; }

.fullscreen-back-button i {
  font-size: 30px;
  margin-right: 15px; }

.jba2-desktop-menu {
  margin-top: 50px;
  height: 100%;
  width: 100%;
  position: fixed;
  background: rgba(0, 0, 0, 0.75);
  z-index: 99;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
  -ms-flex-direction: column;
  flex-direction: row;
  -ms-flex-pack: start;
  justify-content: flex-end;
  -ms-flex-align: end;
  align-items: flex-start;
  display: none;
  opacity: 0;
  pointer-events: none;
  transition: .2s all; }

.jba2-desktop-submenu {
  background: #f0f0f0;
  padding: 15px;
  margin: 5px 0 15px 15px;
  width: 60%;
  display: none; }

.jba2-desktop-submenu h2 {
  font-size: 20px;
  font-family: "Asar", serif; }

.jba2-desktop-submenu-header {
  margin: 0;
  font-size: 24px;
  border-bottom: 1px solid white;
  padding-bottom: 10px; }

.jba2-desktop-submenu.active {
  display: block; }

.account-settings-arrow-right {
  visibility: hidden;
  width: 0;
  height: 0;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 20px solid #f0f0f0;
  margin-top: 5px; }

.jba2-desktop-menu.active {
  opacity: 1;
  pointer-events: auto; }

.navbar-brand {
  background-image: url("../../images/theme-jba/logo-96x96.png");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 40px;
  margin-left: 15px; }

.jba2-navbar {
  background-color: #bea027;
  margin-top: 0px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  padding-top: 0px;
  position: fixed;
  bottom: 0;
  z-index: 9999;
  width: 100%; }

.jba2-navbar-item {
  color: white;
  font-size: 24px;
  width: 160px;
  text-align: center;
  border: none;
  border-bottom: none;
  margin: 0px;
  /*border-radius: 10px 10px 0px 0px;*/
  padding: 5px 0 2px 0;
  letter-spacing: 1px;
  font-weight: 400;
  line-height: normal; }

.jba2-navbar-item span {
  display: none; }

.jba2-navbar-item i {
  display: inline-block;
  border: none;
  margin: 0; }

.jba2-navbar-item.active, .jba2-navbar-item:hover, .jba2-navbar-item:focus {
  background-color: #f0f0f0;
  color: #bea027;
  box-shadow: none; }

.jba2-navbar-item-active span {
  color: #bea027; }

.jba2-navbar-item-active i {
  color: #bea027; }

.jba2-navbar-item:hover {
  background-color: #f0f0f0;
  color: #bea027;
  text-decoration: none; }

.jba2-header {
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #bea027;
  margin-top: 0px;
  background-size: cover;
  background-position: center right;
  background-repeat: no-repeat;
  min-height: 250px;
  position: relative; }

.jba2-header-just-background {
  height: 200px; }

.jba2-header-just-background .jba2-header-left {
  -ms-flex-pack: end;
  justify-content: flex-end; }

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

.jba2-right-border {
  border-right: 2px solid #ffffff; }

.jba2-header-left {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-left: 10px;
  z-index: 2; }

.jba2-header-left h1 {
  font-family: "Asar", serif;
  font-size: 46px;
  margin-top: .7em; }

.jba2-header-left p {
  padding-right: 20%; }

.jba2-header-left .jba2-btn p {
  padding-right: 0; }

.jba2-header-right {
  width: 20%;
  background-image: url("../../images/theme-jbanew/header-slant-box.png");
  background-size: 100% 100%;
  color: #f0f0f0;
  padding: 2em 2em 1em 3em;
  margin: 10px 0;
  text-align: center;
  z-index: 2; }

.jba2-header-right h2 {
  font-size: 60px;
  font-family: "Asar", serif; }

.jba2-header-blue-slant {
  background-image: url("../../images/theme-jbanew/header-blue-slant-box.png");
  color: #000000;
  padding-left: 10%; }

.jba2-header-blue-slant h2 {
  font-size: 20px; }

.jba2-header-blue-slant p {
  font-size: 16px; }

.jba2-subnav {
  display: -ms-flexbox;
  display: flex;
  margin-top: 25px;
  overflow-x: scroll; }

.jba2-subnav-item {
  color: #f0f0f0;
  background-color: #bea027;
  min-width: 136px;
  text-align: center;
  border: 1px solid #bea027;
  border-radius: 8px 8px 0 0;
  border-bottom: none;
  margin: 0 2px;
  padding: 5px 5px 2px 5px;
  font-weight: 400;
  cursor: pointer;
  letter-spacing: 1px;
  font-size: 13px;
  text-transform: uppercase;
  line-height: normal;
  white-space: nowrap; }

.jba2-subnav-item:hover {
  text-decoration: none; }

.jba2-subnav-item:active {
  text-decoration: none; }

.jba2-subnav-item:focus {
  text-decoration: none;
  color: #f0f0f0; }

.jba2-subnav-item.active {
  color: #bea027;
  background-color: #f0f0f0;
  /*This part could be an issue*/
  padding: 5px 5px 3px 5px;
  margin-bottom: -1px; }

.jba2-subnav-item:hover, .jba2-subnav-item:focus {
  color: #bea027;
  background-color: #f0f0f0;
  box-shadow: none; }

.jba2-subnav-item p {
  margin: 0; }

.jba2-title {
  font-family: "Asar", serif;
  display: block;
  color: #000000; }

.jba2-title.white {
  color: #f0f0f0; }

.jba2-title-section {
  padding-bottom: 1em; }

.jba2-page-title {
  font-family: "Asar", serif;
  width: auto;
  display: inline-block;
  background-image: url("../../images/theme-jbanew/title-slant.png");
  background-size: 100% 100%;
  color: #f0f0f0;
  padding: 10px 3em 10px 25px;
  min-width: 300px; }

.jba2-page-title-white {
  background-image: url("../../images/theme-jbanew/title-slant-white.png");
  color: #000000; }

.jba2-page-title-purple {
  background-image: url("../../images/theme-jbanew/title-slant-purple.png"); }

.jba2-page-title-blue {
  background-image: url("../../images/theme-jbanew/title-slant-blue.png"); }

.jba2-page-title-mainfreight {
  background-image: url("../../images/theme-jbanew/title-slant-mainfreight.png"); }

.jba2-page-title-qrc {
  background-image: url("../../images/theme-jbanew/title-slant-qrc.png"); }

.jba2-page-title-westcoast {
  background-image: url("../../images/theme-jbanew/title-slant-westcoast.png"); }

.jba2-page-title-msd {
  background-image: url("../../images/theme-jbanew/title-slant-msd.png"); }

.jba2-page-title-competenz {
  background-image: url("../../images/theme-jbanew/title-slant-competenz.png"); }

.jba2-page-title-transparent {
  background-image: none;
  color: #000000;
  padding-right: 0;
  width: auto;
  margin-bottom: 5px; }

a {
  color: #bea027; }

a:focus,
a:hover {
  color: #a98e23;
  text-decoration: underline; }

.btn {
  padding: 4px 22px;
  border-radius: 5px; }

.btn-primary,
.btn-success {
  background-color: #bea027;
  border: none; }

.btn-primary:hover {
  background-color: #a98e23; }

.btn-primary:focus {
  background-color: #a98e23; }

.btn-primary:active {
  background-color: #a98e23 !important; }

.btn-success:hover {
  background-color: #a98e23; }

.btn-success:focus {
  background-color: #a98e23; }

.btn-success:active {
  background-color: #a98e23 !important; }

.btn-warning {
  background-color: #a98e23;
  color: #f0f0f0;
  border-color: #a98e23; }

.btn-warning:hover {
  background-color: #f0f0f0;
  color: #a98e23;
  border-color: #a98e23; }

.btn-warning:active {
  background-color: #f0f0f0 !important;
  color: #a98e23;
  border-color: #a98e23; }

.btn-warning:focus {
  background-color: #f0f0f0;
  color: #a98e23;
  border-color: #a98e23; }

.navbar-default .navbar-nav > li > a {
  color: #f0f0f0; }

.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
  color: #bea027; }

.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:active {
  color: #bea027; }

.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:focus {
  color: #bea027; }

.jba2-container {
  padding: 0 15px; }

.jba2-container-left {
  padding: 0; }

.navbar > .container .navbar-brand,
.navbar > .container-fluid .navbar-brand {
  margin-left: 15px; }

.jba2-course-header p {
  margin: 0 1em;
  font-size: 15px; }

footer {
  margin-bottom: 45px; }

/*Here are some styles for just the admin page*/
.users .user-search select {
  border-radius: 5px 0 0 5px; }

.users .user-search .input-group {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-positive: 1;
  flex-grow: 1; }

.input-group .form-control {
  border-radius: 0; }

.users .user-search .input-group .input-group-btn {
  width: auto; }

.input-group-btn {
  border: 1px solid #BDBDBD;
  border-radius: 0 5px 5px 0; }

.input-group-btn button {
  padding: 6px 22px;
  width: calc(100% + 1px); }

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
  z-index: 3;
  color: #f0f0f0;
  background-color: #bea027 !important;
  border-color: #bea027 !important; }

.pagination > li > a,
.pagination > li > span {
  color: #bea027;
  text-decoration: none;
  background-color: #f0f0f0;
  border: 1px solid #ddd;
  cursor: pointer; }

.pagination > .disabled > a,
.pagination > .disabled > a:focus,
.pagination > .disabled > a:hover,
.pagination > .disabled > span,
.pagination > .disabled > span:focus,
.pagination > .disabled > span:hover {
  color: #ddd;
  text-decoration: none;
  background-color: #f0f0f0;
  border: 1px solid #ddd;
  pointer-events: none; }

.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover {
  z-index: 2;
  color: #f0f0f0;
  background-color: #bea027;
  border-color: #ddd; }

.form-control:hover,
.form-control:focus,
.form-control:active {
  border-color: #bea027 !important; }

.form-control {
  border-radius: 5px;
  border: 1px solid #ddd; }

.select2-container--default .select2-selection--multiple {
  border-radius: 5px;
  border: 1px solid #ddd; }

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
  border-radius: 5px; }

.select2-container {
  width: 100% !important; }

.jba2-course-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.jba2-course-subtitle {
  text-align: left;
  color: #bea027;
  font-style: italic; }

.jba2-course-info {
  display: inline-block;
  width: 100%;
  padding-right: 15px;
  padding-left: 6%; }

.jba2-course-info h2, .jba2-course-info h3 {
  font-family: "Asar", serif;
  text-align: left;
  margin-top: 2em;
  font-weight: 900; }

.jba2-course-info .jba2-bus-title h2 {
  margin: .5em 0; }

.jba2-course-info h3:first-of-type {
  margin-top: 1em; }

.jba2-course-links {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 3em; }

.jba2-course-links a {
  font-size: 12px;
  margin: .8em; }

.jba2-btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #bea027;
  color: white;
  transition: transform 0.15s;
  transform: scale(1);
  border-width: 0px;
  white-space: normal;
  border-radius: 500px;
  min-width: 100px;
  font-weight: 200;
  font-family: Avenir Next , sans-serif; }

.jba2-btn-tab {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid #bea027;
  color: #bea027;
  transition: transform 0.15s;
  transform: scale(1);
  white-space: normal;
  border-radius: 6px;
  min-width: 100px;
  font-weight: 400; }

.jba2-btn-tab:active {
  text-decoration: none; }

.jba2-btn-tab:focus {
  text-decoration: none; }

.jba2-btn-tab.disabled {
  pointer-events: none;
  background-color: #AFACAA;
  border: 1px solid #AFACAA;
  color: white; }

.jba2-btn.hollow {
  border: 1px solid #bea027;
  background: transparent;
  color: #bea027; }
  .jba2-btn.hollow:hover {
    background: #bea027; }

.note-editable {
  min-height: 150px; }

.subscription-note {
  text-decoration: line-through;
  -webkit-text-decoration-color: #00a889;
  text-decoration-color: #00a889; }

.jba2-btn-tab.active {
  background-color: #bea027;
  border: 1px solid #bea027;
  color: #f0f0f0; }

.jba2-btn.disabled {
  background-color: #AFACAA;
  color: #f0f0f0;
  pointer-events: none; }

.jba2-btn-xs {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5; }

.jba2-btn-sm {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5; }

.jba2-btn-lg {
  padding: 6px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 20px; }

.jba2-btn-xl {
  padding: 10px 22px;
  font-size: 24px;
  line-height: 1.3333333; }

.jba2-btn:hover {
  background-color: #a98e23;
  color: #f0f0f0;
  text-decoration: none; }

.jba2-btn-tab:hover {
  background-color: #bea027;
  color: #f0f0f0;
  text-decoration: none; }

.jba2-btn.green {
  background-color: #38b54a; }

.jba2-btn.green:hover {
  background-color: #247530; }

.jba2-btn.red {
  background-color: #dc0000; }

.jba2-btn.red:hover {
  background-color: #8d0c0c; }

.jba2-btn.blue {
  background-color: #00a889; }

.jba2-btn.blue:hover {
  background-color: #00a889; }

.jba2-pitch-list-item {
  min-height: 100px;
  background: white;
  border-radius: 10px;
  padding: 10px;
  box-shadow: 0 4px 4px 2px rgba(0, 0, 0, 0.3);
  margin-bottom: 24px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.jba2-pitch-list-item .row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center; }

.jba2-pitch-list-buttons {
  text-align: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center; }

.jba2-pitch-list-buttons p {
  margin: 0; }

.jba2-pitch-list-buttons button {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  margin: 0 10px; }

.jba2-pitch-list-name {
  font-size: 16px;
  font-weight: 600; }

.jba2-pitch-list-icon {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center; }

.jba2-pitch-list-icon i {
  position: static;
  font-size: 40px; }

.jba2-pitch-list-company {
  background: transparent;
  border: none;
  padding: 0px;
  display: block;
  font-size: 14px;
  margin: 4px 0; }

.jba2-pitch-list-pitched {
  border-top: 1px solid dimgray;
  padding: 5px 0;
  margin: 5px 0 0 0; }

.jba2-mini-job-card {
  background: white;
  border-radius: 10px;
  padding: 10px;
  box-shadow: 0 4px 4px 2px rgba(0, 0, 0, 0.3);
  margin-bottom: 20px; }

.jba2-mini-job-card a {
  font-weight: 600;
  font-size: 16px; }

.jba2-mini-job-card p i {
  width: 14px;
  margin-right: 5px; }

.jba2-mini-job-card-details {
  margin-top: 5px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center; }

.jba2-mini-job-card-details img {
  width: 70px;
  height: 70px; }

.jba2-course-header-details {
  -ms-flex: 1;
  flex: 1;
  display: -ms-flexbox;
  display: flex; }

.carousel-card {
  padding: 10px; }

.carousel-card:focus {
  outline: none; }

.carousel-card .element-item {
  width: 100%;
  margin: 0; }

.jba2-course-carousel {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center; }
  .jba2-course-carousel .slick-arrow {
    height: 40px;
    width: 40px;
    -ms-flex-negative: 0;
    flex-shrink: 0; }
  .jba2-course-carousel .slick-slide {
    height: auto; }

button.slick-arrow {
  border: none;
  background: transparent; }

.bu-card-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.slick-disabled {
  opacity: .2; }

.jba2-slider-load-row {
  opacity: 0;
  transition: .2s all; }

[v-cloak] {
  display: none; }

.section-progress-filled {
  position: absolute;
  height: 100%;
  width: 100% !important;
  background: url(../../images/course-assets/blob-box/blue-blob-box.svg);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  border-radius: 30px;
  transition: .75s width 2s;
  background-clip: content-box; }

.profile-page .profile-section, .profile-page .profile-section-banner {
  opacity: 0;
  transition: .3s all;
  transform: scale(0.95) translateX(10px) translateY(10px);
  box-shadow: 0 4px 4px 2px rgba(0, 0, 0, 0.3); }

#v-company-profile .profile-section, #v-company-profile .profile-section-banner {
  opacity: 0;
  transition: .3s all;
  transform: scale(0.95) translateX(10px) translateY(10px);
  box-shadow: 0 4px 4px 2px rgba(0, 0, 0, 0.3); }

.profile-personal-information-border {
  opacity: 0;
  transition: .3s all;
  transform: scale(0.95) translateX(10px) translateY(10px); }

.pitch-profile-buttons {
  opacity: 0;
  transition: .3s all;
  transform: scale(0.95) translateX(10px) translateY(10px);
  padding: 1em; }
  .pitch-profile-buttons a {
    margin: 5px; }

.jba2-modal .modal-header {
  background-color: #a98e23 !important;
  color: #F0F0F0;
  padding: 10px; }

.jba2-modal h4 {
  font-family: "Asar", serif;
  font-size: 26px;
  margin: 0; }

.profile-page h4 {
  font-family: "Asar", serif;
  font-size: 26px;
  margin: 0; }

.pi-card h4 {
  font-size: 20px;
  margin: 0px 0 15px 0; }

.profile-page .close, .jba2-modal .close {
  color: #F0F0F0;
  text-shadow: none;
  opacity: 1;
  font-size: 30px; }

.jba2-modal .modal-content {
  border-radius: 0 0 10px 10px;
  background-color: #F0F0F0;
  padding-bottom: 50px; }

.modal-subnav {
  border-bottom: 1px solid #a98e23;
  padding-left: 20px;
  margin-top: 10px; }

.modal-subnav button {
  color: #F0F0F0;
  background-color: #a98e23;
  width: 130px;
  text-align: center;
  border: 1px solid #a98e23;
  border-radius: 8px 8px 0 0;
  border-bottom: none;
  margin: 0 2px;
  padding: 5px 0 2px 0;
  font-weight: 400;
  cursor: pointer;
  letter-spacing: 1px;
  font-size: 13px;
  text-transform: uppercase; }

.modal-subnav button.active {
  color: #a98e23;
  background-color: #F0F0F0;
  width: 130px;
  text-align: center;
  border: 1px solid #a98e23;
  border-radius: 8px 8px 0 0;
  border-bottom: none;
  margin: 0 2px;
  padding: 5px 0 2px 0;
  font-weight: 400;
  cursor: pointer;
  letter-spacing: 1px;
  font-size: 13px;
  text-transform: uppercase;
  transform: translateY(1px); }

.profile-item-title {
  font-size: 14px;
  font-weight: 600; }

.profile-header-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 20px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  z-index: 2; }

.profile-header-item {
  width: 48%;
  margin-top: 28px;
  background: white;
  border-radius: 10px;
  padding-top: 20px;
  box-shadow: 0 4px 4px 2px rgba(0, 0, 0, 0.3); }

.profile-header-top {
  text-align: center; }

.profile-header-top i {
  font-size: 40px; }

.profile-header-bottom {
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  transform: translateY(20px);
  text-transform: uppercase;
  white-space: nowrap; }

.profile-header-bottom > div {
  width: auto;
  min-width: 50px; }

.profile-header-number {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  background-color: #bea027;
  color: white;
  border-radius: 10px;
  font-size: 30px;
  font-family: "Asar", serif;
  box-shadow: 0 4px 4px 2px rgba(0, 0, 0, 0.3);
  cursor: pointer;
  line-height: normal; }

.profile-header-number.disabled {
  color: #f0f0f0;
  background-color: #AFACAA;
  pointer-events: none; }

.profile-header-number:hover {
  background-color: #a98e23;
  color: #f0f0f0;
  text-decoration: none; }

.profile-header-title {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 10px;
  font-weight: 500; }

.pi-card {
  padding: 15px; }

.pi-card p {
  margin: 0; }

#editSkills .skills-item {
  background: #323232 !important;
  border-radius: 10px;
  color: #F0F0F0;
  margin-top: 3px;
  font-size: 14px;
  padding: 0 5px; }

#editSkills .skills-item > div {
  height: 30px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center; }

#editSkills .skills-item i {
  color: #F0F0F0;
  margin: 0 3px; }

#editSkills .skills-list {
  margin-top: 15px; }

.skill-check {
  color: #59C7D9 !important;
  pointer-events: none;
  padding: 0 10px; }

.jba2-mobile-container-header-allowance {
  margin-bottom: 43px;
  padding: 50px 0; }

.pagination li a, .pagination li button, .pagination li > span {
  margin: 0 2px;
  background-color: transparent;
  color: #bea027;
  border-radius: 8px !important;
  font-size: 12px;
  padding: .3em .5em;
  min-width: 30px;
  text-align: center;
  border: 1px solid #bea027;
  padding: 0px 10px; }

.pagination li button.disabled {
  pointer-events: none;
  color: #757575;
  border: 1px solid #757575; }

.pagination li a.active, .pagination li.active button {
  background-color: #bea027;
  color: #f0f0f0; }

.pagination > li > a:hover, .pagination > li > button:hover {
  z-index: 2;
  color: #f0f0f0;
  background-color: #bea027;
  border-color: #bea027; }

.profile-page-pitch-view .contact-profile-picture-wrapper {
  height: 50px;
  width: 50px; }

.sgb-container {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-align: start;
  align-items: flex-start; }

.sgb-right {
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0 10px 10px 10px; }
  .sgb-right .sgb-table {
    display: none;
    width: 88%;
    background: #323232;
    color: white;
    padding: 10px;
    overflow-x: scroll; }
    .sgb-right .sgb-table .sgb-icon-button {
      background: #bea027;
      color: white;
      border-radius: 50px;
      height: 26px;
      width: 26px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-pack: center;
      justify-content: center;
      margin: 0 auto;
      border: none; }
    .sgb-right .sgb-table table {
      border-collapse: collapse; }
      .sgb-right .sgb-table table img {
        height: auto;
        width: 25px;
        border-radius: 0px; }
    .sgb-right .sgb-table td, .sgb-right .sgb-table th {
      padding: 6px;
      text-align: center;
      vertical-align: middle; }
    .sgb-right .sgb-table td:first-child {
      text-align: left; }
    .sgb-right .sgb-table td + td,
    .sgb-right .sgb-table th + th {
      border-left: 1px solid #5a5a5a; }
    .sgb-right .sgb-table tr + tr {
      border-top: 1px solid #5a5a5a; }
  .sgb-right .sgb-table-button {
    background: #323232;
    color: white;
    border: none;
    height: 12px;
    padding: 0px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    width: 88%;
    border-radius: 0px 0px 25px 25px; }
    .sgb-right .sgb-table-button span {
      line-height: 10px;
      margin: 0 auto; }

.jba2-sgb {
  margin: 0 15px;
  -ms-flex-positive: 1;
  flex-grow: 1;
  width: auto;
  margin-bottom: 0px; }

.sgb-container p {
  margin: 0; }

.sgb-container > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center; }

.jba2-sgb {
  background: transparent;
  border: 2px solid #323232;
  border-radius: 30px;
  margin: 0px;
  height: 25px;
  font-style: italic;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-positive: 0;
  flex-grow: 0;
  width: 100%;
  margin-bottom: 0px; }

.jba2-sgb p {
  margin: 0;
  font-size: 14px; }

.jba2-sgb-filled {
  background-image: linear-gradient(to bottom, #bea027 50%, #947c1e 50%);
  border-radius: 30px;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  color: white; }

.jba2-sgb-empty {
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-positive: 1;
  flex-grow: 1; }

.sgb-container img {
  width: 40px;
  height: 40px;
  border-radius: 500px; }

.modal-card {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  box-shadow: 0 4px 4px 2px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  margin: 10px;
  padding: 10px;
  background: white;
  -ms-flex-align: center;
  align-items: center; }

#boostModal .modal-content h4 {
  font-size: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center; }

.jba2-save.active {
  background: #bea027;
  color: white;
  border-radius: 10px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center; }

.profile-progress-container {
  display: -ms-flexbox;
  display: flex;
  background: transparent;
  border-radius: 30px;
  border: 1px solid #00a889;
  margin: 10px 0;
  width: 100%; }

.profile-progress-container span {
  font-style: italic;
  color: #00a889; }

.progress-container-filled {
  background: #00a889;
  border-radius: 30px;
  padding: .2em 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  transition: .75s all ease;
  width: 0px; }

.progress-container-filled i {
  color: #00a889;
  margin: 0 10px; }

.progress-container-empty {
  -ms-flex: 1;
  flex: 1;
  padding: .2em 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center; }

.profile-progress-container.complete {
  border: 1px solid #00a889; }

.profile-progress-container.complete .progress-container-filled {
  background: #00a889; }

.profile-header-bar {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  background-color: #bea027;
  color: white;
  border-radius: 10px;
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5); }

.profile-header-bar .profile-progress-container {
  height: 22px;
  margin: 10px;
  background: transparent;
  border: 1px solid white; }

.profile-header-bar .profile-progress-container.complete {
  height: 22px;
  margin: 10px;
  background: #00a889;
  border: 1px solid #00a889; }

.profile-header-bar .progress-container-filled {
  background: white; }

.fade-transition {
  transform: translateX(0px);
  opacity: 1; }

.fade-enter, .fade-leave {
  opacity: 0;
  transform: translateX(-40px); }

.sgb-goodluck {
  color: #38b54a;
  font-weight: 600;
  width: 100px; }

.jba2-sgb-empty span {
  display: none; }

.header-score {
  margin: 15px;
  font-size: 30px; }

.header-score.fa-check {
  color: #38b54a; }

.header-score.disabled {
  color: #e8e8e8; }

.absolute-header-score {
  margin: 15px;
  color: #AFACAA;
  position: absolute;
  right: 0;
  top: 0; }

.profile-picture-header-score {
  color: #AFACAA;
  font-size: 30px;
  margin: 15px;
  position: absolute;
  right: 0;
  top: 0; }

.profile-picture-header-score.fa-check {
  color: #38b54a; }

.profile-picture-header-score.fa-times {
  color: #dc0000; }

.profile-picture-header-score.disabled {
  color: #4a4a4a; }

#pitchBar {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-direction: column;
  flex-direction: column; }

.company-profile-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center; }
  .company-profile-header img {
    height: 60px; }
  .company-profile-header h4 {
    margin-left: 16px; }

#companyProfileModal a {
  display: block;
  margin: 15px 0; }

#v-company-profile input {
  border: 1px solid #323232;
  margin-bottom: 16px; }

.changes-saved-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center; }

.changes-saved {
  color: #38b54a;
  font-size: 12px;
  opacity: 0;
  transition: .2s all; }

.form-disclaimer {
  color: #dc0000; }

.note-popover .popover-content, .panel-heading.note-toolbar {
  padding: 5px 0 5px 5px !important; }

.note-btn {
  background-color: #f1f1f1;
  border: 1px solid #cacaca;
  color: black; }

.note-popover .popover-content .note-color .dropdown-menu .btn-group .note-color-reset, .panel-heading.note-toolbar .note-color .dropdown-menu .btn-group .note-color-reset {
  background-color: #f1f1f1;
  border: 1px solid #cacaca;
  color: black; }

.note-btn:hover {
  background-color: #d2d2d2; }

.note-popover .popover-content .note-color .dropdown-menu .btn-group .note-color-reset, .panel-heading.note-toolbar .note-color .dropdown-menu .btn-group .note-color-reset:hover {
  background-color: #d2d2d2; }

.note-popover .popover-content > .btn-group, .panel-heading.note-toolbar > .btn-group {
  margin-top: 5px !important; }

.boost-modal-complete {
  color: #38b54a;
  font-size: 20px; }

.red-text {
  color: #dc0000; }

.green-text {
  color: #38b54a; }

.blue-text {
  color: #00a889; }

.no-border {
  border: none; }

.fa-pencil-square-o {
  cursor: pointer; }

.jba2-nav {
  position: fixed;
  width: 100%;
  height: 50px;
  background-color: #000000;
  top: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  z-index: 50; }

.jba2-nav-dropdown-content i {
  margin-right: 8px; }

.jba2-nav-dropdown {
  height: 100%;
  padding: 5px;
  color: #f0f0f0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  display: none;
  background: transparent;
  border: none; }

.jba2-nav-dropdown p {
  margin: 0; }

.jba2-nav-dropdown p:hover {
  text-decoration: underline;
  cursor: pointer; }

.jba2-nav-dropdown span {
  margin-left: 6px; }

.jba2-nav-dropdown img {
  height: 40px;
  width: 40px;
  margin-left: 10px;
  background-color: white; }

.navbar-brand {
  cursor: pointer; }

.jba2-nav-dropdown-container {
  min-width: 200px;
  transform: translateX(50px);
  opacity: 0;
  transition-duration: .2s;
  transition-delay: .1s; }
  .jba2-nav-dropdown-container .jba2-nav-dropdown-items {
    padding: 0px;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    background: transparent;
    border: none;
    width: 100%; }
    .jba2-nav-dropdown-container .jba2-nav-dropdown-items .jba2-nav-dropdown-content {
      -ms-flex: 1;
      flex: 1;
      background-color: #f0f0f0;
      color: #000000;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      align-items: center; }
      .jba2-nav-dropdown-container .jba2-nav-dropdown-items .jba2-nav-dropdown-content:hover {
        color: #f0f0f0;
        background-color: #000000; }
        .jba2-nav-dropdown-container .jba2-nav-dropdown-items .jba2-nav-dropdown-content:hover a {
          color: #f0f0f0;
          text-decoration: none; }
      .jba2-nav-dropdown-container .jba2-nav-dropdown-items .jba2-nav-dropdown-content p {
        margin: 0;
        padding: 10px; }
      .jba2-nav-dropdown-container .jba2-nav-dropdown-items .jba2-nav-dropdown-content a {
        padding: 10px;
        color: #000000;
        width: 100%; }

.jba2-desktop-menu.active .jba2-nav-dropdown-container {
  transform: translateX(0px);
  opacity: 1; }

.jba2-nav-dropdown-items.active .jba2-nav-dropdown-content {
  background-color: #000000;
  color: #f0f0f0; }

.jba2-nav-dropdown-container .jba2-nav-dropdown-items .jba2-nav-dropdown-content:hover a {
  color: #f0f0f0; }

.jba2-nav-dropdown-items.active .account-settings-arrow-right {
  visibility: visible; }

.text-success {
  color: #38b54a; }

@media screen and (max-width: 449px) {
  .self-discovery-mobile-card-fix.col-xs-12 {
    padding: 0 40px; } }

@media (min-width: 450px) and (max-width: 767px) {
  .self-discovery-mobile-card-fix.col-xs-12 {
    padding: 0 64px; } }

.element-item2 .white-box p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.jba2-employer {
  cursor: pointer; }

.pitch-submit-buttons {
  text-align: center; }

.select2-container--disabled .select2-selection {
  background: #AFACAA !important; }

.select2-container--disabled .select2-selection__rendered {
  background: #AFACAA !important; }

.form-control[disabled], fieldset[disabled] .form-control {
  background: #AFACAA !important; }

@media (min-width: 768px) {
  .pitch-submit-buttons {
    text-align: right; }
  .element-item2 {
    margin: 10px; }
  .register-container {
    padding: 30px; }
  .jba2-subnav {
    margin-left: 0px;
    margin-right: 0px;
    overflow-x: initial; }
  .jba2-nav-dropdown {
    display: -ms-flexbox;
    display: flex; }
  .pitch-profile-buttons {
    padding: 2em; }
  .jba2-modal .modal-content {
    padding-bottom: 0; }
  #pitchBar {
    -ms-flex-direction: row;
    flex-direction: row; }
  .profile-section {
    border-radius: 10px !important; }
  .profile-section-banner {
    border-radius: 10px !important; }
  .profile-personal-information {
    border-radius: 10px !important; }
  .jba2-mobile-container-header-allowance {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 0px; }
  footer {
    margin-bottom: auto; }
  .profile-header-item {
    width: 20%;
    margin-top: 20px; }
  .jba2-course-header p {
    margin: 0 1em;
    font-size: 25px; }
  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand {
    margin-left: auto; }
  .jba2-hamburger {
    display: none; }
  .jba2-header {
    margin-top: auto; }
  .jba2-navbar {
    background-color: #bea027;
    margin-top: 0px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 80px;
    position: static;
    bottom: auto;
    z-index: 9999;
    width: 100%; }
  .jba2-navbar-item {
    color: white;
    font-size: 15px;
    width: 160px;
    text-align: center;
    border: 2px solid #f0f0f0;
    border-bottom: none;
    margin: 0 2px;
    border-radius: 10px 10px 0px 0px;
    padding: 7px 0 2px 0;
    letter-spacing: 1px;
    font-weight: 400; }
  .jba2-container {
    padding: 0 15px; }
  .jba2-container-left {
    padding-left: 15px;
    padding-right: 0px; }
  .jba2-header-left {
    width: 70%; }
  .jba2-header-right {
    width: 30%; }
  .jba2-navbar-item span {
    display: inline-block; }
  .jba2-navbar-item i {
    margin-right: 8px; }
  .jba2-course-info {
    padding-right: 15px; } }

@media (min-width: 992px) {
  .jba2-container {
    padding: 0 80px; }
  .jba2-container-left {
    padding-left: 80px;
    padding-right: 0px; }
  .jba2-header-left {
    width: 60%;
    padding-left: 0; }
  .jba2-header-right {
    width: 40%; }
  .jba2-course-info {
    padding-right: 15px; }
  .jba2-sgb-empty span {
    display: inline-block;
    font-size: 11px; }
  .card-view .jba2-sgb-empty span {
    display: none; } }

@media (min-width: 1200px) {
  .jba2-container {
    padding: 0 80px; }
  .admin-reports {
    padding-bottom: 30px; }
  .jba2-container-left {
    padding-left: 80px;
    padding-right: 0px; }
  .jba2-header-left {
    width: 70%; }
  .jba2-header-right {
    width: 30%; }
  .jba2-course-info {
    padding-right: 15px; } }

.jba2-columns {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.jba2-truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.jba2-w-text {
  color: #ffffff; }

.jba2-b-text {
  color: #000000; }

.jba2-main-text {
  color: #bea027 !important; }

.d-flex {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
  flex: 1; }

.j-end {
  -ms-flex-pack: end;
  justify-content: flex-end; }

.j-between {
  -ms-flex-pack: justify;
  justify-content: space-between; }

.j-evenly {
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly; }

.j-around {
  -ms-flex-pack: distribute;
  justify-content: space-around; }

.j-center {
  -ms-flex-pack: center;
  justify-content: center; }

.a-center {
  -ms-flex-align: center;
  align-items: center; }

.a-end {
  -ms-flex-align: end;
  align-items: flex-end; }

.mr10 {
  margin-right: 10%; }

.form-input {
  width: 100%; }

.form-select {
  -moz-appearance: none;
  background-image: url("../../images/theme-jbanew/select.png");
  background-repeat: no-repeat;
  background-size: 9px;
  background-position: right 8px center; }

.form-input, .form-select {
  border-radius: 5px !important;
  height: 35px;
  border: 0;
  outline: 0;
  padding: 0 13px;
  background-color: #fff !important;
  border: 1px solid #8e8e8e !important; }

.form-textarea {
  border-radius: 5px !important;
  height: auto;
  border: 0;
  outline: 0;
  padding: 13px;
  background-color: #fff !important; }

.form-button {
  border-radius: 5px;
  height: 35px;
  background-color: transparent;
  border: 1px #fff solid;
  color: #f0f0f0; }

.jba2-bshadow {
  box-shadow: 3px 3px 5px #888888; }

.element-job-list {
  background-color: #fff;
  border-radius: 5px;
  padding: 2em 2em .5em;
  box-shadow: 0 4px 4px 2px rgba(0, 0, 0, 0.3);
  width: 100%; }

.element-job-list:hover {
  box-shadow: 5px 5px 25px 0px rgba(0, 0, 0, 0.5); }

.jba2-name {
  color: #bea027 !important;
  font-weight: 600;
  font-size: 20px; }

.jba2-employer {
  background: transparent;
  border: none;
  display: block;
  padding: 0px; }

.employer-job-list {
  padding: 1em;
  margin: 0 50px;
  position: relative; }

.wh50 {
  width: 50px;
  height: 50px; }

.w-35 {
  width: 35px; }

.jba2-save {
  color: #bea027;
  font-size: 30px;
  background: transparent;
  border: none; }

.jba2-progress-bar {
  width: 100%;
  border: 2.5px #bea027 solid;
  border-radius: 15px;
  position: relative;
  box-shadow: 3px 3px 5px #888888; }

.jba2-progress {
  width: 25%;
  height: 100%;
  border: 2.5px #bea027 solid;
  background-color: #bea027;
  border-radius: 10px;
  position: absolute;
  box-shadow: 3px 0 5px #888888; }
  .jba2-progress p {
    padding: 2px 6px 0 0;
    color: #f0f0f0;
    text-align: right; }

.viewButton {
  float: left;
  margin-left: 0; }

.card-view {
  margin: 0; }

.jba2-w100 {
  width: 100px; }

.jba2-grey {
  color: dimgray; }

.fs-margin1 {
  margin-right: 0;
  margin-bottom: 16px; }

.fs-margin2 {
  margin-left: 0; }

.jba2-res-border {
  border-top: 2px #fff solid;
  border-left: 0; }

.jba2-pitches-no {
  position: absolute;
  top: 0;
  height: 100%;
  right: -45px; }

.jba2-pitches-no .jba2-btn {
  width: 150px !important;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 50px; }

.jba2-line {
  border-top: 2px dimgray solid;
  margin: 0 2em; }

.border-r30 {
  border-radius: 30px; }

.jba2-listing-title {
  position: relative;
  font-family: "Asar", serif;
  width: auto;
  display: block;
  background-size: 100% 100%;
  color: #000000;
  padding: 10px 0; }

.jba-listing-detail {
  font-family: Avenir Next , sans-serif; }
  .jba-listing-detail p {
    font-size: 13px;
    color: dimgray; }

.jba2-seeAll {
  min-width: auto;
  padding: 6px;
  position: absolute;
  top: 50%;
  right: 10%;
  color: #fff;
  transform: translateY(-50%) !important; }

.jba2-btn-w {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #f0f0f0;
  color: #bea027;
  transition: transform 0.15s;
  transform: scale(1);
  border: 1px solid #bea027;
  border-radius: 20px;
  white-space: normal; }
  .jba2-btn-w:hover {
    background-color: #bea027;
    color: #f0f0f0; }

.jba2-accepted-title {
  font-size: 25px;
  font-weight: bold; }

.jba2-ppi-success {
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(56, 181, 74, 0.8);
  z-index: 5;
  transition: all 1.75s ease-in-out;
  border-radius: 10px; }
  .jba2-ppi-success h4 {
    border: 2px #fff solid;
    border-radius: 30px;
    padding: .5em 1em; }

.jba2-z-1 {
  position: relative;
  z-index: 1; }

@media screen and (max-width: 400px) {
  .font11 {
    font-size: 11px; } }

@media screen and (max-width: 767px) {
  .jba2-accepted-title {
    font-size: 20px; } }

@media screen and (min-width: 768px) {
  .jba2-desk-flex {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  .fs-margin1 {
    margin-right: 8px;
    margin-bottom: 0; }
  .fs-margin2 {
    margin-left: 16px; }
  .jba2-res-border {
    border-top: 0;
    border-left: 2px #fff solid; }
  .modal-dialog.wide-width {
    width: 93% !important; } }

.dropdown .pv-5 {
  padding-bottom: 6px !important; }

li.dropdown-menu-item a:hover {
  background-color: #000000 !important;
  color: #fff;
  transition: all .15s ease-in-out; }

/* ---- .element-item ---- */
.slick-list {
  width: 100%; }

.jba2-industry-element.element-item {
  margin: 10px;
  position: relative;
  width: 95%;
  margin: 2.5%;
  height: auto;
  border-radius: 5px;
  padding: 1em;
  background-color: #fff;
  color: #262524;
  box-shadow: 0 4px 4px 2px rgba(0, 0, 0, 0.3);
  overflow: hidden;
  float: left; }

.jba2-industry-element.element-item:hover, .jba2-courses-element.element-item:hover, .jba2-courses-element.element-item-list-master.element-item:hover {
  box-shadow: 5px 5px 25px 0px rgba(0, 0, 0, 0.5);
  cursor: pointer;
  text-decoration: none !important;
  background-color: #fff; }

.element-item-text.black a {
  white-space: nowrap !important;
  color: #323232; }

.jba2-courses-element.element-item, .jba2-courses-element.element-item-list-master.element-item {
  box-shadow: 0 4px 4px 2px rgba(0, 0, 0, 0.3);
  transform-origin: right bottom;
  background-color: #fff; }

.jba2-courses-element.element-item-list-master.element-item {
  margin-bottom: 16px !important;
  padding: 0; }

.jba2-cur-email {
  font-weight: bold;
  border: 1px #ddd solid;
  margin: 0 0 15px;
  padding: 5px 5px 5px 16px;
  cursor: not-allowed;
  background-color: #ffffb3; }

h3.thirds-sub {
  text-align: center;
  color: #a98e23; }

.jba2-push-padding {
  padding-bottom: 1em; }

.jba2-thirds .fa {
  font-size: 100px;
  text-align: center;
  width: 100%;
  color: #a98e23; }

.jba2-contact-training {
  background: #323232;
  color: white; }

div#contact h3 {
  text-align: center;
  margin-bottom: 2em; }

form#contact-form-message input, form#contact-form-message textarea {
  background: none;
  font-size: 16px; }

div#submit input {
  background: #bea027;
  max-width: 200px;
  margin: 0 auto;
  border-radius: 20px;
  font-weight: 300; }

.contact-arrow-head {
  margin-top: 3em; }

@media (min-width: 768px) {
  .jba2-container-right {
    padding-right: 15px; }
  .jba2-half-text {
    width: 60%; }
  .jba2-thirds {
    width: 30%; } }

@media (min-width: 992px) {
  .jba2-container-right {
    padding-right: 80px; } }

.alert.review-box {
  background: #00a889;
  color: white; }

.alert.success-box {
  background: #38b54a;
  color: white; }

.confirmModal {
  display: none; }

.confirmModal {
  width: 100%;
  z-index: 999999999999;
  position: fixed;
  -ms-flex-pack: center;
  justify-content: center;
  left: 0;
  top: 0;
  height: 100%;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.9); }

.confirmModal-inner {
  background: white;
  width: 310px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  border-radius: 0 0  10px 10px;
  padding: 10px; }

.button-confirmation-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  padding-top: 1em;
  padding-bottom: 1em; }

.button-confirmation-wrap .jba2-btn {
  margin-left: 5px;
  margin-right: 5px; }

.confirmModal-inner p {
  text-align: center;
  padding-right: 0;
  padding-top: 1em;
  padding-bottom: 1em; }

.form-button {
  border-radius: 500px; }

.buttons-purple-bkgrnd .jba2-btn {
  margin: 5px; }

.buttons-purple-bkgrnd .jba2-btn:hover {
  background: #a51753; }

div#v-opportunity-list {
  position: relative;
  min-height: 1000px; }

@media screen and (max-width: 600px) {
  .jba2-btn {
    font-weight: 400 !important; } }

@media screen and (max-width: 768px) {
  .jba2-page-title {
    font-size: 26px; }
  .jba2-header:before {
    content: '';
    width: 100%;
    position: absolute;
    overflow-x: hidden;
    min-height: 249px;
    height: 100%;
    z-index: 0;
    background: rgba(255, 255, 255, 0.8); }
  .jba2-header-no-opacity:before {
    display: none; }
  .jba2-subnav {
    z-index: 10; }
  .jba2-header-left {
    z-index: 10; }
  .element-job-list {
    padding: 1em; }
  .sgb-container .sgb-left {
    display: none; }
  .sgb-container .sgb-right {
    padding-left: 0px;
    padding-right: 0px; } }

@media (min-width: 768px) and (max-width: 992px) {
  .jba2-header-tablet-opacity.jba2-header:before {
    content: '';
    width: 100%;
    position: absolute;
    min-height: 249px;
    height: 100%;
    z-index: 1;
    left: 1px;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%); } }

.element-job-list {
  margin: auto auto 25px auto;
  transition: .2s all; }

.card-view .element-job-list {
  margin: auto auto 25px auto;
  transition: .2s all; }

.jba2-pitches .element-job-list {
  width: 100%;
  margin: 0 0 10px; }

.job-form .filter-btn {
  border-color: white;
  color: white; }

.course-completed-banner {
  position: absolute;
  background: #298537;
  color: white;
  width: 260px;
  text-align: center;
  height: 30px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  transform: rotate(-25deg) translateX(-73px) translateY(-15px); }

.contact-profile-picture {
  background-position: center center;
  background-repeat: no-repeat;
  background-color: white; }

.carousel-course-card.tool-tips {
  width: 240px; }
  .carousel-course-card.tool-tips .element-item {
    height: 190px !important; }
    .carousel-course-card.tool-tips .element-item .element-item-background {
      background-size: contain; }

.jbanew-carousel {
  height: 310px; }
  .jbanew-carousel .carousel-course-card {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 240px;
    height: 230px; }
    .jbanew-carousel .carousel-course-card.tool-tips {
      height: 190px; }
  .jbanew-carousel.h250 {
    height: 250px; }
  .jbanew-carousel .slick-track {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 30px 0; }
  .jbanew-carousel .slick-active .element-item {
    transform: scale(1);
    width: 100%;
    height: 100%;
    z-index: 10;
    opacity: 1; }
  .jbanew-carousel .slick-active2 .element-item {
    transform: scale(1);
    width: 100%;
    height: 100%;
    z-index: 10;
    opacity: 1; }
  .jbanew-carousel .element-item {
    transform: scale(0.9);
    transform-origin: center;
    width: 100%;
    height: 100%;
    transition: all .45s; }
    .jbanew-carousel .element-item:hover, .jbanew-carousel .element-item:focus {
      text-decoration: none;
      box-shadow: 5px 5px 25px 0 rgba(0, 0, 0, 0.5); }
    .jbanew-carousel .element-item .element-item-text {
      height: 70px !important;
      display: block !important; }
      .jbanew-carousel .element-item .element-item-text .course-name {
        font-size: 16px; }
      .jbanew-carousel .element-item .element-item-text .course-time {
        font-size: 12px;
        line-height: normal;
        color: black;
        margin: 3px 0; }
      .jbanew-carousel .element-item .element-item-text .rating {
        unicode-bidi: bidi-override;
        direction: rtl; }
        .jbanew-carousel .element-item .element-item-text .rating .star {
          float: left;
          margin-right: 5px; }
        .jbanew-carousel .element-item .element-item-text .rating .fa-star-o {
          font-size: 14px;
          color: #323232; }
        .jbanew-carousel .element-item .element-item-text .rating .fa-star {
          color: #323232;
          font-size: 14px; }
      .jbanew-carousel .element-item .element-item-text .course-completed {
        font-size: 12px;
        color: #000000;
        position: relative;
        right: 0; }
  .jbanew-carousel .slick-arrow {
    width: 35px;
    height: 35px; }
    .jbanew-carousel .slick-arrow svg {
      width: 100%;
      height: 100%; }

.slick-right .element-item {
  transform: scale(0.9) translateX(60px);
  opacity: .25; }

.slick-left .element-item {
  transform: scale(0.9) translateX(-60px);
  opacity: .25; }

@media screen and (min-width: 450px) {
  .slick-right .element-item {
    transform: scale(0.9) translateX(-60px);
    opacity: .25; }
  .slick-left .element-item {
    transform: scale(0.9) translateX(60px);
    opacity: .25; } }

@media screen and (min-width: 768px) {
  .jbanew-carousel {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around; }
    .jbanew-carousel .carousel-course-card {
      margin: 0 10px; }
      .jbanew-carousel .carousel-course-card .element-item {
        transform: scale(1);
        width: 100%;
        height: 100%;
        z-index: 10;
        opacity: 1; } }

@media (min-width: 768px) and (max-width: 991px) {
  .jbanew-carousel .slick-list {
    width: 71%; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .jbanew-carousel .slick-list {
    width: 83%; } }

@media (min-width: 1200px) {
  .jbanew-carousel .slick-list {
    width: 91%; } }

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px; }

.form-group.flex {
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse; }

.flex-col {
  -ms-flex-direction: column !important;
  flex-direction: column !important; }

.input-group.flex {
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-top: 10px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.input-group.flex .form-select, .input-group.flex .form-input, .input-group p {
  -ms-flex-order: 2;
  order: 2; }

.input-group.flex label {
  width: 100%; }

.input-group.flex span {
  -ms-flex-order: 2;
  order: 2; }

.form-group.flex .select2 {
  margin-bottom: 0 !important; }

.form-group.flex label.error {
  -ms-flex-order: 0 !important;
  order: 0 !important; }

.form-group.flex label {
  -ms-flex-order: 1;
  order: 1; }

.form-group.flex input, .form-group.flex textarea, .form-group.flex select {
  -ms-flex-order: 1;
  order: 1; }

.note-editor.note-frame.panel.panel-default {
  -ms-flex-order: 1;
  order: 1; }

.form-group.flex .select2 {
  margin-bottom: 0 !important; }

.form-group.flex-col label.error {
  -ms-flex-order: 2 !important;
  order: 2 !important; }

.form-register .form-group {
  margin-bottom: 0 !important; }

.slick-dots {
  position: absolute;
  bottom: -25px;
  left: 0;
  display: none !important;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center; }

.slick-dots.db {
  display: block !important; }

.slick-dots li {
  position: relative;
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0;
  padding: 0;
  cursor: pointer; }

.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 10px;
  height: 10px;
  padding: 0px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent; }

.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none; }

.slick-dots li button:hover:before,
.slick-dots li button:focus:before,
.slick-dots .slick-active button:before,
.slick-dots .slick-active button:focus {
  opacity: 1;
  transform: scale(1.1); }

.slick-dots li button:before {
  font-family: 'slick';
  font-size: 15px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 10px;
  height: 10px;
  content: '•';
  text-align: center;
  opacity: .25;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.element-item.classification-card {
  height: auto !important; }

.microlearning-box {
  height: 100px; }
  .microlearning-box .microlearning-background {
    background-repeat: no-repeat;
    background-size: cover; }
    .microlearning-box .microlearning-background .microlearning-name {
      background-color: rgba(255, 255, 255, 0.7);
      top: 50%;
      transform: translateY(-50%); }

.jba2-course-carousel2 .slick-arrow {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  width: 40px;
  height: 40px; }

.jba2-course-carousel2 .cls-up {
  position: absolute;
  bottom: 0; }

.jba2-course-carousel2 .slick-hide {
  visibility: hidden; }

.jba2-btn.secondary {
  color: #bea027 !important;
  background-color: transparent !important;
  border: 1px #bea027 solid !important;
  font-weight: 400;
  padding: 6px 12px !important; }

.jba2-btn.secondary:hover, .jba2-btn.secondary.active {
  color: #f0f0f0 !important;
  background-color: #bea027 !important;
  border: 1px #bea027 solid !important; }

.jba2-btn.tertiary:hover {
  color: #f0f0f0 !important;
  background-color: #AB1654 !important; }

.jba2-btn.secondary.blue {
  color: #6E6E91 !important;
  background-color: transparent !important;
  border: 1px #6E6E91 solid !important;
  font-weight: 400; }

.jba2-btn.secondary.blue:hover {
  color: #f0f0f0 !important;
  background-color: #6E6E91 !important;
  border: 1px #6E6E91 solid !important; }

.jba2-btn.btn-bor10 {
  border-radius: 10px !important; }

.jba2-green-color {
  color: #38b54a; }

.jba2-red-color {
  color: #dc0000; }

.jba2-purple-color {
  color: #D61A69; }

.pitch-saved {
  cursor: pointer;
  margin-bottom: 0;
  font-size: 25px; }
  @media (min-width: 768px) {
    .pitch-saved {
      width: 100px; }
      .pitch-saved.auto {
        width: auto; } }

.font25 {
  font-size: 25px; }

.justify-responsive {
  -ms-flex-pack: start;
  justify-content: flex-start; }

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

.mobile-mt {
  margin-top: 8px; }

.mobile-mb {
  margin-bottom: 8px; }

@media screen and (min-width: 768px) {
  .mobile-center {
    text-align: left; }
  .mobile-mt {
    margin-top: 0; } }

@media screen and (min-width: 992px) {
  .desktop-display-ib {
    display: inline-block !important; }
  .desktop-display-flex {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-align: center;
    align-items: center; }
  .justify-responsive {
    -ms-flex-pack: end;
    justify-content: flex-end; }
  .mobile-mb {
    margin-bottom: 0; } }

@media screen and (min-width: 1200px) {
  .desktop-lg-display-flex {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-align: center;
    align-items: center; }
  .desktop-lg-display-db {
    display: block !important; }
  .accept-mar0 {
    margin: 0 !important; } }

.form-group.flex {
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse; }

.flex-col {
  -ms-flex-direction: column !important;
  flex-direction: column !important; }

.input-group.flex {
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-top: 10px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.input-group.flex .form-select, .input-group.flex .form-input, .input-group p {
  -ms-flex-order: 2;
  order: 2; }

.input-group.flex label {
  width: 100%; }

.input-group.flex span {
  -ms-flex-order: 2;
  order: 2; }

.form-group.flex .select2 {
  margin-bottom: 0 !important; }

.form-group.flex label.error {
  -ms-flex-order: 0 !important;
  order: 0 !important; }

.form-group.flex label {
  -ms-flex-order: 1;
  order: 1; }

.form-group.flex input, .form-group.flex textarea {
  -ms-flex-order: 1;
  order: 1; }

.note-editor.note-frame.panel.panel-default {
  -ms-flex-order: 1;
  order: 1; }

.form-group.flex .select2 {
  margin-bottom: 0 !important; }

.form-group.flex-col label.error {
  -ms-flex-order: 2 !important;
  order: 2 !important; }

.form-register .form-group {
  margin-bottom: 0 !important; }

/*Toggle buttons css*/
.opacityLow {
  opacity: 0.1; }

.opacityHigh {
  opacity: 0.5; }

.filterBtn {
  width: 100px; }

.loading-pitches {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  width: 100%;
  left: 0;
  -ms-flex-align: center;
  align-items: center;
  height: 100%; }

.filter-range-group p {
  margin: 1em; }

/*Toggle buttons css*/
.tgl {
  display: none; }

.tgl, .tgl:after, .tgl:before, .tgl *, .tgl *:after, .tgl *:before, .tgl + .tgl-btn {
  box-sizing: border-box; }

.tgl::-moz-selection, .tgl:after::-moz-selection, .tgl:before::-moz-selection, .tgl *::-moz-selection, .tgl *:after::-moz-selection, .tgl *:before::-moz-selection, .tgl + .tgl-btn::-moz-selection {
  background: none; }

.tgl::selection, .tgl:after::selection, .tgl:before::selection, .tgl *::selection, .tgl *:after::selection, .tgl *:before::selection, .tgl + .tgl-btn::selection {
  background: none; }

.tgl + .tgl-btn, .filter-switch {
  outline: 0;
  display: block;
  width: 4em;
  height: 2em;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.tgl + .tgl-btn:after, .tgl + .tgl-btn:before, .filter-switch:before {
  position: relative;
  display: block;
  content: "";
  width: 50%;
  height: 100%;
  z-index: 900000;
  background: white;
  border-radius: 50%;
  float: left; }

.filter-switch.filter-switch-checked:before {
  float: right; }

.tgl + .tgl-btn:after, .filter-switch:after {
  left: 0;
  transform: scale(1); }

.tgl + .tgl-btn:before {
  display: none; }

.tgl:checked + .tgl-btn:after .filter-switch-checked:after {
  left: 50%;
  transform: scale(1); }

.tgl-light + .tgl-btn, .filter-switch {
  background: #ddd;
  border-radius: 2em;
  padding: 2px;
  transition: all .4s ease; }

.tgl-light + .tgl-btn:after, .filter-switch:after {
  border-radius: 50%;
  background: #fff;
  transition: all 0.2s cubic-bezier(1, -0.28, 0, 1.43); }

.tgl-light:checked + .tgl-btn, .filter-switch-checked {
  background: #59C7D9; }

.tgl-btn-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.tgl-btn-row p {
  margin-top: 0 !important;
  margin-bottom: 0 !important; }

.max-area {
  max-width: 200px;
  margin-top: 13px; }

div#slider-range.ui-slider-range.ui-widget-header.ui-corner-all {
  border: none !important;
  border-radius: 0px;
  background: #F1E9E0; }

div#slider-range {
  background: transparent;
  border: 1.5px #D51A68 solid;
  height: 23px;
  border-radius: 20px;
  margin-top: .8em;
  margin-right: 1.5em;
  margin-left: 0.5em; }
  div#slider-range .suitability-fill {
    position: absolute;
    height: 100%;
    width: 0%;
    background-color: #D51A68;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px; }

div#slider-range span.ui-slider-handle.ui-state-default.ui-corner-all {
  outline: 0;
  background: #000;
  cursor: pointer;
  border: none;
  border-radius: 0;
  margin-left: 0;
  width: 4px;
  height: 28px; }

.light-grey {
  color: #AFACAA; }

.bu-opportunity-card {
  width: 100%;
  background: white;
  padding: 15px 15px 5px 15px;
  box-shadow: 0 4px 4px 2px rgba(0, 0, 0, 0.3);
  margin-bottom: 20px;
  transition: .2s all ease; }

.bu-opportunity-card a:hover {
  text-decoration: none; }

.bu-opportunity-card:hover {
  box-shadow: 5px 5px 25px 0px rgba(0, 0, 0, 0.5); }

.bu-opportunity-card > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center; }

.bu-opportunity-count {
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.bu-opportunity-count {
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  .bu-opportunity-count a {
    font-size: 16px; }
    .bu-opportunity-count a i {
      display: none;
      color: #000000;
      margin-right: 5px; }
    .bu-opportunity-count a span {
      font-size: 20px;
      font-weight: 500; }

.bu-opportunity-mid {
  margin-top: 10px; }

.bu-opportunity-pitch {
  margin-right: 25px; }
  .bu-opportunity-pitch i {
    font-size: 25px; }

.bu-opportunity-top > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center; }

.bu-opportunity-top h3 {
  margin: 0;
  font-size: 20px;
  word-break: break-word;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto; }

.bu-opportunity-top a {
  font-size: 20px;
  display: -ms-flexbox;
  display: flex;
  margin-left: 10px;
  -ms-flex-align: center;
  align-items: center; }

.bu-opportunity-top button {
  background-color: transparent;
  border: none;
  margin-left: 10px;
  font-size: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  color: #bea027; }

.bu-opportunity-bot p {
  color: #AFACAA;
  margin: 0;
  font-size: 12px; }

.thought-leader-modal-button {
  color: #bea027;
  background-color: transparent;
  border: none;
  text-decoration: underline; }

.bu-opportunity-card > .bu-opportunity-progress {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-top: 10px; }
  .bu-opportunity-card > .bu-opportunity-progress p {
    margin: 0;
    color: dimgray; }
  .bu-opportunity-card > .bu-opportunity-progress a {
    font-size: 20px;
    cursor: pointer; }

.bu-opportunity-bot {
  border-top: 1px solid #AFACAA;
  margin-top: 5px;
  padding-top: 5px; }

.bu-opportunity-count {
  -ms-flex-direction: column;
  flex-direction: column; }

.bu-opportunity-bot p:nth-child(2) {
  display: none; }

.bu-opportunity-bot p:nth-child(4) {
  display: none; }

.bu-opportunity-pitch {
  display: none; }

.bu-opportunity-count a i {
  display: inline-block; }

.bu-opportunity-card-progress {
  width: 100%;
  margin-left: 15px;
  margin-right: 15px; }
  .bu-opportunity-card-progress .bu-opportunity-mid {
    display: none; }
  .bu-opportunity-card-progress .bu-opportunity-bot {
    display: none; }

.jba2-page-title > img {
  width: 100px; }

.jd-heading {
  font-family: "Asar", serif;
  font-size: 20px;
  margin: 0 0 10px 0; }

.jd-heading:not(:first-child) {
  margin-top: 35px; }

.side-job-title {
  font-size: 22px; }

.jba2-page-title-wrap:first-child .jba2-page-title-transparent {
  margin-top: 0px; }

.gen-req-title {
  font-weight: 500;
  padding-top: 25px;
  margin-bottom: 0px;
  font-size: 16px; }

p.gen-req-description {
  margin-top: 0px; }

.jba2-opportunity-body {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column; }

.jba2-opportunity-details p span {
  font-weight: 600; }

#jba2Listing .form-group {
  margin-bottom: 10px; }

.jba2-page-title-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center; }

.jba2-page-title-wrap .select2 {
  margin-bottom: 0px !important; }

.jba2-page-title-wrap .form-select {
  display: inline-block; }

.jba2-opportunity-body .jba2-opportunity-description {
  -ms-flex-order: 2;
  order: 2; }

.jba2-opportunity-body .jba2-opportunity-details {
  -ms-flex-order: 1;
  order: 1; }

.jba2-confirmation-modal .modal-content {
  background: white; }

.jba2-confirmation-modal .modal-header {
  background-color: transparent !important;
  color: #000000 !important; }
  .jba2-confirmation-modal .modal-header button {
    color: #000000 !important; }
  .jba2-confirmation-modal .modal-header h4 {
    color: #000000 !important;
    text-align: center; }

.jba2-confirmation-modal p {
  text-align: center; }

.jba2-confirmation-modal .modal-footer {
  text-align: center; }

.general-requirements-checkbox[type="checkbox"] {
  margin-right: 10px; }

@media screen and (min-width: 450px) {
  .bu-opportunity-bot p:nth-child(2) {
    display: none; }
  .bu-opportunity-pitch {
    display: none; }
  .bu-opportunity-count {
    -ms-flex-direction: row;
    flex-direction: row; }
  .bu-opportunity-bot p:nth-child(4) {
    display: block; }
  .bu-opportunity-count a i {
    display: none; } }

.new-job-heading .jba2-page-title {
  padding-left: 15px; }

.listing-modal-body-disabled {
  filter: brightness(80%);
  pointer-events: none; }

.listing-tab-disabled {
  filter: brightness(80%); }

@media screen and (min-width: 768px) {
  .bu-opportunity-bot p:nth-child(2) {
    display: block; }
  .bu-opportunity-pitch {
    display: block; }
  .bu-opportunity-card-progress {
    width: 49%;
    margin-left: .5%;
    margin-right: .5%; } }

@media screen and (min-width: 992px) {
  .jba2-opportunity-body {
    -ms-flex-direction: row;
    flex-direction: row; }
  .jba2-opportunity-body .jba2-opportunity-description {
    padding-right: 80px;
    -ms-flex-order: 1;
    order: 1; }
  .jba2-opportunity-body .jba2-opportunity-details {
    -ms-flex-order: 2;
    order: 2; } }

@media screen and (min-width: 1200px) {
  .bu-opportunity-card-progress {
    width: 32%; } }

.jba2-content .rating {
  unicode-bidi: bidi-override;
  direction: rtl; }
  .jba2-content .rating .star {
    float: left;
    margin-right: 5px; }
  .jba2-content .rating .fa-star-o {
    font-size: 14px;
    color: #323232; }
  .jba2-content .rating .fa-star {
    color: #323232;
    font-size: 14px; }
  .jba2-content .rating .f25 {
    font-size: 25px; }

.jba2-content .pl6 {
  padding-left: 6%; }

.jba2-course-info .course-module {
  font-family: "Asar", serif;
  border: 2px #fff solid;
  border-radius: 5px;
  padding: 1em;
  margin-bottom: 1em; }
  .jba2-course-info .course-module.locked {
    border: none;
    border-radius: 5px;
    padding: .5em 1em;
    background-color: #ccc; }
  .jba2-course-info .course-module .module-completed {
    font-size: .9em;
    font-weight: 500; }
  .jba2-course-info .course-module .module-locked {
    margin-right: 1em; }
  .jba2-course-info .course-module .module-locked i {
    font-size: 45px; }
  .jba2-course-info .course-module .module-flex {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center; }
  .jba2-course-info .course-module .module-btn-width {
    width: auto; }

.jba2-course-info .completion-bar {
  border: 2px #323232 solid;
  border-radius: 5px;
  margin-bottom: 16px; }
  .jba2-course-info .completion-bar .squire {
    position: relative;
    height: 20px;
    width: 100%;
    float: left; }
    .jba2-course-info .completion-bar .squire.filled {
      background-color: #323232; }
      .jba2-course-info .completion-bar .squire.filled .complete-line {
        position: absolute;
        right: 2px;
        width: 2px;
        height: 120%;
        background-color: #fff;
        top: -2px;
        transform: rotate(-6deg); }
      .jba2-course-info .completion-bar .squire.filled:last-child .complete-line {
        display: none; }
    .jba2-course-info .completion-bar .squire:after {
      content: '';
      line-height: 0;
      font-size: 0;
      width: 0;
      height: 0;
      border-top: 2px solid #323232;
      border-bottom: 20px solid transparent;
      border-left: 0;
      border-right: 2px solid #323232;
      position: absolute;
      top: 0;
      right: 0; }
    .jba2-course-info .completion-bar .squire:before {
      content: '';
      line-height: 0;
      font-size: 0;
      width: 0;
      height: 0;
      border-top: 20px solid transparent;
      border-bottom: 2px solid #323232;
      border-left: 2px solid #323232;
      border-right: 0;
      position: absolute;
      top: 0;
      left: 0; }
    .jba2-course-info .completion-bar .squire:last-child:after {
      border: 0; }
    .jba2-course-info .completion-bar .squire:first-child:before {
      border: 0; }

@media screen and (max-width: 450px) {
  .jba2-course-info .course-module .module-flex {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start; }
  .jba2-course-info .course-module .module-btn-width {
    width: 100%; }
  .jba2-course-info .course-module .module-completed, .jba2-course-info .course-module .jba2-btn {
    margin-left: 15px;
    margin-top: 15px; } }

.jba2-element-item-list {
  position: relative;
  width: 100%;
  color: #262524;
  margin: 1.5% 0;
  box-shadow: 0 4px 4px 2px rgba(0, 0, 0, 0.3);
  transform-origin: right bottom;
  transition: .1s transform;
  overflow: hidden;
  float: left;
  color: black !important;
  background-size: cover;
  border-radius: 0 0 10px 10px; }
  .jba2-element-item-list:hover {
    box-shadow: 5px 5px 25px 0px rgba(0, 0, 0, 0.5); }

.jba2-course-carousel2 .slick-hide {
  visibility: hidden; }

.jba2-course-carousel2 .slick-arrow {
  width: 40px;
  height: 40px;
  position: relative;
  left: 50%;
  transform: translateX(-50%); }

.jba2-course-carousel2 .cls-up {
  position: absolute;
  bottom: 0; }

.admin-reports .table-responsive {
  padding-top: 30px; }
  .admin-reports .table-responsive table {
    background: white; }

.admin-reports .table-responsive thead {
  white-space: nowrap; }

.reports .dowload-button {
  padding-bottom: 30px; }

a.jba2-navbar-item:focus {
  text-decoration: none !important; }

.pull-right .btn-group .form-select {
  border: 1px #000 solid !important;
  color: #000; }

.wrapper-game-exercise {
  background-image: url(../../images/course-assets/progressBar/background.png);
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column; }
  .wrapper-game-exercise .game-exercise-content {
    -ms-flex: 1;
    flex: 1;
    display: -ms-flexbox;
    display: flex; }
    .wrapper-game-exercise .game-exercise-content .game-area {
      margin: auto; }

.game-menu-bar {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 15px;
  background: white;
  box-shadow: -1px -3px 25px grey;
  border-bottom: 2px solid #bea027; }
  .game-menu-bar .game-bar-left a {
    font-size: 40px;
    color: #000000; }
    .game-menu-bar .game-bar-left a:hover, .game-menu-bar .game-bar-left a:focus {
      color: #bea027; }
  .game-menu-bar .game-bar-middle h1 {
    margin: 0px; }

.fa.default::before {
  content: "\f0a3";
  font-family: FontAwesome; }

.fa.ArtDesign::before {
  content: "\f1fc";
  font-family: FontAwesome; }

.fa.BusinessManagement::before {
  content: "\f0b1";
  font-family: FontAwesome; }

.fa.HealthWellness::before {
  content: "\f21e";
  font-family: FontAwesome; }

.fa.EnglishCourses::before {
  content: "\f1ab";
  font-family: FontAwesome; }

.fa.Games::before {
  content: "\f11b";
  font-family: FontAwesome; }

.fa.MathLogic::before {
  content: "\f1ec";
  font-family: FontAwesome; }

.fa.SelfDiscovery::before {
  content: "\f277";
  font-family: FontAwesome; }

.fa.CustomerService::before {
  content: "\f0e5";
  font-family: FontAwesome; }

.fa.PersonalDevelopment::before {
  content: "\f201";
  font-family: FontAwesome; }

.fa.NanoCourses6weeks::before {
  content: "\f13d";
  font-family: FontAwesome; }

li.select2-selection__choice {
  max-width: 95%;
  overflow: hidden;
  /*Altered two below to make word wrap work */
  word-wrap: normal !important;
  white-space: normal; }

ul.select2-selection__rendered {
  padding-right: 12px !important; }

#modules-multiple .buttons-module-area {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 10px;
  -ms-flex-align: center;
  align-items: center; }

#modules-multiple a.module-btns-course {
  background: transparent;
  color: #bea027;
  border: 1px solid #bea027;
  width: 100px;
  height: 40px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 10px;
  border-radius: 500px;
  position: relative; }

#modules-multiple a.module-btns-course:hover, #modules-multiple a.module-btns-course:focus {
  color: #bea027 !important;
  text-decoration: none !important; }

#modules-multiple a.module-btns-course[disabled] {
  opacity: 0.65;
  background: dimgray;
  border: 1px solid dimgray;
  color: white;
  pointer-events: none; }

#modules-multiple a.module-btns-course i {
  position: absolute;
  right: -10px;
  top: -10px;
  color: #11c111;
  font-size: 30px; }

#modules-multiple a.module-btns-course.course-completed {
  background: #000000;
  color: white !important; }

#modules-multiple .module-course-page-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  position: relative; }

#modules-multiple .module-course-page-left {
  border-right: 1px solid #e4e4e4;
  margin-top: 1em;
  margin-bottom: 1em;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-item-align: start;
  align-self: flex-start; }

#modules-multiple .module-course-info h4 {
  color: black; }

#modules-multiple .module-course-info p {
  font-size: 13px; }

#modules-multiple .module-course-info {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  width: 70%; }

#modules-multiple .module-tick {
  margin-right: 20px;
  color: white;
  background: #d2d2d2;
  padding: 0 2px;
  border-radius: 50%;
  font-size: 18px; }

#modules-multiple .module-tick.module-completed-tick {
  background: #14b114; }

@media screen and (max-width: 992px) {
  #modules-multiple .module-course-page-wrap {
    -ms-flex-direction: column;
    flex-direction: column; }
  #modules-multiple .module-course-page-left {
    border: none !important; } }

@media screen and (max-width: 500px) {
  #modules-multiple .buttons-module-area {
    -ms-flex-direction: column;
    flex-direction: column; }
  #modules-multiple .module-course-info {
    width: 100%; } }

.business-back {
  height: 100vw;
  max-height: 650px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center; }
  .business-back .bus-main-slant {
    max-height: 600px;
    background-image: url("../../images/theme-marketing/new-marketing/bus1.1.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left center; }

.row-break {
  border-top: 1px solid #f0f0f0;
  margin: 30px 0; }

.jba2-bus-title {
  width: 100%;
  max-width: 920px;
  position: absolute;
  top: -10px;
  z-index: 1; }

.jba2-page-title-marketing h2 {
  padding-left: 12em; }

.jba2-bus-detail p {
  margin-bottom: 25px;
  margin-top: 100px; }

.business-left-box p {
  line-height: 1.5em;
  font-size: 20px;
  margin-bottom: 30px; }

.business-left-box h1 {
  font-size: 40px;
  margin-bottom: 30px; }

.business-left-box .col-xs-6 {
  margin-left: 5%; }

.jba2-mobile-flex {
  display: -ms-flexbox;
  display: flex; }

.mob-back-img {
  position: absolute;
  top: -10px;
  background-size: cover;
  opacity: 0.3;
  background-repeat: no-repeat;
  background-position: top left; }
  .mob-back-img.stramlined {
    background-image: url("../../images/theme-marketing/new-marketing/bus/StreamlinedRecruitment.png"); }
  .mob-back-img.enterprise {
    background-image: url("../../images/theme-marketing/new-marketing/bus/EnterpriseSolution.png"); }
  .mob-back-img.upskill {
    background-image: url("../../images/theme-marketing/new-marketing/bus/UpskillTeam.png"); }
  .mob-back-img.personalised {
    background-image: url("../../images/theme-marketing/new-marketing/bus/PersonalisedCourses.png"); }

.contactForm {
  margin: 0 16px;
  border-radius: 20px; }
  .contactForm h2 {
    padding: 1em 0;
    color: #f0f0f0;
    font-family: "Asar", serif;
    text-align: center; }
  .contactForm .inputWrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .contactForm .inputWrap input[name='email'],
    .contactForm .inputWrap input[name='name'],
    .contactForm .inputWrap input[name='phone'],
    .contactForm .inputWrap textarea[name='message'] {
      background-color: transparent;
      border: 2px #f0f0f0 solid;
      border-radius: 10px;
      color: #f0f0f0;
      font-size: 14px;
      padding-left: 16px !important; }
    .contactForm .inputWrap input[name='email'].error,
    .contactForm .inputWrap input[name='name'].error,
    .contactForm .inputWrap input[name='phone'].error,
    .contactForm .inputWrap textarea[name='message'].error {
      border: 2px #bea027 solid;
      color: #bea027; }
    .contactForm .inputWrap input[name='email'],
    .contactForm .inputWrap input[name='name'],
    .contactForm .inputWrap input[name='phone'] {
      -ms-flex: 1;
      flex: 1;
      margin-bottom: 16px; }

.bus-contact-error {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.9);
  z-index: 30; }
  .bus-contact-error ul {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }

@media screen and (max-width: 479px) {
  .title-h2 {
    font-size: 25px; }
  .col-xs-6,
  .col-xs-9 {
    padding: 0 !important; }
  .contactForm .inputWrap {
    display: block; }
    .contactForm .inputWrap input[name='email'],
    .contactForm .inputWrap input[name='name'],
    .contactForm .inputWrap input[name='phone'] {
      width: 100%;
      margin: 0 0 16px !important; }
  .jba2-mobile-flex {
    display: block; }
  .jba2-page-title-marketing {
    padding-left: 1em !important; }
  .tcenter-mobile {
    text-align: center !important; }
  .timer-icon i {
    font-size: 20px; }
  .stat-title {
    font-size: 17px; }
  .timer,
  .timer1,
  .timer2 {
    font-size: 30px; }
  .business-left-box p {
    display: none; } }

@media screen and (min-width: 768px) {
  .jba2-page-title-marketing {
    padding: 1em 6em 1em 2em; }
  .jba2-bus-title {
    width: 90%; }
  .business-left-box h1 {
    font-size: 35px; }
  .business-left-box .bus-main-btn,
  .business-left-box p {
    font-size: 20px; } }

@media screen and (max-width: 767px) {
  .bus-section-img {
    visibility: hidden; }
  .m0-mobile {
    margin-top: 0 !important;
    margin-bottom: 0 !important; }
  .business-left-box h1 {
    font-size: 30px !important; }
  .business-left-box .bus-main-btn,
  .business-left-box p {
    font-size: 13px !important; }
  .business-left-box .bus-main-btn {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-item-align: center;
    align-self: center; } }

@media screen and (max-width: 991px) {
  .jba2-bus-title h2 {
    text-align: left !important;
    padding-left: 0; }
  .jba2-bus-detail p {
    margin-top: 100px; } }

.bus-section-img,
.section-img {
  visibility: visible; }
  .bus-section-img img,
  .section-img img {
    width: 100%; }

.d-flex {
  display: -ms-flexbox;
  display: flex;
  position: relative; }

.pb50 {
  padding-bottom: 50px; }

.mb50 {
  margin-bottom: 50px; }

.jba2-page-title-marketing {
  font-family: "Asar", serif;
  display: inline-block;
  background-image: url("../../images/theme-marketing/slant/title-slant.png");
  background-size: 100% 100%;
  color: #f0f0f0;
  transform: none;
  padding: 1em 1em 1em 2em; }

.course-recommended-banner {
  position: absolute;
  background: #bea027;
  color: white;
  width: 260px;
  text-align: center;
  height: 30px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  transform: rotate(-25deg) translateX(-73px) translateY(-15px); }

.course-completed-banner {
  position: absolute;
  background: #38b54a;
  color: white;
  width: 260px;
  text-align: center;
  height: 30px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  transform: rotate(-25deg) translateX(-73px) translateY(-15px); }

.list-toggle {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: end;
  justify-content: flex-end;
  cursor: pointer;
  float: right; }

.list-toggle i {
  color: #bea027;
  font-size: 30px;
  margin: 5px; }

.list-toggle i:hover {
  color: #A02C4D; }

.list-toggle-active {
  color: #6C1F5D !important; }

.flex-panel {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column; }

.self-awareness-output {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  height: 42px;
  font-family: 'AvenirNext', 'Montserrat', sans-serif;
  background-image: url(../../images/course-assets/buttons/rectangle-button.svg);
  background-repeat: no-repeat;
  background-size: 100% 100% !important;
  color: white;
  border: none !important;
  outline: none !important;
  float: left;
  position: relative;
  overflow: hidden;
  transform: scale(1);
  transition: .2s transform;
  padding: 14px;
  cursor: pointer;
  margin: 24px auto !important; }

.self-awareness-output:hover {
  background-image: url(../../images/course-assets/buttons/rectangle-button-hover.svg);
  color: white;
  text-decoration: none; }

.self-awareness-output:active {
  transform: scale(0.95); }

.element-item-flex {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.element-item {
  position: relative;
  width: 100%;
  height: 230px !important;
  color: #262524;
  margin: 1.5% 0;
  box-shadow: 0 4px 4px 2px rgba(0, 0, 0, 0.3);
  transform-origin: right bottom;
  transition: .1s transform;
  overflow: hidden;
  float: left;
  color: black !important;
  background-size: cover;
  border-radius: 0 0 10px 10px; }

.company-card {
  height: 95px;
  margin-bottom: 3em;
  padding: 0;
  border: none; }

.element-item-list-master .element-item-background {
  width: 80px !important;
  background-position: center; }

.element-item-text a {
  white-space: normal;
  color: #bea027; }

.element-item-text a:hover {
  color: #6C1F5D;
  cursor: pointer; }

.element-item:hover {
  color: black !important;
  text-decoration: none !important;
  box-shadow: 5px 5px 25px 0px rgba(0, 0, 0, 0.5); }

.element-item:active {
  color: black !important; }

.element-item:focus {
  color: black !important;
  text-decoration: none !important; }

.element-item .white-box {
  height: 100% !important; }

.element-item .row {
  height: 100%; }

.element-item > * {
  margin: 0;
  padding: 0; }

.element-item.featured {
  border: #bea027 1px solid !important; }

.element-item-text {
  height: auto;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  padding: 4px 10px;
  background: white; }

.element-item-background {
  -ms-flex-positive: 1;
  flex-grow: 1;
  transition: .2s all;
  background-size: cover;
  background-position: center; }

.element-item p {
  font-family: 'AvenirNext', 'Montserrat', sans-serif;
  font-size: 13.5px;
  margin-top: 0px;
  margin-bottom: 0px;
  line-height: 20px;
  text-align: left;
  color: black; }

.element-item .courses-container:hover {
  text-decoration: none;
  cursor: auto; }

.element-item-text a {
  margin: 0 !important;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis; }

.element-item-text p i {
  margin: 0 7px; }

.element-item-list-master .element-item:hover {
  box-shadow: none;
  color: black !important; }

.element-item-list-master .element-item:active {
  color: black !important; }

.element-item-list-master .element-item p {
  margin: 5px 0; }

.element-item-list-master .element-item .white-box {
  height: auto;
  box-shadow: none !important;
  cursor: auto; }

.element-item-list-master .element-item .white-box div .job-description {
  display: inline-block;
  cursor: auto; }

.element-item-list-master .element-item .white-box .logo {
  text-align: center; }

.element-item-list-master .element-item .white-box .logo img {
  height: 130px;
  width: auto; }

.element-item-list-master .element-item {
  width: 99.5%;
  overflow: visible;
  box-shadow: none !important;
  margin: 0 !important;
  margin-bottom: 1em !important;
  margin-top: 1em !important;
  height: 130px !important; }

.element-item-list-master .company-card {
  height: auto !important; }

.element-item .courses-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%; }

.element-item-description {
  display: none; }

.element-item-list-master .element-item {
  width: 100%;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  padding: 10px 0;
  overflow: hidden;
  transition: .1s background; }

.element-item-list-master .element-item .courses-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row; }

.element-item-list-master .element-item .element-item-background {
  width: 30%;
  height: auto; }

.element-item-list-master .element-item .element-item-text {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  height: auto;
  -ms-flex-align: start;
  align-items: flex-start;
  background: transparent; }

.element-item-list-master .element-item .element-item-text i {
  margin-left: 0px; }

.element-item-list-master .element-item .element-item-description {
  display: block;
  font-size: 12px; }

.element-item-list-master .element-item:nth-child(odd) {
  background: #f2f2f2; }

.element-item-list-master .element-item:hover {
  transform: none;
  box-shadow: none; }

.element-item-list-master .course-recommended-banner {
  position: absolute;
  background: #bea027;
  color: white;
  width: 260px;
  text-align: center;
  height: 22px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  transform: rotate(-38deg) translateX(-80px) translateY(-53px);
  font-size: 11px; }

.element-item-list-master .course-completed-banner {
  position: absolute;
  background: #38b54a;
  color: white;
  width: 260px;
  text-align: center;
  height: 22px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  transform: rotate(-38deg) translateX(-80px) translateY(-53px);
  font-size: 11px; }

.in-progress-icon {
  background-image: url(../../images/course-assets/buttons/circle-button-orange.svg); }

.output-icon {
  background-image: url(../../images/course-assets/buttons/circle-button.svg); }

.course-card-icon {
  position: absolute;
  top: 0;
  right: 0;
  margin: 5px;
  background-size: 100% 100%;
  color: white;
  display: -ms-flexbox;
  display: flex;
  height: 35px;
  width: 35px;
  transform: scale(1);
  transition: .2s all; }

.course-card-icon:hover {
  color: white; }

.course-card-icon:active {
  transform: scale(0.9);
  color: white; }

.course-card-icon i {
  margin: auto;
  font-size: 14px; }

.element-item-list-master .element-item:hover {
  background: #e6e6e6; }

.company-card .courses-container {
  -ms-flex-direction: row;
  flex-direction: row; }

.company-card .element-item-text {
  width: 60%;
  height: auto; }

.company-card .element-item-background {
  width: 95px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-positive: 0;
  flex-grow: 0; }

.element-item-list-master .company-card .element-item-text {
  -ms-flex-pack: end;
  justify-content: flex-end; }

.element-item-list-master .company-card .element-item-text {
  width: 80%; }

.element-item-list-master .company-card .company-overview {
  display: block; }

.company-overview {
  display: none; }

.element-item-list-master .company-card .element-item-background {
  width: 20%; }

@media (min-width: 768px) {
  .element-item-background {
    display: block !important; }
  .company-card {
    height: 120px;
    margin-bottom: 0; }
  .element-item-list-master .element-item .element-item-background {
    width: 30% !important;
    height: auto; }
  .element-item-list-master .company-card .element-item-background {
    width: 110px !important;
    height: 110px;
    -ms-flex-positive: 0;
    flex-grow: 0;
    margin-left: 10px; }
  .element-item-list-master .course-recommended-banner {
    position: absolute;
    background: #bea027;
    color: white;
    width: 260px;
    text-align: center;
    height: 30px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    transform: rotate(-25deg) translateX(-71px) translateY(-28px);
    font-size: 14px; }
  .element-item-list-master .course-completed-banner {
    position: absolute;
    background: #38b54a;
    color: white;
    width: 260px;
    text-align: center;
    height: 30px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    transform: rotate(-25deg) translateX(-71px) translateY(-28px);
    font-size: 14px; }
  .company-card .element-item-background {
    width: 120px;
    -ms-flex-negative: 0;
    flex-shrink: 0; } }

@media screen and (max-width: 767px) {
  .element-item {
    width: 97%;
    margin: 1.5%; } }

@media (min-width: 768px) and (max-width: 991px) {
  .self-discovery-mobile-card-fix.child {
    padding-left: 15%; }
  .element-item {
    width: 47%;
    margin: 1.5%; }
  .jbanew-course-card-narrow-container .element-item {
    width: 98%;
    margin: 1%; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .self-discovery-mobile-card-fix.child {
    padding-left: 9%; }
  .element-item {
    width: 31.3%;
    margin: 1%; }
  .jbanew-course-card-narrow-container .element-item {
    width: 48%;
    margin: 1%; } }

@media (min-width: 1200px) {
  .self-discovery-mobile-card-fix.child {
    padding-left: 5%; }
  .element-item {
    width: 23%;
    margin: 1%; }
  .jbanew-course-card-narrow-container .element-item {
    width: 31.3%;
    margin: 1%; } }

@media screen and (min-width: 767px) {
  .self-discovery-mobile-card-fix.child .element-item {
    max-width: 240px !important; } }

/* mixin for multiline */
.block-with-text {
  overflow: hidden;
  position: relative;
  max-height: 5em;
  text-align: justify;
  padding-right: 1em; }
  .block-with-text:before {
    content: '...';
    position: absolute;
    right: 0;
    bottom: 0; }
  .block-with-text:after {
    content: '';
    position: absolute;
    right: 0;
    width: 1em;
    height: 1em;
    margin-top: 0.2em;
    background: white; }

.jba2-profile-section {
  background: white;
  padding: 15px;
  width: 100%;
  text-align: left !important;
  position: relative;
  border: 1px solid #e4e4e4; }

.profile-headers {
  font-family: "Asar", serif;
  font-weight: bold;
  font-size: 22px !important;
  margin: 0 0 10px;
  word-wrap: break-word; }

.incompleted-bar {
  background: #dc0000;
  width: 20px;
  margin-right: 10px; }

.profile-page-container {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px; }

.jba2-edit-image {
  background: transparent; }

.jba2-profile-section .edit-item {
  right: 10px;
  padding: 0;
  margin: 20px 10px;
  z-index: 1;
  background: transparent;
  border: none; }

.jba2-profile-section p.objective-text {
  width: 95% !important;
  text-align: left; }

.jba2-profile-section .section-header {
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
  height: 40px !important; }

.profile-low-line {
  margin-top: 0 !important;
  margin-bottom: 0 !important; }

.profile-item .edit-item {
  top: 10px;
  z-index: 1;
  margin: 0 !important;
  background: transparent;
  border: none; }

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

.profile-item-description {
  width: 100%;
  word-wrap: break-word;
  overflow-y: hidden;
  transition: height 1s ease-in-out;
  padding-top: 15px; }

.description-show {
  width: 88%;
  text-align: center;
  margin: 0 !important; }
  .description-show i {
    color: dimgray; }
    .description-show i:hover {
      color: #323232; }

.profile-item-title {
  font-size: 17px !important; }

.showhide {
  cursor: pointer;
  margin-left: 10px;
  font-size: 25px;
  margin-bottom: 0; }

.jba2-profile-modal.jba2-modal .modal-header {
  background: #000000 !important; }

p.profile-headers.smaller {
  font-size: 20px !important;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: auto !important;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center; }

a.section-add-item.smaller i {
  font-size: 20px !important; }

a.section-add-item.smaller {
  max-width: 100% !important; }

ul.links-list {
  padding-left: 0;
  list-style: none;
  word-wrap: break-word; }

.slide.flexy-slide:focus {
  outline: none !important; }

#jba-recommended-section ul.links-list li {
  max-width: 80%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }

.jba2-profile-modal .jba2-btn {
  background: transparent;
  color: #bea027;
  border: 1px solid #bea027;
  font-weight: 400; }

.jba2-profile-modal .jba2-btn:hover {
  background: #bea027;
  color: white;
  border: 1px solid #bea027; }

.jba2-profile-modal .jba2-btn.red {
  background: transparent;
  color: #dc0000;
  border: 1px solid #dc0000; }

.jba2-profile-modal .jba2-btn.red:hover {
  background: #dc0000;
  color: white;
  border: 1px solid #dc0000; }

.jba2-profile-modal .jba2-btn.green {
  background: transparent;
  color: #38b54a;
  border: 1px solid #38b54a; }

.jba2-profile-modal .jba2-btn.green:hover {
  background: #38b54a;
  color: white;
  border: 1px solid #38b54a; }

div#liveView .modal-dialog {
  width: 95%;
  max-width: 1200px; }

div#liveView .modal-header {
  background: transparent !important;
  color: black !important; }

#liveView button.close {
  color: black !important; }

#liveView i.edit-item {
  display: none; }

#liveView .section-add-item i {
  display: none; }

.listDisc {
  list-style: disc !important;
  padding-left: 20px; }

.hover-view {
  position: absolute;
  z-index: 100;
  margin-left: 0;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center; }
  .hover-view.js-course-item {
    width: 280px !important;
    left: 10%;
    box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.5); }
  .hover-view .learner {
    box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.5); }
    .hover-view .learner p.jba2-employer {
      text-align: left;
      margin: 0 !important; }
    .hover-view .learner .row.d-flex.a-center {
      height: 30px; }
    .hover-view .learner .sgb-right .jba2-btn {
      display: none; }

.personal-information a.avatar-profile.hidden-xs img {
  width: 100px; }

.learner-backgrounds .name-background {
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

p.detail-background {
  line-height: 1.2em; }

p.skills-list-item {
  white-space: nowrap;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis; }

#liveView .sgb-right .jba2-btn {
  display: none; }

#liveView .sgb-left img {
  display: none; }

#jba-recommended-section .jba2-course-carousel {
  -ms-flex-align: start !important;
  align-items: flex-start !important; }

#liveView .edit-profile-picture.jba2-edit-image {
  display: none !important; }

#liveView .modal-header h4, .status-modal {
  display: inline; }

.status-modal {
  font-size: 26px; }

.status-modal.green {
  color: #38b54a; }

.status-modal.red {
  color: #dc0000; }

.lowOpacity {
  opacity: 0; }

#liveView .wrap-name-bit h2 {
  word-wrap: break-word;
  font-size: 22px !important; }

#liveView .edit-loader {
  display: -ms-flexbox;
  display: flex; }

div#buttonFix {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row; }

div#buttonFix button, div#buttonFix div, div#buttonFix a {
  font-weight: 500; }

.flexy-image-profile {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center; }

#jba-course-section .slick-dots.db {
  bottom: 0 !important; }

.profile-placeholder {
  background-image: url(../../images/theme-jbanew/profile-placeholder.png);
  background-size: contain;
  height: 160px;
  border: 2px solid #f2f2f2;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  transition: .2s all;
  width: 100%;
  background-color: transparent; }

.profile-placeholder .fa-plus-circle {
  font-size: 70px;
  color: #e2e2e2;
  margin: auto;
  transition: .2s all; }

.profile-placeholder:hover {
  border: 2px solid #d8d8d8; }

.profile-placeholder:hover .fa-plus-circle {
  color: #d8d8d8; }

.profile-card-flex-container {
  width: 100%; }

.profile-add-new-bar {
  background: #e4e4e4;
  border-radius: 0px 0px 10px 10px;
  padding: 5px 0;
  display: block;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  transition: 0.2s all;
  width: 100%;
  border: none; }

.profile-add-new-bar:hover {
  background: #cccccc; }

.profile-add-new-bar .fa {
  display: inline-block;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 10px; }

.jba-links-section button.fa-times {
  background-color: transparent;
  border: none; }

#editSkills .link-button {
  padding: 2px 6px 5px; }

@media screen and (min-width: 768px) {
  .scroll-sidebar {
    max-height: 100vh;
    overflow-y: scroll; }
  div#buttonFix {
    -ms-flex-direction: column;
    flex-direction: column; }
  .status-modal {
    margin-left: 20px; }
  div#buttonFix button, div#buttonFix div, div#buttonFix a {
    margin-bottom: 10px; } }

@media screen and (min-width: 992px) {
  .jba2-course-carousel.profile .slide.flexy-slide:nth-last-child(1) {
    padding-right: 0 !important; } }

@media screen and (max-width: 992px) {
  .jba2-course-carousel.profile .slick-initialized .slick-slide.flexy-slide {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-pack: center;
    justify-content: center; }
  .hover-view {
    top: 100px;
    left: 0; } }

@media screen and (max-width: 1200px) {
  #live-recommend {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  div#live-recommend .slide {
    width: 50% !important; } }

@media screen and (max-width: 768px) {
  .profile-placeholder {
    height: 100px; }
  .flexy-image-profile {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 30px; }
  div#buttonFix button, div#buttonFix div, div#buttonFix a {
    width: 30%; }
  div#buttonFix {
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around; }
  .scrolly {
    position: fixed;
    top: 1px;
    background: #f0f0f0;
    width: 95%;
    z-index: 1000000000000000;
    padding: 10px; }
  #liveView .modal-content {
    overflow-y: scroll;
    max-height: 93vh;
    margin-top: 0; }
  #liveView .scroll-sidebar section:nth-child(1) {
    padding-top: 20px; }
  div#liveView {
    max-height: 100vh !important;
    overflow: hidden; }
  #liveView.modal-header {
    padding: 10px 20px !important; }
  #liveView .jbanew-carousel .slick-active .element-item {
    width: 95%; }
  .jba2-course-carousel .slick-arrow {
    -ms-flex-item-align: center !important;
    align-self: center !important; }
  .flexy-image-profile .contact-profile-picture-wrapper {
    width: 100px;
    height: 100px; }
  .flexy-image-profile a.avatar-profile.hidden-sm.hidden-md.hidden-lg {
    width: 100px; }
  .flexy-image-profile a.avatar-profile.hidden-sm.hidden-md.hidden-lg img {
    max-width: 100%; }
  .wrap-name-bit {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .hover-view {
    display: none; } }

@media screen and (max-width: 450px) {
  li.skills-item {
    width: 100%; }
  .hidden-tiny {
    display: none; }
  .profile-headers {
    font-size: 20px !important; } }

@media screen and (min-width: 450px) and (max-width: 768px) {
  .hidden-small {
    display: none; } }

@media screen and (min-width: 450px) and (max-width: 992px) {
  li.skills-item {
    width: 48%; } }

@media screen and (max-width: 991px) {
  .md-mt30 {
    margin-top: 30px; } }

.jba2-course-carousel .slide {
  height: 190px; }
  @media screen and (max-width: 991px) {
    .jba2-course-carousel .slide .ib-mobile {
      display: inline-block; } }

.reports #advanced-filter .fa-caret-up,
.reports #expiry-from-box,
.reports #filter-panel,
.reports #no-pitch-select,
.reports #opp-title,
.reports #skills-box .select2 {
  display: none; }

.reports .btn {
  border-radius: 500px !important; }

.reports .input-group-btn {
  border-radius: 0 500px 500px 0 !important; }

.reports .input-group-btn .btn {
  border-radius: 0 500px 500px 0 !important; }

.reports .select2-search__field,
.reports input.form-control {
  font-size: 15px !important;
  padding: 6px 12px 0px 12px !important;
  margin-top: 0 !important; }

.reports .select2-selection {
  line-height: normal; }

@media screen and (max-width: 400px) {
  .reports .jba2-page-title {
    width: 100% !important; } }

select#user-search-field {
  width: 200px; }

form.user-search.mv-5 {
  display: -ms-flexbox;
  display: flex; }

#filter-panel .input-daterange input {
  max-width: none;
  text-align: left;
  min-width: 0; }

body {
  background: red; }

.jba2-content.mb100 {
  margin-bottom: 100px; }

.talent-container .row:before, .talent-container .row:after {
  content: normal !important; }

#talentEditUser {
  color: #000; }
  #talentEditUser .modal-content {
    background-color: #fff; }
    #talentEditUser .modal-content .modal-body .fa {
      font-size: 18px;
      margin-right: 4px; }
      #talentEditUser .modal-content .modal-body .fa.fa-pencil-square-o {
        color: #D61A69; }
      #talentEditUser .modal-content .modal-body .fa.fa-times-circle {
        color: red;
        width: 18px;
        cursor: pointer; }
    #talentEditUser .modal-content .modal-body .form-input#edit-user-id {
      cursor: not-allowed;
      background-color: #ddd !important; }
      #talentEditUser .modal-content .modal-body .form-input#edit-user-id:hover {
        border: 1px #000 solid !important; }
    #talentEditUser .modal-content .modal-body .fw500 {
      font-weight: 500; }

@media screen and (max-width: 768px) {
  .jba2-admin-header .jba2-header:before {
    background-color: transparent; } }

.chat-tab {
  position: fixed;
  right: 18px;
  transform: rotate(-270deg) scale(1) !important;
  transform-origin: right;
  border-radius: 0 0 10px 10px;
  top: 70%;
  border: none;
  background: white;
  padding: 0;
  margin: 10px 0;
  box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.16); }
  .chat-tab p {
    padding: 0.5em 1em 0;
    color: black;
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 16px; }

.latest-message {
  margin-left: 55px; }

.convoWhole.error .red {
  text-align: center;
  color: #dc0000;
  padding: 5px; }

.convoWhole.error .messages-container {
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center; }

.latest-message a {
  color: black; }

.latest-message p {
  width: 70%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }

.nameDate {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  width: 100%; }

.image-wrap-search.image-chat {
  max-width: 60px;
  margin: 0; }

.image-wrap-search img {
  width: 100%;
  border-radius: 50%; }

.name-chat {
  padding-left: 10px;
  padding-right: 10px;
  width: 75%;
  overflow: hidden;
  text-overflow: ellipsis; }

.scroll-bar-fix-chat {
  width: 40%;
  overflow-x: hidden; }

.convosmallWrap {
  height: 100%;
  max-height: 100%;
  overflow-y: scroll;
  width: 110%;
  padding-right: 10%; }

.profile-section.chat-modal-outer {
  height: 85vh;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: start;
  align-items: flex-start; }

.conversations {
  padding: 1em;
  position: relative;
  margin: 0 !important;
  width: 90%;
  margin-bottom: 10px !important; }
  .conversations .top-row {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    width: 100%; }

.message-details {
  margin-left: 70px;
  color: #afafaf;
  font-weight: lighter; }
  .message-details p.message-item {
    width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }

p.message-date {
  font-size: 10px; }

.convoWhole p.message-item {
  border: 1px solid dimgray;
  border-radius: 10px;
  padding: 10px;
  max-width: 80%;
  position: relative;
  -ms-flex-item-align: start;
  align-self: flex-start;
  margin-left: 10px; }
  .convoWhole p.message-item.other-talk {
    background: #a98e23;
    -ms-flex-item-align: end;
    align-self: flex-end;
    color: white;
    margin-right: 10px;
    margin-left: 0; }

.messages-wrap {
  height: calc(100% - 70px);
  overflow: scroll;
  width: 100%;
  padding-right: 10%; }

.messages-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: start;
  align-items: flex-start; }

.convoWhole p.message-item:after {
  content: '';
  position: absolute;
  border-style: solid;
  border-width: 7px 9px 7px 0;
  border-color: transparent #AFACAA;
  display: block;
  width: 0;
  z-index: 1;
  margin-top: -7px;
  left: -9px;
  top: 55%; }

.convoWhole p.message-item.other-talk:after {
  content: '';
  position: absolute;
  border-style: solid;
  border-width: 7px 9px 7px 0;
  border-color: transparent;
  display: block;
  width: 0;
  z-index: 1;
  margin-top: -7px;
  left: -9px;
  top: 55%; }

.convoWhole p.message-item.other-talk:before {
  content: '';
  position: absolute;
  border-style: solid;
  border-width: 7px 0 7px 9px;
  border-color: transparent #a98e23;
  display: block;
  width: 0;
  z-index: 1;
  margin-top: -7px;
  right: -9px;
  top: 55%; }

.chat-section-wraps {
  display: -ms-flexbox;
  display: flex;
  background: #000000;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 10px;
  margin: 0 !important;
  height: 100%;
  width: 100%; }

.convoWhole {
  padding: 10px;
  position: relative;
  height: 100%;
  max-height: 100%;
  overflow-y: visible;
  width: 60%;
  background: white;
  border-radius: 10px;
  overflow-x: hidden; }

.messages-container p.date {
  -ms-flex-item-align: center;
  align-self: center;
  color: dimgray;
  font-weight: lighter; }

.new-msg-chat p.unread-message {
  position: absolute;
  right: 25px;
  top: 0;
  background: #bea027;
  border-radius: 50%;
  width: 20px;
  height: 20px; }

.new-msg-chat h4.text-main.name-chat {
  font-weight: bold !important; }

.loader-convo {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%; }

.leave-convo {
  position: absolute;
  top: 5px;
  right: 5px;
  color: #AFACAA;
  cursor: pointer; }

.message-bar-block, .close-chat {
  display: none; }

.noMessages {
  padding: 1em;
  text-align: center;
  color: dimgray; }

.image-wrap-search.image-chat {
  margin: 0;
  width: 50px; }

#v-chat .modal-chat .modal-header.top-row {
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  height: 10%; }

.name-area.name-chat {
  padding-left: 10px; }

#v-chat .lowOpacity {
  opacity: 0; }

.chat-input {
  display: -ms-flexbox;
  display: flex;
  height: 70px;
  width: 100%; }
  .chat-input textarea {
    background: transparent;
    padding: 10px;
    resize: none;
    width: 75%;
    border: 1px solid dimgray;
    border-radius: 10px;
    margin-right: 10px; }
  .chat-input .chat-send {
    background: #bea027;
    border: 1px solid #bea027;
    color: white;
    border-radius: 10px;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 25%; }
    .chat-input .chat-send i {
      margin: 0 auto; }

.chat-input-wrap {
  border-radius: 10px;
  height: 70px; }

p.message-item {
  border: 1px solid dimgray;
  border-radius: 10px;
  padding: 10px;
  max-width: 80%;
  position: relative; }

.messages-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: start;
  align-items: flex-start; }

.modal-chat {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 999999999;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
  display: -ms-flexbox;
  display: flex;
  background: rgba(0, 0, 0, 0.7); }

#v-chat .modal-chat .modal-body {
  position: relative;
  padding: 15px;
  height: 80%;
  overflow: scroll;
  max-height: 50vh; }

.messages-container p.date {
  -ms-flex-item-align: center;
  align-self: center;
  color: dimgray;
  font-weight: lighter; }

#v-chat .modal-chat .modal-dialog {
  width: 80%;
  margin-left: auto;
  margin-right: auto; }

#v-chat .profile-section {
  border-radius: 10px !important;
  opacity: 1 !important; }

.wrap-chat-page {
  width: 100%;
  padding: 10px;
  height: 90%;
  display: -ms-flexbox;
  display: flex; }

.message-item-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px 0; }
  .message-item-wrap time {
    font-size: 10px;
    -ms-flex-item-align: end;
    align-self: flex-end;
    padding-bottom: 10px;
    padding-left: 10px; }
  .message-item-wrap.other-talk {
    -ms-flex-item-align: end;
    align-self: flex-end; }
    .message-item-wrap.other-talk time {
      -ms-flex-order: 1;
      order: 1;
      padding-right: 10px; }
  .message-item-wrap img {
    border-radius: 50%;
    width: 40px; }

p.message-item.other-talk {
  -ms-flex-order: 2;
  order: 2; }

img.other-talk-image {
  -ms-flex-order: 3;
  order: 3; }

@media screen and (max-width: 1000px) and (max-height: 700px) and (orientation: landscape) {
  #v-chat .modal-chat .modal-body {
    max-height: 500px;
    height: auto;
    min-height: 250px; }
  #v-chat .modal-chat .modal-header.top-row {
    height: auto !important; }
  #v-chat .modal-chat .modal-content {
    margin-bottom: 3em; } }

.activeConvo {
  background: #e2e2e2; }

.conversations.profile-section.activeConvo:before {
  content: '';
  position: absolute;
  border-style: solid;
  border-width: 30px 40px 30px 0;
  border-color: transparent #ffffff;
  display: block;
  top: 18%;
  margin-left: 105%;
  z-index: 1; }

p.show-only-large {
  display: none;
  padding-left: 10px;
  width: 66%; }

.visible-mobile {
  display: none; }

@media screen and (min-height: 800px) {
  p.show-only-large {
    display: block; } }

@media screen and (max-width: 768px) {
  .profile-section.chat-modal-outer {
    position: fixed;
    margin: 0;
    width: 100%;
    background: #000000;
    padding-top: 13px;
    border-radius: 0 !important; }
  .profile-section.chat-section-wraps {
    overflow-x: hidden; }
  .convosmallWrap {
    width: 100%;
    margin: 10px;
    padding-bottom: 3em;
    padding-right: 1.5em; }
  .profile-section.chat-section-wraps {
    display: block; }
  p.show-only-large {
    width: 100%; }
  #v-chat .modal-dialog {
    width: 100% !important;
    margin: 0;
    position: fixed; }
  #v-chat button.mfp-close {
    color: #AFACAA; }
  #v-chat h1.jba2-page-title {
    display: none; }
  .convoWhole {
    width: 100%;
    z-index: 100000;
    border-radius: 0;
    padding: 0 !important; }
  .conversations.profile-section {
    width: 100%; }
  .chat-tab {
    top: -5px !important;
    left: calc(60% - 100px) !important;
    right: 100% !important;
    transform: none !important;
    width: 100px !important;
    text-align: center;
    z-index: 100;
    margin-top: 0; }
  .removeMobile {
    display: none; }
  .profile-section.chat-section-wraps {
    padding: 0;
    padding-bottom: 10%; }
  .wrap-chat-page {
    height: 100%;
    padding: 0;
    padding-bottom: 2em; }
  .visible-mobile.chat-title-mobile {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center; }
    .visible-mobile.chat-title-mobile p {
      margin-bottom: 0;
      margin-top: 0;
      color: #bea027;
      font-size: 16px; }
  p.chat-title-name {
    width: 90%;
    font-weight: bold;
    text-align: center;
    letter-spacing: 0.5px;
    font-size: 18px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 10px; }
  .messages-wrap {
    padding-top: 50px;
    padding-right: 11%; }
  .visible-mobile.chat-title-mobile {
    height: 40px;
    box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.16);
    padding: 5px;
    margin-bottom: 10px;
    position: fixed;
    width: 100%;
    background: white;
    z-index: 9000000; }
  .chat-input-wrap {
    padding: 10px;
    height: 70px;
    background: white;
    position: relative;
    bottom: 9px; }
  .chat-send {
    height: auto !important; }
  .chat-input {
    height: 70px;
    margin-bottom: 20px; }
  .scroll-bar-fix-chat {
    width: 100%; }
  @-moz-document url-prefix() {
    .scroll-bar-fix-chat {
      width: 110%;
      overflow-x: unset !important; }
    .convosmallWrap {
      padding-right: 10%; } }
  #v-chat .modal-dialog {
    max-height: 85%;
    overflow-y: scroll;
    padding-top: 2em;
    margin-top: 50px;
    height: 85%; }
  #v-chat .modal-chat .modal-dialog:after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 0 30px 30px 30px;
    border-color: #000000 transparent;
    display: block;
    z-index: 9999999999;
    left: 50%;
    transform: translateX(-50%);
    top: 0; } }

@media screen and (max-height: 600px) and (max-width: 767px) {
  .profile-section.chat-modal-outer {
    height: 100%;
    overflow: scroll;
    margin: 0 !important;
    padding-bottom: 2em; }
  .messages-wrap {
    min-height: 72%; }
  .profile-section.chat-section-wraps {
    box-shadow: none; }
  .background-transparent {
    background: transparent; }
  .wrap-chat-page {
    background: #000000; } }

@media screen and (min-width: 768px) and (max-height: 700px) {
  #v-chat .modal-chat {
    overflow: scroll !important; }
  .profile-section.chat-modal-outer {
    background: white; }
  .chat-input-wrap {
    height: 50px; }
  .chat-input {
    height: 50px; }
  .messages-wrap {
    height: calc(100% - 50px);
    overflow: scroll; } }

@media screen and (min-width: 768px) and (max-height: 300px) {
  .messages-wrap {
    min-height: 200px; } }

p.unreads-chat-tab {
  position: absolute;
  top: 5px;
  right: -15px;
  color: white !important;
  background: #bea027;
  border-radius: 50%;
  height: 30px;
  width: 30px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 !important;
  transform: rotate(-90deg);
  font-weight: 200; }

#v-chat .modal-chat .profile-section {
  transform: scale(1) !important; }

.chat-header {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: start;
  justify-content: flex-start; }

.question-chat i {
  font-size: 30px;
  padding-left: 20px;
  cursor: pointer;
  color: #00a889; }

#v-chat .popover {
  color: black !important; }

@media screen and (max-width: 768px) {
  p.unreads-chat-tab {
    transform: none; }
  .question-chat i {
    padding-bottom: 10px; } }

.chat-input-wrap.disabled textarea {
  pointer-events: none;
  background: #d6d6d6; }

.chat-input-wrap.disabled button {
  background: grey;
  border-color: grey;
  pointer-events: none; }

.conversations.archived {
  background: #c3c3c3;
  pointer-events: none; }

.red-text {
  color: red; }

.pagination {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center; }

.pagination > p {
  color: #D61A69;
  margin: 0 5px; }

a.talent-card-name {
  cursor: pointer; }

.talent-card-name {
  word-break: break-all; }

.jbanew-carousel .carousel-course-card .element-item {
  -webkit-user-drag: none; }

.talent-search-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 15px; }

.talent-search-buttons {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 55px; }

.talent-search-buttons button {
  margin: 0px 5px; }

.talent-cards {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%; }

.talent-card {
  background: white;
  padding: 15px;
  width: 23%;
  margin: 5px;
  text-align: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.talent-card p {
  margin: 0; }

.talent-card-buttons {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 15px; }

.talent-card-buttons button {
  min-width: 58px;
  margin: 5px; }

.talent-card-image {
  height: 100px;
  width: 100px;
  border-radius: 100px;
  background-size: cover;
  background-position: center;
  margin: 0 auto 15px auto; }

/* always present */
.fader-transition {
  transition: all .2s ease;
  opacity: 1;
  transform: translate(0px); }

/* .expand-enter defines the starting state for entering */
/* .expand-leave defines the ending state for leaving */
.fader-enter, .fader-leave {
  opacity: 0;
  transform: translate(-5px); }

.talent-container {
  min-height: 500px;
  padding-bottom: 60px; }

.talent-container h1 {
  font-family: "Asar", serif;
  padding: 20px 0px 0px 0px; }

.serif-header {
  font-family: "Asar", serif;
  margin-top: 35px; }

.talent-search-row > .form-group {
  width: 100%;
  padding: 0px; }
  .talent-search-row > .form-group input, .talent-search-row > .form-group select {
    width: 100%; }

@media (min-width: 768px) {
  .talent-container h1 {
    padding: 20px 15px 0px 15px; }
  .talent-search-row > .form-group {
    width: 33%;
    padding: 0px 15px; }
  .modal-xl {
    width: 95%;
    max-width: 1200px; } }

@media (max-width: 767px) {
  .talent-card {
    width: 46%; }
  .talent-container {
    padding-left: 15px;
    padding-right: 15px; } }

#v-learner .loaderWrap {
  position: fixed;
  width: 100%;
  top: 50vh;
  left: 45%;
  z-index: 100000000000; }

#v-learner .opacityLow {
  opacity: 0.3; }

#v-learner .learner-backgrounds p {
  margin-bottom: 0 !important;
  margin-top: 0 !important; }

#v-learner p.name-background {
  font-size: 14px;
  color: black !important; }

#v-learner .learner-details h4 {
  font-weight: bold;
  color: #bea027 !important; }

#v-learner p.detail-background {
  font-size: 12px;
  color: #757575; }

#v-learner .filter-wrapper {
  margin-bottom: 15px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-direction: column;
  flex-direction: column; }

#v-learner .row.load-more-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: flex-end;
  padding-right: 20px;
  margin-top: 10px; }

#v-learner a.load-more-btn {
  color: #bea027 !important;
  border: 1px solid #bea027;
  padding: 0.3em 1em;
  font-size: 20px;
  font-weight: bold;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.16);
  cursor: pointer;
  margin-top: 5px;
  margin-bottom: 5px; }

#v-learner .learner-card {
  width: 48%;
  margin: 1% !important;
  padding: 1em;
  display: inline-block;
  position: relative;
  margin-bottom: 20px !important;
  min-height: 250px;
  border-radius: 10px !important; }

#v-learner .image-wrap-search img {
  width: 100%;
  height: 100%;
  border-radius: 50%; }

#v-learner .learner-list .details-wrapper {
  display: block;
  height: 200px; }

#v-learner .select2-container--disabled .selection .select2-selection {
  opacity: 0.5; }

#v-learner .select2-container--default .select2-search--inline .select2-search__field {
  margin-top: 0 !important;
  padding-top: 5px !important; }

#v-learner .select2-container .select2-selection--multiple {
  cursor: pointer !important;
  padding: 2px 0; }

#v-learner .no-results {
  text-align: center;
  padding-top: 2em;
  color: dimgray; }

#v-learner .learner-wrapper-list {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-top: 20px;
  margin-bottom: 20px; }

#v-learner .profile-section.learner-list {
  background: white;
  margin-top: 10px !important;
  margin-bottom: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  border-bottom: 1px solid #f0f0f0; }

#v-learner .row.screen-toggles.learner-search-toggles {
  padding-right: 1%; }

#v-learner .learner-card .chat-button-area a {
  float: right;
  margin-right: 10px; }

#v-learner .learner-list .learner-details {
  width: 100%; }

#v-learner .learner-card .top-row {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between; }

@media screen and (max-width: 1000px) {
  #v-learner .learner-card {
    width: 95%;
    min-height: 1px !important;
    margin: 2.5% !important; }
  #v-learner .details-wrapper {
    position: static !important;
    padding-bottom: 1em; }
  #v-learner .skills {
    position: static !important; }
  @-moz-document url-prefix() {
    #v-learner .learner-card {
      margin: 10px 2.5% !important; } } }

.learner-list .top-row {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between; }

#v-learner .name-area {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center; }

#v-learner .learner-card .chat-button-area {
  padding-top: 10px;
  float: right;
  margin-right: 10px; }

#v-learner .image-wrap-search {
  width: 60px;
  height: 60px; }

#v-learner .name-area a {
  color: #bea027;
  cursor: pointer; }

#v-learner .backgrounds-wrap {
  display: -ms-flexbox;
  display: flex;
  padding: 1.2em 1em 10px 1em;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 80%;
  height: 50%; }

#v-learner .learner-backgrounds {
  width: 50%; }

#v-learner p.name-background {
  color: #424040;
  font-size: 15px; }

#v-learner .skills {
  padding: 0 1em 0 1em;
  height: 35%; }

#v-learner .skills-item-wrap {
  display: -ms-flexbox;
  display: flex; }
  #v-learner .skills-item-wrap p {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-right: 10px;
    color: #757575;
    font-size: 14px; }

#v-learner .learner-list .detail-background, #v-learner .skills-leftover {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-right: 10px;
  color: #757575;
  font-size: 14px; }

#v-learner h4.skills-title, #v-learner .learner-list .name-background {
  font-size: 16px !important;
  margin-top: 10px !important;
  margin-bottom: 10px !important; }

#v-learner .details-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 250px; }

#v-learner .learner-wrapper-list .learner-backgrounds {
  width: 33%; }

#v-learner .learner-wrapper-list .backgrounds-wrap {
  height: 50%;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding-top: 0;
  width: 100%; }

.jba2-btn-blue {
  background: #00a889 !important; }

#v-learner .chat-button-area a {
  margin-bottom: 5px; }

#v-learner .learner-list .chat-button-area {
  padding-top: 10px;
  float: right;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: auto; }

@media screen and (max-width: 400px) {
  #v-learner .chat-button-area button.jba2-btn {
    min-width: 0; } }

@media screen and (max-width: 768px) {
  #v-learner .skills-item-wrap p {
    font-weight: 400; }
  #v-learner .chat-button-area {
    float: right;
    width: auto; }
    #v-learner .chat-button-area a {
      float: right;
      margin-right: 10px; }
  #v-learner .learner-card .top-row {
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  #v-learner .image-wrap-search {
    width: 40px;
    height: 40px;
    margin: 20px 10px !important; }
  #v-learner .name-wrap h4 {
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 80%;
    overflow: hidden; }
  #v-learner .name-wrap {
    max-width: 70%;
    overflow: hidden;
    width: 70%; }
  #v-learner .learner-backgrounds {
    width: 100%;
    padding-bottom: 20px; }
  #v-learner .backgrounds-wrap {
    width: 100% !important;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: auto !important;
    padding-bottom: 0 !important; }
  #v-learner .details-wrapper {
    height: auto; }
  #v-learner .skills {
    padding-top: 0;
    height: auto !important; } }

@media screen and (min-width: 769px) {
  #v-learner .learner-backgrounds:nth-child(2), #v-learner .learner-backgrounds:nth-child(3) {
    border-left: 2px solid dimgray;
    padding-left: 10px; } }

h5.talent-search-titles {
  font-weight: 700;
  margin-bottom: 2px !important; }

.jba2-navbar-v2-wrap {
  width: 100%;
  position: relative;
  z-index: 10;
  padding-top: 50px; }
  .jba2-navbar-v2-wrap .jba2-navbar-v2 {
    background: #bea027; }
    .jba2-navbar-v2-wrap .jba2-navbar-v2 .navbar-v2-list {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -ms-flex-pack: center;
      justify-content: center;
      padding: 0; }
    .jba2-navbar-v2-wrap .jba2-navbar-v2 a {
      color: white;
      padding: .5em 1em;
      margin: 10px;
      border-radius: 0px 10px 0px 10px; }
      .jba2-navbar-v2-wrap .jba2-navbar-v2 a.active {
        color: #bea027;
        background: white; }

.jba2-subnav-v2-wrap {
  width: 100%;
  position: relative;
  z-index: 10; }
  .jba2-subnav-v2-wrap .jba2-subnav-v2 {
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #e2e2e2; }
    .jba2-subnav-v2-wrap .jba2-subnav-v2 .subnav-v2-list {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -ms-flex-pack: center;
      justify-content: center;
      padding: 0; }
    .jba2-subnav-v2-wrap .jba2-subnav-v2 a {
      padding: 5px 10px;
      margin: 10px;
      border-radius: 0px 10px 0px 10px; }
      .jba2-subnav-v2-wrap .jba2-subnav-v2 a.active {
        background: #bea027;
        color: white; }
    .jba2-subnav-v2-wrap .jba2-subnav-v2.subnav-grey-back a {
      border-bottom: 1px solid #bea027; }
      .jba2-subnav-v2-wrap .jba2-subnav-v2.subnav-grey-back a.active {
        color: #bea027;
        background: white; }
  .jba2-subnav-v2-wrap .job-btn {
    position: fixed;
    z-index: 10;
    bottom: 10%;
    right: 10%;
    padding: 10px 10px;
    margin: 10px;
    border-radius: 10px 0px 10px 0px;
    color: white;
    background: #a98e23;
    opacity: .5; }
    .jba2-subnav-v2-wrap .job-btn:hover {
      opacity: 1; }
    .jba2-subnav-v2-wrap .job-btn img {
      width: 20px; }

.new-course-detail h3 {
  color: #000000 !important;
  font-weight: 500 !important;
  font-family: inherit; }

.admin a.jba2-subnav-item {
  border: 1px #bea027 solid; }
  .admin a.jba2-subnav-item.active, .admin a.jba2-subnav-item:hover {
    color: #bea027;
    background-color: #f0f0f0; }

input[type="text"].pHolder-color::-webkit-input-placeholder,
input[type="number"].pHolder-color::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #ccc; }

input[type="text"].pHolder-color::-moz-placeholder,
input[type="number"].pHolder-color::-moz-placeholder {
  /* Firefox 19+ */
  color: #ccc; }

input[type="text"].pHolder-color:-ms-input-placeholder,
input[type="number"].pHolder-color:-ms-input-placeholder {
  /* IE 10+ */
  color: #ccc; }

input[type="text"].pHolder-color:-moz-placeholder,
input[type="number"].pHolder-color:-moz-placeholder {
  /* Firefox 18- */
  color: #ccc; }

select.pHolder-color {
  color: #ccc; }

label.error {
  color: red; }

.form-group.flex.column {
  -ms-flex-direction: column;
  flex-direction: column; }
  .form-group.flex.column #address-error {
    -ms-flex-order: 4 !important;
    order: 4 !important; }

#jba2Listing .job-step, .double-tab .job-step {
  background-color: #a98e23;
  color: #fff;
  font-size: 20px;
  font-family: inherit;
  border-radius: 50%;
  border: 2px #a98e23 solid;
  margin-right: 16px;
  width: 50px;
  height: 50px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer; }
  #jba2Listing .job-step.active, .double-tab .job-step.active {
    background-color: #aaa;
    color: #fff;
    border-color: #aaa; }
  #jba2Listing .job-step .step, .double-tab .job-step .step {
    font-size: 11px;
    line-height: 14px; }

.job-loading {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 1020;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.5) !important;
  display: flex;
  top: 0;
  left: 0; }

body {
  background-color: #f0f0f0;
  font-family: Avenir Next , sans-serif; }

[v-cloak] .v-cloak--block {
  display: block; }

[v-cloak] .v-cloak--inline {
  display: inline; }

[v-cloak] .v-cloak--inlineBlock {
  display: inline-block; }

[v-cloak] .v-cloak--hidden {
  display: none; }

[v-cloak] .v-cloak--invisible {
  visibility: hidden; }

.v-cloak--block,
.v-cloak--inline,
.v-cloak--inlineBlock {
  display: none; }

.select2-search--dropdown {
  padding: 0 !important; }

.dropdown-wrapper {
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  right: 10px;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
  border-color: #8e8e8e transparent transparent transparent !important; }

.select2-container--open .dropdown-wrapper {
  border-width: 0px 4px 5px 4px;
  border-color: transparent transparent #D61A69 transparent !important; }

.select2-selection__arrow {
  display: none !important; }

.note-editor .panel .btn-group {
  margin: 15px 0 30px; }

.employer.magenta {
  color: #D51A68 !important; }

.course-search-wrap {
  display: -ms-flexbox;
  display: flex; }

.course-search-wrap .input-group {
  width: 85%; }

.course-search-wrap .input-group-btn {
  display: inline-block;
  border: none;
  display: block; }

.js-course-search-keyword {
  border-radius: 5px !important;
  background: #fff !important;
  height: 35px; }

.width88 {
  width: 88%; }

a.jba2-navbar-item.active span {
  font-weight: 500 !important; }

a.jba2-subnav-item.active {
  font-weight: 500; }

.width66 {
  width: 66%; }

@media screen and (max-width: 900px) {
  .course-search-wrap {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center; }
  .course-search-wrap .input-group {
    width: 100%; }
  .course-search-wrap .input-group-btn {
    width: 100px;
    margin-left: 0;
    margin-top: 10px; }
  .width88 {
    width: 100%; }
  .width66 {
    width: 100%; } }

.modal-backdrop.in {
  filter: alpha(opacity=70) !important;
  opacity: .7 !important; }

.modal-backdrop + .modal-backdrop {
  opacity: 0 !important; }

div#welcomeModal .small {
  font-size: 100% !important; }

.note-btn-group {
  margin: 5px 5px 5px 0 !important; }

.note-btn-group.btn-group.note-fontsize {
  margin: 0 !important; }

.note-btn-group.btn-group.note-para {
  /* display: flex; */
  /* align-items: center; */ }

.note-btn-group.btn-group.note-para .btn-group {
  margin-bottom: 0 !important;
  margin-top: 0 !important; }

.recommended .element-item {
  margin-bottom: 10px !important; }

@media screen and (max-width: 800px) {
  .modal-content {
    margin-top: 50px;
    margin-bottom: 50px; } }

.recommended .element-item2 {
  border-radius: 10px !important; }

.recommended .element-item2 .date-row {
  padding-left: 10px !important;
  padding-right: 10px !important; }

.recommended .element-item2 .col-pad10 {
  padding-left: 10px !important; }

button.jba2-btn.jba2-btn-lg.js-sy-pitch-save.border-r30 {
  margin-bottom: 10px; }

button.js-sy-pitch-skip {
  margin-bottom: 10px; }

button.jba2-btn.jba2-btn-lg.js-sy-pitch-save.border-r30[disabled] {
  background: #AFACAA !important; }

button.jba2-btn-lg.js-sy-pitch-skip[disabled] {
  background: #AFACAA !important;
  color: #f0f0f0;
  border: 1px solid transparent; }

.col-pad10 {
  padding-left: 10px !important; }

.col-pad-right10 {
  padding-right: 10px !important; }

.bradius10 {
  border-radius: 10px; }

.bkgrnd-pos {
  background-position: top center; }

.element-job-list .course-completed-banner {
  right: 0;
  transform: rotate(25deg) translateX(33px) translateY(-15px);
  z-index: 100; }

.element-job-list.learner {
  position: relative;
  overflow: hidden; }

@media screen and (max-width: 500px) {
  .bkgrnd-pos {
    background-position-x: 70%;
    background-position-y: 0; } }

@media screen and (max-width: 768px) {
  .list-toggle {
    display: none; }
  .job-form .select2 {
    width: 100% !important;
    margin-bottom: 16px; }
  #v-opportunity-list .col-xs-12.pl0.pr0.btn-group.d-flex.j-between {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  #v-opportunity-list .col-xs-12.pl0.pr0.btn-group.d-flex.j-between button {
    width: 48%;
    margin: 0 !important;
    margin-bottom: 10px !important; } }

.card-view {
  z-index: 49; }

.word-br {
  word-wrap: break-word; }

.jba2-btn.jba2-btn-w:focus {
  color: #bea027;
  text-decoration: none; }

.d-flex.flex0 {
  -ms-flex: 0;
  flex: 0; }

.job-form .filter-btn {
  border-color: #000000;
  color: #000000; }

.job-form .filter-btn.btn-main {
  color: white; }

.form-textarea, .form-input, .form-select {
  border: 1px solid #323232;
  font-family: 'Avenir';
  font-weight: normal; }

.form-select:active, .form-select:hover, .form-select:focus, .form-textarea:hover, .form-textarea:active, .form-textarea:focus, .form-input:hover, .form-input:active, .form-input:focus, .select2-selection:hover, span.select2.select2-container.select2-container--default.select2-container--below.select2-container--open .select2-selection {
  border-color: #bea027 !important;
  border-width: 1px !important; }

.form-textarea::-webkit-input-placeholder, .form-select::-webkit-input-placeholder, .form-input::-webkit-input-placeholder {
  font-style: italic;
  font-weight: normal;
  color: #000000; }

.form-textarea:-ms-input-placeholder, .form-select:-ms-input-placeholder, .form-input:-ms-input-placeholder {
  font-style: italic;
  font-weight: normal;
  color: #000000; }

.form-textarea::placeholder, .form-select::placeholder, .form-input::placeholder {
  font-style: italic;
  font-weight: normal;
  color: #000000; }

.select2-selection__placeholder {
  color: #000000 !important;
  font-weight: normal; }

.italic-light {
  font-weight: lighter;
  font-style: italic; }

.select2 {
  font-family: 'avenir';
  margin-bottom: 10px !important; }

.select2-container--default .select2-results__option .select2-results__option {
  font-family: 'avenir';
  font-weight: normal; }

.select2-selection {
  border: 1px solid #8e8e8e !important;
  background: #fff !important; }

.select2-container--default .select2-selection__arrow b {
  border-color: #8e8e8e transparent transparent transparent !important; }

.select2-container--default:hover .select2-selection__arrow b, .select2-container--default:active .select2-selection__arrow b {
  border-color: #bea027 transparent transparent transparent !important; }

.select2-container--default.select2-container--open .select2-selection__arrow b {
  border-color: transparent transparent #bea027 transparent !important; }

.form-input:focus + label, .form-textarea:focus + label, .form-select:focus + label, .hover-color-inputs, .form-input:hover + label, .form-textarea:hover + label, .form-select:hover + label, label.hover-effect:hover .highlighter {
  color: #bea027 !important;
  font-weight: 500; }

.disabled-input {
  background: transparent;
  border-radius: 5px;
  font-weight: normal;
  border-width: 1px;
  border-color: #AFACAA;
  color: #AFACAA; }

.disabled-input .fa {
  float: right;
  padding-top: 2px; }

ul.select2-selection__rendered {
  background: #fff !important; }

.note-editor.note-frame .note-editing-area .note-editable {
  background: #fff !important; }

.note-editor.note-frame .note-editing-area .note-editable {
  background-color: #fff !important; }

.note-editor.note-frame.panel.panel-default {
  background-color: transparent !important;
  border-color: #8e8e8e;
  border-radius: 5px !important; }

.note-statusbar {
  background-color: transparent !important; }

.select2-container--disabled {
  pointer-events: none !important;
  cursor: not-allowed;
  background: transparent !important; }

.select2-container--disabled .select2-selection__rendered {
  background: transparent !important; }

.select2-container--disabled
.select2-selection__rendered li {
  border: none !important; }

.input-wrapper.disabled {
  position: relative; }

.border-bold {
  border-width: 1px !important;
  border-color: #323232 !important; }

.select2-selection__rendered {
  font-weight: normal !important;
  color: #000000 !important; }

.form-control[disabled], fieldset[disabled] .form-control {
  background: transparent !important;
  border-color: rgba(50, 50, 50, 0.6) !important;
  color: rgba(50, 50, 50, 0.6) !important;
  pointer-events: none !important;
  cursor: not-allowed !important; }

.select2-container--disabled .select2-selection {
  background: transparent !important;
  border-color: rgba(50, 50, 50, 0.6) !important;
  color: rgba(50, 50, 50, 0.6) !important;
  border-radius: 5px !important; }

.select2-container--disabled .select2-selection__arrow {
  display: none; }

.select2-container--disabled .select2-selection::before, .input-wrapper.disabled:before {
  content: '\f023';
  font-family: 'FontAwesome';
  float: right;
  position: absolute;
  right: 10px;
  top: 5px;
  color: rgba(50, 50, 50, 0.6); }

.magenta {
  color: #bea027 !important;
  border-color: #bea027 !important; }

.form-input.disabled {
  pointer-events: none;
  border-width: 1px !important;
  border-color: rgba(50, 50, 50, 0.6) !important; }

.form-input.disabled:hover {
  pointer-events: none;
  border-width: 1px !important;
  border-color: rgba(50, 50, 50, 0.6) !important; }

.form-input.disabled:hover + label {
  color: rgba(50, 50, 50, 0.6) !important;
  font-weight: normal !important; }

.disabled-label, .disabled-label:hover {
  color: rgba(50, 50, 50, 0.6) !important;
  font-weight: normal !important; }

.form-input.disabled::-webkit-input-placeholder {
  color: rgba(50, 50, 50, 0.6) !important; }

.form-input.disabled:-ms-input-placeholder {
  color: rgba(50, 50, 50, 0.6) !important; }

.form-input.disabled::placeholder {
  color: rgba(50, 50, 50, 0.6) !important; }

.jba2-input-bold-text {
  font-weight: 500 !important; }

.jbanew-course-card .element-item-text {
  height: 70px !important;
  display: block !important; }
  .jbanew-course-card .element-item-text .course-name {
    font-size: 16px; }
  .jbanew-course-card .element-item-text .course-time {
    font-size: 12px;
    line-height: normal;
    color: black;
    margin: 3px 0; }
  .jbanew-course-card .element-item-text .rating {
    unicode-bidi: bidi-override;
    direction: rtl; }
    .jbanew-course-card .element-item-text .rating .star {
      float: left;
      margin-right: 5px; }
    .jbanew-course-card .element-item-text .rating .fa-star-o {
      font-size: 14px;
      color: #323232; }
    .jbanew-course-card .element-item-text .rating .fa-star {
      color: #323232;
      font-size: 14px; }
  .jbanew-course-card .element-item-text .course-completed {
    font-size: 12px;
    color: black;
    position: relative;
    right: 0; }

.chat-tab {
  top: auto !important;
  bottom: 20%; }

@media screen and (max-width: 768px) {
  .chat-tab {
    border-radius: 10px 0 10px 0;
    top: auto !important;
    bottom: 10% !important;
    left: 5% !important;
    right: 100% !important;
    transform: none !important;
    width: 100px !important;
    text-align: center;
    z-index: 1;
    margin-top: 0;
    opacity: .75; }
    .chat-tab:hover {
      opacity: 1; } }

.list-disc li {
  list-style-type: disc; }

.instance-log-size a img {
  width: 160px !important; }

.btn-icon-orange {
  background-color: #000000 !important; }

.text-main {
  color: #bea027 !important; }

.navbar-brand {
  background-image: url("../../images/theme-msd/logo.png");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 70px;
  margin-left: 15px; }

.logo-text {
  color: #fff;
  font-size: 25px;
  font-family: 'Lora', serif; }

.jba2-nav {
  background-color: #4c4d53;
  box-shadow: 1px 1px 5px #888888;
  height: 70px;
  -ms-flex-align: center;
  align-items: center; }

a.jba2-navbar-item {
  width: 320px !important; }

#modules-multiple a.module-btns-course {
  border-color: #000000 !important;
  color: #000000 !important; }

#modules-multiple a.module-btns-course:hover, #modules-multiple a.module-btns-course:focus {
  color: #000000 !important; }

.jba2-hamburger i, .jba2-fullscreen-close {
  color: #fff !important; }

.flex-center.nav-wrap {
  top: 15px;
  right: 10px; }

.highlighter, .hover-effect, .hover-effect.bold, .highlighter.bold {
  font-weight: normal !important; }

.profile-personal-information .select2-selection {
  border: 0.5px solid #323232 !important;
  background: transparent !important; }

.form-group.flex .bold {
  font-weight: normal !important; }

.hover-effect.highlighter:hover {
  color: #323232 !important; }

.alert.review-box {
  margin-top: 16px; }

a {
  color: #bea027; }
  a:hover, a:focus {
    color: #bea027; }

.jba2-hamburger i, .jba2-fullscreen-close {
  color: #fff; }

.jba2-desktop-menu {
  top: 0;
  margin-top: 70px; }

.jba2-fullscreen-close {
  background-color: #bea027;
  height: 70px; }

.pagination li a {
  color: #bea027;
  border-color: #bea027; }

.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
  background-color: #bea027;
  border-color: #bea027; }

#newListing .modal-header.row.ml0.mr0.d-flex.a-center, #editListing .modal-header.row.ml0.mr0.d-flex.a-center, .purple-header-db {
  background-color: #fff !important;
  color: #bea027 !important; }

#editCommentModal .purple-header-db, #deleteCommentModal .purple-header-db {
  background-color: #fff !important; }

.media {
  background-color: #f2f2f2 !important; }

.magenta {
  color: #bea027 !important; }

.register-tab-row a {
  background-color: rgba(255, 255, 255, 0.3);
  color: #f0f0f0; }
  .register-tab-row a.active, .register-tab-row a:hover {
    background-color: #f0f0f0;
    color: #bea027; }

.jba2-btn {
  background-color: #bea027; }
  .jba2-btn:hover {
    background-color: #a98e23; }

.register-container {
  background-color: #f0f0f0; }

.jba2-btn-tab {
  color: #bea027;
  border-color: #bea027; }
  .jba2-btn-tab.active, .jba2-btn-tab:hover {
    background-color: #bea027;
    border-color: #bea027; }

.form-input:focus + label, .form-textarea:focus + label, .form-select:focus + label, .hover-color-inputs, .form-input:hover + label, .form-textarea:hover + label, .form-select:hover + label, label.hover-effect:hover .highlighter {
  color: #bea027 !important; }

.jba2-navbar {
  background-color: #bea027; }
  .jba2-navbar .jba2-navbar-item.active, .jba2-navbar .jba2-navbar-item:hover, .jba2-navbar .jba2-navbar-item:focus {
    color: #bea027 !important; }

.profile-header-bar, .profile-header-number {
  background-color: #bea027; }

.jba2-header {
  border-bottom: 1px #bea027 solid; }

.buttons-purple-bkgrnd .jba2-btn {
  background-color: #bea027; }
  .buttons-purple-bkgrnd .jba2-btn:hover {
    background-color: #1a1a1a; }

.screen-toggles .d-flex.j-around {
  -ms-flex-pack: end;
  justify-content: flex-end; }
  .screen-toggles .d-flex.j-around .viewButton {
    width: 40px; }
    .screen-toggles .d-flex.j-around .viewButton:last-child {
      margin-left: 20px; }
    .screen-toggles .d-flex.j-around .viewButton img {
      width: 100%; }

.btn-group .bbtn.toggle-staff-btn.publish, button.bbtn.btn-default.dropdown-toggle.toggle-staff-btn.btn-main, .filter-btn.btn-main {
  background-color: #bea027 !important; }

.form-control:hover, .form-control:focus, .form-control:active {
  border-color: #bea027 !important; }

.form-select:active, .form-select:hover, .form-select:focus, .form-textarea:hover, .form-textarea:active, .form-textarea:focus, .form-input:hover, .form-input:active, .form-input:focus, .select2-selection:hover, span.select2.select2-container.select2-container--default.select2-container--below.select2-container--open .select2-selection {
  border-color: #bea027 !important; }

.select2-search__field {
  opacity: 1 !important; }

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  color: #f0f0f0;
  background-color: #AFACAA !important; }

.select2-container--default.select2-container--open .select2-selection__arrow b, .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #bea027 transparent !important; }

.select2-container--default:hover .select2-selection__arrow b, .select2-container--default:active .select2-selection__arrow b {
  border-color: #bea027 transparent transparent transparent !important; }

h2.profile-headers {
  word-wrap: break-word; }

.profile-header-number:hover {
  background-color: #a98e23; }

.edit-item {
  color: #bea027; }

.skills-flex i {
  color: #bea027; }

.jba2-profile-modal .jba2-btn {
  color: #bea027;
  border: 1px solid #bea027; }
  .jba2-profile-modal .jba2-btn:hover {
    background-color: #a98e23;
    color: #fff; }

.profile-section .purple-header-db {
  background-color: white !important; }
  .profile-section .purple-header-db h3 {
    color: #fff !important; }

.profile-section .post-description {
  background-color: #6a626d !important; }

.btn-group .jba2-btn {
  background-color: #fff;
  color: #bea027;
  font-weight: 500; }
  .btn-group .jba2-btn:hover {
    color: #bea027 !important;
    background-color: #ddd; }

.btn-group .form-select {
  border: 1px solid #8e8e8e !important;
  color: #323232; }
  .btn-group .form-select:hover {
    border-color: #8e8e8e; }

.t-indent {
  text-indent: 10px; }

.jba2-profile-modal.jba2-modal .modal-header {
  background-color: #bea027 !important; }
  .jba2-profile-modal.jba2-modal .modal-header h3 {
    color: #fff; }

.jba2-btn-w {
  color: #fff;
  border-color: #bea027; }

.element-job-list .jba2-main-text, .jba2-save {
  color: red !important; }

.hidden-upload-container {
  display: none; }

.sgb-right .jba2-sgb .jba2-sgb-empty span {
  font-size: 11px; }

.modal-body .panel-heading {
  background: #f0f0f0 !important; }
  .modal-body .panel-heading h3.text-tertiary {
    color: #bea027 !important; }

h3.jd-heading {
  color: #323232 !important; }

.pitch-submit-buttons .jba2-btn-w {
  color: #bea027;
  border-color: #bea027; }
  .pitch-submit-buttons .jba2-btn-w:hover {
    color: #fff; }

.filter-wrapper label {
  display: block !important; }

.wrapper-exercise .menu-bar__item .text-main {
  color: #fff !important;
  font-weight: normal !important; }

.wrapper-exercise .menu-bar__item .fa {
  color: #fff !important; }

.post .post-description p {
  color: #bea027 !important; }

.post-description .white-text {
  color: #bea027 !important; }

.table-filter .media .title {
  color: #bea027; }

.panel-default > .panel-heading {
  background-color: white !important; }

.jba2-mobile-container-header-allowance {
  padding-top: 0px !important; }

.btn-icon-blue {
  background-color: #bea027; }

.container {
  background-color: #f0f0f0; }
  .container.progressContainer {
    margin-top: 0;
    background-color: transparent; }

.jba2-navbar-v2-wrap {
  width: 100%;
  position: relative;
  z-index: 10;
  padding-top: 70px; }
  .jba2-navbar-v2-wrap .jba2-navbar-v2 {
    background: #bea027; }
    .jba2-navbar-v2-wrap .jba2-navbar-v2 .navbar-v2-list {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -ms-flex-pack: center;
      justify-content: center;
      padding: 0; }
    .jba2-navbar-v2-wrap .jba2-navbar-v2 a {
      color: white;
      padding: .5em 1em;
      margin: 10px;
      border-radius: 0px 10px 0px 10px; }
      .jba2-navbar-v2-wrap .jba2-navbar-v2 a.active {
        color: #bea027;
        background: white; }

.container {
  background-color: #f0f0f0; }
  .container.progressContainer {
    margin-top: 0;
    background-color: transparent; }

.jba2-header:before {
  background: none; }

.admin-create-btn {
  margin: 16px; }

.faction-crumb.active .crumb-right-arrow {
  border-left: 15px solid #bea027 !important; }

.faction-crumb.active .crumb-left-arrow {
  background: #bea027 !important; }

.faction-crumb.active p {
  background: #bea027 !important; }

.groups-sidebar-items p:hover, .groups-sidebar-items p.active {
  color: #bea027 !important; }

.talent-cards {
  -ms-flex-pack: center;
  justify-content: center; }

@media screen and (max-width: 767px) {
  .talent-cards .talent-card {
    width: 47%; } }

@media screen and (max-width: 400px) {
  .jba2-nav .logo-text {
    display: none; }
  .admin-create-btn {
    margin-left: 8px;
    margin-right: 0; }
    .admin-create-btn button {
      font-size: 11px; }
  .talent-cards .talent-card {
    width: 100%; } }

.jba2-btn.jba-color {
  background-color: #D51A68; }
  .jba2-btn.jba-color:hover {
    background-color: #6C1F5D; }

.classification-title {
  padding: .5em 3em .5em .5em; }

.seasons-report {
  border-radius: 10px; }
  .seasons-report input, .seasons-report textarea {
    border-radius: 10px;
    border: 0;
    width: 98%;
    margin: 0 1% 8px;
    color: #323232; }
  .seasons-report .seasons-report-text {
    padding: 0 35px;
    font-weight: 100;
    font-size: 14px; }

@media screen and (max-width: 400px) {
  .seasons .seasons-report-text {
    padding: 0 16px; } }

#welcome.container {
  margin-bottom: 50px; }
  #welcome.container .title-pad {
    padding: 3em; }
  #welcome.container .jba2-page-title {
    min-width: auto; }
  #welcome.container .welcome-header {
    background-image: url(../../images/theme-msd/banner1.png);
    background-attachment: fixed;
    background-position: left;
    background-size: cover; }
    #welcome.container .welcome-header .welcome-back {
      position: absolute;
      background-image: linear-gradient(125deg, rgba(255, 192, 203, 0.8), rgba(134, 223, 136, 0.8), rgba(135, 206, 235, 0.8));
      width: 100%;
      height: 100%; }
    #welcome.container .welcome-header p {
      color: #fff;
      font-size: 16px;
      line-height: normal;
      padding: 10px; }
    #welcome.container .welcome-header .video-wrap {
      padding: 10px;
      background-color: #fff; }
    #welcome.container .welcome-header .text-back {
      background: rgba(0, 0, 0, 0.4);
      padding: 20px;
      border-radius: 20px 0 20px 0 /100%; }
  #welcome.container .gs-box-wrap {
    margin-bottom: 16px; }
    #welcome.container .gs-box-wrap .gs-box {
      width: 240px;
      border-radius: 10px;
      background-color: #bea027;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column;
      -ms-flex-align: center;
      align-items: center;
      padding: 2em 2em 1em;
      margin-bottom: 1em;
      color: #fff; }
      #welcome.container .gs-box-wrap .gs-box:hover {
        color: #fff !important; }
  #welcome.container .gs-flex {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around; }
    #welcome.container .gs-flex div {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column;
      -ms-flex-align: center;
      align-items: center; }
  #welcome.container .welcome-text h2 {
    font-size: 40px;
    font-weight: 700;
    color: #fff;
    padding: .1em .4em; }

@media screen and (max-width: 400px) {
  #welcome.container .title-pad {
    padding: 1em; }
  #welcome.container .welcome-text h2 {
    font-size: 30px; } }

@media screen and (max-width: 540px) {
  #welcome.container .gs-flex {
    display: block; } }

@media screen and (max-width: 767px) {
  #welcome.container .welcome-header {
    text-align: center; }
  #welcome.container .gs-box-wrap {
    margin-left: 8.333%;
    padding-left: 15px; } }

@media screen and (min-width: 992px) {
  #welcome.container .jba2-md-flex {
    display: -ms-flexbox;
    display: flex;
    margin: 0 !important; }
  #welcome.container .gs-box-wrap .gs-box {
    margin: .5em;
    width: 180px; }
  #welcome.container .qrc-course .col-xs-12 {
    width: auto; }
  #welcome.container .pad-3 {
    padding: 0 3em; } }

.msd-blog-nav {
  padding: 10px 15px;
  font-size: 16px;
  color: #000; }
  .msd-blog-nav:hover, .msd-blog-nav.active {
    color: #bea027; }

.jba2-page-title-marketing {
  padding: 1em 2em 1em 1em; }

h1.f-asar {
  font-family: 'Lora', serif !important; }

#msd {
  background-color: #f0f0f0;
  max-width: 1200px;
  margin: 0 auto; }
  #msd .filter-btn {
    background-color: transparent; }
  #msd h1 {
    font-family: "Merriweather", serif !important;
    font-weight: 500;
    font-size: 4rem; }
  #msd h3 {
    color: #000000 !important;
    font-size: 20px; }
  #msd p {
    font-size: 17px; }
  #msd .element-job-list {
    width: auto !important; }
  #msd .jba2-squiggle-button {
    background-color: transparent;
    background-image: url("../../images/theme-msd/buttonFilled.svg");
    background-size: 100% 100%;
    color: white;
    font-size: 18px;
    padding: .5em 1.5em;
    border: none;
    min-width: 110px;
    cursor: pointer;
    transform: scale(1);
    transition: transform 0.2s;
    line-height: normal; }
  #msd .jba2-hollow-squiggle-button {
    background-image: url("../../images/theme-msd/buttonOutline.svg");
    color: #D61A69; }
  #msd .jba2-squiggle-button:hover {
    background-image: url("../../images/theme-msd/buttonFilledHover.svg");
    color: white;
    text-decoration: none; }
  #msd .jba2-hollow-squiggle-button:hover {
    background-image: url("../../images/theme-msd/buttonFilled.svg") !important;
    color: white;
    text-decoration: none; }
  #msd .jba2-squiggle-button:active {
    transform: scale(0.9); }
  #msd .jba2-squiggle-button-sm {
    font-size: 15px; }
  #msd .jba2-squiggle-button-lg {
    font-size: 25px; }
  #msd section {
    margin-bottom: 50px;
    padding: 16px 30px 0; }
  #msd .msd-xs-mb {
    margin-bottom: 16px; }
  #msd .content-box {
    display: block;
    width: 98%;
    margin: 1%;
    height: 300px;
    overflow-y: scroll;
    text-decoration: none;
    background-size: cover;
    background-position: center; }
    #msd .content-box .back {
      display: none; }
    #msd .content-box:hover .back {
      display: block; }
    #msd .content-box .industry-text {
      padding: 1em 2em 2em; }
      #msd .content-box .industry-text h3 {
        color: #f0f0f0 !important; }
  #msd .slider-text h1 {
    text-shadow: 0 1px 1px #000;
    margin-bottom: 1em;
    font-size: 2rem; }
  #msd .slider-text .jba2-squiggle-button-lg {
    font-size: 13px; }
  #msd .slick-dotted.slick-slider {
    margin: 0; }
  #msd .white-back-color {
    background-color: #fff; }
  #msd .h80 {
    height: 80%;
    top: 20px; }
  #msd .content-box.ind1 {
    background-image: url(../../images/theme-msd/industry1/1.png); }
  #msd .content-box.ind1:hover {
    background-image: url(../../images/theme-msd/industry1/2.png); }
  #msd .content-box.ind2 {
    background-image: url(../../images/theme-msd/industry2/1.png); }
  #msd .content-box.ind2:hover {
    background-image: url(../../images/theme-msd/industry2/2.png); }
  #msd .content-box.ind3 {
    background-image: url(../../images/theme-msd/industry3/1.png); }
  #msd .content-box.ind3:hover {
    background-image: url(../../images/theme-msd/industry3/2.png); }
  #msd .content-box.ind4 {
    background-image: url(../../images/theme-msd/industry4/1.png); }
  #msd .content-box.ind4:hover {
    background-image: url(../../images/theme-msd/industry4/2.png); }
  #msd .content-box.ind5 {
    background-image: url(../../images/theme-msd/industry5/1.png); }
  #msd .content-box.ind5:hover {
    background-image: url(../../images/theme-msd/industry5/2.png); }
  #msd .close-date {
    -ms-flex-pack: start;
    justify-content: flex-start; }
  #msd .msd-dot {
    top: 0;
    right: 0; }
    @media screen and (min-width: 768px) {
      #msd .msd-dot {
        top: -20px;
        right: -35px; } }
  #msd .slick-dots {
    z-index: 25;
    top: 42vw;
    display: none; }
    #msd .slick-dots li button:before {
      font-family: FontAwesome;
      content: "\f111";
      color: #fff;
      opacity: 1; }
    #msd .slick-dots li.slick-active button:before {
      font-family: FontAwesome;
      font-size: 10px;
      color: #fff;
      content: "" !important; }
    @media screen and (min-width: 1200px) {
      #msd .slick-dots {
        top: 500px; } }
  #msd .slide-text {
    animation-name: fadeInRight;
    animation-duration: .5s; }
  #msd #seasonalPeaks .bor-line-break {
    border-bottom: 1px #888 solid;
    margin-bottom: 10px;
    margin-top: 10px; }
  #msd #seasonalPeaks .calendar-desk {
    display: none; }
  #msd #seasonalPeaks .calendar-mobile {
    display: block; }
  @media (min-width: 768px) {
    #msd #seasonalPeaks .calendar-desk {
      display: table; }
    #msd #seasonalPeaks .calendar-mobile {
      display: none; } }
  #msd #seasonalPeaks .industry-icons {
    display: inline-block; }
    #msd #seasonalPeaks .industry-icons strong {
      line-height: 25px; }
    #msd #seasonalPeaks .industry-icons img {
      margin-right: 4px; }
  #msd #seasonalPeaks .work-description {
    position: absolute;
    background-color: white;
    border-radius: 5px;
    box-shadow: 0 2px 2px rgba(50, 50, 50, 0.75);
    top: 40px;
    z-index: 1;
    padding: .5em 1em;
    display: none;
    font-size: 12px; }
    #msd #seasonalPeaks .work-description.left {
      right: 0; }
    #msd #seasonalPeaks .work-description.mw200 {
      min-width: 200px; }
    #msd #seasonalPeaks .work-description.mw100 {
      min-width: 150px; }
  #msd #seasonalPeaks .table > tbody > tr > td, #msd #seasonalPeaks .table > tbody > tr > th {
    text-align: center;
    position: relative; }
  #msd #seasonalPeaks .table > tbody > tr > th > img, #msd #seasonalPeaks .table > tbody > tr > td > img, #msd #seasonalPeaks .industry-icons img {
    width: 25px; }
  @media screen and (min-width: 768px) {
    #msd #seasonalPeaks .modal-dialog {
      width: auto; }
    #msd .close-date {
      -ms-flex-pack: end;
      justify-content: flex-end; }
    #msd .slider-text h1 {
      text-shadow: 0px 1px 1px #000;
      margin-bottom: 3em;
      font-size: 4rem; }
    #msd .slider-text .jba2-squiggle-button-lg {
      font-size: 25px; }
    #msd .text-pad {
      padding: 0 3em; }
    #msd .msd-flex {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
    #msd .msd-xs-mb {
      margin-bottom: 0; }
    #msd .content-box {
      width: 47%; }
    #msd .slick-dots {
      display: block; } }
  @media screen and (max-width: 479px) {
    #msd p {
      font-size: 15px; }
    #msd h3 {
      font-size: 17px;
      margin-top: 0; }
    #msd .content-box {
      height: 45vw; }
      #msd .content-box .industry-text {
        padding: 1em; } }

.blog-post .content .post-title h1 {
  font-size: 50px;
  font-weight: bold; }

.blog-post .content .post-title .post-meta .post-detail {
  font-size: 13px; }

.blog-post .content .post-content p {
  margin-bottom: 40px; }

.blog-post .next-post .next-post-img .post-container .content h2 {
  font-size: 36px;
  font-weight: bold; }

h1 {
  font-size: 36px; }

a.jba2-btn.jba2-signin:hover {
  color: #f0f0f0 !important;
  background-color: #bea027 !important;
  border: 1px #bea027 solid !important; }

.horticulture-color {
  color: #38b54a; }

@media screen and (max-width: 400px) {
  .seasonal-icons .image-wrap p {
    font-size: 10px !important; } }

.season-keys span {
  width: 10px;
  height: 10px; }

.season-keys span.low {
  background-color: #16BFCE; }

.season-keys span.med {
  background-color: #2EAF2B; }

.season-keys span.high {
  background-color: #178ACE; }

.season-keys span.vhigh {
  background-color: #D22027; }

.industry-pop {
  display: none;
  position: absolute;
  min-width: 300px;
  bottom: 100%;
  background-color: #ddd;
  padding: .5em;
  border-radius: 20px 20px 20px 0px; }

.industry-logo .image-wrap {
  position: relative;
  width: 19%;
  margin: .5% 0; }

.industry-logo .image-wrap.winegrowers:hover .industry-pop.winegrowers {
  display: block; }

.industry-logo .image-wrap.hospitalitynz:hover .industry-pop.hospitalitynz {
  display: block; }

@media screen and (max-width: 399px) {
  .industry-logo .image-wrap {
    width: 100%; } }

@media (min-width: 400px) and (max-width: 767px) {
  .industry-logo .image-wrap {
    width: 49%; }
    .industry-logo .image-wrap .industry-pop.hospitalitynz {
      right: 0;
      border-radius: 20px 20px 0px 20px; } }

@media (min-width: 768px) and (max-width: 991px) {
  .industry-logo .image-wrap {
    width: 24%; } }

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
  background-color: #bea027; }