/* Minification failed. Returning unminified contents.
(18846,37): run-time error CSS1063: Expected calculation unit, found '~'
(18846,37): run-time error CSS1064: Expected calculation product, found '~'
(18846,37): run-time error CSS1065: Expected calculation sum, found '~'
(18846,37): run-time error CSS1034: Expected closing parenthesis, found '~'
(18846,37): run-time error CSS1042: Expected function, found '~'
(18846,37): run-time error CSS1062: Expected semicolon or closing curly-brace, found '~'
(20349,35): run-time error CSS1046: Expect comma, found '0'
(20349,39): run-time error CSS1046: Expect comma, found '/'
 */
/**
 * angular-motion
 * @version v0.3.2 - 2014-02-11
 * @link https://github.com/mgcrea/angular-motion
 * @author Olivier Louvignes <olivier@mg-crea.com>
 * @license MIT License, http://www.opensource.org/licenses/MIT
 */
.am-fade-and-scale{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards}.am-fade-and-scale.ng-enter,.am-fade-and-scale.am-fade-and-scale-add,.am-fade-and-scale.ng-hide-remove,.am-fade-and-scale.ng-move{-webkit-animation-name:fadeAndScaleIn;animation-name:fadeAndScaleIn}.am-fade-and-scale.ng-leave,.am-fade-and-scale.am-fade-and-scale-remove,.am-fade-and-scale.ng-hide{-webkit-animation-name:fadeAndScaleOut;animation-name:fadeAndScaleOut}.am-fade-and-scale.ng-enter{visibility:hidden;-webkit-animation-name:fadeAndScaleIn;animation-name:fadeAndScaleIn}.am-fade-and-scale.ng-enter.ng-enter-active{visibility:visible}.am-fade-and-scale.ng-leave{-webkit-animation-name:fadeAndScaleOut;animation-name:fadeAndScaleOut}@-webkit-keyframes fadeAndScaleIn{from{opacity:0;-webkit-transform:scale(0.7);transform:scale(0.7)}to{opacity:1}}@keyframes fadeAndScaleIn{from{opacity:0;-webkit-transform:scale(0.7);transform:scale(0.7)}to{opacity:1}}@-webkit-keyframes fadeAndScaleOut{from{opacity:1}to{opacity:0;-webkit-transform:scale(0.7);transform:scale(0.7)}}@keyframes fadeAndScaleOut{from{opacity:1}to{opacity:0;-webkit-transform:scale(0.7);transform:scale(0.7)}}.am-fade-and-slide-top{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards}.am-fade-and-slide-top.am-fade-and-slide-top-add,.am-fade-and-slide-top.ng-hide-remove,.am-fade-and-slide-top.ng-move{-webkit-animation-name:fadeAndSlideFromTop;animation-name:fadeAndSlideFromTop}.am-fade-and-slide-top.am-fade-and-slide-top-remove,.am-fade-and-slide-top.ng-hide{-webkit-animation-name:fadeAndSlideToTop;animation-name:fadeAndSlideToTop}.am-fade-and-slide-top.ng-enter{visibility:hidden;-webkit-animation-name:fadeAndSlideFromTop;animation-name:fadeAndSlideFromTop}.am-fade-and-slide-top.ng-enter.ng-enter-active{visibility:visible}.am-fade-and-slide-top.ng-leave{-webkit-animation-name:fadeAndSlideToTop;animation-name:fadeAndSlideToTop}.am-fade-and-slide-right{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards}.am-fade-and-slide-right.am-fade-and-slide-right-add,.am-fade-and-slide-right.ng-hide-remove,.am-fade-and-slide-right.ng-move{-webkit-animation-name:fadeAndSlideFromRight;animation-name:fadeAndSlideFromRight}.am-fade-and-slide-right.am-fade-and-slide-right-remove,.am-fade-and-slide-right.ng-hide{-webkit-animation-name:fadeAndSlideToRight;animation-name:fadeAndSlideToRight}.am-fade-and-slide-right.ng-enter{visibility:hidden;-webkit-animation-name:fadeAndSlideFromRight;animation-name:fadeAndSlideFromRight}.am-fade-and-slide-right.ng-enter.ng-enter-active{visibility:visible}.am-fade-and-slide-right.ng-leave{-webkit-animation-name:fadeAndSlideToRight;animation-name:fadeAndSlideToRight}.am-fade-and-slide-bottom{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards}.am-fade-and-slide-bottom.am-fade-and-slide-bottom-add,.am-fade-and-slide-bottom.ng-hide-remove,.am-fade-and-slide-bottom.ng-move{-webkit-animation-name:fadeAndSlideFromBottom;animation-name:fadeAndSlideFromBottom}.am-fade-and-slide-bottom.am-fade-and-slide-bottom-remove,.am-fade-and-slide-bottom.ng-hide{-webkit-animation-name:fadeAndSlideToBottom;animation-name:fadeAndSlideToBottom}.am-fade-and-slide-bottom.ng-enter{visibility:hidden;-webkit-animation-name:fadeAndSlideFromBottom;animation-name:fadeAndSlideFromBottom}.am-fade-and-slide-bottom.ng-enter.ng-enter-active{visibility:visible}.am-fade-and-slide-bottom.ng-leave{-webkit-animation-name:fadeAndSlideToBottom;animation-name:fadeAndSlideToBottom}.am-fade-and-slide-left{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards}.am-fade-and-slide-left.am-fade-and-slide-left-add,.am-fade-and-slide-left.ng-hide-remove,.am-fade-and-slide-left.ng-move{-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards;-webkit-animation-name:fadeAndSlideFromLeft;animation-name:fadeAndSlideFromLeft}.am-fade-and-slide-left.am-fade-and-slide-left-remove,.am-fade-and-slide-left.ng-hide{-webkit-animation-name:fadeAndSlideToLeft;animation-name:fadeAndSlideToLeft}.am-fade-and-slide-left.ng-enter{visibility:hidden;-webkit-animation-name:fadeAndSlideFromLeft;animation-name:fadeAndSlideFromLeft}.am-fade-and-slide-left.ng-enter.ng-enter-active{visibility:visible}.am-fade-and-slide-left.ng-leave{-webkit-animation-name:fadeAndSlideToLeft;animation-name:fadeAndSlideToLeft}@-webkit-keyframes fadeAndSlideFromTop{from{opacity:0;-webkit-transform:translateY(-20%);transform:translateY(-20%)}to{opacity:1}}@keyframes fadeAndSlideFromTop{from{opacity:0;-webkit-transform:translateY(-20%);transform:translateY(-20%)}to{opacity:1}}@-webkit-keyframes fadeAndSlideToTop{from{opacity:1}to{opacity:0;-webkit-transform:translateY(-20%);transform:translateY(-20%)}}@keyframes fadeAndSlideToTop{from{opacity:1}to{opacity:0;-webkit-transform:translateY(-20%);transform:translateY(-20%)}}@-webkit-keyframes fadeAndSlideFromRight{from{opacity:0;-webkit-transform:translateX(20%);transform:translateX(20%)}to{opacity:1}}@keyframes fadeAndSlideFromRight{from{opacity:0;-webkit-transform:translateX(20%);transform:translateX(20%)}to{opacity:1}}@-webkit-keyframes fadeAndSlideToRight{from{opacity:1}to{opacity:0;-webkit-transform:translateX(20%);transform:translateX(20%)}}@keyframes fadeAndSlideToRight{from{opacity:1}to{opacity:0;-webkit-transform:translateX(20%);transform:translateX(20%)}}@-webkit-keyframes fadeAndSlideFromBottom{from{opacity:0;-webkit-transform:translateY(20%);transform:translateY(20%)}to{opacity:1}}@keyframes fadeAndSlideFromBottom{from{opacity:0;-webkit-transform:translateY(20%);transform:translateY(20%)}to{opacity:1}}@-webkit-keyframes fadeAndSlideToBottom{from{opacity:1}to{opacity:0;-webkit-transform:translateY(20%);transform:translateY(20%)}}@keyframes fadeAndSlideToBottom{from{opacity:1}to{opacity:0;-webkit-transform:translateY(20%);transform:translateY(20%)}}@-webkit-keyframes fadeAndSlideFromLeft{from{opacity:0;-webkit-transform:translateX(-20%);transform:translateX(-20%)}to{opacity:1}}@keyframes fadeAndSlideFromLeft{from{opacity:0;-webkit-transform:translateX(-20%);transform:translateX(-20%)}to{opacity:1}}@-webkit-keyframes fadeAndSlideToLeft{from{opacity:1}to{opacity:0;-webkit-transform:translateX(-20%);transform:translateX(-20%)}}@keyframes fadeAndSlideToLeft{from{opacity:1}to{opacity:0;-webkit-transform:translateX(-20%);transform:translateX(-20%)}}.am-fade{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards;opacity:1}.am-fade.am-fade-add,.am-fade.ng-hide-remove,.am-fade.ng-move{-webkit-animation-name:fadeIn;animation-name:fadeIn}.am-fade.am-fade-remove,.am-fade.ng-hide{-webkit-animation-name:fadeOut;animation-name:fadeOut}.am-fade.ng-enter{visibility:hidden;-webkit-animation-name:fadeIn;animation-name:fadeIn}.am-fade.ng-enter.ng-enter-active{visibility:visible}.am-fade.ng-leave{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}.modal-backdrop.am-fade,.aside-backdrop.am-fade{background:rgba(0,0,0,.5);-webkit-animation-duration:.15s;animation-duration:.15s}.am-flip-x{-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards}.am-flip-x.am-flip-x-add,.am-flip-x.ng-hide-remove,.am-flip-x.ng-move{-webkit-animation-name:flipInXBounce;animation-name:flipInXBounce}.am-flip-x.am-flip-x-remove,.am-flip-x.ng-hide{-webkit-animation-name:flipOutX;animation-name:flipOutX}.am-flip-x.ng-enter{visibility:hidden;-webkit-animation-name:flipInXBounce;animation-name:flipInXBounce}.am-flip-x.ng-enter.ng-enter-active{visibility:visible}.am-flip-x.ng-leave{-webkit-animation-name:flipOutX;animation-name:flipOutX}.am-flip-x-linear{-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards}.am-flip-x-linear.am-flip-x-add,.am-flip-x-linear.ng-hide-remove,.am-flip-x-linear.ng-move{-webkit-animation-name:flipInX;animation-name:flipInX}.am-flip-x-linear.am-flip-x-remove,.am-flip-x-linear.ng-hide{-webkit-animation-name:flipOutX;animation-name:flipOutX}.am-flip-x-linear.ng-enter{visibility:hidden;-webkit-animation-name:flipInX;animation-name:flipInX}.am-flip-x-linear.ng-enter.ng-enter-active{visibility:visible}.am-flip-x-linear.ng-leave{-webkit-animation-name:flipOutX;animation-name:flipOutX}@-webkit-keyframes flipInX{from{opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}to{opacity:1;-webkit-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg)}}@keyframes flipInX{from{opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}to{opacity:1;-webkit-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg)}}@-webkit-keyframes flipInXBounce{from{opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}40%{-webkit-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)}70%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}to{opacity:1;-webkit-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg)}}@keyframes flipInXBounce{from{opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}40%{-webkit-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)}70%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}to{opacity:1;-webkit-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg)}}@-webkit-keyframes flipOutX{from{opacity:1;-webkit-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg)}to{opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}}@keyframes flipOutX{from{opacity:1;-webkit-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg)}to{opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}}.am-slide-top{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards}.am-slide-top.am-fade-and-slide-top-add,.am-slide-top.ng-hide-remove,.am-slide-top.ng-move{-webkit-animation-name:slideFromTop;animation-name:slideFromTop}.am-slide-top.am-fade-and-slide-top-remove,.am-slide-top.ng-hide{-webkit-animation-name:slideToTop;animation-name:slideToTop}.am-slide-top.ng-enter{visibility:hidden;-webkit-animation-name:slideFromTop;animation-name:slideFromTop}.am-slide-top.ng-enter.ng-enter-active{visibility:visible}.am-slide-top.ng-leave{-webkit-animation-name:slideToTop;animation-name:slideToTop}.am-slide-right{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards}.am-slide-right.am-fade-and-slide-right-add,.am-slide-right.ng-hide-remove,.am-slide-right.ng-move{-webkit-animation-name:slideFromRight;animation-name:slideFromRight}.am-slide-right.am-fade-and-slide-right-remove,.am-slide-right.ng-hide{-webkit-animation-name:slideToRight;animation-name:slideToRight}.am-slide-right.ng-enter{visibility:hidden;-webkit-animation-name:slideFromRight;animation-name:slideFromRight}.am-slide-right.ng-enter.ng-enter-active{visibility:visible}.am-slide-right.ng-leave{-webkit-animation-name:slideToRight;animation-name:slideToRight}.am-slide-bottom{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards}.am-slide-bottom.am-fade-and-slide-bottom-add,.am-slide-bottom.ng-hide-remove,.am-slide-bottom.ng-move{-webkit-animation-name:slideFromBottom;animation-name:slideFromBottom}.am-slide-bottom.am-fade-and-slide-bottom-remove,.am-slide-bottom.ng-hide{-webkit-animation-name:slideToBottom;animation-name:slideToBottom}.am-slide-bottom.ng-enter{visibility:hidden;-webkit-animation-name:slideFromBottom;animation-name:slideFromBottom}.am-slide-bottom.ng-enter.ng-enter-active{visibility:visible}.am-slide-bottom.ng-leave{-webkit-animation-name:slideToBottom;animation-name:slideToBottom}.am-slide-left{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards}.am-slide-left.am-fade-and-slide-left-add,.am-slide-left.ng-hide-remove,.am-slide-left.ng-move{-webkit-animation-name:slideFromLeft;animation-name:slideFromLeft}.am-slide-left.am-fade-and-slide-left-remove,.am-slide-left.ng-hide{-webkit-animation-name:slideToLeft;animation-name:slideToLeft}.am-slide-left.ng-enter{visibility:hidden;-webkit-animation-name:slideFromLeft;animation-name:slideFromLeft}.am-slide-left.ng-enter.ng-enter-active{visibility:visible}.am-slide-left.ng-leave{-webkit-animation-name:slideToLeft;animation-name:slideToLeft}@-webkit-keyframes slideFromTop{from{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes slideFromTop{from{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@-webkit-keyframes slideToTop{to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes slideToTop{to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@-webkit-keyframes slideFromRight{from{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes slideFromRight{from{-webkit-transform:translateX(100%);transform:translateX(100%)}}@-webkit-keyframes slideToRight{to{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes slideToRight{to{-webkit-transform:translateX(100%);transform:translateX(100%)}}@-webkit-keyframes slideFromBottom{from{-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes slideFromBottom{from{-webkit-transform:translateY(100%);transform:translateY(100%)}}@-webkit-keyframes slideToBottom{to{-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes slideToBottom{to{-webkit-transform:translateY(100%);transform:translateY(100%)}}@-webkit-keyframes slideFromLeft{from{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes slideFromLeft{from{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@-webkit-keyframes slideToLeft{to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes slideToLeft{to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}
.toggle-switch {
    border: 1px solid;
    cursor: pointer;
    display: inline-block;
    text-align: left;
    overflow: hidden;
    line-height: 8px;
    min-width: 80px;
}

.toggle-switch.disabled > div > span.knob {
    background: #AAA;
}

.toggle-switch span {
    cursor: pointer;
    display: inline-block;
    /*float: left;*/
    height: 100%;
    line-height: 20px;
    padding: 2px;
    text-align: center;
    width: 33%;
    white-space: nowrap;

    box-sizing: border-box;
    -o-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.toggle-switch > div {
    position: relative;
    width: 150%;
}

.toggle-switch .knob {
    background: red;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    background-color: #f5f5f5;
    width: 34%;
    z-index: 100;
}

.toggle-switch .switch-on {
    left: 0%;
}

.toggle-switch .switch-off {
    left: -50%
}

.toggle-switch .switch-left, .toggle-switch .switch-right {
    z-index: 1;
}

.toggle-switch .switch-left {
    color: #fff;
    background: #6091ba;
}

.toggle-switch .switch-right {
    color: #333;
    background: #f0f0f0;
}

.toggle-switch-animate {
    transition: left 0.5s;
    -o-transition: left 0.5s;
    -moz-transition: left 0.5s;
    -webkit-transition: left 0.5s;
}
/*
Version: 3.4.8 Timestamp: Thu May  1 09:50:32 EDT 2014
*/
.select2-container {
    margin: 0;
    position: relative;
    display: inline-block;
    /* inline-block for ie7 */
    zoom: 1;
    *display: inline;
    vertical-align: middle;
}

.select2-container,
.select2-drop,
.select2-search,
.select2-search input {
  /*
    Force border-box so that % widths fit the parent
    container without overlap because of margin/padding.
    More Info : http://www.quirksmode.org/css/box.html
  */
  -webkit-box-sizing: border-box; /* webkit */
     -moz-box-sizing: border-box; /* firefox */
          box-sizing: border-box; /* css3 */
}

.select2-container .select2-choice {
    display: block;
    height: 26px;
    padding: 0 0 0 8px;
    overflow: hidden;
    position: relative;
    white-space: nowrap;
    text-decoration: none;
    background-clip: padding-box;

    -webkit-touch-callout: none;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;

    background-color: #fff;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.5, #fff));
    background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 50%);
    background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eeeeee', GradientType = 0);
    background-image: linear-gradient(to top, #eee 0%, #fff 50%);
}

.select2-container.select2-drop-above .select2-choice {
    border-bottom-color: #aaa;

    border-radius: 0 0 4px 4px;

    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.9, #fff));
    background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 90%);
    background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 90%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
    background-image: linear-gradient(to bottom, #eee 0%, #fff 90%);
}

.select2-container.select2-allowclear .select2-choice .select2-chosen {
    margin-right: 42px;
}

.select2-container .select2-choice > .select2-chosen {
    /*margin-right: 26px;*/
    display: block;
    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;
    float: none;
    width: auto;
}

.select2-container .select2-choice abbr {
    display: none;
    width: 12px;
    height: 12px;
    position: absolute;
    right: 24px;
    top: 8px;

    font-size: 1px;
    text-decoration: none;

    border: 0;
    background: url('/Content/Images/select2/select2.png') right top no-repeat;
    cursor: pointer;
    outline: 0;
}

.select2-container.select2-allowclear .select2-choice abbr {
    display: inline-block;
}

.select2-container .select2-choice abbr:hover {
    background-position: right -11px;
    cursor: pointer;
}

.select2-drop-mask {
    border: 0;
    margin: 0;
    padding: 0;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 9998;
    /* styles required for IE to work */
    background-color: #fff;
    filter: alpha(opacity=0);
}

.select2-drop {
    width: 100%;
    margin-top: -1px;
    position: absolute;
    z-index: 9999;
    top: 100%;

    background: #fff;
    color: #000;
    border: 1px solid #aaa;
    border-top: 0;

    border-radius: 0 0 4px 4px;

    -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
            box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
}

.select2-drop.select2-drop-above {
    margin-top: 1px;
    border-top: 1px solid #aaa;
    border-bottom: 0;

    border-radius: 4px 4px 0 0;

    -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
            box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
}

.select2-drop-active {
    /*border: 1px solid #5897fb;*/
   border: none !important;
    border-top: none;
}

.select2-drop.select2-drop-above.select2-drop-active {
    border-top: 1px solid #5897fb;
}

.select2-drop-auto-width {
    border-top: 1px solid #aaa;
    width: auto;
}

.select2-drop-auto-width .select2-search {
    padding-top: 4px;
}

.select2-container .select2-choice .select2-arrow {
    display: inline-block;
    width: 25px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 0 4px 4px 0;
    background-clip: padding-box;
    background: #ccc;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ccc), color-stop(0.6, #eee));
    background-image: -webkit-linear-gradient(center bottom, #ccc 0%, #eee 60%);
    background-image: -moz-linear-gradient(center bottom, #ccc 0%, #eee 60%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#eeeeee', endColorstr = '#cccccc', GradientType = 0);
    background-image: linear-gradient(to top, #ccc 0%, #eee 60%);
}

.select2-container .select2-choice .select2-arrow b {
    display: block;
    width: 100%;
    height: 100%;
    background: url('/Content/Images/keyboard_arrow_down.svg') no-repeat;
}

.select2-search {
    display: inline-block;
    width: 100%;
    min-height: 26px;
    margin: 0;
    padding-left:0px;
    padding-right:0px;

    position: relative;
    z-index: 10000;

    white-space: nowrap;
}

.select2-search input {
    width: 100%;
    height: auto !important;
    min-height: 26px;
    padding: 4px 20px 4px 5px;
    margin: 0;

    outline: 0;
    font-family: sans-serif;
    font-size: 1em;

    border: 1px solid #aaa;
    border-radius: 0;

    -webkit-box-shadow: none;
            box-shadow: none;

    background: #fff url('/Content/Images/select2/select2.png') no-repeat 100% -22px;
    background: url('/Content/Images/select2/select2.png') no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
    background: url('/Content/Images/select2/select2.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url('/Content/Images/select2/select2.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url('/Content/Images/select2/select2.png') no-repeat 100% -22px, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0;
}

.select2-drop.select2-drop-above .select2-search input {
    margin-top: 4px;
}

.select2-search input.select2-active {
    background: #fff url('select2-spinner.gif') no-repeat 100%;
    background: url('select2-spinner.gif') no-repeat 100%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
    background: url('select2-spinner.gif') no-repeat 100%, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url('select2-spinner.gif') no-repeat 100%, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url('select2-spinner.gif') no-repeat 100%, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0;
}

.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
    border: 1px solid #5897fb;
    outline: none;

    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
            box-shadow: 0 0 5px rgba(0, 0, 0, .3);
}

.select2-dropdown-open .select2-choice {
    border-bottom-color: transparent;
    -webkit-box-shadow: 0 1px 0 #fff inset;
            box-shadow: 0 1px 0 #fff inset;

    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;

    background-color: #eee;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), color-stop(0.5, #eee));
    background-image: -webkit-linear-gradient(center bottom, #fff 0%, #eee 50%);
    background-image: -moz-linear-gradient(center bottom, #fff 0%, #eee 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
    background-image: linear-gradient(to top, #fff 0%, #eee 50%);
}

.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices {
    border: 1px solid #5897fb;
    border-top-color: transparent;

    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #eee));
    background-image: -webkit-linear-gradient(center top, #fff 0%, #eee 50%);
    background-image: -moz-linear-gradient(center top, #fff 0%, #eee 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
    background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
}
.select2-dropdown-open.select2-drop-above .select2-choices {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #fff));
}

    .select2-dropdown-open .select2-choice .select2-arrow {
    background: transparent;
    border-left: none;
    filter: none;
}
.select2-dropdown-open .select2-choice .select2-arrow b {
    background-position: -18px 1px;
}

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

/* results */
.select2-results {
    max-height: 257px;
    padding: 0;
    margin:0;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    border: none !important;
    filter: drop-shadow(4px 8px 16px rgba(28, 48, 75, 0.08));
    box-shadow: none !important;
}

.select2-results ul.select2-result-sub {
    margin: 0;
    padding-left: 0;
}

.select2-results li {
    list-style: none;
    display: list-item;
    background-image: none;
}
.select2-results li:hover{
    background-color: #F8F8F9;
}
.select2-results li.select2-result-with-children > .select2-result-label {
    /*font-weight: bold;*/
        font-family: Noto Sans;
        font-size: 14px;
        font-weight: 400;
        line-height: 24px;
}

.select2-results .select2-result-label {
    padding: 8px 16px;
    margin: 0;
    cursor: pointer;
    min-height: 1em;
        font-family: Noto Sans;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    -webkit-touch-callout: none;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
}

.select2-results-dept-1 .select2-result-label { padding-left: 20px }
.select2-results-dept-2 .select2-result-label { padding-left: 40px }
.select2-results-dept-3 .select2-result-label { padding-left: 60px }
.select2-results-dept-4 .select2-result-label { padding-left: 80px }
.select2-results-dept-5 .select2-result-label { padding-left: 100px }
.select2-results-dept-6 .select2-result-label { padding-left: 110px }
.select2-results-dept-7 .select2-result-label { padding-left: 120px }

.select2-results .select2-highlighted {
    background: #E4D8F4 !important;
    color: #fff;
}

.select2-results li em {
    background: #feffde;
    font-style: normal;
}

.select2-results .select2-highlighted em {
    background: transparent;
}

.select2-results .select2-highlighted ul {
    background: #fff;
    color: #000;
}


.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-selection-limit {
    background: #f4f4f4;
    display: list-item;
    padding-left: 5px;
}

/*
disabled look for disabled choices in the results dropdown
*/
.select2-results .select2-disabled.select2-highlighted {
    color: #666;
    background: #f4f4f4;
    display: list-item;
    cursor: default;
}
.select2-results .select2-disabled {
  background: #f4f4f4;
  display: list-item;
  cursor: default;
}

.select2-results .select2-selected {
    display: none;
}

.select2-more-results.select2-active {
    background: #f4f4f4 url('select2-spinner.gif') no-repeat 100%;
}

.select2-more-results {
    background: #f4f4f4;
    display: list-item;
}

/* disabled styles */

.select2-container.select2-container-disabled .select2-choice {
    background-color: #f4f4f4;
    background-image: none;
    border: 1px solid #ddd;
    cursor: default;
    box-shadow: none;
}

.select2-container.select2-container-disabled .select2-choice .select2-arrow {
    background-color: #f4f4f4;
    background-image: none;
    border-left: 0;
}

.select2-container.select2-container-disabled .select2-choice abbr {
    display: none;
}


/* multiselect */

.select2-container-multi .select2-choices {
    height: auto !important;
    height: 1%;
    margin: 0;
    padding: 0;
    position: relative;

    border: 1px solid #aaa;
    cursor: text;
    overflow: hidden;

    background-color: #fff;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eee), color-stop(15%, #fff));
    background-image: -webkit-linear-gradient(top, #eee 1%, #fff 15%);
    background-image: -moz-linear-gradient(top, #eee 1%, #fff 15%);
    background-image: linear-gradient(to bottom, #eee 1%, #fff 15%);
}

.select2-locked {
  padding: 3px 5px 3px 5px !important;
}

.select2-container-multi .select2-choices {
    min-height: 26px;
}

.select2-container-multi.select2-container-active .select2-choices {
    border: 1px solid #5897fb;
    outline: none;

    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
            box-shadow: 0 0 5px rgba(0, 0, 0, .3);
}
.select2-container-multi .select2-choices li {
    float: left;
    list-style: none;
}
html[dir="rtl"] .select2-container-multi .select2-choices li
{
    float: right;
}
.select2-container-multi .select2-choices .select2-search-field {
    margin: 0;
    padding: 0;
    white-space: nowrap;
}

.select2-container-multi .select2-choices .select2-search-field input {
    padding: 5px;
    margin: 1px 0;
    outline: 0;
    border: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
    background: transparent !important;
}

.select2-container-multi .select2-choices .select2-search-field input.select2-active {
    background: #fff url('select2-spinner.gif') no-repeat 100% !important;
}

.select2-container-multi .select2-choices .select2-search-choice {
    padding: 3px 5px 3px 18px;
    margin: 3px 0 3px 14px;
    position: relative;
    line-height: 13px;
    color: #333;
    cursor: default;
    border: 1px solid #aaaaaa;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
     box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
    background-clip: padding-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #e4e4e4;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#f4f4f4', GradientType=0);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee));
    background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-image: linear-gradient(to top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
}
html[dir="rtl"] .select2-container-multi .select2-choices .select2-search-choice
{
    margin-left: 0;
    margin-right: 5px;
}
.select2-container-multi .select2-choices .select2-search-choice .select2-chosen {
    cursor: default;
}
.select2-container-multi .select2-choices .select2-search-choice-focus {
    background: #d4d4d4;
}

.select2-search-choice-close {
    display: block;
    width: 12px;
    height: 13px;
    position: absolute;
    right: 3px;
    top: 4px;
    font-size: 1px;
    outline: none;
    background: url('/Content/Images/select2/select2.png') right top no-repeat;
}
html[dir="rtl"] .select2-search-choice-close {
    right: auto;
    left: 3px;
}

.select2-container-multi .select2-search-choice-close {
    /*left: 3px;*/
}

.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
  background-position: right -11px;
}
.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
    background-position: right -11px;
}

/* disabled styles */
.select2-container-multi.select2-container-disabled .select2-choices {
    background-color: #f4f4f4;
    background-image: none;
    border: 1px solid #ddd;
    cursor: default;
}

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
    padding: 3px 5px 3px 5px;
    border: 1px solid #ddd;
    background-image: none;
    background-color: #f4f4f4;
}

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {    display: none;
    background: none;
}
/* end multiselect */


.select2-result-selectable .select2-match,
.select2-result-unselectable .select2-match {
    /*text-decoration: underline;*/
}

.select2-offscreen, .select2-offscreen:focus {
    clip: rect(0 0 0 0) !important;
    width: 1px !important;
    height: 1px !important;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    outline: 0 !important;
    left: 0px !important;
    top: 0px !important;
}

.select2-display-none {
    display: none;
}

.select2-measure-scrollbar {
    position: absolute;
    top: -10000px;
    left: -10000px;
    width: 100px;
    height: 100px;
    overflow: scroll;
}

/* Retina-ize icons */

.select2-search input {
    background-position: 100% -21px !important;
}
.select2-default .select2-chosen {
    color: #ADADB5 !important;
}



/**
 * Select2 Bootstrap CSS
 * Compatible with Select2 3.3.2, 3.4.1, 3.4.2 and Twitter Bootstrap 3.0.0
 * MIT License
 */
/**
 * Reset Bootstrap 3 .form-control styles which - if applied to the
 * original <select>-element the Select2-plugin may be run against -
 * are copied to the .select2-container.
 *
 * 1. Overwrite .select2-container's original display:inline-block
 *    with Bootstrap 3's default for .form-control, display:block;
 *    courtesy of @juristr (@see https://github.com/fk/select2-bootstrap-css/pull/1)
 */
.select2-container.form-control {
  background: transparent;
  border: none;
  display: block;
  /* 1 */
  margin: 0;
  padding: 0;
}

/**
 * Adjust Select2 inputs to fit Bootstrap 3 default .form-control appearance.
 */

.select2-container .select2-choices .select2-search-field input,
.select2-container .select2-choice,
.select2-container .select2-choices {
  background: none;
  padding: 0;
  background-color: white;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.select2-search input {
  border-color: #cccccc;
  border-radius: 4px;
  color: #555555;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  background-color: white;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.select2-container .select2-choices .select2-search-field input {
  -webkit-box-shadow: none;
  box-shadow: none;
}

/**
 * Adjust Select2 input heights to match the Bootstrap default.
 */
.select2-container .select2-choice {
  height: 34px;
}

/**
 * Address Multi Select2's height which - depending on how many elements have been selected -
 * may grown higher than their initial size.
 */
.select2-container.select2-container-multi.form-control {
  height: auto;
}

/**
 * Address Bootstrap 3 control sizing classes
 * @see http://getbootstrap.com/css/#forms-control-sizes
 */
.select2-container.input-sm .select2-choice,
.input-group-sm .select2-container .select2-choice {
  height: 30px;
  line-height: 1.5;
  border-radius: 3px;
}

.select2-container.input-lg .select2-choice,
.input-group-lg .select2-container .select2-choice {
  height: 45px;
  line-height: 1.33;
  border-radius: 6px;
}

.select2-container-multi .select2-choices .select2-search-field input {
  height: 32px;
}

.select2-container-multi.input-sm .select2-choices .select2-search-field input,
.input-group-sm .select2-container-multi .select2-choices .select2-search-field input {
  height: 28px;
}

.select2-container-multi.input-lg .select2-choices .select2-search-field input,
.input-group-lg .select2-container-multi .select2-choices .select2-search-field input {
  height: 43px;
}

/**
 * Adjust height and line-height for .select2-search-field amd multi-select Select2 widgets.
 *
 * 1. Class repetition to address missing .select2-chosen in Select2 < 3.3.2.
 */
.select2-container-multi .select2-choices .select2-search-field input {
  margin: 0;
}

.select2-chosen,
.select2-choice > span:first-child,
.select2-container .select2-choices .select2-search-field input {
  padding: 6px 12px;
}

.input-sm .select2-chosen,
.input-group-sm .select2-chosen,
.input-sm .select2-choice > span:first-child,
.input-group-sm .select2-choice > span:first-child,
.input-sm .select2-choices .select2-search-field input,
.input-group-sm .select2-choices .select2-search-field input {
  padding: 5px 10px;
}

.input-lg .select2-chosen,
.input-group-lg .select2-chosen,
.input-lg .select2-choice > span:first-child,
.input-group-lg .select2-choice > span:first-child,
.input-lg .select2-choices .select2-search-field input,
.input-group-lg .select2-choices .select2-search-field input {
  padding: 10px 16px;
}

.select2-container-multi .select2-choices .select2-search-choice {
  margin-top: 5px;
  margin-bottom: 3px;
}

.select2-container-multi.input-sm .select2-choices .select2-search-choice,
.input-group-sm .select2-container-multi .select2-choices .select2-search-choice {
  margin-top: 3px;
  margin-bottom: 2px;
}

.select2-container-multi.input-lg .select2-choices .select2-search-choice,
.input-group-lg .select2-container-multi .select2-choices .select2-search-choice {
  line-height: 24px;
}

/**
 * Adjust the single Select2's dropdown arrow button appearance.
 *
 * 1. For Select2 v.3.3.2.
 */
.select2-container .select2-choice .select2-arrow,
.select2-container .select2-choice div {
  background: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

.select2-dropdown-open .select2-choice .select2-arrow,
.select2-dropdown-open .select2-choice div {
  border-left-color: transparent;
  background: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

/**
 * Adjust the dropdown arrow button icon position for the single-select Select2 elements
 * to make it line up vertically now that we increased the height of .select2-container.
 *
 * 1. Class repetition to address missing .select2-chosen in Select2 v.3.3.2.
 */
.select2-container .select2-choice .select2-arrow b,
.select2-container .select2-choice div b {
  background-position: -6px 6px;
}

.select2-dropdown-open .select2-choice .select2-arrow b,
.select2-dropdown-open .select2-choice div b {
  background-position: -18px 3px;
}

.select2-container.input-sm .select2-choice .select2-arrow b,
.input-group-sm .select2-container .select2-choice .select2-arrow b,
.select2-container.input-sm .select2-choice div b,
.input-group-sm .select2-container .select2-choice div b {
  background-position: 0 1px;
}

.select2-dropdown-open.input-sm .select2-choice .select2-arrow b,
.input-group-sm .select2-dropdown-open .select2-choice .select2-arrow b,
.select2-dropdown-open.input-sm .select2-choice div b,
.input-group-sm .select2-dropdown-open .select2-choice div b {
  background-position: -18px 1px;
}

.select2-container.input-lg .select2-choice .select2-arrow b,
.input-group-lg .select2-container .select2-choice .select2-arrow b,
.select2-container.input-lg .select2-choice div b,
.input-group-lg .select2-container .select2-choice div b {
  background-position: 0 9px;
}

.select2-dropdown-open.input-lg .select2-choice .select2-arrow b,
.input-group-lg .select2-dropdown-open .select2-choice .select2-arrow b,
.select2-dropdown-open.input-lg .select2-choice div b,
.input-group-lg .select2-dropdown-open .select2-choice div b {
  background-position: -18px 9px;
}

/**
 * Address Bootstrap's validation states and change Select2's border colors and focus states.
 * Apply .has-warning, .has-danger or .has-succes to #select2-drop to match Bootstraps' colors.
 */
.has-warning .select2-choice,
.has-warning .select2-choices {
  border-color: #c09853;
}
.has-warning .select2-container-active .select2-choice,
.has-warning .select2-container-multi.select2-container-active .select2-choices {
  border-color: #a47e3c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
}
.has-warning.select2-drop-active {
  border-color: #a47e3c;
}
.has-warning.select2-drop-active.select2-drop.select2-drop-above {
  border-top-color: #a47e3c;
}

.has-error .select2-choice,
.has-error .select2-choices {
  border-color: #b94a48;
}
.has-error .select2-container-active .select2-choice,
.has-error .select2-container-multi.select2-container-active .select2-choices {
  border-color: #953b39;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
}
.has-error.select2-drop-active {
  border-color: #953b39;
}
.has-error.select2-drop-active.select2-drop.select2-drop-above {
  border-top-color: #953b39;
}

.has-success .select2-choice,
.has-success .select2-choices {
  border-color: #468847;
}
.has-success .select2-container-active .select2-choice,
.has-success .select2-container-multi.select2-container-active .select2-choices {
  border-color: #356635;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
}
.has-success.select2-drop-active {
  border-color: #356635;
}
.has-success.select2-drop-active.select2-drop.select2-drop-above {
  border-top-color: #356635;
}

/**
 * Make Select2's active-styles - applied to .select2-container when the widget receives focus -
 * fit Bootstrap 3's .form-element:focus appearance.
 */
.select2-container-active .select2-choice,
.select2-container-multi.select2-container-active .select2-choices {
  border-color: #66afe9;
  outline: none;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.select2-drop-active {
  border-color: #66afe9;
}

.select2-drop-auto-width,
.select2-drop.select2-drop-above.select2-drop-active {
  border-top-color: #66afe9;
}

/**
 * Select2 widgets in Bootstrap Input Groups
 *
 * When Select2 widgets are combined with other elements using Bootstrap 3's
 * "Input Group" component, we don't want specific edges of the Select2 container
 * to have a border-radius.
 *
 * In Bootstrap 2, input groups required a markup where these style adjustments
 * could be bound to a CSS-class identifying if the additional elements are appended,
 * prepended or both.
 *
 * Bootstrap 3 doesn't rely on these classes anymore, so we have to use our own.
 * Use .select2-bootstrap-prepend and .select2-bootstrap-append on a Bootstrap 3 .input-group
 * to let the contained Select2 widget know which edges should not be rounded as they are
 * directly followed by another element.
 *
 * @see http://getbootstrap.com/components/#input-groups
 */
.input-group.select2-bootstrap-prepend [class^="select2-choice"] {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
}

.input-group.select2-bootstrap-append [class^="select2-choice"] {
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.select2-dropdown-open [class^="select2-choice"] {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.select2-dropdown-open.select2-drop-above [class^="select2-choice"] {
  border-top-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
}

/**
 * Adjust Select2's choices hover and selected styles to match Bootstrap 3's default dropdown styles.
 */
.select2-results .select2-highlighted {
  color: white;
  background-color: #5798a8;
}

/**
 * Adjust alignment of Bootstrap 3 buttons in Bootstrap 3 Input Groups to address
 * Multi Select2's height which - depending on how many elements have been selected -
 * may grown higher than their initial size.
 */
.select2-bootstrap-append .select2-container-multiple,
.select2-bootstrap-append .input-group-btn,
.select2-bootstrap-append .input-group-btn .btn,
.select2-bootstrap-prepend .select2-container-multiple,
.select2-bootstrap-prepend .input-group-btn,
.select2-bootstrap-prepend .input-group-btn .btn {
  vertical-align: top;
}

/**
 * Make Multi Select2's choices match Bootstrap 3's default button styles.
 */
.select2-container-multi .select2-choices .select2-search-choice {
  color: #555555;
  background: #E0F1FF;
  border-color: #cccccc;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.select2-container-multi .select2-choices .select2-search-choice-focus {
  background: #ebebeb;
  border-color: #adadad;
  color: #333333;
  -webkit-box-shadow: none;
  box-shadow: none;
}

/**
 * Address Multi Select2's choice close-button vertical alignment.
 */
.select2-search-choice-close {
  margin-top: -7px;
  top: 50%;
}

/**
 * Adjust the single Select2's clear button position (used to reset the select box
 * back to the placeholder value and visible once a selection is made
 * activated by Select2's "allowClear" option).
 */
.select2-container .select2-choice abbr {
  top: 50%;
}

/**
 * Adjust "no results" and "selection limit" messages to make use
 * of Bootstrap 3's default "Alert" style.
 *
 * @see http://getbootstrap.com/components/#alerts-default
 */
.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-selection-limit {
  background-color: #fcf8e3;
  color: #c09853;
}

/**
 * Address disabled Select2 styles.
 *
 * 1. For Select2 v.3.3.2.
 * 2. Revert border-left:0 inherited from Select2's CSS to prevent the arrow
 *    from jumping when switching from disabled to enabled state and vice versa.
 */
.select2-container.select2-container-disabled .select2-choice,
.select2-container.select2-container-disabled .select2-choices {
  cursor: not-allowed;
  background-color: #eeeeee;
  border-color: #cccccc;
}
.select2-container.select2-container-disabled .select2-choice .select2-arrow,
.select2-container.select2-container-disabled .select2-choice div,
.select2-container.select2-container-disabled .select2-choices .select2-arrow,
.select2-container.select2-container-disabled .select2-choices div {
  background-color: transparent;
  border-left: 1px solid transparent;
  /* 2 */
}

/**
 * Address Select2's loading indicator position - which should not stick
 * to the right edge of Select2's search input.
 *
 * 1. in .select2-search input
 * 2. in Multi Select2's .select2-search-field input
 * 3. in the status-message of infinite-scroll with remote data (@see http://ivaynberg.github.io/select2/#infinite)
 *
 * These styles alter Select2's default background-position of 100%
 * and supply the new background-position syntax to browsers which support it:
 *
 * 1. Android, Safari < 6/Mobile, IE<9: change to a relative background-position of 99%
 * 2. Chrome 25+, Firefox 13+, IE 9+, Opera 10.5+: use the new CSS3-background-position syntax
 *
 * @see http://www.w3.org/TR/css3-background/#background-position
 *
 * @todo Since both Select2 and Bootstrap 3 only support IE8 and above,
 * we could use the :after-pseudo-element to display the loading indicator.
 * Alternatively, we could supply an altered loading indicator image which already
 * contains an offset to the right.
 */
.select2-search input.select2-active,
.select2-container-multi .select2-choices .select2-search-field input.select2-active,
.select2-more-results.select2-active {
  background-position: 99%;
  /* 4 */
  background-position: right 4px center;
  /* 5 */
}

/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

 
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width:100%; display:block; opacity:0.75; -ms-filter:alpha(opacity=75); filter:alpha(opacity=75); }
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {margin: 0 0 10px; background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; box-shadow: 0 1px 4px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}

.carousel li {margin-right: 5px}


/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(/Content/Styles/Theme/Flexslider/images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; }
.flex-direction-nav .flex-prev {left: -36px;}
.flexslider:hover .flex-next {opacity: 0.8; right: 5px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -30px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a:focus-visible {
    outline: 2px solid #000;
    outline-offset: 2px;
}

.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {opacity: 1; left: 0;}
  .flex-direction-nav .flex-next {opacity: 1; right: 0;}
}
@charset "UTF-8";

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.7.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2018 Daniel Eden
 */

@-webkit-keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

@keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}

@keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

@keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}

@-webkit-keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.heartBeat {
  -webkit-animation-name: heartBeat;
  animation-name: heartBeat;
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}

@-webkit-keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

.bounceOut {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

@-webkit-keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.jackInTheBox {
  -webkit-animation-name: jackInTheBox;
  animation-name: jackInTheBox;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  from {
    visibility: hidden;
  }
    32% {
    visibility: hidden;
    }
   33% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 120%, 0);
  }
}

@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
     visibility: visible;
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 120%, 0);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.animated.delay-2s {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

.animated.delay-3s {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}

.animated.delay-4s {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}

.animated.delay-5s {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
}

.animated.fast {
  -webkit-animation-duration: 800ms;
  animation-duration: 800ms;
}

.animated.faster {
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
}

.animated.slow {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.slower {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
}

@media (print), (prefers-reduced-motion) {
  .animated {
    -webkit-animation: unset !important;
    animation: unset !important;
    -webkit-transition: none !important;
    transition: none !important;
  }
}

/*   
 * Template Name: College Green - Responsive Website Template for Education & Training
 * Version: 1.0
 * Author: 3rd Wave Media
 * Website: http://elearning.3rdwavemedia.com
*/
/* ======= Base ======= */

html,
body {
    height: 100%;
}

* {
    font-family: 'Open sans', sans-serif;
	outline:none !important;
}

body {
    font-size: 13px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.wrapper {
    min-height: 686px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'open sans', arial, sans-serif;
    font-weight: 300;
}

p {
    color: #444444;
    font-size: 13px;
}

a {
    color: #5697a8;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    outline: none;
}

a:hover,a:focus {  
}

.btn {
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}
button, button:focus, button:hover{
    outline: none !important;
}

.btn .fa {
    color: #fff;
    margin-right: 5px;
}

.btn .fa.fa-search {
    margin-right: 0;
}

.btn-theme {
    background: #5798a8;
    border: 1px solid #5798a8;
    color: #fff;
}

.btn-round {
    -webkit-border-radius: 24;
    -moz-border-radius: 24;
    -ms-border-radius: 24;
    -o-border-radius: 24;
    border-radius:24px;
}

.btn-rounded {
    -webkit-border-radius: 5;
    -moz-border-radius: 5;
    -ms-border-radius: 5;
    -o-border-radius: 5;
    border-radius:5px;
}

.btn-orange {
    background: #db6439;
    color:#fff;
}

@media (max-width: 760px) {
    .btn-wide {
        width: 100%; 
    }
}

@media (min-width: 761px) {
    .btn-wide {
        width: 50%;
    }
}

.btn-noborder {
    border: none;
}

.btn-pass-show {
    background-image: url("/Content/Images/icons/icon_show_23x18.svg");
    background-repeat: no-repeat;
     background-position: center center;
    width: 24px;
    height: 24px;
}

.btn-pass-hide {
    background-image: url("/Content/Images/icons/icon_hide_23x18.svg");
    background-repeat: no-repeat;
    background-position: center center;
    width: 24px;
    height: 24px;
}
button.btn.btn-default.pass-show-internal:hover {
    background-color: transparent;
    border-color: transparent;
}
.btn-facebook {
    background-image: url("/Content/Images/icons/icon_facebook_gray_28x20.svg");
    background-repeat: no-repeat;
    background-position: center center;
    width: 95px;
}
.btn-facebook:hover {
    background-image: url("/Content/Images/icons/icon_facebook_white_28x20.svg");
    background-color: #3c5a99;
}

.btn-linkedin {
    background-image: url("/Content/Images/icons/icon_linkedin_gray_28x20.svg");
    background-repeat: no-repeat;
    background-position: center center;
    width: 95px;
}
.btn-linkedin:hover {
    background-image: url("/Content/Images/icons/icon_linkedin_white_28x20.svg");
    background-color: #0f7db8;
}

.btn-google {
    background-image: url("/Content/Images/icons/icon_google_gray_28x20.svg");
    background-repeat: no-repeat;
    background-position: center center;
    width: 95px;
}

.btn-google:hover {
    background-image: url("/Content/Images/icons/icon_google_white_28x20.svg");
    background-color: #de4f3f;
}

.btn-theme:hover {
    background: #16445d;
    border: 1px solid #84aac9;
    color: #fff;
}
header.header h1.padding-l-5 {
    padding: 15px 0 15px 32px;
    margin: 0;
}
body.sideNavActive {
    overflow: hidden;
}
a.btn-cta,
.btn-cta {
    background: #5798a8;
    color: #fff;
    padding: 10px 20px;
    font-size: 18px;
    line-height: 1.33;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #5798a8;
    font-family: 'open sans', arial, sans-serif;
}

a.btn-cta:hover,
.btn-cta:hover {
    color: #fff;
    background: #84aac9;
    border: 1px solid #84aac9;
}

a.btn-cta .fa,
.btn-cta .fa {
    margin-right: 10px;
    font-size: 20px;
    color: #fff;
}

.btn-dropdown
{
    padding:5px 12px;
}

.form-control {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

.form-control:focus {
    border-color: #5798a8;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

blockquote {
    font-size: 14px;
}

blockquote p {
    font-size: 14px;
    line-height: 1.5;
}

.RedDamask {
    background-color: #e27240;
}

.RedDamask:hover {
    background-color: #df622a;
}

.FireBush {
    background-color: #E28D40;
}

.FireBush:hover {
    background-color: #df802a;
}

.OliveDrab {
    background-color: #60A823;
}

.OliveDrab:hover {
    background-color: #54931f;
}

.Mojo {
    background-color: #C94139;
}

.Mojo:hover {
    background-color: #b73932;
}

.text-highlight {
    color: #27435a;
}

.highlight-border {
    border-color: #5798a8;
}

.read-more {
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    font-size: 13px;
    display: block;
}

.read-more .fa {
    position: relative;
    top: 1px;
    margin-left: 5px;
}

.read-more:hover {
    text-decoration: none;
}

.carousel-fade .item {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -ms-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
}

.carousel-fade .item.active {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
}

#topcontrol {
    background: #84aac9;
    color: #fff;
    text-align: center;
    display: inline-block;
    width: 35px;
    height: 35px;
    border: none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}

#topcontrol:hover {
    background: #5798a8;
}

#topcontrol .fa {
    position: relative;
    top: 3px;
    font-size: 25px;
}

.row-end {
    margin-right: 0;
    padding-right: 0;
}

ul.custom-list-style li {
    list-style: none;
}

.date-label {
    background: #f5f5f5;
    display: inline-block;
    width: 40px;
    height: 50px;
    text-align: center;
    font-size: 13px;
}

.date-label .month {
    background: #5798a8;
    color: #fff;
    display: block;
    text-align: center;
    font-size: 13px;
    text-transform: uppercase;
}

.date-label .date-number {
    clear: left;
    display: block;
    padding-top: 5px;
    font-size: 15px;
    font-family: 'open sans', arial, sans-serif;
    font-weight: 500;
    background-color: #fff;
    border: 1px solid #ddd;
    padding-bottom: 5px;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    background-color: #5798a8;
    border-color: #5798a8;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
    background-color: #eef3f8;
    border-color: #a7c2d9;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span,
.pagination > li:last-child > a,
.pagination > li:last-child > span {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

.nav-tabs {
    border-bottom: none;
    position: relative;
    margin-bottom: -1px;
}

.tab-content {
    border: 1px solid #e8e8e8;
    padding: 15px;
    margin-bottom: 20px;
}

.nav > li > a {
    font-size: 13px;
}

.nav-tabs > li > a {
    border: 1px solid #e8e8e8;
    border-bottom: none;
    background: #f5f5f5;
    padding: 5px 15px;
    margin-right: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    color: #444444;
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    -ms-transition: all 0s;
    -o-transition: all 0s;
}

.nav-tabs > li {
    margin-right: 2px;
}

.nav-tabs > li.active {
    border-top: 2px solid #5798a8;
}

.nav-tabs > li.active a,
.nav-tabs > li.active a:hover,
.nav-tabs > li.active a:active,
.nav-tabs > li.active a:focus {
    border-bottom: 0;
    border-top: 0;
}

.navbar-toggle {
        margin: 0;
        padding: 22px 18px;
        border: none;
    }

.navbar-header {
    padding-left:0px;
}

.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
    background: #f5f8fb;
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    border-top: 1px solid #ebebeb;
}

.table > thead > tr > th {
    border-bottom: 2px solid #a7c2d9;
    color: #365d7e;
}

.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
    background: #f5f8fb;
}

.table-boxed,
.table-bordered {
    border: 1px solid #ebebeb;
}

.table.table-boxed > thead > tr > th {
    border-bottom: none;
    background: #5798a8;
    color: #fff;
}

.panel-group .panel {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

.panel-group .panel .panel-heading {
    background: none;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

.panel-group .panel .panel-heading .panel-title a {
    color: #5697a8;
}

.panel-group .panel .panel-heading .panel-title a:before {
    font-family: FontAwesome;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f146";
    margin-right: 5px;
}

.panel-group .panel .panel-heading .panel-title a.collapsed:before {
    content: "\f0fe";
}

.panel-group .panel .panel-body {
    font-size: 13px;
}

.panel {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

.panel .panel-heading {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

.panel .panel-heading h3.panel-title {
    font-weight: 500;
}

.panel .panel-heading .label {
    font-size: 10px;
}

.panel .panel-footer {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

.panel .panel-footer ul {
    margin-bottom: 0;
}

.panel .panel-footer ul.list-inline li {
    margin-bottom: 0;
}

.panel .panel-footer small {
    color: #999999;
}

.panel > .list-group .list-group-item:last-child {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

.panel-theme {
    border-color: #5798a8;
}

.panel-theme > .panel-heading,
.panel-theme > .panel-footer {
    color: #fff;
    background: #5798a8;
    border-color: #5798a8;
}

.no-margins {
    margin: 0;
}

.no-margin-left {
    margin-left: 0;
}

.no-margin-right {
    margin-right: 0;
}

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

.no-margin-bottom {
    margin-bottom: 0;
}

.label {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

.label.label-theme {
    background: #5798a8;
}

.label .fa {
    margin-right: 4px;
}

.label.label-icon-only .fa {
    margin-right: 0;
}

.badge.badge-theme {
    background: #5798a8;
}

.badge.badge-default {
    background: #999;
}

.badge.badge-primary {
    background: #428bca;
}

.badge.badge-success {
    background: #5cb85c;
}

.badge.badge-info {
    background: #5bc0de;
}

.badge.badge-info {
    background: #5bc0de;
}

.badge.badge-warning {
    background: #f0ad4e;
}

.badge.badge-danger {
    background: #d9534f;
}

.promo-badge {
    font-size: 20px;
    display: table;
}

.promo-badge a {
    color: #fff;
    display: table-cell;
    width: 135px;
    height: 135px;
    text-align: center;
    vertical-align: middle;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 5px solid #fff;
    -webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
}

.promo-badge .percentage {
    font-size: 32px;
    font-weight: 500;
    color: #fff;
    position: relative;
    font-family: 'open sans', arial, sans-serif;
}

.promo-badge .percentage .off {
    font-size: 11px;
    position: absolute;
    top: 15px;
    right: -15px;
}

.promo-badge .desc {
    font-size: 12px;
}

.progress-bar-theme {
    background: #5798a8;
}

.img-thumbnail {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-color: #e8e8e8;
    margin-bottom: 15px;
}

#cboxLoadedContent,
#cboxContent {
    background: none;
}

.box {
    background: #f5f5f5;
    padding: 15px;
}

.box.box-border {
    border-left: 5px solid #5798a8;
}

.box.box-dark {
    background: #444444;
    color: #fff;
}

.box.box-theme {
    background: #5798a8;
    color: #fff;
}

.box .date-label {
    background: #fff;
}

.social-icons {
    list-style: none;
    padding: 10px 0;
    margin-bottom: 0;
}

.social-icons li {
    float: left;
}

.social-icons li.row-end {
    margin-right: 0;
}

.social-icons a {
    display: inline-block;
    background: #95b6d1;
    width: 32px;
    height: 32px;
    text-align: center;
    padding-top: 4px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    font-size: 18px;
    margin-right: 10px;
    float: left;
}

.social-icons a:hover {
    background: #5798a8;
}

.social-icons a .fa {
    color: #fff;
}

.social-icons a .fa:before {
    font-size: 18px;
    text-align: center;
    padding: 0;
}
/* ======= Header ======= */

.header .top-bar {
    background: #2f506c;
}

.header .top-bar .search-form {
    padding: 10px 0;
}

.header .top-bar .search-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
}

.social-icons1 li.row-end {
    margin-right: 0;
}

.social-icons1 a {
    background: #2b2b2b;
}

.social-icons1 a:hover {
    background: #5798a8;
}

.social-icons1 a:hover .fa {
    color: rgba(255, 255, 255, 0.8) !important;
}

.social-icons1 a .fa {
    color: rgba(256, 256, 256, 0.4);
}

.social-icons1 a .fa:before {
    font-size: 18px;
    text-align: center;
    padding: 0;
}

.header .menu-top {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-top: 14px;
    text-align: right;
    float: right;
    margin-right: 21px;
}

.header .menu-top li {
    list-style: none;
    float: left;
    margin-left: 10px;
    font-size: 11px;
    font-family: 'open sans', arial, sans-serif;
}

.header .menu-top li:last-child a {
    padding-right: 0;
}

.header .menu-top li.divider a {
    border-right: 1px solid #c3c3c3;
}

.header .menu-top li a {
    display: inline-block;
    color: #777777;
    padding: 0px 10px;
}

.header .menu-top li a:hover {
    color: #5798a8;
}

.header .contact {
    font-size: 20px;
    font-family: 'open sans', arial, sans-serif;
    font-weight: 300;
    margin-top: 10px;
}

.header .contact p {
    float: left;
    margin-bottom: 0;
}

.header .contact p.phone {
    margin-right: 30px;
}

.header .contact p a {
    color: #444444;
}

.header .contact .fa {
    color: #5798a8;
    margin-right: 8px;
    font-size: 18px;
    position: relative;
    top: 1px;
}

.header .contact .fa.fa-phone {
    font-size: 22px;
    top: 2px;
}

.header .search-form {
    border: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.header .search-form .form-control {
    width: 260px;
    background: #f5f5f5;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}

.header .search-form .form-control:focus {
    background: #fff;
    border-color: #5798a8;
}

.main-nav {
    background: #16445d;
    margin-bottom: 12px;
}


.main-nav button {
    background: #27435a;
    color: #fff !important;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

.main-nav button:focus {
    outline: none;
}

.main-nav button .icon-bar {
    background-color: #fff;
}

.main-nav .navbar-collapse {
    padding: 0;
    overflow-y: visible;
    max-height: none;
}

.main-nav .nav .nav-item {
    font-weight: 600;
    text-transform: uppercase;
    font-family: 'open sans', arial, sans-serif;
    z-index: 100;
}

.main-nav .nav .nav-item a {
    color: #dae6e8;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}

.main-nav .nav .nav-item a:hover {
    background: #5798a8;
    /* color: #16445d; */
}

.main-nav .nav .nav-item.active {
    position: relative;
}

.main-nav .nav .nav-item.active > a {
    background: #5798a8;
    color: #fff;
}

.main-nav .nav .nav-item.active > a:before {
    content: "\f0d8";
    position: absolute;
    bottom: -8px;
    left: 0;
    text-align: center;
    font-family: FontAwesome;
    display: block;
    font-size: 12px;
    width: 100%;
}

.main-nav .nav .nav-item.active > a.dropdown-toggle:before {
    display: none;
}

.main-nav .nav .nav-item.open a {
    background: #5798a8;
    color: #fff;
}

.main-nav .nav .nav-item .dropdown-menu {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    margin: 0;
    border: none;
    padding: 0;
    text-transform: none;
    min-width: 220px;
}

.main-nav .nav .nav-item .dropdown-menu a {
    border-bottom: 1px solid #3e6a8f;
    padding: 8px 20px;
    padding-left: 30px;
    font-size: 13px;
    position: relative;
}

.main-nav .nav .nav-item .dropdown-menu a:hover {
    background: #16445d;
    color: #fff;
    padding-left: 24px;
}

/*New Styles to prevent expansion of Mobile Hamburger button*/

.main-nav-button {
    margin-bottom: 12px;
}

.main-nav-button button {
    background: #27435a;
    color: #fff !important;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

.main-nav-button button:focus {
    outline: none;
}

.main-nav-button button .icon-bar {
    background-color: #fff;
}

.main-nav-button .navbar-collapse {
    padding: 0;
}

.main-nav-button .nav .nav-item {
    font-weight: 600;
    text-transform: uppercase;
    font-family: 'open sans', arial, sans-serif;
    z-index: 100;
}

.main-nav-button .nav .nav-item a {
    color: #dae6e8;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}

.main-nav-button .nav .nav-item a:hover {
    background: #5798a8;
    /* color: #16445d; */
}

.main-nav-button .nav .nav-item.active {
    position: relative;
}

.main-nav-button .nav .nav-item.active > a {
    background: #5798a8;
    color: #fff;
}

.main-nav-button .nav .nav-item.active > a:before {
    content: "\f0d8";
    position: absolute;
    bottom: -8px;
    left: 0;
    text-align: center;
    font-family: FontAwesome;
    display: block;
    font-size: 12px;
    width: 100%;
}

.main-nav-button .nav .nav-item.active > a.dropdown-toggle:before {
    display: none;
}

.main-nav-button .nav .nav-item.open a {
    background: #5798a8;
    color: #fff;
}

.main-nav-button .nav .nav-item .dropdown-menu {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    margin: 0;
    border: none;
    padding: 0;
    text-transform: none;
    min-width: 220px;
}

.main-nav-button .nav .nav-item .dropdown-menu a {
    border-bottom: 1px solid #3e6a8f;
    padding: 8px 20px;
    padding-left: 30px;
    font-size: 13px;
    position: relative;
}

.main-nav-button .nav .nav-item .dropdown-menu a:hover {
    background: #16445d;
    color: #fff;
    padding-left: 24px;
}

/* ======= Footer ======= */

.footer {
    background: #444444;
    color: #fff;
}

.footer p {
    color: #dcdcdc;
}

.footer ul {
    padding-left: 0;
}

.footer li {
    list-style: none;
}

.footer h3 {
    margin-top: 0;
    margin-bottom: 20px;
}

.footer .footer-content {
    padding: 30px 0;
    font-size: 12px;
    /* min-height: 295px; */
}

.footer-col-inner {
    margin-bottom: 30px;
}

.footer .footer-content .footer-col .fa {
    margin-right: 10px;
    display: inline-block;
    color: #767676;
}

.footer .footer-content .footer-col .fa.fa-phone {
    font-size: 16px;
}

.footer .footer-content .footer-col li {
    margin-bottom: 10px;
    font-size: 12px;
}

.footer .footer-content .footer-col a {
    color: #dcdcdc;
}

.footer .footer-content .footer-col a:hover {
    color: #84aac9;
}

.footer .footer-content .adr {
    margin-bottom: 5px;
}

.footer .footer-content .adr .fa {
    font-size: 16px;
    margin-top: 2px;
    text-align: center;
}

.footer .footer-content .subscribe-form {
    padding: 0;
}

.footer .footer-content .subscribe-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
}

.footer .footer-content .subscribe-form .form-control {
    width: 320px;
    background: #f5f5f5;
    border: none;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}

.footer .footer-content .subscribe-form .form-control:focus {
    background: #fff;
}

.footer .bottom-bar {
    background: #2b2b2b;
    padding: 5px 0;
}

.footer .bottom-bar .copyright {
    font-size: 11px;
    color: #dcdcdc;
    line-height: 3;
}

.footer .bottom-bar .copyright a:hover {
    color: #84aac9;
}

.footer .bottom-bar .social {
    margin: 0;
}

.footer .bottom-bar .social li {
    float: right;
    margin-left: 10px;
    text-align: center;
    font-size: 18px;
    line-height: 2;
}

.footer .bottom-bar .social li a {
    color: #a9a9a9;
    padding: 0 5px;
}

.footer .bottom-bar .social li a:hover {
    color: #5798a8;
}
/* ======= FlexSlider ======= */

.flexslider {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-shadow: 0 0 0;
    -moz-box-shadow: 0 0 0;
    box-shadow: 0 0 0;
    border: 0;
    background: transparent;
    margin: 0px
}

.flexslider .flex-control-nav {
    bottom: -35px;
}

.flexslider .flex-control-paging li a {
    background: #a1a1a1;
}

.flexslider .flex-control-paging li a:hover {
    background: #5798a8;
}

.flexslider .flex-control-paging li a.flex-active {
    background: #5798a8;
}

.flexslider .slides li {
    position: relative;
}

.flexslider .slides .flex-caption {
    position: absolute;
    left: 30px;
    bottom: 30px;
    color: #fff;
    display: inline-block;
    font-family: 'open sans', arial, sans-serif;
}

.flexslider .slides .flex-caption .main {
    display: inline-block;
    background: #5798a8;
    margin-bottom: 5px;
    padding: 10px 15px;
    font-size: 18px;
    text-transform: uppercase;
}

.flexslider .slides .flex-caption .secondary {
    display: inline-block;
    background: rgba(0, 0, 0, 0.8);
    padding: 5px 15px;
    color: #fff;
    font-size: 16px;
}

.flexslider .slides .promo-badge {
    position: absolute;
    right: 60px;
    top: 30px;
}
/* ======= Page ======= */

.page-wrapper .page-heading {
    margin-bottom: 18px;
    border-bottom: 1px solid #e8e8e8;
}

.page-wrapper .page-heading h1.heading-title {
    margin-top: 0;
    display: inline-block;
    font-size: 28px;
    font-weight: 300;
}

.page-wrapper .breadcrumbs {
    display: inline-block;
}

.page-wrapper .breadcrumbs ul {
    padding-top: 16px;
    margin: 0;
}

.page-wrapper .breadcrumbs ul li {
    color: #5798a8;
    font-size: 12px;
    float: left;
    list-style: none;
    display: inline-block;
}

.page-wrapper .breadcrumbs ul li a {
    display: inline-block;
    padding: 0 3px;
    color: #a4a4a4;
}

.page-wrapper .breadcrumbs ul li a:hover {
    color: #365d7e;
}

.page-wrapper .breadcrumbs ul li.breadcrumbs-label {
    padding-right: 0;
    color: #aaaaaa;
}

.page-wrapper .breadcrumbs ul li.current {
    max-width: 250px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #626262;
}

.page-wrapper .breadcrumbs ul li .fa {
    margin-right: 3px;
    color: #aaaaaa;
    font-size: 10px;
}

.page-wrapper ul li {
    margin-bottom: 3px;
    list-style: none;
}

.page-wrapper ul li.list-group-item {
    margin-bottom: -1px;
}

.page-wrapper ul.nav li {
    margin-bottom: 0;
}

.page-wrapper ul.social-icons li .fa {
    margin-right: 0;
    color: #fff;
}

.page-wrapper ol li {
    margin-bottom: 5px;
}

.page-wrapper dl dd {
    margin-bottom: 5px;
}

.page-wrapper .page-content h1 {
    font-size: 26px;
    font-weight: normal;
}

.page-wrapper .page-content h2 {
    font-size: 24px;
    font-weight: normal;
}

.page-wrapper .page-content h3 {
    font-size: 20px;
    font-weight: normal;
}

.page-wrapper .page-content h4 {
    font-size: 18px;
    font-weight: normal;
}

.page-wrapper .page-content h5 {
    font-size: 16px;
    font-weight: normal;
}

.page-wrapper .page-content h6 {
    font-size: 14px;
    font-weight: normal;
}

.page-wrapper .page-content .title {
    margin-top: 0;
    margin-bottom: 15px;
    font-weight: 300;
}

.page-wrapper .page-content .page-row {
    margin-bottom: 30px;
}

.page-wrapper .page-content .custom-quote {
    border-color: #a7c2d9;
}

.page-wrapper .page-content .custom-quote p {
    font-size: 14px;
    color: #777777;
    line-height: 1.5;
}

.page-wrapper .page-content .custom-quote .fa {
    color: #5798a8;
    margin-right: 10px;
}

.page-wrapper .page-content .custom-quote .people {
    margin-top: 10px;
    font-size: 11px;
    color: #444444;
    font-style: normal;
}

.page-wrapper .page-content .custom-quote .people .name {
    color: #5798a8;
}

.page-wrapper .page-content .has-divider {
    border-bottom: 1px dotted #e8e8e8;
    padding-bottom: 15px;
}

.page-wrapper .page-content .has-divider-solid {
    border-bottom: 1px solid #e8e8e8;
}

.page-wrapper .page-content .row-divider {
    border-bottom: 1px dotted #e8e8e8;
    padding: 10px 0;
}

.page-wrapper .page-content .even-row {
    background: #f5f5f5;
}

.page-wrapper .page-content .read-more.btn {
    margin-bottom: 15px;
    display: inline-block;
}

.page-wrapper .page-content .panel-title {
    font-size: 16px;
    font-weight: 300;
}

.page-wrapper .page-content .video-iframe {
    max-width: 100%;
}

.page-wrapper .page-content .album-cover {
    border: 1px solid #e8e8e8;
    margin-bottom: 30px;
}

.page-wrapper .page-content .album-cover:hover {
    -webkit-box-shadow: 0px 0px 5px 0px #e8e8e8;
    -moz-box-shadow: 0px 0px 5px 0px #e8e8e8;
    box-shadow: 0px 0px 5px 0px #e8e8e8;
}

.page-wrapper .page-content .album-cover > a:hover {
    position: relative;
}

.page-wrapper .page-content .album-cover > a:hover img {
    display: block;
    -webkit-opacity: 0.9;
    -moz-opacity: 0.9;
    opacity: 0.9;
}

.page-wrapper .page-content .album-cover .desc {
    padding: 15px;
    position: relative;
}

.page-wrapper .page-content .album-cover .desc:before {
    content: "";
    display: block;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
    position: absolute;
    top: -10px;
}

.page-wrapper .page-content .prettyphoto:hover img {
    -webkit-box-shadow: 0px 0px 5px 0px #e8e8e8;
    -moz-box-shadow: 0px 0px 5px 0px #e8e8e8;
    box-shadow: 0px 0px 5px 0px #e8e8e8;
}

.page-wrapper .page-sidebar h3.title {
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 20px;
}

.page-wrapper .page-sidebar .widget {
    margin-bottom: 30px;
    padding-bottom: 15px;
}

.page-wrapper .page-sidebar .widget.has-divider {
    border-bottom: 1px dotted #e8e8e8;
}

.page-wrapper .page-sidebar .widget .iframe {
    height: auto;
    min-height: 200px;
    max-width: 100%;
}

.page-wrapper .page-sidebar .widget .fa {
    margin-right: 5px;
    color: #5798a8;
}

.page-wrapper .page-sidebar .widget .fa.fa-phone {
    font-size: 16px;
}

.page-wrapper .page-sidebar .widget .btn .fa {
    color: #fff;
}

.page-wrapper .page-sidebar .widget .nav li a {
    padding: 5px 15px;
    color: #444444;
    margin-bottom: 10px;
    border-left: 5px solid transparent;
}

.page-wrapper .page-sidebar .widget .nav li a:hover {
    background: none;
    color: #5798a8;
}

.page-wrapper .page-sidebar .widget .nav li.active a {
    background: none;
    color: #5798a8;
    font-weight: bold;
    border-left: 5px solid #5798a8;
}

.page-wrapper .page-sidebar ul {
    padding-left: 0;
}

.page-wrapper .page-sidebar #flickr-photos li {
    list-style: none;
    float: left;
    display: inline-block;
    margin-bottom: 5px;
    margin-right: 5px;
}

.page-wrapper .page-sidebar #flickr-photos li img {
    max-width: 100%;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}

.page-wrapper .page-sidebar #flickr-photos li img:hover {
    -webkit-opacity: 0.8;
    -moz-opacity: 0.8;
    opacity: 0.8;
}

.page-wrapper .page-sidebar .news-item {
    margin-bottom: 15px;
}

.page-wrapper .page-sidebar .news-item img {
    width: 40px;
    height: 40px;
}

.page-wrapper .page-sidebar .news-item .title {
    font-size: 14px;
    margin-top: 0;
}

.page-wrapper .page-sidebar .testimonials-carousel {
    position: relative;
}

.page-wrapper .page-sidebar .testimonials-carousel .fa {
    color: #5798a8;
    margin-right: 5px;
    font-size: 18px;
}

.page-wrapper .page-sidebar .testimonials-carousel .carousel .item {
    min-height: 300px;
}

.page-wrapper .page-sidebar .testimonials-carousel .people {
    margin-top: 10px;
}

.page-wrapper .page-sidebar .testimonials-carousel .people .name {
    color: #5798a8;
}

.page-wrapper .page-sidebar .testimonials-carousel .people .title {
    color: #999;
}

.page-wrapper .page-sidebar .testimonials-carousel .carousel-controls {
    margin-top: 20px;
    text-align: right;
}

.page-wrapper .page-sidebar .testimonials-carousel .carousel-controls a .fa {
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    background: #dddddd;
    color: #fff;
    display: inline-block;
    width: 20px;
    height: 20px;
    text-align: center;
    margin-right: 0;
    font-size: 15px;
}

.page-wrapper .page-sidebar .testimonials-carousel .carousel-controls a.next .fa {
    padding-top: 2px;
    padding-right: 1px;
}

.page-wrapper .page-sidebar .testimonials-carousel .carousel-controls a.prev .fa {
    padding-top: 2px;
    padding-right: 1px;
}

.page-wrapper .page-sidebar .testimonials-carousel .carousel-controls a:hover .fa {
    background: #5798a8;
}
/* ======= Configure Style ======= */

.config-wrapper {
    position: absolute;
    top: 100px;
    right: 0;
}

.config-wrapper-inner {
    position: relative;
}

.config-trigger {
    display: block;
    position: absolute;
    left: -36px;
    width: 36px;
    height: 36px;
    background: #444444;
    color: #fff;
    text-align: center;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

.config-trigger:hover {
    background: #000;
}

.config-trigger .fa {
    font-size: 22px;
    padding-top: 8px;
    display: block;
    color: #fff;
}

.config-panel {
    display: none;
    background: #444444;
    color: #fff;
    padding: 15px;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-topleft: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

.config-panel p {
    margin: 0;
    padding: 0;
    margin-bottom: 15px;
    color: #fff;
}

.config-panel ul {
    margin-bottom: 0;
}

.config-panel li a {
    display: block;
    width: 20px;
    height: 20px;
    border: 2px solid transparent;
}

.config-panel li a:hover {
    -webkit-opacity: 0.9;
    -moz-opacity: 0.9;
    opacity: 0.9;
    border: 2px solid rgba(256, 256, 256, 0.8);
}

.config-panel li.active a {
    border: 2px solid #fff;
}

.config-panel li.default a {
    background: #5798a8;
}

.config-panel li.green a {
    background: #5798a8;
}

.config-panel li.purple a {
    background: #6f7a9f;
}

.config-panel li.red a {
    background: #a85770;
}

.config-panel .close {
    position: absolute;
    right: 5px;
    top: 5px;
    color: #fff;
}

.config-panel .close .fa {
    color: #fff;
}

.ie8 .footer .footer-content {
    min-height: 280px;
}

.ie8 .navbar-nav {
    position: relative;
    z-index: 100;
}
/* ======= Home Page ======= */

.section-heading {
    font-size: 22px;
    font-weight: 300;
    line-height: 2;
    margin-top: 0;
    color: #16445d;
}

.home-page h1.section-heading .line {
    border-top: 2px solid #5798a8;
    display: inline-block;
    padding: 0 15px 0 15px;
    padding-top: 5px;
}

.home-page section {
    background: #f5f5f5;
    margin-bottom: 30px;
    position: relative;
}

.home-page .section-content {
    padding: 18px;
    padding-top: 0;
    padding-bottom: 23px;
}

.home-page .carousel-controls a .fa {
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    background: #dddddd;
    color: #fff;
    display: inline-block;
    width: 20px;
    height: 20px;
    text-align: center;
    margin-right: 0;
    font-size: 15px;
}

.home-page .carousel-controls a.next .fa {
    padding-top: 2px;
    padding-right: 1px;
}

.home-page .carousel-controls a.prev .fa {
    padding-top: 2px;
    padding-right: 1px;
}

.home-page .carousel-controls a:hover .fa {
    background: #5798a8;
}

.home-page .promo {
    margin-bottom: 30px;
}

.home-page .promo h1.section-heading {
    margin-top: 0;
    font-size: 24px;
    color: #fff;
}

.home-page .promo p {
    color: #f5f5f5;
}

.home-page .promo .btn-cta {
    font-size: 20px;
    margin-top: 30px;
    font-family: 'Open Sans', arial, sans-serif;
}

.home-page .news {
    position: relative;
}

.home-page .news .carousel-controls {
    position: absolute;
    right: 10px;
    top: 10px;
}

.home-page .news h2.title {
    font-size: 18px;
    margin-top: 0;
}

.home-page .news h2.title a {
    color: #444444;
}

.home-page .news h2.title a:hover {
    color: #365d7e;
}

.home-page .news .news-item {
    padding-left: 115px;
    position: relative;
    margin-bottom: 20px;
}

.home-page .news .thumb {
    position: absolute;
    left: 0;
    top: 0;
}

.searchSite {
    margin-bottom:20px;
}

.home-page .events {
    margin-top:10px;
}

.home-page .events .section-content {
    min-height: 520px;
}

.events .event-item {
    position: relative;
    padding-left: 60px;

    padding-bottom: 10px;
}

.events .event-item .date-label {
    background: #fff;
    position: absolute;
    left: 2px;
}

.events .event-item h2.title {
    margin-bottom: 20px;
    font-size: 16px;
}

.events .event-item p {
    margin-bottom: 5px;
}

.events .event-item .fa {
    margin-right: 5px;
    font-size: 14px;
    min-width: 16px;
    color: #666;
}

.events .event-item .btn
{
    padding: 0px;
    margin: 0px;
}

.home-page .events .event-item .fa.fa-map-marker {
    font-size: 18px;
}

.home-page .events .read-more {
    margin-top: 5px;
    margin-left: 0;
    display: inline-block;
}

.home-page .events .details p {
    color: #666;
}

.course-finder-form {
    margin-bottom: 15px;
}

.home-page .course-finder .keywords {
    padding-left: 0;
}

.home-page .course-finder .keywords input {
    width: 200px;
    margin-right: 5px;
}

.home-page .video {
    position: relative;
}

.home-page .video .carousel-controls {
    position: absolute;
    right: 10px;
    top: 10px;
}

.home-page .video .video-iframe {
    max-width: 100%;
    width: 100%;
    height: 287px;
    margin-bottom: 5px;
}

.home-page .links .fa {
    margin-right: 5px;
}

.home-page .testimonials {
    position: relative;
}

.home-page .testimonials .carousel-controls {
    position: absolute;
    right: 10px;
    top: 10px;
}

.home-page .testimonials .fa {
    color: #5798a8;
    margin-right: 5px;
    font-size: 18px;
}

.home-page .testimonials .carousel .item {
    min-height: 298px;
}

.home-page .testimonials .people {
    margin-top: 10px;
}

.home-page .testimonials .people .name {
    color: #5798a8;
}

.home-page .testimonials .people .title {
    color: #999;
}

.home-page .awards {
    background: #fff;
    /*    overflow: hidden;*/
}

.home-page .awards .logos {
    margin: 0;
    padding: 0;
}

.home-page .awards .logos li {
    list-style: none;
    margin-right: 0;
    text-align: center;
}

.home-page .awards .logos li img {
    -webkit-opacity: 0.9;
    -moz-opacity: 0.9;
    opacity: 0.9;
    margin: 0 auto;
}

.home-page .awards .logos li img:hover {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
}

.home-page .awards .carousel-control {
    background: none;
    background-color: rgba(0, 0, 0, 0.67);
    height: 25px;
    line-height: 23px;
    display: inline-block;
    border-radius: 50%;
    width: 25px;
    text-align: center;
    top: 50%;
    text-shadow: none;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    margin-top: -13px;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}

.home-page .awards .carousel-control .fa {
    color: #e8e8e8;
    font-weight: bold;
    font-size: 19px;
}

.home-page .awards .carousel-control:hover .fa {
    color: #999;
}

/* ======= Courses Page ======= */

.courses-wrapper .tab-content {
    font-size: 12px;
}

.courses-wrapper .tab-content .item {
    margin-top: 15px;
}

.courses-wrapper .tab-content img {
    margin-bottom: 10px;
}

.courses-wrapper .course-finder {
    margin-bottom: 30px;
}

.courses-wrapper .course-finder .keywords input {
    width: 260px;
}

.courses-wrapper .course-list-header {
    font-size: 13px;
    margin-bottom: 15px;
}

.courses-wrapper .course-list-header .summary {
    padding-top: 10px;
}

.courses-wrapper .course-list-header .control-label {
    font-size: 12px;
    font-weight: normal;
    display: inline-block;
    margin-right: 10px;
    line-height: 2;
}

.courses-wrapper .course-list-header .sort {
    padding-top: 5px;
}

.courses-wrapper .course-list-header .sort-options {
    width: auto;
    height: 25px;
    font-size: 12px;
}

.courses-wrapper .course-item {
    font-size: 12px;
}

.courses-wrapper .course-item .col-meta {
    color: #333333;
    font-weight: 600;
}
/* ======= Events Page ======= */

.events-wrapper .events-item .date-label {
    background: #f5f5f5;
}

.events-wrapper .events-item .details .time {
    margin-right: 10px;
}

.events-wrapper .events-item .details .fa {
    margin-right: 5px;
}
/* ======= Contact Page ======= */

.contact-form .required {
    color: #e14b39;
    display: inline-block;
    font-weight: normal;
    padding-left: 2px;
}



/* CUSTOM STYLES ADDED FOR LHH _-------------------------------------------------------------------------------------------------------------------------------*/
/*Generic global styles*/

button {
    background-color: transparent;
    border: none;
}

button:active {
    outline: none;
}
/*Navbar styles*/

.main-nav .nav .nav-item a {
    padding: 15px 28px;
}

.main-nav .nav .nav-item .dropdown-menu a span {
    display: inline-block;
    width: 20px;
    left: 27px;
    position: absolute;
}

.main-nav .nav a i {
    transition: color .5s ease;
    -webkit-transition: color .5s ease;
    -ms-transition: color .5s ease;
    -moz-transition: color .5s ease;
    -o-transition: color .5s ease;
}

.main-nav .nav .nav-item.hasIcon .dropdown-menu a:hover {
    padding-left: 57px;
}

.main-nav .nav .nav-item.hasIcon .dropdown-menu a {
    padding-left: 62px;
}

.main-nav .nav .nav-item:last-child li a:hover {
    background-color: #16445d;
    color: #fff;
}

.main-nav .nav .nav-item:last-child:hover a i {
    color: #16445d;
}

/*New Styles to prevent expansion of Mobile Hamburger button*/

.main-nav-button .nav .nav-item a {
    padding: 15px 28px;
}

.main-nav-button .nav .nav-item .dropdown-menu a span {
    display: inline-block;
    width: 20px;
    left: 27px;
    position: absolute;
}

.main-nav-button .nav a i {
    transition: color .5s ease;
    -webkit-transition: color .5s ease;
    -ms-transition: color .5s ease;
    -moz-transition: color .5s ease;
    -o-transition: color .5s ease;
}

.main-nav-button .nav .nav-item.hasIcon .dropdown-menu a:hover {
    padding-left: 57px;
}

.main-nav-button .nav .nav-item.hasIcon .dropdown-menu a {
    padding-left: 62px;
}

.main-nav-button .nav .nav-item:last-child li a:hover {
    background-color: #16445d;
    color: #fff;
}

.main-nav-button .nav .nav-item:last-child:hover a i {
    color: #16445d;
}

/*Header styles */

.header-main .dropdown button span.userImage {
    display: inline-block;
    float: left;
    width: 35px;
    margin-right: 10px;
}

.header-main .dropdown button {
    border: none;
    vertical-align: middle;
    line-height: 35px;
    color: #16635d;
    font-size: 12px;
    background-color: transparent !important;
}

.header-main .dropdown button span.caret {
    margin-left: 5px;
}

.header-main .dropdown button:hover {
    background-color: transparent;
}

.header-main .dropdown button:focus,
.header-main .dropdown button:active {
    background-color: transparent;
    box-shadow: none;
    outline: none;
}


.awards .carousel-inner {
    width: 97%;
    margin: 0 auto;
}

.header-main .dropdown .dropdown-menu{
    padding: 0;
    border-radius: 0;
}

.header-main .dropdown .dropdown-menu a {
    padding: 8px 15px;
    font-size: 12px;
}
/*home goals carousel styles*/

.home-page .awards .logos li a {
    display: inline-block;
    position: relative;
}

.home-page .awards .logos li a p {
    position: absolute;
    bottom: 0;
    margin: 0;
    width: 100%;
    padding: 2px 0;
    background-color: rgba(0, 0, 0, 0.59);
    color: #fff;
}

.home-page .awards .logos li a p .carouselImage1 {
    position: absolute;
    left: 6px;
    bottom: 6px;
}

/*Homepage Left sidebar goals Panel */

.goalList {
    padding: 0 15px;
    clear: both;
}

.page-wrapper .goalList li {
    display: inline-block;
    width: 226px;
    margin-bottom: 3px;
    padding-right: 3px;
    height: 84px;
    float: left;
}

.goalList .sectionContent {
    background-color: #756c63;
    transition: background-color .1s ease;
    -webkit-transition: background-color .1s ease;
    -ms-transition: background-color .1s ease;
    -moz-transition: background-color .1s ease;
    -o-transition: background-color .1s ease;
    text-align: center;
    position: relative;
    height: 100%;
    overflow: hidden;
}

.goalList .sectionContent .settingBtn {
    position: absolute;
    opacity: 0;
    transition: opacity .15s ease-in;
    -webkit-transition: opacity .15s ease-in;
    -ms-transition: opacity .15s ease-in;
    -moz-transition: opacity .15s ease-in;
    -o-transition: opacity .15s ease-in;
    visibility: hidden;
    right: -20px;
    top: -2px;
    height: 23px;
    padding: 0;
    font-size: 14px;
    width: 55px;
    background-color: #ff2e00;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}

.goalList .sectionContent p {
    text-transform: uppercase;
    color: #cacaca;
    font-size: 11px;
}

.goalList .sectionContent .goalImage {
    padding: 10px 0;
}

.goalList .sectionContent .settingBtn i {
    color: #fff;
}

.goalList .sectionContent:hover .settingBtn {
    visibility: visible;
    opacity: 1;
}

.goalList .sectionContent:hover {
    background-color: #514942;
}

.leftPanel1 h1 {
    float: left;
}

.secTopRightLinks {
    float: right;
    margin: 15px 10px 0 0;
}


.secTopRightLinks a {
    font-size: 18px;
    display: inline-block;
    color: #b3b3b3;
    line-height: 6px;
    border-radius: 50%;
    width: 18px;
    text-align: center;
}

.secTopRightLinks a:hover {
    color: #514942;
}

.goalList .sectionContent .settingBtn i.fa-check {
    display: none;
}

.goalList .selected .settingBtn i.fa-check {
    display: block;
}

.goalList .selected .settingBtn i.fa-cog {
    display: none !important;
}

.goalList .sectionContent .settingBtn i.fa-cog {
    display: block;
}
/*Homepage Middle Events panel*/

#events-slider,
#events-slider1,
#events-slider2 {
    background-color: transparent;
    margin-bottom: 0;
}

.eventsSlider h2 {
    font-size: 18px;
    margin-bottom: 0;
}

.eventsSlider {
    margin: 0 25px;
    padding-bottom: 35px;
}

.eventsSlider .slides {
    padding: 0 5px;
}

.events .date-label .month .cal-check {
    display: block;
    background-color: #fff;
    border-radius: 50%;
    font-size: 11px;
    height: 15px;
    width: 15px;
    margin: 0 auto;
    line-height: 16px;
}

.eventsSlider .flexslider:hover .flex-next {
    right: -22px;
}

.eventsSlider .flexslider:hover .flex-prev {
    left: -22px;
}

#events-slider1 .flex-viewport {
    max-width: 495px;
}


.home-page .awards .carousel-control.left i {
    padding-right: 2px;
}

.home-page .awards .carousel-control.right i {
    padding-left: 3px;
}

#slider1 {
    margin: 0;
}


.goalSlider .flex-viewport {
    margin: 0 10px;
}

.eventsSlider .date-label .month {
    background-color: #16445d;
    padding-top: 4px;
}

.events .event-item h2.title {
    margin-top: 14px;
    margin-bottom: 4px;
    line-height: 14px;
    min-height: 28px;
}

#events-slider .details {
    margin-bottom: 10px;
}

.homeCourses {
    padding: 0;
    padding-bottom: 35px;
    border-bottom: 1px solid #ddd;
    margin: 0 25px;
}

.homeCourses h2 {
    font-size: 18px;
    margin-bottom: 0px;
}

.page-wrapper .homeSearchContent {
    margin-bottom: 30px;
}

.rateCourse .date-label .month {
    background-color: #006a63;
    padding-top: 4px;
}

.consultant .date-label .month {
    background-color: #ed5938;
}

.events a {
    color: #5798a8;
}

/*Homepage Right sidebar*/

.rightSecContent .rightSecImage {
    display: inline-block;
    width: 82px;
    vertical-align: top;
    margin: 0;
}

.rightSecContent .rightSecText {
    display: inline-block;
    width: calc(100% - 87px);
    padding-left: 3px;
}

.rightSecContent .rightSecText h5 {
    font-size: 17px;
    text-transform: uppercase;
    color: #fff;
    margin: 0;
    font-weight: 600;
}

.rightSecContent .rightSecText h5 span {
    font-size: 22px;
    display: block;
    font-weight: 700;
}

.rightSec1 .rightSecContent {
    padding: 18px 13px;
}

.rightSecContent .rightSecText p {
    color: #fff;
    font-size: 13px;
    margin-top: 3px;
    margin-bottom: 0;
}

.rightSecContent .rightSecText p a {
    color: #fff;
}

.rightSecContent .rightSecText p a:hover {
    color: #84aac9;
}

.rightSec2 h3 {
    font-size: 20px;
    color: #16445d;
    font-weight: 500;
    margin-top: 0;
}

.rightSec2 p {
    padding: 12px 5px 12px 5px;
}

.rightSec2 p span {
    display: block;
    line-height: 13px;
    font-size: 13px;
    color: #666677;
    padding-left: 14px;
}

.rightSec2 p a {
    font-size: 15px;
    color: #16445d;
    font-weight: 600;
}

.rightSec2 p a i {
    margin-right: 8px;
}

.rightSec2 .section-content {
    background-color: #fefdd9;
    padding: 0;
    /*    padding-bottom: 8px;*/
}

.rightSec2 p {
    padding-left: 18px;
    line-height: 16px;
    border-bottom: 2px solid #fff;
    margin-bottom: 0;
}

.badgeList {
    padding: 0;
}

.badgeSec h5 {
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 600;
    color: #aaa6a3;
    letter-spacing: 1px;
    margin: 0;
    margin-bottom: 12px;
}

.badgeList li {
    /* float: left; */
    
    display: inline-block;
    margin: 0 3px;
    margin-bottom: 7px !important;
    list-style: none;
}

.badgeSec {
    /*padding: 12px;*/
}
/*Footer styles*/

.footer .footer-content .social-icons i.fa {
    margin-right: 0;
}

.footer .social-icons a {
    background-color: #2b2b2b;
}

.footer .footer-content .adr i {
    min-width: 18px;
}

.social-icons1 li {
    display: inline-block;
    margin-right: 8px;
    text-align: center;
}

.social-icons1 li a {
    padding: 7px;
    display: inline-block;
    border-radius: 50%;
    height: 30px;
    width: 30px;
    text-align: center;
    vertical-align: middle;
}
/*Homepage Banner*/

.homeBannerCap {
    position: absolute;
    top: 50px;
    left: 44px;
}

.homeBanner {
    position: relative;
    margin-bottom: 14px;
    margin-top: 18px;
    overflow: hidden;
}

.homeBannerCap h2 {
    font-size: 24px;
    color: #fff;
    font-weight: 600;
    margin: 0;
}

.homeBannerCap p {
    color: #fff;
    font-size: 14px;
    margin: 0;
}

/* Resource Tiles */
.resourceTile 
{
   max-width:2.9%; 
   min-width:2.9%;  
  
    max-height:15%; 
    padding: 2px 5px 17px 5px;
   
}


.resourceTile .resourceContent
{
    border: 1px solid #ccc;
    padding: 10px;
    height: 25%;
    width: 95%;
}

.resourceTile .resourceHeader .resourceIcon
{
    float: left;
    padding-top:5px;
    padding-right: 8px;
    width: 55%;
}

.resourceTile .resourceHeader img
{
    width: auto;
    height: auto;
}
.resourceTile .resourceHeader h4
{
    margin-top: 0px;
    display: inline-block;
}


.resourceTile .resourceContent p
{
    margin-left:25px;
    height: 130px;
}

.resourceTile .resourceContent .starRatings
{
    margin-left:25px;
    margin-bottom: 10px;
}


/*Rating section*/

.starRatings ul {
    padding: 0;
    margin: 0;
}

.starRatings li {
    display: inline-block;
    height: 16px;
    width: 16px;
    margin: 0;
}




.goalSub .starRatings {
    padding-left: 23px;
    position: absolute;
    bottom: 12px;
}

.likeBox > div {
    display: inline-block;
}

.likeBox {
    padding-left: 23px;
    position: absolute;
    bottom: 15px;
}

.like {
    color: green;
}

.likeBox i {
    font-size: 16px;
}

.likeBox span {
    font-size: 11px;
}

.likeBox .disLike {
    padding-left: 6px;
}

.likeBox .disLike i {
    color: #ccc;
}

.likeBox .disLike span {
    color: red;
}
/*Detail Page Banner styles*/

.detailPageBanner > div {
    display: inline-block;
}

.detailPageBanner .bannerImg {
    width: 256px;
    vertical-align: top;
}

.detailPageBanner .bannerTxt {
    width: calc(100% - 260px);
    margin-left: -4px;
    position: relative;
    padding-left: 30px;
    height: 100%;
    padding-right: 10%;
    padding-top: 28px;
}

.detailPageBanner .bannerTxt > span {
    position: absolute;
    right: -4px;
    top: 6px;
}

.detailPageBanner {
    background-color: #756c63;
}

.detailPageBanner .bannerTxt p {
    color: #fff;
    margin: 0;
    font-size: 14px;
}

.detailPageBanner .bannerTxt > span a {
    color: #DAD9D9;
    font-size: 16px;
    padding: 5px 10px;
    margin-top: initial;
}
/*Detail Page right sidebar */

.detailRightSec1 h3 {
    font-size: 20px;
    color: #333333;
    margin-top: 0;
}

.home-page .detailRightSec1 {
    background-color: transparent !important;
}

.detailRightSec1 .thumb,
.detailRightSec1 .details {
    display: inline-block;
    vertical-align: top;
}

.detailRightSec1 .thumb {
    width: 45px;
}

.detailRightSec1 .details {
    width: calc(100% - 49px);
}

.detailRightSec1 .details a {
    color: #5798a8;
    font-size: 14px;
    font-weight: 600;
}

.detailRightSec1 .details p {
    margin: 0;
}

.detailRightSec1 .details h4 {
    font-size: 13px;
    color: #333333;
    margin: 0;
}

.detailRightSec1 .news-item {
    margin: 25px 0;
    padding: 5px 0;
}

.goalDetailContent .homeCourses h1 {
    margin-left: -25px;
}
/*Goal Description boxes*/

.goalHeading h3 {
    color: #5798a8;
    font-size: 18px;
    display: inline-block;
    margin-top: 6px;
    padding-left: 2px;
    margin-bottom: 5px;
}

.goalSub p {
    padding-left: 23px;
    padding-right: 17px;
    padding-bottom: 25px;
    /* padding: 5px 0; */
    
    margin-top: 0;
    margin-bottom: 5px;
}

.goalContent {
    padding: 10px;
    border: 1px solid #ccc;
    /*min-height: 210px;*/
    position: relative;
    border-bottom: none;
}

.goalSub {
    padding: 2px 5px 17px 5px;
}

#goalSubjects {
    background-color: transparent;
    margin: 0px -2px;
    padding-bottom: 10px;
    clear: both;
}
#goalSubjectsList{
    background-color: transparent;
    margin: 0px -2px;
    padding-bottom: 10px;
    clear: both;
    margin-top: 10px;
}

#goalSubjects section {
    background-color: transparent;
    margin-bottom: 18px;
}


.goalFooter {
    background-color: #ddd;
    padding: 16px 35px;
    width:95%;
}

.goalFooter span.active {
    background-color: #5cb85c;
}

.goalFooter span:hover {
    opacity: .8;
}

.goalFooter span a {
    color: #fff;
    font-weight: 600;
    font-size: 9px;
    vertical-align: text-top;
    line-height: 18px;
}

.goalFooter span i {
    color: #fff;
    margin-right: 4px;
    font-size: 11px;
    line-height: 17px;
}

.goalFooter span {
    background-color: #d9534f;
    padding: 2px 6px 3px 14px;
    display: block;
    
    color: #fff;
    color: #fff;
    font-weight: 600;
    font-size: 9px;
    vertical-align: bottom;
    line-height: 16px;
    opacity: 1;
    transition: opacity .2s ease;
    -webkit-transition: opacity .2s ease;
    -ms-transition: opacity .2s ease;
    -moz-transition: opacity .2s ease;
    -o-transition: opacity .2s ease;
}

.goalHeading h3 a:hover {
    text-decoration: underline;
    color: #5798a8;
}
.goalHeading a {
    color: #545a5a;
}
.rightSec3 .title {
    font-size: 20px;
}

.rightSec3 p {
    font-size: 13px;
}

.rightSec3 a {
    font-size: 14px;
}

.midSec2 h6 a {
    margin: 0 4px;
}

.goalFooter span.goalProgress {
    background-color: #f0ad4e;
    text-decoration: none;
}

.badgeList li.inActive img {
    -webkit-filter: grayscale(1) opacity(.3);
    filter: grayscale(1) opacity(.3);
    -moz-filter: grayscale(1) opacity(.3);
    -ms-filter: grayscale(1) opacity(.3);
    -o-filter: grayscale(1) opacity(.3);
}

.detailRightSec1 .news-item:nth-child(2) {
    margin-top: 10px;
}

.goalHeading > span {
    float: left;
    padding-top: 5px;
    padding-right: 5px;
}

.goalList a.selected:focus {
    text-decoration: none;
}
/*Goal select box*/

.goalSelection {
    padding: 16px;
    background-color: #dae6e8;
    text-align: center;
    margin-bottom: 6px;
}

.goalSelection select {
    display: inline-block;
    width: 50%;
    padding-left: 5px;
}

.goalSelection label {
    font-size: 14px;
    color: #666677;
    font-weight: 500;
    padding-right: 10px;
}
/*Dashboard Page Styles*/
.eliminateSpace {
    margin-left: -35px;
}

.borderSpace {
width: 165px !important;
border-style: solid; 
border-right-width: 2px;
border-color: white;

}
.leftPanel2 .settingBtn {
    position: absolute;
    right: 15px;
    top: 15px;
}

.leftPanel2 {
    position: relative;
}


.leftPanel2 .settingBtn a {
    color: #9C9C9C;
    font-size: 18px;
}



.dashAdd {
    padding: 0 14px;
}

.dashAdd h6 {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: bold;
}

.dashAdd address {
    display: inline-block;
    vertical-align: top;
    padding-left: 6px;
}

.dashAdd span {
    font-size: 18px;
}

.dashAdd address p {
    font-size: 13px;
}

.leftPanel2 .read-more {
    padding-left: 14px;
}

.leftPanel2 {
    padding: 10px 0;
}

.dashUser .image {
    height: 58px;
    width: 58px;
}

.dashUser > p {
    display: inline-block;
    vertical-align: top;
}

.dashUser .name {
    font-size: 14px;
    font-weight: 700;
    margin: 0;
}

.dashUser .name span {
    display: block;
    font-weight: 500;
    font-size: 13px;
    line-height: 6px;
}

.dashUser {
    padding: 0px 14px;
}

.leftPanel2 .settingBtn {
    position: absolute;
    right: 15px;
    top: 15px;
}

.leftPanel2 {
    position: relative;
}

.leftPanel2 .settingBtn a {
    color: #9C9C9C;
    font-size: 18px;
}

.dashDesc ul {
    padding: 0;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}

.dashDesc li > div {
    display: inline-block;
    margin-right: -4px;
    color: #666677;
}

.dashDesc {
    padding: 0 14px;
    margin-top: 14px;
}

.dashDesc .profileLabel {
    font-weight: bold;
    vertical-align: top;
    color: #666677;
}

.page-wrapper .dashDesc .right span {
    display: block;
    font-size: 18px;
    color: #82746b;
}

.dashAdd {
    margin: 0 14px;
    padding-left: 0;
    padding-top: 1px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ddd;
}

.dashAdd h6 {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 5px;
    color: #666677;
    margin-top: 8px;
}

.dashAdd address {
    display: inline-block;
    vertical-align: top;
    padding-left: 3px;
    margin-bottom: 0;
}

.dashAdd span {
    font-size: 18px;
    color: #82746b;
}

.dashAdd address p {
    font-size: 13px;
    line-height: 21px;
    color: #666677;
}

.dashButton {
    margin-left:25px;
}

.leftPanel2 .read-more {
    padding-left: 19px;
}

.leftPanel2 {
    padding: 10px 0 12px 0;
    padding-top: 0;
    margin-bottom: 35px !important;
}

#dashTable {
    width: 100%;
}

#dashTable thead {
    background-color: #687b8e;
    border-bottom: 1px solid #fff;
}

#dashTable thead th {
    padding: 9px 0 8px 0;
    color: #fff;
    padding-left: 18px;
}

#dashTable thead th:nth-child(1) {
    width: 53%;
}

#dashTable thead th:nth-child(2) {
    width: 11%;
}

#dashTable thead th:nth-child(3) {
    width: 17%;
}

#dashTable thead th:nth-child(4) {}

#dashTable tbody td {
    color: #fff;
    padding: 6px 0;
    padding-left: 18px;
}

#dashTable tbody tr {
    background-color: #9caebc;
    border-bottom: 1px solid #fff;
}

.customRow ul {
    padding: 0;
}

.midSec1 .customRow li {
    list-style: none;
    margin-right: -4px;
    text-align: center;
    padding: 8px;
    margin-bottom: 0;
    border-right: 1px solid #fff;
}

.customRow {
    background-color: #b3a75b;
}

.midSec1 .customRow li p {
    text-transform: uppercase;
    color: #fff;
    padding-top: 8px;
    margin-bottom: 2px;
}

.midSec1 .customRow li span {
    font-size: 22px;
    color: #fff;
    vertical-align: top;
    padding-left: 16px;
    font-weight: 300;
}

#dashTable tbody tr:last-child {
    border-bottom: none;
}

.leftPanel2 h1 {
    margin-bottom: 1px;
}

.midSec1 h1 {
    margin-bottom: 3px;
}

.midSec1 .read-more {
    display: inline-block;
    width: 39%;
    margin-top: 20px;
    margin-left: 26px;
    vertical-align: top;
}

.midSec1 {
    padding-bottom: 25px;
}

.midSec1 .customRow li:last-child {
    border-right: none;
}

.home-page .links {
    margin-bottom: 30px;
}

.midSec2 h2 {
    font-size: 20px;
    display: inline-block;
    margin-top: 0;
    color: #2f506c;
}

.midSec2 h6 {
    float: right;
    margin-top: 17px;
    font-size: 13px;
    color: #5798a8;
    font-weight: 400;
}

.midSec2 section {
    background-color: transparent;
}

.homeCourses .row {
    margin: 0 -9px;
}

.homeCourses:last-child {
    border: none;
}

.rightSec2 p:last-child {
    margin-bottom: 0;
    border-bottom: none;
}

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

.page-wrapper .goalList li a.selected .sectionContent {
    background-color: #16445d;
}

.page-wrapper .goalList li a.selected p {
    color: #bffaf5;
}

.page-wrapper .goalList li a.selected .settingBtn {
    background-color: transparent;
    right: 0;
    top: 0px;
    text-align: center;
    width: 18px;
    opacity: 1;
    height: 18px;
    right: -3px;
    visibility: visible;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    line-height: 15px;
    font-size: 10px;
}

.page-wrapper .goalList li a.selected .settingBtn i {
    color: #6598ab;
    background-color: #fff;
    padding: 2px 2px;
    margin: 0;
    width: 13px;
    height: 13px;
    font-size: 9px;
    border-radius: 50%;
    /* height: 20px; */
    /* height: 20px; */
}

.dashDesc li > div span {
    padding-left: 5px;
}

.home-page .links h1 {
    margin-bottom: 5px;
}

.home-page .links p {
    margin-bottom: 6px;
    font-size: 12px;
}

.rightSec1 {
    margin-bottom: 19px;
    padding: 0;
}

.rightSec2 p:hover {
    background-color: #fef9eb;
}

.rightSec2 {
    clear: both;
}

.leftPanel1 {
    padding-bottom: 12px;
}

.midSec2 {
    overflow: hidden;
}

#navOverlay {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.53);
    z-index: 100;
}

.footer .social-icons1 .fa {
    margin: 0 !important;
}

.likeBox .disLike .fa {
    color: #d9534f;
}
/*Audio Page Screen */

.contentPageAudio .mejs-button.mejs-playpause-button.mejs-pause button{
    background: url(bigplay1.png) no-repeat;    
}

.mejs-time-float {
    display: none !important;
}

.contentPageAudio .mejs-overlay-button{
    background: url(bigplay.png) no-repeat ;  
}
.contentPageAudio .mejs-controls .mejs-button button{
    background: url(bigplay1.png) no-repeat;
}
.contentPageAudio .mejs-controls .mejs-play button {
    background-position: 0 0;
}

.contentPageAudio .mejs-container .mejs-controls {
    height: 100px;
    background: none;
}
/*.panel-body{
   height:400px;
   overflow:auto; 
}*/ 

.contentPageAudio .mejs-container .mejs-controls .mejs-time.mejs-duration-container {
    padding-top: 46px;
    font-size: 16px;
    font-weight: 100;
}
.contentPageAudio .mejs-controls .mejs-button button {
    height: 53px;
    width: 53px;
    margin: 0;
}

.contentPageAudio .mejs-container .mejs-controls div {
    height: 60px;
    width: 60px;
    padding-top: 25px;
    padding-left: 12px;
}
.contentPageAudio .mejs-button.mejs-playpause-button.mejs-pause button {
    background-position: 0 -55px;;    
}
.contentPageAudio .mejs-controls .mejs-time-rail span, .contentPageVideo�.mejs-controls .mejs-time-rail a {
    height: 20px;
    background: none;
    background-image: url('timeline.png');
    background-repeat: repeat-x;
    background-position: center;
}
.contentPageAudio .mejs-controls .mejs-time-rail .mejs-time-handle{
    background-image: url(current.png);
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
}
.contentPageAudio .mejs-controls div.mejs-time-rail {
    padding-top: 36px;
}

.contentPageAudio .mejs-controls .mejs-fullscreen-button button {
    background-position: -140px -31px;
}
.contentPageAudio .mejs-container .mejs-controls .mejs-time {
    width: 69px !important;
}
.contentPageAudio .mejs-container {
    background: #756c63;
}
.contentPageAudio .mejs-controls .mejs-time-rail .mejs-time-current { padding:0 20px 0 0; background:url(current.png) no-repeat right top !important;}


/*Login Screen*/

.loginContent {
    /*position: absolute;*/
    top: 20%;
    width: 100%;
}

.reset-password-container.page-in-animate,
.login-container.page-in-animate,
.personalizeContent.page-in-animate,
.personalizeContent.page-in-animate-position,
.loginContent.forgot-username-slide-top {
    position: static;
}

.loginFooter{   
    width:100%; 
    bottom:0px; 
    padding:8px;
    /*opacity: 0.5;*/
    filter: alpha(opacity=50); /* For IE8 and earlier */
}

.loginFooter.loginFooterCont {
    opacity: unset;
    margin: 45px 0 0;
    background-color: #441750;
}
.footer-container-new {
  padding: 20px 0;
  text-align: center;
}

.footer-container-new .footer-links {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  flex-wrap: wrap; 
  gap: 20px;
  align-items: center;
}

.footer-container-new .footer-links li {
    color: #CEC5DD;
    font-family: Noto Sans;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.004em;
}

.footer-container-new .footer-links a {
    color: #CEC5DD;
    font-family: Noto Sans;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.004em;
    text-decoration: none;
}

.footer-container-new .footer-links a:hover {
  text-decoration: underline;
}
.footer-links span.small.pull-left, .footer-links span.small.pull-left a {
    float: none !important;
    color: #CEC5DD !important;
    font-family: Noto Sans;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.004em;
    text-decoration: none;
    text-transform: capitalize;
}
.footer-links span.news div p {
    margin-bottom: 0px;
}
.footer-container-new .footer-links li:empty {
    display: none;
}
/* Mobile styles */
@media (max-width: 600px) {
  .footer-container-new .footer-links {
    gap: 10px; 
     text-align: center;
  }

  .footer-container-new .footer-links li {
    width: 100%;
    text-align: center;
  }
}

/*.loginFooter.loginFooterCont .footer-container-indent span {
    font-family: Noto Sans;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: #CEC5DD !important;
    padding-left: 45px;
}

.loginFooter.loginFooterCont .img-opacity{
    opacity: 0.5;
}*/

.newuserflow-footer {
    position: absolute;
    width: 100%;
    bottom: 0px;
    padding: 8px;
    opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}
.wrapper-flex {
   display: flex;
}
#loginScreen {
    position: relative;
    overflow: hidden;
    margin: 0;
    min-height: 100vh;
    width: 100%;
    clear: both;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

#loginScreen .loginFooter, #personalizationScreen .loginFooter {
    position: static;
    flex-shrink: 0;
}

#loginScreen .personalizeContent, #personalizationScreen .personalizeContent {
    position: static;
    flex-grow: 1;
}
#loginScreen .personalizeContent {
    padding-top:5%;
}
#loginScreen .personalizeContent.ellaChat {
        position:absolute;
        height: 80%;
}
#loginScreenFixHeight {
    position: relative;
    overflow: hidden;
    margin: 0;
    height: 850px;
    clear: both;
}
#selfRegistrationScreen {
    position: relative;
    overflow: hidden;
    margin: 0;
    clear: both;
}
#personalizationScreen {
    position: relative;
    overflow: hidden;
    margin: 0;
    min-height: 80vh;
    width: 100%;
    clear: both;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

#forgotUserNameScreenFixHeight {
    position: relative;
    overflow: hidden;
    margin: 0;
    height: 85vh;
    clear: both;
}

#loginRegistrationScreen {
    position: relative;
    overflow: hidden;
    margin: 0;
    clear: both;
}

#registrationBox {
    width: 75%;
    max-width: 800px;
    min-width: 200px;
    background-color: #fff;
    margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 25px;
}

#resetScreen {
    position: relative;
    overflow: hidden;
    margin: 0;
    height: 720px;
    clear: both;
}

#resetBox, .resetBox{
    padding-top: 20px;
}

#authBox {
    max-width: 530px;
    min-width: 300px;
    background-color: #fff;
    margin: 0 auto;
    padding-top:2%;
    font-size:14px;
    font-family:'NotoSans-Regular';
    line-height:1.2;
}

#loginBox {
    max-width: 420px;
    min-width: 300px;
    background-color: #fff;
    margin: 0 auto;
    padding-top:24px;
    border-radius:8px;
}

.loginPanel {
    -webkit-border-radius: 10;
    -moz-border-radius: 10;
    -ms-border-radius: 10;
    -o-border-radius: 10;
    border-radius: 10px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;

    border: 1px solid transparent;
    
}

#NewUserBox {
    width: 75%;
    height:100%;
    max-width: 700px;
    height: 750px;
    background-color: white;
    margin: 0 auto;
}
.resp-container {
    position: relative;
    overflow: hidden;
    padding-top: 56.25%;
}
.resp-iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
.btn.round {
    -webkit-border-radius: 24;
    -moz-border-radius: 24;
    -ms-border-radius: 24;
    -o-border-radius: 24;
    border-radius:24px;
}

.loginContent h4 {
    text-align: center;
    margin-top: 5px;
}

.grecaptcha-Check {
    display: flex;
    justify-content: center;
    margin-top: 24px;
}

#loginBox h2, #registrationBox h2 {
    text-align: center;
    font-size: 23px;
    margin: 5px 0px 33px;
    color: #686868;
    padding-bottom: 5px;
    font-weight: 600;
    border-bottom: 1px solid #ddd;
}

@media (max-width: 760px) {
    .loginForm {
        width: 80%;
        margin: 0px auto;
    }
}

@media (min-width: 761px) {
    .loginForm {
        width: 330px;
        margin: 5px auto;
    }
}

@media (max-width: 320px) {
    .loginForm {
        width: 92%;
        margin: 5px auto;
    }
}

#loginBox h5, #registrationBox h5  {
    text-align: center;
    margin-top: 0px;
    font-size: 15px;
    margin-bottom: 10px;
    font-weight: 500;
}


#loginBox article .formGroup, #registrationBox article .formGroup {
    display: inline-block;
    margin-top: 5px;
}


#loginBox article label, #registrationBox article label{
    font-weight: normal;
    vertical-align: middle;
    font-size: 13px;
}

.loginWith {
    padding: 0;
    text-align: center;
}

.loginWith li {
    list-style: none;
    display: inline-block;
    /* background-color: #898989; */
    width: 40px;
    height: 40px;
    /* padding: 5px; */
    /* border-radius: 50%; */
    margin: 2px;
	 -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.loginWith li:first-child a {
    background-color: #0080b1;
}

.loginWith li a:hover {
    background-color: #7D7676;
}
.loginWith li a {
    padding: 5px;
    display: inline-block;
    border-radius: 50%;
    background-color: #898989;
}
.loginWith li:first-child a:hover {
    background-color: #16445d;
}
.loginContent .link-username a {
    color: #81515d;
    font-weight: 600;
}
.loginContent h4 a {
    font-size: 14px;
    color: #fff;
    text-decoration: underline;
    font-weight: 600;
}

.loginContent h4 a:hover {
    color: #E0DDDD;
}

.loginBtn {
    margin-top: 15px;
}

.loginBtn a {
    font-size: 12px;
    color: #5798a8;
}

.loginBtn .active {
    color: #969696;
}

.loginBtn span {
    margin: 0 5px;
}

.login-background-container {
    z-index: -1;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.login-background-container div {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    min-width: 50%;
    min-height: 100%;
    background-size: cover;
}

.bg-white {
    background-color: #fff;
}
/*Profile page*/
.profileSub {
    padding: 2px 5px 17px 5px;
}

.profileContent {
    padding: 10px;
    border: 1px solid #ccc;
    position: relative;
}

.profileHeadingWrap {
    padding-left: 18px;
    text-indent: -18px;
}


/*Content Page*/

.contentDetailTabs .tab-content {
    background-color: #fff;
}

.contentRate .starRatings {
    display: inline-block;
    vertical-align: top;
}

.contentRate .starCount {
    font-size: 11px;
    margin-left: 9px;
    font-weight: 600;
    color: #545a5a;
}

.contentRate .voteCount {
    font-weight: 500;
    margin-left: 9px;
    font-size: 11px;
    color: #545a5a;
}


.contentRate article p {
    margin: 0;
    color: #545a5a;
    font-size: 13px;
}


.contentRate {
    padding: 10px 20px;
    position: relative;
    background-color: #f4f8f9 !important;
    margin-bottom: 55px;
}

.contentDetailTabs .nav-tabs {
    background-color: #fff;
    border-bottom: 1px solid #e8e8e8;
}
.contentDetailTabs .tabsScroll a {
    padding: 5px 24px;
    color: #16445d;
}
.contentDetailTabs .tabsScroll li.active a {
    color: #16445d;
}
.tableCourses .course-item-header {
    border-bottom: 2px solid #a7c2d9;
    padding: 8px 15px;
}
.courses-wrapper.tableCourses {
    padding-bottom: 20px;
}
.tableCourses .course-item-header .col-title {
    color: #365d7e;
    font-size: 13px;
}

.tableCourses .course-item {
    padding: 8px 15px 7px 15px;
    border-bottom: 1px solid #ddd;
}

.tableCourses .course-item:hover {
    background-color: #f5f8fb;
}
.tableCourses .course-item:last-child {
    border: none;
}
.tableCourses .course-item-header .col-meta {
    font-size: 13px;
}

.tableCourses .col-meta {
    font-size: 13px;
}
/*Audio Page*/

.audioContList h3 {
    font-size: 23px;
    color: #16445d;
}

.audioContList p a {
    margin-left: 12px;
}

.audioContList p {
    margin-bottom: 5px;
    font-size: 12px;
    color: #5798a8;
}

.audioContList {
    margin-bottom: 30px;
}
/*Welcome Page*/

#welcomePage .leftPanel1 {
    clear: both;
    background-color: #fff;
}

.welcomeContent {
    width: 80%;
    max-width: 856px;
    margin: 0 auto;
}

#welcomePage {
    background-color: #e1ecef;
    padding-top: 90px;
    padding-bottom: 50px;
    margin-bottom: 0;
}


#welcomePage section {
    background: none;
}

#welcomePage h2 strong {
    text-transform: uppercase;
}

#welcomePage h2 {
    font-size: 25px;
    margin-bottom: 26px;
    margin-top: 0;
    color: #222222;
    font-weight: 500;
}

#welcomePage p {
    font-size: 14px;
}

#loginScreen #welcomePage {
    width: 70%;
    margin: auto;
    background-color: #FFFFFF;
}
.logoutBtn {
    line-height: 46px;
    font-size: 12px;
}

.contentText p {
    font-size: 14px;
    color: #979797;
    margin-bottom: 25px;
}

.tab-content .tab-pane p {
    padding: 10px 0;
}

.tab-content .tab-pane {
    padding: 0 10px;
}

.flexslider.goalSlider .slides img {
    width: auto;
    display: inline-block;
}
.goalSlider.flexslider {
    background-color: transparent;
    margin-bottom: 0;
}

/*Advanced Search Styles*/

#advanceSearch .topLink {
    position: absolute;
    top: 20px;
    right: 30px;
}

#searchFormBlock {
    padding: 0px 15px 10px;
}
#searchForm .formGroup p {
    margin: 0;
    font-size: 11px;
}

#searchForm .formGroup {
    margin-bottom: 15px;
}


.searchResults {
    background-color: #fff !important;
}

.searchResults .selectBox select {
    height: 32px;
    border: 1px solid #ccc;
    margin-left: 8px;
    padding-left: 4px;
}


#advanceSearch .course-finder-form {
    padding: 0 10%;
    padding-bottom: 30px;
}
#advanceSearch .course-finder-form p {
    margin-top: 8px;
}

.listViewStatus span.active {
    background-color: #5cb85c;
}

.listViewStatus span {
    background-color: #d9534f;
    padding: 2px 6px 3px 6px;
    
    color: #fff;
    color: #fff;
    font-weight: 600;
    font-size: 9px;
    vertical-align: bottom;
    line-height: 16px;
    opacity: 1;
    transition: opacity .2s ease;
    -webkit-transition: opacity .2s ease;
    -ms-transition: opacity .2s ease;
    -moz-transition: opacity .2s ease;
    -o-transition: opacity .2s ease;
}

.goalListView {
    padding: 0;
    overflow: hidden;
}
.listViewStatus {
    margin: 10px 0;
}

.goalListRow {
    padding: 0 3px;
    padding-bottom: 15px;
    padding-top: 5px;
}

.goalListBlock3 div a, .goalListBlock3 div .btn-link{
    font-size: 12px;
    padding:0px;
}
.goalListBlock2 span {
    font-size: 11px;
    color: #545a5a;
    font-weight: bold;
}

.goalListBlock2 i {
    font-size: 11px;
    padding-left: 6px;
}

.goalListHeader p {
    font-size: 13px;
    font-weight: 600;
}

.goalListView > li {
    padding: 0;
    border-bottom: 1px dotted #e8e8e8;
}

.goalListRow .starRatings {
    line-height: 10px;
}

.goalListRow .starRatings li {
    margin: 0;
}
.goalListView .goalProgress {
    background-color: #f0ad4e;
    text-decoration: none;
}

.goalListHeader .goalListBlock2 p {
    color: #16635d;
}

.pagination{
    margin:0px;
}

.pagination>li>a, .pagination>li>span{
    color: #5798a8;
}
.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus{
    color: #5798a8;    
}

/*Responsive Queries*/
@media (max-width: 761px) {
    .loginContent {
        top: 8%;
    }
}

@media (max-width: 991px) {
    .homeCourses .row > section {
        border-bottom: 1px solid #E2E1E1;
    }
    .homeCourses .row > section:last-child {
        border-bottom: none;
    }
    .events .row > section {
        border-bottom: 1px solid #E2E1E1;
    }
    
    .home-page .detailRightSec1{
        margin-top: 25px;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .main-nav .nav .nav-item a {
        font-size: 11px;
        padding: 12px 18px;
    }

    /*New Styles to prevent expansion of Mobile Hamburger button*/

    .main-nav-button .nav .nav-item a {
        font-size: 11px;
        padding: 12px 18px;
    }
}

@media (max-width: 767px) {

    .navbar-header {
        display: inline-block;
    }
    .main-nav {
        /*background-color: transparent;*/
        z-index: 100;
        margin: 0;
        font-size: 0;
        margin-bottom:12px;
    }

    /*New Styles to prevent expansion of Mobile Hamburger button*/

    .main-nav-button {
        /*background-color: transparent;*/
        z-index: 100;
        margin: 0;
        font-size: 0;
    }
    .wrapper {
        min-height: inherit;
    }
    .header-main .info {
        float: right;
        width: 39%;
        padding: 0;
    }
    .header-main .info .navbar-right {
        float: right;
        margin: 0;
    }
    .header-main .info .menu-top {
        padding-right: 20px;
        padding-top: 16px;
    }
    /*.main-nav #navbar-collapse {
        transform: translateX(-300px);
        -webkit-transform: translateX(-300px);
        -moz-transform: translateX(-300px);
        -o-transform: translateX(-300px);
        -ms-transform: translateX(-300px);
        transition: transform .5s ease-in-out;
        -webkit-transition: -webkit-transform .5s ease-in-out;
        -o-transition: -o-transform .5s ease-in-out;
        -moz-transition: -moz-transform .5s ease-in-out;
        -ms-transition: -ms-transform .5s ease-in-out;
        background-color: #27435a;
        width: 250px;
        position: absolute;
        z-index: 1000;
        height: 100vh;
        max-height: none;
    }
    .main-nav #navbar-collapse.navActive {
        transform: translateX(0);
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0);
        overflow-y: auto;
    }*/
    .header-main .info .menu-top li {
        margin-left: 0;
    }
    .homeBanner {
        margin: 0 -15px;
        min-height: 155px;
        overflow: hidden;
    }
    .homeBanner img {
        margin-left: -50%;
    }
    .rightSec2 {
        clear: both;
    }
    .homeBannerCap h2 {
        font-size: 16px;
        text-transform: uppercase;
    }
    .homeBannerCap p {
        font-size: 10px;
    }
    .homeBannerCap {
        left: 17px;
    }
    .dropdown-menu {
        right: 0;
        left: auto;
    }
    .detailPageBanner .bannerTxt {
        width: 100%;
        padding-bottom: 20px;
    }
    .goalSelection select {
        width: 90%;
    }
    
    .contentRate article {
        text-align: center;
    }
    .header.navInactive h1.logo {
        padding-left: 10px;
        padding-right: 15px;
    }
    .navInactive .navbar-right {
        margin-right: 15px !important;
    }
    .contentDetailTabs .tabsScroll a {
        padding: 5px 12px;
    }
    .page-wrapper{
        padding-bottom: 30px;
    }

}

@media (max-width: 440px) {
    .homeBanner img {
        margin-left: -100%
    }
}
.dropdown:hover .dropdown-menu {
    display: block;
    background: #5798a8;
    
}

/*Subject Banner*/

.subjectBanner {
    background-color: #756c63;
}

.subjectBanner p {
    padding: 20px;
    color: #FFFFFF;
    margin: 0px;
    line-height: normal;
    font-size: 12px;
}

/*Subject Banner*/


.personalizeContent {
    position: absolute;
    top: 10%;
    width: 100%;
}

.slider2 {
width: 250px !important;
}

/* TalentCloud - MyResume*/

.myResume {
    padding: 15px;   
    margin-bottom:10px;
    margin-left:10px;
    margin-right:10px;
}

.myResume section, .talentcloud-mydocuments section {
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin-top:15px;    
}

.myResume .section-heading {
    font-size: 25px;
    font-weight: 300;
    line-height: 2;
    margin-top: 0;
    color: #16445d;
}


.myResume input[type=checkbox] {
    display:none;
}

    .myResume input[type=checkbox] + label {
        display: inline-block;
        padding: 0 0 0 20px;
        background: url("/Content/Images/talentCloud/checkbox_empty_16x16.svg") no-repeat;  
        height: 16px;
        font-weight: normal;
    }

    .myResume input[type=checkbox]:checked + label {
        background: url("/Content/Images/talentCloud/checkbox_filled_16x16.svg") no-repeat;        
        height: 16px;
        display: inline-block;
        padding: 0 0 0 20px;
        font-weight: normal;
    }

.myResume textarea {
    resize: none;
}

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

.myResume .consentText {
  font-family: OpenSans;
  font-size: 12px;
  font-weight: normal;
  font-style: italic;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #7f7f7f;
}

@media screen and (min-width: 768px) {
    .myresume-action-panel {
        display: table;
        height: 400px;
    }

    .myresume-action-panel > div{
        display: table-cell;
        vertical-align: middle;
        padding: 0% 10%;
    }
}

@media screen and (max-width: 768px) {
    .myresume-graphic-panel img {
        width: 100%;
    }
}

.button-sq {
  border-radius: 4px;
  background-color: #81515d;
  object-fit: contain;

font-family: 'Open Sans', Arial, sans-serif;

  font-size: 13px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.54;
  letter-spacing: 0.3px;
  text-align: center;
  color: #ffffff;
  padding: 9px 20px;
}

.button-sq-large {
  border-radius: 4px;
  background-color: #81515d;
  font-size: 16px;
  font-style: normal;
  color: #ffffff;
  height: 40px;
  min-width: 300px;
}

.button-sq-large:hover {
    color: #ffffff;
}

.button_upload_resume {
  width: 250px
}

.button_remove_resume {
  width: 250px;
  height: 38px;
  border-radius: 4px;
  border: solid 2px #bfbfbf;
}

.button-yes-remove-resume {
  width: 314px;
}


.button_consent_resume {
  width: 250px;
  height: 38px;
  border-radius: 4px;
  border: solid 2px #bfbfbf;
  position: relative;
}

.button_consent_resume.consented {
  background-color: #5697a8;
  color: #ffffff;
  border-color: #5697a8;
}


    .button_consent_resume input[type=checkbox] {
        display:none;
    }

    .button_consent_resume img {
        position: absolute;
        left: 10px;
        top: 10px;
    }

.button_consent_resume input[type=checkbox] {
    position: absolute;
    left: 30px;
}


.divider {
  height: 1px;
  object-fit: contain;
  background-color: #cccccc;
}

.myresume-filename {
  width: 329px;
  height: 31px;
  font-family: OpenSans;
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.21;
  letter-spacing: 0.2px;
  text-align: left;
  color: #5697a8;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.myresume-remove-modal .modal-dialog {
  object-fit: contain;
  border-radius: 6px;
  background-color: #ffffff;
  box-shadow: 0px 10px 30px 0 rgba(0, 0, 0, 0.3);
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

.myresume-remove-modal .modal-header {
    border-bottom: none;
}

.myresume-remove-modal .modal-body {
    padding: 50px;
}

.myresume-remove-modal.modal {
  text-align: center;
}

@media screen and (min-width: 768px) { 
  .myresume-remove-modal.modal:before, .uploading-resume-modal.modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
  }
}

.myresume-remove-modal .highlight-text{
  font-weight: bold;
  color: #4bacb9;
}

.myresume-remove-modal h3 {
  font-size: 40px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 0.55;
  letter-spacing: -0.8px;
  color: #595959;
}

.myresume-remove-modal .italic {
  font-style: italic;
}

.uploading-resume-modal img {
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
}

.uploading-resume-modal.modal {
    text-align: center;
}

.uploading-resume-modal .modal-dialog {
  display: inline-block;
  vertical-align: middle;
  color: #ffffff;
}

.uploading-resume-modal h3 {
  color: #ffffff;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* Styles for Froala editor */
.fr-wrapper ul li {
    list-style-type: disc;
}

/* Style for header */
.color {
    color : #5798a8;
}
header.newUser.bg-white .nav > li > a {
    color: #5798a8;
}
.padding-l-r-15 {
    padding: 0px 15px;
}
.padding-l-5 {
    padding-left: 5%;
}
.talentcloud-mydocuments hr {
    border-width: 2px;
    border-color: #ddd;
}

.border-round {
    border-radius: 5px;
}

.talentcloud-mydocuments .row-divider {
    border-bottom: 2px solid #ddd !important;
    padding: 5px 0 7px 0px !important;
    width: 100%;
    margin-right: 0px;
    margin-left: 0px;
}

.talentcloud-mydocuments input[type=checkbox] {
    display: none;
}

.talentcloud-mydocuments input[type=checkbox] + label, #documentUploadForm input[type=checkbox] + label {
    display: inline-block;
    padding: 0 0 0 20px;
    background: url("/Content/Images/talentCloud/checkbox_empty_16x16.svg") no-repeat;  
    height: 17px;
    font-weight: normal;
    vertical-align: middle;
}

.talentcloud-mydocuments input[type=checkbox]:checked + label, #documentUploadForm input[type=checkbox]:checked + label {
    background: url("/Content/Images/talentCloud/checkbox_filled_16x16.svg") no-repeat;        
    height: 17px;
    display: inline-block;
    padding: 0 0 0 20px;
    font-weight: normal;
    vertical-align: middle;
}

.talentcloud-mydocuments .page-content .details div{
    line-height: 28px;
}

.talentcloud-mydocuments .page-content .class-item-header a {
    color: #000;
}



#documentUploadForm .modal-body {
    padding: 0px !important;
}

#documentUploadForm .footer-div {
    background-color: #ddd;
    margin-left: 0px;
    margin-right: 0px;
}

#documentUploadForm .footer-div span {
    color: #999999;
    padding-bottom: 10px;
}

#documentUploadForm .footer-div button {
    padding-left: 25px;
    padding-right: 25px;
}

.cursor-pointer {
    cursor: pointer;
}

#documentUploadForm input[type=file]{
    background-color: transparent;
}

.auth-btn-large {
  background-color: #81515d;
  color: white;
  font-size: 16px;
  font-style: normal;
  color: #ffffff;
  height: 50px;
  width: 100%;
  text-transform: uppercase;
}
.auth-btn-large[disabled] {
    background: #ECE8ED;
    color: #ADADB5;
}

@media(max-width:767px) {
    #NewUserBox {
        width:350px;
        height:525px;
    }

    #authBox {
        font-size:13px;
    }

    .personalization-btn-large {
        margin-top:0 !important;
        width:250px;
        height:40px;
    }
}

@media(max-height:668px) {
    #NewUserBox {
        width:350px;
        height:450px;
    }
}

@media (max-height:668px)  and (min-width:500px) {
    #NewUserBox {
        width:550px;
        height:500px;
    } 
}

@media(max-width:321px) {
    #NewUserBox {
        width:300px;
        height:400px;
    }

    .personalization-btn-large {
        width:230px;
    }
}

.form-control.control-large {
    height: 50px;
}

.input-group.internal-cont {
    width: 100%;
    position: relative;
}
.internal-btn {
    /*position: absolute;
    right: 5px;
    z-index: 2;
    height: 100%;
    padding-top: 5px;
    padding-bottom: 5px;*/
        position: absolute;
    right: 5px;
    z-index: 9;
}

.pass-show-internal {
    border: none;
    position: absolute;
    right: 10px;
    top: 8px;
}

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

.row-width-10 {
    width:10%;
}

/* Make clicks pass-through */
#loading-bar,
#loading-bar-spinner {
  pointer-events: none;
  -webkit-pointer-events: none;
  -webkit-transition: 350ms linear all;
  -moz-transition: 350ms linear all;
  -o-transition: 350ms linear all;
  transition: 350ms linear all;
}

#loading-bar.ng-enter,
#loading-bar.ng-leave.ng-leave-active,
#loading-bar-spinner.ng-enter,
#loading-bar-spinner.ng-leave.ng-leave-active {
  opacity: 0;
}

#loading-bar.ng-enter.ng-enter-active,
#loading-bar.ng-leave,
#loading-bar-spinner.ng-enter.ng-enter-active,
#loading-bar-spinner.ng-leave {
  opacity: 1;
}

#loading-bar .bar {
  -webkit-transition: width 350ms;
  -moz-transition: width 350ms;
  -o-transition: width 350ms;
  transition: width 350ms;

  background: #00FF00;
  position: fixed;
  z-index: 2000;
  top: 0;
  left: 0;
  width: 100%;
  height: 3px;
  border-bottom-right-radius: 1px;
  border-top-right-radius: 1px;
}

/* Fancy blur effect */
#loading-bar .peg {
  position: absolute;
  width: 70px;
  right: 0;
  top: 0;
  height: 3px;
  opacity: .45;
  -moz-box-shadow: #00FF00 1px 0 6px 1px;
  -ms-box-shadow: #00FF00 1px 0 6px 1px;
  -webkit-box-shadow: #00FF00 1px 0 6px 1px;
  box-shadow: #00FF00 1px 0 6px 1px;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
}

#loading-bar-spinner {
  display: block;
  position: fixed;
  z-index: 2000;
  top: 15px;
  left: 15px;
}

#loading-bar-spinner .spinner-icon {
  width: 24px;
  height: 24px;

  border:  solid 3px transparent;
  border-top-color:  #00FF00;
  border-left-color: #00FF00;
  border-radius: 50%;

  -webkit-animation: loading-bar-spinner 800ms linear infinite;
  -moz-animation:    loading-bar-spinner 800ms linear infinite;
  -ms-animation:     loading-bar-spinner 800ms linear infinite;
  -o-animation:      loading-bar-spinner 800ms linear infinite;
  animation:         loading-bar-spinner 800ms linear infinite;
}

@-webkit-keyframes loading-bar-spinner {
  0%   { -webkit-transform: rotate(0deg);   transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@-moz-keyframes loading-bar-spinner {
  0%   { -moz-transform: rotate(0deg);   transform: rotate(0deg); }
  100% { -moz-transform: rotate(360deg); transform: rotate(360deg); }
}
@-o-keyframes loading-bar-spinner {
  0%   { -o-transform: rotate(0deg);   transform: rotate(0deg); }
  100% { -o-transform: rotate(360deg); transform: rotate(360deg); }
}
@-ms-keyframes loading-bar-spinner {
  0%   { -ms-transform: rotate(0deg);   transform: rotate(0deg); }
  100% { -ms-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes loading-bar-spinner {
  0%   { transform: rotate(0deg);   transform: rotate(0deg); }
  100% { transform: rotate(360deg); transform: rotate(360deg); }
}

.toast-title{font-weight:bold}.toast-message{-ms-word-wrap:break-word;word-wrap:break-word}.toast-message a,.toast-message label{color:#fff}.toast-message a:hover{color:#ccc;text-decoration:none}.toast-close-button{position:relative;right:-.3em;top:-.3em;float:right;font-size:20px;font-weight:bold;color:#fff;-webkit-text-shadow:0 1px 0 #fff;text-shadow:0 1px 0 #fff;opacity:.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80)}.toast-close-button:hover,.toast-close-button:focus{color:#000;text-decoration:none;cursor:pointer;opacity:.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}button.toast-close-button{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none}.toast-top-full-width{top:0;right:0;width:100%}.toast-bottom-full-width{bottom:0;right:0;width:100%}.toast-top-left{top:12px;left:12px}.toast-top-right{top:12px;right:12px}.toast-bottom-right{right:12px;bottom:12px}.toast-bottom-left{bottom:12px;left:12px}#toast-container{position:fixed;z-index:999999}#toast-container *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#toast-container>div{margin:0 0 6px;padding:15px 15px 15px 50px;width:300px;-moz-border-radius:3px 3px 3px 3px;-webkit-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px;background-position:15px center;background-repeat:no-repeat;-moz-box-shadow:0 0 12px #999;-webkit-box-shadow:0 0 12px #999;box-shadow:0 0 12px #999;color:#fff;opacity:.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80)}#toast-container>:hover{-moz-box-shadow:0 0 12px #000;-webkit-box-shadow:0 0 12px #000;box-shadow:0 0 12px #000;opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);filter:alpha(opacity=100);cursor:pointer}#toast-container>.toast-info{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=")!important}#toast-container>.toast-error{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=")!important}#toast-container>.toast-success{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==")!important}#toast-container>.toast-warning{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=")!important}#toast-container.toast-top-full-width>div,#toast-container.toast-bottom-full-width>div{width:96%;margin:auto}.toast{background-color:#030303}.toast-success{background-color:#51a351}.toast-error{background-color:#bd362f}.toast-info{background-color:#2f96b4}.toast-warning{background-color:#f89406}@media all and (max-width:240px){#toast-container>div{padding:8px 8px 8px 50px;width:11em}#toast-container .toast-close-button{right:-.2em;top:-.2em}}@media all and (min-width:241px)and (max-width:480px){#toast-container>div{padding:8px 8px 8px 50px;width:18em}#toast-container .toast-close-button{right:-.2em;top:-.2em}}@media all and (min-width:481px)and (max-width:768px){#toast-container>div{padding:15px 15px 15px 50px;width:25em}}

.gradient-bg {
    background: linear-gradient(135deg, #92c83e, #46acb9);
}

.white-bg {
    background: #ffffff !important;
}

.btn-green {
    background-color: #92c83e;
    border-color: #92c83e;
    color: #fff;
}

/*fixes content flicker problem on ng-hide/ngshow, ngif*/
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
    display: none !important;
}


/*for using bootstrap columns like a table so you can vertically align*/
.row.like-table-row {
    display: table-row;
}

    .row.like-table-row > div {
        display: table-cell;
        vertical-align: middle;
        float: none;
    }

        .row.like-table-row > div.employee-assessment_score {
            height: 50px;
        }

.initiative {
    min-width: 306px;
    font-family: Open Sans;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 22px;
    text-align: left;
    overflow: hidden;
}

.initiative-banner, .profile-header {
    width: 100%;
    height: 300px;
    padding: 0;
    overflow: hidden;
    background-size: cover;
    background-position: right center;
}


    .initiative-banner:before, .results-recommendation-banner:before {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 40%;
        z-index: 1;
        background: -moz-linear-gradient(left, #2d93a1 40%, rgba(70, 172, 185, 0) 100%);
        background: -webkit-linear-gradient(left, #2d93a1 40%, rgba(70, 172, 185, 0) 100%);
        background: linear-gradient(to right, #2d93a1 40%, rgba(70, 172, 185, 0) 100%);
    }

.profile-banner:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 40%;
    z-index: 1;
}

.left-divide {
    border-left: solid thin lightgrey;
}

.career-anchors .initiative-banner, .profile-header {
    height: 460px;
}

    .career-anchors .initiative-banner:before,
    .profile-header:before {
        content: none;
    }

.initiative-banner_header {
    max-width: 1120px;
    width: 65%;
    margin: 0 auto;
    height: 100%;
    z-index: 2;
    position: relative;
    color: #ffffff;
    line-height: 55px;
    text-align: left;
    text-shadow: -1px -1px 10px rgba(0, 0, 0, 0.1), 1px -1px 10px rgba(0, 0, 0, 0.1), -1px 1px 10px rgba(0, 0, 0, 0.1), 1px 1px 10px rgba(0, 0, 0, 0.1);
}

.initiative-banner_header__title {
    font-size: 1.3em;
    font-weight: 600;
}

.initiative-banner_progress {
    display: block;
    font-weight: 200;
    font-size: 0.8em;
    letter-spacing: -0.7px;
}

.initiative-banner_image {
    height: 100%;
    width: 100%;
    visibility: hidden;
}

.initiative-panel {
    position: relative;
    padding: 55px 0;
    background: #333333;
}

    .initiative-panel:after {
        border-top: 40px solid #333333;
        border-left: 40px solid transparent;
        border-right: 40px solid transparent;
        bottom: -40px;
        content: "";
        position: absolute;
        left: 50%;
        margin-left: -40px;
        width: 0;
        height: 0;
    }

.initiative-panel_media-wrapper {
    padding: 145px 0;
}

.initiative-panel_controls {
    position: relative;
    width: 100%;
    max-width: 1550px;
    margin: 0 auto;
}

.initiative-media {
    position: relative;
    margin: 0 auto;
    max-height: 630px;
    height: 100%;
    max-width: 1120px;
    width: 65%;
}

.initiative-media_cover {
    max-height: 630px;
    height: 100%;
    max-width: 1120px;
    width: 100%;
}

.initiative-media_start {
    position: absolute;
    transform: translate(-50%,-50%);
    margin-right: -50%;
    top: 50%;
    left: 50%;
    height: 80px;
    width: 55%;
    max-width: 520px;
    min-width: 230px;
    border: 4px solid white;
    border-radius: 40px;
    background: #92c83e;
    font-size: 35px;
    font-weight: 600;
    line-height: 24px !important;
    text-align: center;
    color: #ffffff;
}

.initiative-nav_container {
    width: 100%;
    background: #333333;
}

.initiative-nav_controls {
    transform: translate(0,-50%);
    font-size: 28px;
    line-height: 0.9;
    letter-spacing: -0.7px;
    position: absolute;
    top: 50%;
    max-width: 45%;
}

    .initiative-nav_controls * {
        vertical-align: middle;
    }

.initiative-panel_media-wrapper .initiative-nav_controls {
    float: left;
    position: relative;
    top: 0;
    margin-top: 50px;
    max-width: 50%;
    width: 50%;
}

.initiative-previous {
    text-align: left;
    left: 0;
}

.initiative-next {
    text-align: right;
    right: 0;
}

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

    .initiative-return .btn {
        min-width: 130px;
        background-color: transparent;
        color: #ccc;
        margin-bottom: 8px;
    }

    .initiative-return:hover button {
        font-weight: 500;
        color: #fff;
    }

.initiative-previous_control,
.initiative-next_control,
.initiative-previous_control:visited,
.initiative-next_control:visited {
    display: block;
    position: relative;
    color: #cccccc;
}

    .initiative-previous_control:hover,
    .initiative-next_control:hover {
        color: #ffffff;
    }

.initiative-control_text {
    margin-bottom: -5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-bottom: 6px;
}

.initiative-previous_title {
    padding: 0 15px 0 75px;
}

.initiative-next_title {
    padding: 0 75px 0 15px;
}


.initiative-nav span {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.22;
    letter-spacing: -0.4px;
}

.initiative-previous_estimate {
    color: #92c83e;
}

.initiative-next_estimate {
    color: #46acb9;
}

.initiative-nav_icon {
    max-width: 100%;
    height: auto;
}

.initiative-nav_icon-container {
    position: absolute;
    max-width: 60px;
    max-height: 60px;
    top: 50%;
    margin-top: -30px;
}

.initiative-previous_icon {
    left: 0;
}

.initiative-next_icon {
    right: 0;
}

    .initiative-next_icon.roadmap-zone-index {
        max-width: 60px;
        max-height: 60px;
        font-size: 32px;
        line-height: 52px;
        text-align: center;
        color: #ffffff;
    }

.initiative-content,
.content-description {
    background: #ffffff;
}

    .initiative-content,
    .content-description.with-padding {
        padding: 90px 0 72px 0;
    }

.initiative-text,
.initiative-resources,
.content-description-text,
.prompt-list:not(.sectional-assessment),
.card-sort-section_content,
.employee-rating_content,
.assessment_report,
.prompt-change-answers-container,
.personal-path .report-chart_prompt-container,
.assessment_rating-key,
.print_button {
    margin: 0 auto;
    max-width: 1120px;
    width: 90%;
}

.content-description-question .content-description-text {
    width: 100%;
}

.explore-jobs-filters-panel {
    margin: 20px auto 0px auto;
    max-width: 1120px;
}

.initiative-resources {
    padding: 0 15px 72px 15px;
}

.initiative-header {
    font-weight: 400;
    margin: 20px 0;
    font-size: 35px;
    letter-spacing: -0.7px;
}

.initiative-text_title,
.content-text_description h1, h2, h3, h4 {
    color: #595959;
}

.initiative-description,
.initiative-text_description p,
.initiative-text_description ol,
.initiative-text_description ul,
.initiative-description > *,
.prompt-list,
.prompt-list > *,
.personal-path .report-chart_legend {
    font-size: 18px;
    letter-spacing: -0.4px;
}

.initiative-text_description,
.content-text_description {
    color: #808080;
}

    .initiative-text_description p,
    .content-text_description p,
    .initiative-text_description span,
    .content-text_description span {
        color: #808080;
        margin: 22px 0;
    }

    .initiative-text_description span,
    .content-text_description span {
        display: block;
    }


    .initiative-text_description li p,
    .content-text_description li p {
        font-size: 18px;
        margin: 0px 0px 0px 30px;
    }

    .initiative-text_description strong,
    .content-text_description strong {
        font-weight: 600;
        color: #595959;
    }

    .content-text_description.bottom-pad-large {
        padding-bottom: 50px;
    }

.initiative-text_rating {
    height: 40px;
    margin: 20px 0;
    color: #46acb9;
}

    .initiative-text_rating a {
        cursor: pointer;
    }
        /* don't know why but angular is 'animating' the stars when they refresh */
        .initiative-text_rating a.ng-leave {
            display: none;
        }

.initiative-text_recommended {
    font-size: 20px;
    line-height: 1;
    color: #46acb9;
}

.action-items {
    padding: 60px 0 180px 0;
    background-position: 50% 100%;
}

.action-items_title,
.action-items_description,
.action-items_description > * {
    color: #ffffff;
}

.action-items_items, .results-actions_items {
    list-style-type: none;
    margin-top: 28px;
    padding: 0;
}

    .action-items_items > li, .results-actions_items > li {
        display: block;
    }


.assessment {
    min-width: 306px;
}

.assessment-progress_anchor {
    position: relative;
}

.assessment-progress-bar {
    top: 0;
    left: 0;
    right: 0;
    position: absolute;
    height: 10px;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, .25);
    z-index: 100;
}

    .assessment-progress-bar.assessment-progress-bar--fixed {
        position: fixed;
    }

.assessment-progress-bar_fill {
    height: 10px;
    background-color: #92c83e;
}

.assessment-report {
    display: table;
    position: relative;
    margin: 0 auto;
}

.assessment-report_more {
    color: white;
    position: absolute;
    top: 18px;
    right: 41px;
    font-size: 67px;
}

.assessment-report_info {
    position: absolute;
    bottom: 2em;
    left: 2em;
    font-size: 16px;
    color: white;
    display: inline-block;
}

.assessment-completion_decision-btn {
    background-color: #92c83e;
    border-radius: 50px;
    color: white;
    padding: 0.5em 1.5em;
    margin: 20px 20px 20px 0;
    min-width: 150px;
}

    .assessment-completion_decision-btn:hover {
        color: #ffffff;
        background-color: #46acb9;
    }


.assessment_badge_message {
    font-size: 30px;
    color: #7e7e7e;
}

.prompts-panel,
.results-panel,
.card-sort-section,
.work-values-section {
    background: #e6e6e6;
}


.triangle-arrow-top:before {
    border-top: 40px solid #ffffff;
    border-left: 40px solid transparent;
    border-right: 40px solid transparent;
    content: "";
    position: absolute;
    left: 50%;
    margin-left: -40px;
    width: 0;
    height: 0;
    z-index: 999;
}


/*.triangle-arrow-bottom:after {
    border-top: 40px solid #000000;
    border-left: 40px solid transparent;
    border-right: 40px solid transparent;
    content: "";
    position: absolute;
    left: 50%;
    margin-left: -40px;
    width: 0;
    height: 0;
    z-index: 999;
}*/

.prompt-list {
    margin: 0 auto;
    padding: 45px 0;
    list-style-type: none;
}

.prompt_container {
    overflow: hidden;
    margin: 0 auto;
    padding: 12px 10px;
    border-radius: 10px;
}


.prompt-change-answers {
    margin: 0 auto;
    background: #fff;
    padding: 80px 0;
    text-align: center;
}

.prompt-change-answers-button {
    height: 80px;
    width: 400px;
    object-fit: contain;
    border-radius: 40px;
    background-color: #92c83e;
    margin: 0 auto;
    text-align: center;
    color: white;
    font-size: 22px;
    line-height: 75px;
    vertical-align: middle;
    cursor: pointer;
    display: inline-block;
}

.career-anchors-results-header h1,
.work-values-results-header h1 {
    color: #595959;
    font-size: 35px;
    letter-spacing: -0.7px;
    font-weight: 400;
    margin: 20px 0;
}

.career-anchors-results-header,
.work-values-results-header {
    color: #808080;
    line-height: 22px;
    height: 242px;
    margin: 20px 0;
    font-size: 18px;
    letter-spacing: -0.4px;
}


.career-anchors-action-list-bg {
    background-image: url("/content/images/developme/DEVELOPME_EXERCISE_CAREERANCHORS/action-items-background.jpg");
}

.results-list {
    margin: 0 auto;
    max-width: 1152px;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: -0.3px;
    text-align: center;
    color: #808080;
}

.work-values-results-list {
    font-size: 18px;
    line-height: 22px;
    letter-spacing: -0.4px;
    text-align: center;
    color: #808080;
}

.commstyles-values-results-list {
    margin: 0 auto;
    max-width: 1152px;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: -0.4px;
    text-align: center;
    color: #808080;
}

.results-list ul {
    padding-left: 0;
    list-style-type: none;
    display: block;
}

.results-list ul,
.commstyles-values-results-list ul {
    padding-left: 0;
    list-style-type: none;
    display: block;
}

.results-list li,
.work-values-results-list li {
    display: inline-block;
}

.results-list li,
.commstyles-values-results-list li {
    display: inline-block;
}

.results-list h1 {
    font-weight: 400;
    font-size: 22px;
    letter-spacing: -0.4px;
    line-height: 22px;
    color: #595959;
}

.work-values-results-list h1 {
    font-weight: 400;
    font-size: 35px;
    letter-spacing: -0.7px;
    line-height: 37px;
    color: #595959;
}

.commstyles-values-results-list h1 {
    font-weight: 400;
    font-size: 35px;
    letter-spacing: -0.7px;
    line-height: 37px;
    color: #595959;
}



.results-list h2 {
    font-size: 24px;
    line-height: 26px;
    letter-spacing: -0.5px;
    color: #808080;
}

.work-values-results-list h2 {
    font-size: 24px;
    line-height: 26px;
    font-weight: 400;
    letter-spacing: -0.5px;
}

.commstyles-values-results-list h2 {
    font-size: 24px;
    line-height: 26px;
    font-weight: 400;
    letter-spacing: -0.5px;
}

.recommendation-result-container {
    overflow: hidden;
    padding: 12px 10px;
    border-radius: 10px;
    height: 447.5px;
    background: #ffffff;
    width: 352px;
    object-fit: contain;
    box-shadow: 0px 1px 21px 0 rgba(0, 0, 0, 0.1);
    margin: 15px;
}

.work-values-result-container {
    overflow: hidden;
    padding: 20px 20px 60px 20px;
    border-radius: 10px;
    background: #ffffff;
    object-fit: contain;
    box-shadow: 0px 1px 21px 0 rgba(0, 0, 0, 0.1);
    min-height: 580px;
}

.work-values.recommendation-results-description {
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.recommendation-results-description {
    margin-top: 20px;
}

.results-description-smaller-font {
    font-size: 15px;
}

.results-list li:nth-child(-n+2) {
    height: 546px !important;
    width: 546px !important;
}

    .results-list li:nth-child(-n+2) h1 {
        font-size: 35px !important;
        letter-spacing: -0.7px !important;
        line-height: 37px !important;
    }

.results-list li:nth-child(-n+2) {
    font-size: 18px !important;
    letter-spacing: -0.4px !important;
    line-height: 22px !important;
}

.recommendation-result {
    position: relative;
    padding: 20px 20px;
    width: 100%;
}

.results-list .recommendation-result-graph {
    height: 140px;
    width: 140px;
    text-align: center;
    margin: 0 auto;
}

.results-list li:nth-child(-n+2) .recommendation-result-graph {
    height: 180px;
    width: 180px;
    margin-top: 10px;
    margin-bottom: 40px;
}

.work-values-results-list .recommendation-result-graph {
    height: 180px;
    width: 180px;
    text-align: center;
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 40px;
}

.commstyles-values-results-list .recommendation-result-graph {
    height: 180px;
    width: 180px;
    text-align: center;
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 40px;
}

.card-sort-section,
.work-values-section {
    position: relative;
}

/*.work-values-section {
    overflow: hidden; /* very important for work values structure, do not remove
}*/

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

.card-sort-section_completion-screen,
.work-values-section_completion-screen {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0.95;
    background-color: #404040;
    z-index: 98;
    text-align: center;
    border-bottom: 3px solid #595959;
    border-top: 3px solid #595959;
    -webkit-backface-visibility: hidden;
}

.sectional-assessment.prompts-divider {
    margin-left: -50%;
    margin-right: -50%;
}

.sectional-assessment.prompt-change-answers {
    margin-left: -50%;
    margin-right: -50%;
}

.section-restart-btn:hover svg path {
    fill: #ffffff;
}

.section-completion {
    margin: 0 auto;
    width: 100%;
    text-align: center;
    margin-top: -60px;
    padding: 0 30px;
}

.section-completion-warning {
    cursor: pointer;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.section-completion_title,
.section-completion_error {
    display: block;
    font-size: 60px;
    font-weight: 600;
    letter-spacing: -1.2px;
    color: #53bfcd;
    line-height: 55px;
    margin: 45px 0 20px 0;
}

.section-completion_error {
    color: #ffffff;
}

.section-completion_text,
.section-completion_action {
    display: block;
    font-size: 30px;
    line-height: 28px;
    letter-spacing: -0.6px;
    color: #ffffff;
}

.section-completion_action {
    color: #ffa500;
    font-weight: 600;
}

.section-completion_btn {
    position: absolute;
    left: 50%;
    bottom: -40px;
    padding: 0;
    margin-left: -38px;
    width: 80px;
    height: 80px;
    z-index: 99;
}

.section-completion_vertical-line {
    position: absolute;
    border-left: 4px solid #ffffff;
    border-left: 4px solid rgba(255, 255, 255, 0.5);
    bottom: 0;
    height: 40%;
    width: 1px;
    margin-left: 50%;
    z-index: 99;
}

.section-text:nth-child(n+1) {
    margin-top: 40px;
}

.section-text_title {
    margin: 20px 0;
    color: #595959;
    font-size: 35px;
    line-height: 35px;
    letter-spacing: -0.7px;
}

.section-text_description,
.section-text_description p {
    margin: 22px 0;
    color: #808080;
    font-size: 18px;
    letter-spacing: -0.4px;
}

.section_inner-divider {
    margin: 15px;
    border-top: 1px solid #cccccc;
}

.card-sort-section_content .work-values-section_content {
    padding: 55px 0 125px 0;
    margin: 0 auto;
}

.work-values-section_content {
    margin: 0 auto;
    max-width: 1120px;
    width: 100%;
}

.card-sort-section_content {
    padding-bottom: 80px;
}

.card_container, .work-values_container {
    width: 100%;
    margin: 0 auto;
}

.card {
    position: relative;
    min-height: 200px;
    background: #333333;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

    .card:before {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 0;
        background: -moz-linear-gradient(rgba(70, 172, 185, 0) 30%,#333333);
        background: -webkit-linear-gradient(rgba(70, 172, 185, 0) 30%,#333333);
        background: linear-gradient(rgba(70, 172, 185, 0) 30%,#333333);
    }

.card_image,
.activity-entry_image {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    width: 100%;
}

.card_prompt {
    position: absolute;
    bottom: 25px;
    left: 0;
    right: 0;
    padding: 0 90px;
    text-align: center;
}

.card_name {
    display: block;
    font-size: 35px;
    line-height: 58px;
    letter-spacing: -0.7px;
    color: #ffffff;
}

.card_text {
    font-size: 18px;
    line-height: 22px;
    letter-spacing: -0.4px;
    color: #ffffff;
}

.card_answers,
.activity-entry_name {
    position: relative;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background: #ffffff;
    color: #808080;
}

.card_index {
    position: absolute;
    z-index: 0;
    left: 0;
    right: 0;
    font-size: 18px;
    letter-spacing: -0.4px;
    text-align: center;
}

.card_answer {
    position: relative;
    z-index: 1;
    float: left;
    text-align: center;
}

.personal-path .card_answer {
    padding: 40px 0 80px 0;
}

.card_answer_yes {
    text-align: left;
    padding-left: 55px;
}

.card_answer_no {
    text-align: right;
    padding-right: 55px;
}

.card_answer-title {
    font-size: 30px;
    font-weight: normal;
    letter-spacing: -0.6px;
    text-align: center;
    color: #46acb9;
    padding-bottom: 10px;
}

.card_answer-text,
.employee-name_input {
    background: none;
    border: none;
    border-bottom: 2px solid #cccccc;
    font-size: 22px;
    font-style: normal;
    text-align: left;
    letter-spacing: -0.4px;
    text-align: left;
    color: #595959;
    color: #808080;
}

.card_answer-text,
.card_answer-slider,
.card_answer-slider_text {
    margin: 0 auto;
    min-width: 200px;
    max-width: 400px;
    width: 80%;
}

.card_answer-slider_text {
    display: block;
    margin: 20px auto;
    padding-top: 15px;
    font-size: 22px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: 22px;
    letter-spacing: -0.4px;
    text-align: center;
}

.card_answer-btn {
    margin: 20px 0;
    color: #bfbfbf;
}

    .card_answer-btn svg {
        height: 100px;
        width: 100px;
    }

.card_answer_yes .card_answer-btn--selected svg path,
.card_answer_yes .card_answer-btn:hover svg path {
    fill: #9ac752;
}

.card_answer_no .card_answer-btn--selected svg path,
.card_answer_no .card_answer-btn:hover svg path {
    fill: #cc6854;
}

.card_nav {
    position: absolute;
    bottom: 25px;
    width: 100%;
    left: 0;
    right: 0;
    padding: 0 15px;
}

.card_nav-btn-container {
    float: left;
    width: 50%;
}

    .card_nav-btn-container svg path {
        fill: #a6a6a6;
    }

    .card_nav-btn-container svg:hover path {
        fill: #ffffff;
    }


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

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


.activity-tab-list,
.employee-rating_tab-list {
    list-style-type: none;
    padding: 5px;
}

.activity-tab-list_entry,
.employee-rating_tab-list_entry {
    display: inline-block;
    padding: 6px;
    margin: 10px;
    font-size: 20px;
    letter-spacing: -0.4px;
    text-align: left;
    color: #808080;
    cursor: pointer;
}

    .activity-tab-list_entry:hover,
    .employee-rating_tab-list_entry:hover {
        background: #f6f6f6;
        border-bottom: 3px solid #efefef;
        color: #808080;
    }


.activity-tab-list_entry--selected,
.employee-rating_tab-list_entry--selected {
    color: #46acb9;
    border-bottom: 3px solid #46acb9;
}


.activity-entry {
    margin: 1em 0;
}

#activity-tab_likes .activity-entry {
    cursor: pointer;
}

.activity-entry_image-container {
    position: relative;
    text-align: center;
}

.activity-entry_counter {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 30px;
    font-weight: bold;
    letter-spacing: -0.6px;
    text-align: center;
    color: #ffffff;
    border: 3px solid white;
    border-radius: 1.5em;
    width: 2.2em;
    height: 2.2em;
    line-height: 2em;
    background-color: #92c83e;
}

.activity-entry_selection-counter {
    width: 100%;
    padding: 0 10px;
    font-size: 30px;
    letter-spacing: -0.6px;
    text-align: center;
    color: #ffffff;
}

.activity-entry_name {
    padding: 25px 10px;
    font-size: 18px;
    letter-spacing: -0.4px;
    text-align: center;
    color: #808080;
    box-shadow: -1px 1px 10px rgba(0, 0, 0, 0.1), 1px 1px 10px rgba(0, 0, 0, 0.1);
}

.vertically-centered {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.prompt_done .prompt {
    background: #46acb9;
}

.prompt {
    height: 250px;
    position: relative;
    padding: 20px 20px;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
    background: #595959;
    font-size: 22px;
    line-height: 24px;
    color: #ffffff;
    overflow: hidden;
}

.prompt_order {
    display: block;
    color: #ffffff;
    position: absolute;
    right: 20px;
    top: 20px;
    font-size: 120px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: 88px;
    letter-spacing: -2.4px;
    text-align: right;
    opacity: 0.15;
}

.prompt_text {
    padding-right: 10px;
}

.prompt-answer-list {
    list-style-type: none;
    width: 100%;
    padding: 20px;
}

.prompt_answers {
    height: 250px;
    position: relative;
    padding: 0;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
    background-color: #ffffff;
}

.prompt_larger {
   height: 350px;
}

.prompt_answer {
    width: 100%;
    margin: 5px auto;
    padding: 10px 10px;
    border: 2px solid #a6a6a6;
    border-radius: 50px;
    font-size: 18px;
    line-height: 17px;
    text-align: center;
    color: #a6a6a6;
    text-transform: capitalize;
}

.prompt_answer_5_buttons {
     padding: 8px 8px;
}


.prompt_answer--selected {
    border: 2px solid #46acb9;
    background: #46acb9;
    color: #ffffff;
}

.prompts-divider {
    height: 260px;
}

.career-anchors .prompts-divider {
    height: 360px;
    background-position: right;
}

.prompts-divider.prompts-end {
    height: 600px;
}

.prompts-divider-container {
    margin: 0 auto;
    max-width: 1120px;
    width: 65%;
    padding: 100px 80px;
    text-align: center;
    position: relative;
}

    .prompts-divider-container:before,
    .prompts-divider-container:after {
        position: absolute;
        font-family: 'Oswald', sans-serif;
        font-size: 200px;
        font-weight: 300;
        line-height: 22px;
        letter-spacing: -4px;
        color: #ffffff;
    }

    .prompts-divider-container:before {
        content: '\201C';
        left: 0;
        top: 115px;
    }

    .prompts-divider-container:after {
        content: '\201D';
        right: 0;
        bottom: -11px;
    }

.menu-quotes-container {
    margin: 0 auto;
    max-width: 750px;
    width: 100%;
    padding: 120px 0 70px 0;
    text-align: center;
    position: relative;
}

    .menu-quotes-container:before,
    .menu-quotes-container:after {
        position: absolute;
        font-family: 'Oswald', sans-serif;
        font-size: 100px;
        font-weight: 300;
        line-height: 22px;
        letter-spacing: -4px;
        color: #ffffff;
    }

    .menu-quotes-container:before {
        content: '\201C';
        left: 0;
        top: 89px;
    }

    .menu-quotes-container:after {
        content: '\201D';
        right: 0;
        bottom: -11px;
    }

.prompts-divider_quote-text {
    display: block;
    width: 100%;
    font-size: 40px;
    line-height: 40px;
    letter-spacing: -0.9px;
    font-style: italic;
    color: #ffffff;
}

.menu-quotes_quote-text {
    display: block;
    width: 100%;
    font-size: 19px;
    line-height: 40px;
    letter-spacing: -0.9px;
    font-style: italic;
    color: #ffffff;
}

.prompts-divider_quote-author {
    position: absolute;
    right: 75px;
    bottom: 60px;
    height: 25px;
    font-family: Open Sans;
    font-size: 25px;
    letter-spacing: -0.5px;
    text-align: right;
    color: #b6f2fa;
}

    .prompts-divider_quote-author:before {
        margin-right: 5px;
    }

.prompts-question-progress {
    font-size: 25px;
    font-weight: bold;
    padding-bottom: 10px;
}

.prompt-category {
    text-align: left;
    margin-top: 25px;
}

.prompt-category_details {
    position: relative;
}

.prompt-category_name {
    font-size: 35px;
    line-height: 1.06;
    letter-spacing: -0.7px;
    color: #595959;
}

.prompt-category_percent {
    position: relative;
    margin-right: 22px;
    font-size: 55px;
    line-height: 45px;
    font-weight: 600;
    letter-spacing: -1.1px;
    color: #92c83e;
}

    .prompt-category_percent:after {
        content: '%';
        font-size: 28px;
        line-height: 28px;
        font-weight: normal;
        position: absolute;
    }

.prompt-category_description {
    height: 450px;
    margin-top: 15px;
    font-size: 18px;
    letter-spacing: -0.4px;
    color: #808080;
    overflow: hidden;
}

.commstyles-slider {
    padding-top: 8px;
    margin: auto auto;
}

.prompt-category_slider {
    position: absolute;
    bottom: 0;
    height: 70px;
    width: 100%;
}

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


.card_answer-slider .slider .work-values_slider .silder,
.prompt-category_slider .slider .work-values_slider .silder,
.commstyles-slider .slider .work-values_slider .sidler {
    position: absolute;
    bottom: 0;
}

.card_answer-slider .slider-track,
.prompt-category_slider .slider-track,
.commstyles-slider .slider-track,
.work-values_slider .slider-track,
.card_answer-slider .slider-selection,
.prompt-category_slider .slider-selection,
.work-values_slider .slider-selection,
.commstyles-slider .slider-selection {
    background: #808080;
}

.card_answer-slider .slider-handle,
.prompt-category_slider .slider-handle,
.commstyles-slider .slider-handle {
    cursor: pointer;
    background: #92c83e;
    width: 28px;
    height: 28px;
    margin-left: -12px;
    margin-top: -4px;
}

.card_answer-slider .slider-handle {
    background: #595959;
    width: 35px;
    height: 35px;
    margin-top: -8px;
    margin-left: -15px !important;
}

.prompt-category_activities .activity-entry {
    margin: 30px 0;
    cursor: pointer;
}


.prompt-category_activities .activity-entry_counter {
    background: #ffffff;
}

.work-values_section {
    width: 100%;
    text-align: center;
}

.work-values_inner {
    display: inline-block;
}

.work-values-answer {
    margin: 1em;
    background-color: #fff;
    margin: 1em 0 1em 0;
}

.work-values-answer-top {
    background-color: #595959;
    object-fit: contain;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 60px 10px 60px 10px;
    height: 137px;
}

.work-values-answer-bottom {
    padding: 70px 30px 70px;
    border: solid 2px #e6e6e6;
    border-top: 0;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    box-shadow: 0 1px 21px 0 rgba(0, 0, 0, 0.1);
    font-size: 22px;
    letter-spacing: -0.4px;
    line-height: 22px;
}

    .work-values-answer-bottom.satisfied {
        color: #92c83e;
    }

    .work-values-answer-bottom.neutral {
        color: #fdb85e;
    }

    .work-values-answer-bottom.unsatisfied {
        color: #cc6854;
    }

.work-values_slider .slider-handle {
    cursor: pointer;
    width: 40px;
    height: 40px;
    background-image: none;
    margin-top: -10px;
}

.work-values_slider .slider.slider-horizontal .slider-track {
    height: 6px;
}

.work-values-answer-bottom.satisfied .work-values_slider .slider-handle {
    background-color: #92c83e;
}

.work-values-answer-bottom.neutral .work-values_slider .slider-handle {
    background-color: #fdb85e;
}

.work-values-answer-bottom.unsatisfied .work-values_slider .slider-handle {
    background-color: #cc6854;
}

.work-values-text_rating,
.work-values-text_answer {
    text-align: center;
}

.work-values-text_rating {
    line-height: 22px;
    letter-spacing: -0.6px;
    font-size: 30px;
    color: #fff;
}

.work-values-text_answer {
    margin-bottom: 30px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
}

.assessment-complete-panel {
    background: #ffffff;
    padding: 55px 0;
}

.assessment-complete-panel_btn {
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width: 320px;
    padding: 20px 50px;
    border-radius: 50px;
    background-color: #92c83e;
    font-size: 20px;
    text-align: center;
    white-space: normal;
    color: #ffffff;
}

    .assessment-complete-panel_btn:hover {
        color: #ffffff;
        background-color: #46acb9;
    }

.results-panel {
    padding: 40px 0;
}

.report-recommendation_container {
    position: relative;
    margin: 1em 0;
}

.report-recommendation_content {
    border-radius: 10px;
    background-color: #ffffff;
    box-shadow: 0px 1px 21px 0 rgba(0, 0, 0, 0.1);
    text-align: center;
}

.report-recommendation_graph {
    height: 250px;
    padding: 50px 20px 0 20px;
}

    .report-recommendation_graph .report-recommendation_percentage-graph:before {
        content: '%';
        font-size: 20px;
        line-height: 20px;
        font-weight: normal;
        position: absolute;
        top: 118px;
        right: 50%;
        margin-right: -50px;
    }

.report-recommendation,
.report-recommendation-employee-rating {
    height: 350px;
    padding: 20px 45px;
}

.report-recommendation-explore {
    height: 200px;
    padding: 10px 10px;
}

.report-recommendation_title {
    font-size: 35px;
    line-height: 35px;
    letter-spacing: -0.7px;
    color: #595959;
}

.report-recommendation_subtitle {
    font-size: 24px;
    letter-spacing: -0.5px;
    text-align: center;
    color: #808080;
}

.report-recommendation_text {
    margin-top: 20px;
    font-size: 18px;
    letter-spacing: -0.4px;
    text-align: center;
    color: #808080;
}

.report-recommendation_activities {
    height: 120px;
    padding: 10px 20px;
    border-top: 2px solid #e6e6e6;
    font-size: 18px;
    letter-spacing: -0.4px;
    text-align: center;
    color: #808080;
}

.report-recommendation_activities-title {
    font-weight: 600;
    color: #595959;
}

.initiative-action-added-icon-grey svg path {
    fill: #f0f0f0;
}


.explore-jobs-recommendation_content {
    height: 250px;
    border-radius: 10px;
    background-color: #ffffff;
    box-shadow: 0px 1px 21px 0 rgba(0, 0, 0, 0.1);
    text-align: center;
}

.explore-jobs-recommendation_graph {
    padding: 25px 20px 0 20px;
}

    .explore-jobs-recommendation_graph .explore-jobs-recommendation_percentage-graph:before {
        content: '%';
        font-size: 20px;
        line-height: 20px;
        font-weight: normal;
        position: absolute;
        top: 118px;
        right: 50%;
        margin-right: -50px;
    }

.explore-jobs-recommendation_title {
    font-size: 20px;
    line-height: 35px;
    letter-spacing: -0.7px;
    font-weight: 600;
    color: #595959;
}

.explore-jobs-recommendation_subtitle-div {
    height: 45px;
}

.explore-jobs-recommendation_subtitle {
    font-size: 18px;
    letter-spacing: -0.5px;
    text-align: center;
    color: #808080;
    line-height: 80%;
}

.explore-jobs-recommendation_text {
    margin-top: 5px;
    font-size: 18px;
    letter-spacing: -0.4px;
    text-align: center;
    color: #808080;
}

.explore-jobs-recommendation-explore {
    padding: 10px 10px;
}

.explore-jobs-recommendation_activities {
    height: 100px;
    padding: 20px;
    border-top: 2px solid #e6e6e6;
    font-size: 18px;
    letter-spacing: -0.4px;
    text-align: center;
    color: #808080;
}

.explore-jobs-recommendation_activities-title {
    font-weight: 600;
    color: #595959;
}

.explore-jobs-recommendation_container {
    position: relative;
    margin: 1em 0;
}

.explore-jobs-arrow-up-position {
    float: right;
    margin-top: 18px;
}

.explore-jobs-arrow-down-position {
    float: right;
    margin-top: 13px;
}

.explore-jobs-filter-up-title {
    text-align: center;
}

.explore-jobs-filter-down-title {
    text-align: center;
}

.explore-jobs-panel-radius {
    border-radius: 10px;
}

.employee-report {
    margin: 40px 20px 80px 20px;
    border-radius: 10px;
    background-color: #ffffff;
    box-shadow: 0px 1px 21px 0 rgba(0, 0, 0, 0.1);
}

.employee-report_details {
    text-align: left;
    padding: 40px 25px 20px 25px;
}

.employee-details_name {
    font-size: 30px;
    font-weight: 600;
    letter-spacing: normal;
    color: #46acb9;
}

.employee-details_date {
    font-size: 22px;
    letter-spacing: -0.4px;
    color: #808080;
}

.employee-report-score_container {
    border: 2px solid #e6e6e6;
}

.employee-report-score_importance {
    border-left: 0;
    border-right: 1px;
}

.employee-report-score_retention {
    border-left: 1px;
    border-right: 0;
}

.employee-report-score {
    text-align: center;
    margin: 0 10px;
}

.report-recommendation_actions {
    text-align: left;
    padding: 40px 25px;
}

.report-recommendation_title {
    font-size: 30px;
    font-weight: 600;
    letter-spacing: -0.6px;
    color: #595959;
}

.recommendation-actions_title {
    margin-top: 30px;
    font-size: 22px;
    font-weight: 600;
    letter-spacing: -0.4px;
    color: #595959;
}

.recommendation-actions-list {
    list-style-type: none;
    padding: 0;
}

.recommendation-action {
    padding: 1em 9em 1em 5.5em;
    margin: 0.5em 0;
    position: relative;
    background: #f0f0f0;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: -0.3px;
    color: #808080;
}

.recommendation-action_index {
    position: absolute;
    left: 1em;
    font-size: 30px;
    line-height: 32px;
    color: #595959;
}

/* Roadmap page */
.initiative-search-header-container {
    background-image: url('/content/images/developme/roadmap-header.png');
}

.roadmap-header-container, .explore-header-container, .initiative-search-header-container, .profile-header,
.explore-jobs-header-container {
    position: relative;
    background-position: center;
    background-size: cover;
    color: white;
    overflow: hidden;
}

    .roadmap-header-container::before, .explore-header-container::before, .initiative-search-header-container::before,
    .explore-jobs-header-container::before {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 40%;
        z-index: 1;
        background: -moz-linear-gradient(left, #2d93a1 40%, rgba(70, 172, 185, 0) 100%);
        background: -webkit-linear-gradient(left, #2d93a1 40%, rgba(70, 172, 185, 0) 100%);
        background: linear-gradient(to right, #2d93a1 40%, rgba(70, 172, 185, 0) 100%);
    }

.roadmap-header, .explore-header, .initiative-search-header, .explore-jobs-header {
    padding-top: 9em;
    padding-bottom: 5em;
    position: relative;
    z-index: 2;
}

.roadmap-name, .explore-title, .initiative-search-title,
.explore-jobs-title {
    font-weight: 600;
    display: block;
    font-size: 1.3em;
}

.roadmap-completion, .explore-subtitle, .initiative-search-subtitle,
.explore-jobs-subtitle {
    display: block;
    font-size: 0.8em;
}

    .roadmap-completion strong {
        font-weight: 600;
    }

.explore-jobs-filter-buttons {
    text-align: center;
}

.explore-jobs-flip-vertical {
    transform: scaleY(-1);
}

.explore-jobs-align-right {
    float: right;
    right: 0;
}

.explore-jobs-align-centre {
    float: center;
}

.roadmap-zone-links-container, .explore-categories-container, .initiative-search-text-container {
    background-color: rgba(146, 200, 62, 0.9);
    z-index: 2;
    position: relative;
}

.explore-job-hierarchy-container {
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 2;
    position: relative;
}

.roadmap-zone-links-container {
    position: relative;
    overflow-x: auto;
    overflow-y: hidden;
}

    .roadmap-zone-links-container::after {
        content: '';
        position: absolute;
        z-index: 1;
        bottom: 0;
        left: 0;
        right: 0;
        top: 75px;
        height: 10em;
        background-color: #83b337;
        min-width: 800px;
    }

    .roadmap-zone-links-container > .container {
        position: relative;
        min-width: 800px;
    }

        .roadmap-zone-links-container > .container::before {
            position: absolute;
            z-index: 1;
            left: 3em;
            right: 3em;
            top: 3em;
            height: 4px;
            display: block;
            background-color: rgba(255,255,255,0.5);
        }

.roadmap-zone-links {
    padding: 1em 0 0 0;
    position: relative;
    display: flex;
    justify-content: space-between;
}

.roadmap-zone-link {
    display: inline-block;
    text-align: center;
    cursor: pointer;
    position: relative;
    z-index: 2;
    margin: 0 1em;
}

    .roadmap-zone-link.active .roadmap-zone-index {
        background-color: white !important;
        color: #808080;
    }

    .roadmap-zone-link.active .checkmark {
        fill: #808080;
    }

.roadmap-zone-index {
    border: 3px solid white;
    border-radius: 1.5em;
    display: inline-block;
    width: 2.5em;
    height: 2.5em;
    line-height: 2.2em;
    font-size: 1.7em;
    font-weight: bold;
    background-color: rgba(146, 200, 62, 1);
}

    .roadmap-zone-index svg {
        width: 2.5em;
        padding: 0.7em 0.8em 0.3em 0.6em;
    }

    .roadmap-zone-index .checkmark {
        fill: white;
    }

.roadmap-zone-link:hover .roadmap-zone-index {
    background-color: rgba(159, 213, 75, 1);
}

.roadmap-zone-name {
    display: block;
    left: -2em;
    right: -2em;
    text-align: center;
    padding-top: 0.7em;
    font-size: 16px;
}

.roadmap__zone-overview {
    padding: 3em 1em;
}

    .roadmap__zone-overview h2 {
        margin: 0px 0px 20px;
        color: #595959;
        font-size: 35px;
        letter-spacing: -0.4px;
    }

    .roadmap__zone-overview p {
        color: #818181;
        font-size: 18px;
        line-height: 22px;
        letter-spacing: -0.4px;
    }

.roadmap__zone-initiatives-container {
    background-color: #e6e6e6;
    padding: 2em 0;
}

.roadmap__zone-recommendations-container {
    padding: 2em 0;
}

    .roadmap__zone-recommendations-container .col-sm-6 {
        padding: 1em;
    }

    .roadmap__zone-recommendations-container p {
        color: #818181;
        font-size: 18px;
        line-height: 22px;
        letter-spacing: -0.4px;
    }

.initiative-list__initiative {
    background-color: white;
    border-radius: 10px;
    margin: 1em 0;
    box-shadow: 0 1px 21px 0 rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(0,0,0,0.1);
    position: relative;
    padding-bottom: 4.5em;
}


/* thumbnail uses this trick to enforce a square sized image even when image is not loadad:
    http://stackoverflow.com/a/6615994/1860652 */
.initiative-list__thumbnail-container {
    position: relative;
    display: inline-block;
    width: 100%;
}

    .initiative-list__thumbnail-container::after {
        content: "";
        display: block;
        padding-top: 100%; /* 100% of width..! */
        background-color: #92c83e;
        border-radius: 10px 10px 0 0;
    }

.initiative-list__thumbnail {
    width: 100%;
    position: absolute;
    z-index: 1;
}

.initiative-list__thumbnail-check {
    position: absolute;
    z-index: 2;
    left: 50%;
    right: 50%;
    top: 50%;
    bottom: 50%;
    max-width: 30%;
    transform: translate(-50%, -50%);
    background-color: white;
    border: 3px solid white;
    border-radius: 50%;
}

.initiative-list__overview {
    padding: 1em;
}

.assessment-report__overview {
    padding: 20px;
}

.initiative-list__name {
    font-weight: 400;
    margin-top: 0;
}

.initiative-list__description {
    font-size: 1em;
}

.initiative-list__link,
.initiative-list__link:visited {
    width: 100%;
    max-width: 10em;
    margin: 0 auto;
    display: block;
    border-radius: 1.2em;
    padding: 0.5em 0;
    text-align: center;
    color: white;
    background-color: #46acb9;
    position: absolute;
    bottom: 1em;
    left: 0;
    right: 0;
}

    .initiative-list__link.completed {
        background-color: #92c83e;
    }

.roadmap__zone-recommendations-container h3,
.roadmap__zone-recommendations-container h5 {
    margin-top: 0;
    color: #595959;
}

.roadmap__zone-recommendations-container h3 {
    font-size: 35px;
    letter-spacing: -0.7px;
    margin-bottom: 20px;
}

.roadmap__zone-recommendations-container h5 {
    margin-bottom: 0px;
    font-size: 22px;
    vertical-align: top;
}

.roadmap__recommendation-list {
    list-style: none;
    padding: 0;
    display: table;
    width: 100%;
}

.roadmap__recommendation-item {
    list-style: none;
    display: table-row;
}

    .roadmap__recommendation-item > div {
        display: table-cell;
    }

.roadmap__recommendation-icon {
    width: 40px;
    height: 40px;
    object-fit: contain;
    border-radius: 4px;
    background: #46acb9;
    padding: 10px;
}

.roadmap__recommendation-overview {
    padding: 0px 20px 20px;
    vertical-align: top;
    line-height: 32px;
    width: 100%;
}


    .roadmap__recommendation-overview p {
        vertical-align: top;
        width: 100%;
    }

    .roadmap__recommendation-overview a :hover {
        color: #46acb9 !important;
    }

.orgResource {
    padding: 5px;
    position: relative;
    width: 280px;
    height: 270px;
}

.orgResourceText {
    font-family: Open Sans;
    font-size: 22px;
    width: 200px;
    position: absolute;
    bottom: 20px;
    margin: 0px 35px;
    text-align: left;
    color: #808080;
}



.employee-name_prompt {
    margin-right: 15px;
    font-size: 22px;
    line-height: 22px;
    letter-spacing: -0.4px;
    text-align: left;
    color: #595959;
}

.employee-name_container {
    display: inline-block;
    position: relative;
}

.employee-name_input:disabled {
    border-bottom: 0;
}

.employee-name_input-placeholder,
.card_answer-placeholder {
    font-style: italic;
    color: #a6a6a6;
}

.employee-name_assessment-list {
    position: absolute;
    left: -12px;
    right: -12px;
    top: 32px;
    padding: 0;
    padding-top: 5px;
    margin: 0;
    max-height: 120px;
    list-style-type: none;
    overflow: auto;
    border-top: 2px solid #cccccc;
    z-index: 10;
}

.employee-name_assessment-entry {
    background: #ffffff;
    border-bottom: 2px solid #cccccc;
    font-size: 22px;
    letter-spacing: -0.4px;
    text-align: left;
    color: #46acb9;
    cursor: pointer;
    padding: 5px 12px 8px 12px;
}

.employee-name_assessment-entry--progress {
    color: #333;
}

.employee-search-control {
    width: 350px;
    margin-top: -5px;
}

.employee-assessment-completion {
    text-align: right;
}

    .employee-assessment-completion .assessment-completion_decision-btn {
        margin: 5px 0 5px 10px;
        min-width: 190px;
    }

.employee-rating-panel {
    background: #e6e6e6;
    padding-top: 20px;
}

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

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

.employee-summary_label {
    font-size: 35px;
    letter-spacing: -0.7px;
    color: #595959;
}

.employee-summary_table-headers {
    padding: 0 65px;
    margin: 0.5em 0;
    font-size: 14px;
    letter-spacing: -0.3px;
    text-align: center;
    color: #808080;
}

.employee-summary_employee-assessment {
    background: #ffffff;
    padding: 30px 80px;
    margin: 0.5em 0;
    position: relative;
}

.employee-assessment_name {
    margin: 0;
    font-size: 22px;
    font-weight: 600;
    line-height: 32px;
    letter-spacing: normal;
    color: #46acb9;
}

.employee-assessment_date {
    margin: 0;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -0.3px;
    color: #808080;
}

.employee-assessment_score {
    font-size: 18px;
    letter-spacing: -0.4px;
    text-align: center;
    color: #808080;
}

.employee-assessment_selection-btn {
    position: absolute;
    left: 30px;
    top: 50%;
}

.employee-assessment_delete-btn {
    position: absolute;
    right: 30px;
    top: 50%;
}

.employee-summary_report {
    background-color: #92c83e;
    border-radius: 50px;
    color: white;
    padding: 0.5em 1em;
}

    .employee-summary_report:disabled {
        background: #808080;
        color: #ccc;
    }


.modal-auto > .modal-dialog {
    width: auto;
    display: table;
}

.developme-modal {
    padding: 1.5em;
    min-width: 32em;
}

.developme-modal_title {
    margin-top: 1px;
    font-size: 25px;
    font-weight: 400;
    color: #666666;
}

.developme-modal_text {
    color: #808080;
    max-width: 25em;
    display: block;
    font-weight: 400;
}

.developme-modal_text-input {
    width: 100%;
    padding: 0.5em 1em;
    display: block;
    border: thin solid #808080;
}

textarea[auto-height] {
    overflow-y: hidden;
}

textarea.developme-modal_text-input {
    resize: vertical;
    min-height: 7em;
    max-height: 29em;
    border: thin solid #808080;
}

textarea.developme-admin-input {
    min-height: 10em;
    width: 100%;
    min-width: 21em;
}


/* do not group these rules */
.developme-modal_text-input::-webkit-input-placeholder {
    font-style: italic;
}

.developme-modal_text-input:-moz-placeholder {
    /* FF 4-18 */
    font-style: italic;
}

.developme-modal_text-input::-moz-placeholder {
    /* FF 19+ */
    font-style: italic;
}

.developme-modal_text-input:-ms-input-placeholder {
    /* IE 10+ */
    font-style: italic;
}

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

.developme-modal_button-submit {
    background-color: #46acb9;
    color: white;
    margin-top: 1em;
}

.developme-modal_button-warning {
    background-color: #FDB85E;
}

.card_answer-btn {
    margin: 20px 0;
    color: #bfbfbf;
}

.initiative-feedback-modal_cancel {
    border: 1px solid #808080;
    margin-top: 0.5em;
    color: #808080;
}

.developme-modal_button-submit, .initiative-feedback-modal_cancel {
    display: inline-block;
    min-width: 11em;
    padding: 0.4em;
    border-radius: 3em;
}

    .developme-modal_button-submit[disabled] {
        background: #808080;
        color: #ccc;
    }

.developme-modal_close {
    float: right;
}

.profile-header {
    background-size: cover;
    min-height: 350px;
}

    .profile-header.profile-settings {
        background-image: linear-gradient(135deg, #6CBA7B, #46ACB9);
    }

.profile-subheader {
    font-size: 22px;
    line-height: 22px;
    letter-spacing: -0.4px;
    color: #46acb9;
    font-weight: 500;
}

.profile-icon {
    margin-top: 40px;
    font-size: 13px;
    line-height: 16px;
    color: #595959;
    padding-bottom: 20px;
}

.profile-initials {
    color: #fff;
    font-size: 25px;
    line-height: 47px;
    text-align: center;
    font-weight: 600;
    width: 50px;
    font-family: Open Sans;
}

.icon_avatar_circle .profile-initials,
.icon_avatar_circle .developme-profile-initials {
    position: absolute;
    top: 1px;
    right: 0;
}

.profile-name {
    color: #404040;
    font-weight: 800;
    height: 50px;
    text-align: right;
    vertical-align: middle;
}

.profile-save-btn {
    background-color: #92c83e;
    border-radius: 50px;
    color: white;
    padding: 0.5em 5em;
    margin: 20px 0px 20px 0;
}

.profile-password-btn {
    background-color: #46acb9;
    border-radius: 50px;
    color: white;
    padding: 0.5em 1.5em;
    margin: 20px 20px 20px 0;
}

.profile-email-checkbox_wrapper {
    position: relative;
    height: 100%;
}

.profile-email-checkbox {
    display: none;
}

    .profile-email-checkbox:checked + label #checkbox-icon,
    .profile-email-checkbox:checked + label #checkbox-icon-marketing {
        fill: #46acb9;
        fill-rule: evenodd;
    }

    .profile-email-checkbox + label #checkbox-icon,
    .profile-email-checkbox + label #checkbox-icon-marketing {
        fill: #bfbfbf;
        fill-rule: evenodd;
    }

    .profile-email-checkbox + label svg {
        vertical-align: middle;
    }

.profile-email-checkbox_wrapper label {
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.profile-email-checkbox_wrapper > label span {
    padding-left: 10px;
    color: #404040;
    font-size: 14px;
    white-space: nowrap;
}

.profile-email-checkbox_wrapper > p {
    padding-left: 45px;
    color: #7f7f7f;
    font-size: 14px;
    line-height: 15px;
}

.profile-password-container {
    overflow: hidden;
    padding: 12px 10px;
    border-radius: 10px;
    height: 100%;
    background: #ffffff;
    width: 500px;
    object-fit: contain;
    box-shadow: 0 1px 21px 0 rgba(0, 0, 0, 0.1);
    float: none;
    margin: 0 auto;
    color: #7f7f7f;
}

.profile-save-div-btn {
    margin-right: -10px;
}

.profile-save-btn:hover {
    color: #ffffff;
    background-color: #46acb9;
}

.profile-focus p {
    font-size: 14px;
    line-height: 16px;
    letter-spacing: -0.3px;
    text-align: center;
    color: #a6a6a6;
}

.profile-focus .focus-button {
    cursor: pointer;
    padding: 0;
    margin-top: 10px;
    text-align: center;
    background-repeat: no-repeat;
    background-position: 20px 0;
}

.focus-button:hover svg path[fill="#e6e6e6"],
.focus-button:hover svg path[fill="#E6E6E6"],
.focus-button.active svg path[fill="#e6e6e6"],
.focus-button.active svg path[fill="#E6E6E6"] {
    fill: #46ACB9;
}

.focus-button:hover svg path[fill="#fff"],
.focus-button:hover svg path[fill="#FFF"],
.focus-button.active svg path[fill="#fff"],
.focus-button.active svg path[fill="#FFF"] {
    fill: #46ACB9;
}

.focus-button:hover svg path[fill="#ccc"],
.focus-button:hover svg path[fill="#CCC"],
.focus-button.active svg path[fill="#ccc"],
.focus-button.active svg path[fill="#CCC"] {
    fill: #ffffff;
}

.profile-focus img, .profile-focus svg {
    width: 72px;
    height: 72px;
}

.profile-focus_entry {
    height: 160px;
    overflow: hidden;
}

.option-focus {
    margin: 0 auto;
    display: inline-block;
}

.option-focus_entry {
    height: 180px;
    margin: 0 20px;
}

.profile-focus p.active {
    color: #595959;
}

.profile-change-password {
    margin-top: 20px;
    color: #7f7f7f;
    font-family: Open Sans;
}

    .profile-change-password p {
        color: #7f7f7f;
        font-family: Open Sans;
    }

.profile-grey-section {
    background: #e6e6e6;
}

.profile-nav {
    /* border-bottom: 1px solid black; */
    box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.1);
}

.profile-nav-items {
    list-style: none;
    margin: 0 auto;
    display: block;
}

.profile-nav-item {
    display: inline-block;
    padding: 1em;
}

    .profile-nav-item a {
        color: #7f7f7f;
    }

        .profile-nav-item a.active {
            color: #46acb9;
            border-bottom: 2px solid #46acb9;
            padding: 3px;
        }

.action-plan_introduction {
    padding-top: 2em;
    padding-bottom: 2em;
}

.action-plan_actions {
    background-image: linear-gradient(135deg, #6CBA7B, #46ACB9);
    padding: 2em 0;
}

.action-plan_action-date {
    color: white;
    margin-top: 1em;
    margin-bottom: 1em;
}

.action-plan_action-date-clue {
    font-weight: 600;
}

.action-plan_action,
.action-plan_completed-action,
.profile-action-plan_action,
.profile-action-plan_completed-action {
    padding: 1em 8em 1em 2em;
    margin: 0.5em 0;
    position: relative;
}

.action-plan_action,
.profile-action-plan_action {
    background-color: white;
}

.action-plan_completed-action {
    background-color: #e6e6e6;
}

.action-plan_action-title {
    color: #46acb9;
    font-weight: 400;
    margin-bottom: 0;
    font-size: 22px;
}

.action-plan_add-button {
    float: right;
    margin: 18px 0;
}

.action-plan_action-buttons {
    position: absolute;
    right: 1em;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.action-plan_button-update {
    float: right;
}


.action-plan_action-notes {
    font-style: italic;
    word-wrap: break-word;
}

.action-plan_action-notes-title {
    font-weight: 600;
    font-style: normal;
    text-transform: uppercase;
}

.action-plan_completed {
    padding-top: 2em;
    padding-bottom: 2em;
}

.action-plan_completed-heading {
    color: #444444;
    font-weight: 400;
    margin-top: 1em;
    margin-bottom: 1em;
}

.action-plan_completed-action-title {
    color: #80ad36;
    font-weight: 400;
}

.clickable {
    cursor: pointer;
}

.action-plan_action-description {
    margin-top: 0;
    word-break: break-word;
    color: #808080;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: -0.4px;
}

.action-items-add {
    padding: 0;
}

.action-items-added {
    vertical-align: sub;
    margin-right: 0.3em;
    font-size: 1.3em;
    font-weight: 600;
    color: #92c83e;
}

.action-items-added-icon svg {
    vertical-align: middle;
}

.action-items-added-icon path {
    fill: rgb(204,204,204);
    opacity: 1;
}

.developme-edit-action-date {
    padding: 1.5em;
    margin-left: -1.5em;
    margin-right: -1.5em;
}

    .developme-edit-action-date > input {
        width: 100%;
    }

/* Explore */

.explore-categories-container, .initiative-search-text-container,
.explore-job-hierarchy-container {
    padding: 1.5em 0;
    font-size: 2em;
}

.explore-category-select, .initiative-search-text, .explore-jobs-select-1, .explore-jobs-select-2 {
    background: transparent;
    border: none;
    font-weight: 300;
    border-bottom: 2px solid rgba(255,255,255,0.5);
    padding: 0 0.5em;
    min-width: 10em;
}

.explore-category-control-label {
    padding-top: 7px
}

.explore-jobs-select-1, .explore-jobs-select-2 {
    min-width: 510px;
}

.explore-category-select, .explore-jobs-select-1, .explore-jobs-select-2 {
    text-transform: none;
}

    .explore-category-select option {
        background: #92c83e;
        border: none;
        font-weight: 300;
    }

    .explore-jobs-select-1 option, .explore-jobs-select-2 option {
        background-color: rgba(0, 0, 0, 0.4);
    }

.explore-job-filters-col {
    display: inline-block;
}

.initiative-filter,
.job-filter {
    position: relative;
    overflow-x: auto;
    white-space: nowrap;
    box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.1);
}

.initiative-filter-types,
.job-filter-levels {
    padding: 1em 0;
    margin: 0;
    list-style: none;
    font-size: 1.2em;
}

.initiative-filter-type,
.job-filter-level {
    display: inline-block;
    padding: 0.5em 1em;
}

    .initiative-filter-type a,
    .job-filter-level a {
        color: #7f7f7f;
        padding: 0 0.3em 0.2em 0.3em;
    }

    .initiative-filter-type .active,
    .job-filter-level .active {
        color: #46acb9;
        border-bottom: 3px solid #46acb9;
    }

.logo_developme {
    width: 120px;
    height: 40px;
    object-fit: contain;
}

#focusSelectionScreen {
    position: relative;
    overflow: hidden;
    margin: 0;
    min-height: 75vh;
    width: 100%;
    clear: both;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.focusSelectionContent {
    margin: auto;
}

.focusSelection-background-container {
    z-index: -1;
    position: fixed;
    /*top: 0;*/
    left: 0;
    width: 100%;
    height: 100%;
}

    .focusSelection-background-container div {
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        min-width: 50%;
        min-height: 100%;
    }

#focus-option-container {
    max-width: 840px;
    min-width: 300px;
    background-color: #fff;
    margin: 5% auto;
    width: 75%;
}

.focus-selection-content {
    margin-top: 150px;
    margin-bottom: 90px;
    padding-bottom: 90px;
}

.focus-options-title {
    background-color: #f5f5f5 !important;
    color: #808080 !important;
    font-size: 40px;
    font-family: 'Univers 45 Light';
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
    border-color: #f5f5f5 !important;
}

.focus-options-title-Main {
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 0px;
    padding-top: 25px;
    text-align: center;
}

.focus-selection-body-bg {
    background-image: url('/Content/Images/developMe/hero-pic.png'); /*TODO REMOVE*/
    background-size: 100% 100%;
}

.focus-selection-header {
    padding: 33px 0px 27px 41px !important;
    background-color: #fff;
}

.logo-developMe {
    width: 120px;
    height: 40px;
}

.focus-selection-green-separator {
    background-image: url('/Content/Images/developMe/bar-header-accent.svg');
    height: 10px;
    background-repeat: repeat-x;
    border: 0px none;
    clear: both;
    margin: 0px;
}

.focus-selection-header .lang-link, .focus-selection-header .help-link {
    float: right;
    padding: 10px;
}

    .focus-selection-header .lang-link a, .focus-selection-header .help-link a {
        color: #7f7f7f;
        cursor: pointer;
        line-height: 20px;
        font-size: 20px;
    }

.button_lets_do_this {
    width: 260px;
    height: 50px;
    object-fit: contain;
    border-radius: 25px;
    background-color: #92c83e;
    opacity: 1 !important;
    white-space: normal;
}

    .button_lets_do_this .Watched {
        width: 110px;
        height: 14px;
        font-family: 'Open sans', sans-serif !important;
        font-size: 18px;
        font-weight: 600;
        font-style: normal;
        font-stretch: normal;
        line-height: 0.94;
        text-align: center;
        color: #ffffff !important;
    }

.focus-selection-button_desc {
    font-family: Open Sans;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.57;
    letter-spacing: -0.3px;
    text-align: center;
    color: #bfbfbf;
    filter: brightness(0.5);
}

.button_lets_do_this-margin {
    padding-top: 40px;
    padding-bottom: 10px;
}

.focus-selection-body .options-button {
    cursor: pointer;
    height: 128px;
    padding: 0;
    margin: 0;
    text-align: center;
    background-repeat: no-repeat;
    background-position: 20px 0px;
    background-size: 128px;
}

.focus-selection-body {
    margin: 0 auto;
    width: 100%;
    text-align: center;
}

.options-button {
    padding: 0 20px 0 20px;
    margin: 0 20px 0 20px;
}


.focus-selection-body img {
    width: 128px;
    height: 128px;
}

.options-button svg {
    width: 128px;
    height: 128px;
}

.options-button:hover svg path[fill="#E6E6E6"],
.options-button:hover svg path[fill="#e6e6e6"],
.options-button.active svg path[fill="#E6E6E6"],
.options-button.active svg path[fill="#e6e6e6"] {
    fill: #46ACB9;
}

.options-button:hover svg path[fill="#FFF"],
.options-button:hover svg path[fill="#fff"],
.options-button.active svg path[fill="#FFF"],
.options-button.active svg path[fill="#fff"] {
    fill: #46ACB9;
}

.options-button:hover svg path[fill="#CCC"],
.options-button:hover svg path[fill="#ccc"],
.options-button.active svg path[fill="#CCC"],
.options-button.active svg path[fill="#ccc"] {
    fill: #ffffff;
}

.focus-selection-body .option-text {
    height: 17px;
    font-family: Open Sans;
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.22;
    letter-spacing: -0.4px;
    text-align: center;
    color: #a6a6a6;
    text-align: center;
}

    .focus-selection-body .option-text.active {
        color: #595959;
    }

.hero_overlay {
    background-image: url('/Content/Images/developMe/hero-overlay.png');
    background-repeat: repeat-y;
    background-size: 100%;
    width: 100%;
    height: 100%;
    position: absolute;
}

.hero-background {
    background-image: url('/Content/Images/developMe/hero-pic.png');
    background-size: 100% 100%;
}

.developme-menu-link {
    cursor: pointer;
    line-height: 20px;
    font-family: Open Sans;
    font-size: 20px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: -0.4px;
    text-align: left;
    color: #808080 !important;
    text-decoration: none;
}

    .developme-menu-link.active, .developme-menu-link:hover {
        color: #46acb9 !important;
        border-bottom: 4px solid #46acb9;
        padding-bottom: 2px;
    }


.personal-path .report-chart {
    position: absolute;
    top: -40px;
    left: 1120px;
    z-index: 1;
    width: 3620px;
    height: 700px;
    transform: rotate(90deg);
    transform-origin: left top;
}


.change-map .report-chart {
    max-width: 1020px;
    max-height: 1000px;
    overflow: hidden;
    margin: auto;
}

.personal-path .report-chart_legend-container,
.change-map .report-chart_legend-container {
    margin-top: -70px;
    padding-bottom: 60px;
}

.personal-path .report-chart_legend {
    color: #808080;
    position: relative;
    width: 220px;
    margin: 5px 15px;
}

.change-map .report-chart_legend {
    color: #808080;
    position: relative;
    width: 300px;
    margin: 5px 15px;
}

.personal-path .report-chart_current-line {
    position: absolute;
    right: 0;
    height: 1px;
    width: 100px;
    display: inline-block;
    border: 3px dashed #a6a6a6;
}

.change-map .report-chart_current-line {
    position: absolute;
    right: 0;
    height: 1px;
    width: 100px;
    display: inline-block;
    border: 3px dashed #a6a6a6;
}


.personal-path .report-chart_future-line {
    position: absolute;
    right: 0;
    height: 1px;
    width: 100px;
    display: inline-block;
    border: 4px solid #a6a6a6;
}

.personal-path .report-chart_margin-wrapper {
    margin: 0 auto;
    max-width: 1120px;
    width: 90%;
    position: relative;
}

.personal-path .report-chart_column {
    display: none;
}

.personal-path .report-chart_prompt-list {
    list-style-type: none;
    margin: 0;
    padding: 170px 0;
}

.report-chart_prompt-container {
    padding: 30px 0;
}

.personal-path .report-chart_prompt-box {
    width: 400px;
    box-shadow: -1px 1px 10px rgba(0, 0, 0, 0.1), 1px 1px 10px rgba(0, 0, 0, 0.1);
}

.personal-path .report-chart_prompt {
    position: relative;
    z-index: 0;
}

.personal-path .report-chart_prompt-image-container {
    position: relative;
    height: 235px;
    overflow: hidden;
    text-align: center;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.personal-path .report-chart_prompt-name {
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    padding: 0 20px;
    text-align: center;
    font-size: 22px;
    line-height: 58px;
    letter-spacing: -0.7px;
    color: #ffffff;
}

.personal-path .report-chart_prompt-comments {
    position: relative;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background: #ffffff;
    color: #808080;
    padding: 20px;
    height: 105px;
}

.personal-path .report-chart_prompt-comments--expanded {
    min-height: 340px;
    height: auto;
    margin-top: -235px;
    border-radius: 10px;
}

.personal-path .report-chart_prompt-comment {
    display: block;
    margin: 6px 0;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: -0.4px;
    text-align: left;
    color: #808080;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    overflow: hidden;
}

.personal-path .report-chart_prompt-comment--wrap {
    white-space: normal;
}

.personal-path .report-chart_prompt-comment_label {
    font-weight: bold;
    margin-right: 5px;
}

.personal-path .popover-content {
    height: auto;
    width: auto;
    padding: 20px;
    white-space: normal;
    word-wrap: break-word;
    z-index: 3;
}

.demo-settings-roadmap-width {
    width: 100%;
}

.demo-settings-roadmap-ddl {
    display: inline-block;
    float: left;
    width: 90%;
}

.demo-setting-roadmap-x-button {
    display: inline-block;
}

/* Call to Action*/

.call-to-action-box {
    background-color: white;
    background: -moz-linear-gradient(left, #2d93a1 40%, rgba(70, 172, 185, 0.1) 100%);
    background: -webkit-linear-gradient(left, #2d93a1 40%, rgba(70, 172, 185, 0.1) 100%);
    background: linear-gradient(to right, #2d93a1 40%, rgba(70, 172, 185, 0.1) 100%);
    border-radius: 10px;
    margin: 1em 0;
    box-shadow: 0 1px 21px 0 rgba(0, 0, 0, 0.1);
    position: relative;
    width: 100%;
    color: #fff;
}

.call-to-action_content h3,
.call-to-action_content p {
    color: white;
}

.call-to-action_content {
    padding: 2em;
    text-align: center;
}

.call-to-action-box_close {
    float: right;
    padding: 1em;
}

    .call-to-action-box_close img {
        height: 12.5px;
        width: 12.5px;
    }

.call-to-action_content button {
    color: #fff;
    border-color: #fff;
    padding: 6px 50px 6px 50px;
}

    .call-to-action_content button:hover {
        color: #fff;
        background-color: #92c83e;
        border-color: #92c83e;
    }


/*Explore Jobs*/

.job-list__job {
    background-color: white;
    border-radius: 10px;
    margin: 1em 0;
    box-shadow: 0 1px 21px 0 rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(0,0,0,0.1);
    position: relative;
    padding-bottom: 4.5em;
}

    .job-list__job button {
        color: #7f7f7f;
        padding: 6px 50px 6px 50px;
        position: absolute;
        right: 0;
        bottom: 10px;
        left: 0;
        margin-left: auto;
        margin-right: auto;
        width: 166px;
        margin: 0 auto;
    }

        .job-list__job button:hover {
            background-color: #92c83e;
            border-color: #92c83e;
            color: #fff;
        }


/* thumbnail uses this trick to enforce a square sized image even when image is not loadad:
    http://stackoverflow.com/a/6615994/1860652 */
.job-list__thumbnail-container {
    position: relative;
    display: inline-block;
    width: 100%;
}

    .job-list__thumbnail-container::after {
        content: "";
        display: block;
        padding-top: 40%;
        background: -moz-linear-gradient(left, #2d93a1 40%, rgba(70, 172, 185, 0.1) 100%);
        background: -webkit-linear-gradient(left, #2d93a1 40%, rgba(70, 172, 185, 0.1) 100%);
        background: linear-gradient(to right, #2d93a1 40%, rgba(70, 172, 185, 0.1) 100%);
        background-color: white;
        border-radius: 10px 10px 0 0;
    }


.job-list__thumbnail {
    width: 100%;
    position: absolute;
    z-index: 1;
    border-radius: 10px 10px 0 0;
    height: 100%;
}

.job-list__thumbnail-favorite {
    position: absolute;
    z-index: 2;
    left: 35%;
    right: 35%;
    top: 25%;
    bottom: 50%;
    max-width: 30%;
    color: #ffffff;
    text-align: center;
}

.job-list__overview {
    padding: 1em;
    position: relative;
    text-align: center;
}

    .job-list__overview p {
        color: #7f7f7f;
    }


.job-list__name {
    font-weight: 400;
    margin-top: 0;
    text-align: center;
}

.job-list__description {
    font-size: 1em;
}

/*Mega Menu*/

.mega-menu_focusOneRoadmap {
    visibility: hidden;
}

.mega-menu_focus-title {
    line-height: 0.9;
}

.mega-menu-focus {
    margin-right: 0 !important;
}

.developme-menu-position {
    position: relative;
    padding-top: 25px;
}

.mega-dropdown {
    position: static !important;
}

.mega-dropdown-menu {
    width: 1920px;
    height: 900px;
    object-fit: contain;
    opacity: 0.95;
    background-color: #404040 !important;
    border-radius: 0;
    margin: 0;
    border: none;
    padding-top: 40px;
}

.active-mega-menu {
    background-color: #4A4A4A;
}

    .active-mega-menu > a > span {
        color: #ffffff;
        border-bottom: 4px solid #46acb9;
    }

.mega-menu-quotes {
    margin-top: -30px;
    margin-right: 60px;
}

.mega-dropdown-menu > li > div.mega-menu-profile {
    padding-left: 20px;
    margin-right: 60px;
}

.mega-menu-div-profile {
    margin-right: 60px;
    padding-left: 20px;
}

.mega-menu-content {
    padding-left: 20px;
}

.mega-menu-focus {
    padding-left: 20px;
}

.mega-dropdown-menu > li > div > ul {
    padding: 10px 0;
    margin: 0;
}

    .mega-dropdown-menu > li > div > ul > li > ul {
        padding: 0;
    }

        .mega-dropdown-menu > li > div > ul > li,
        .mega-dropdown-menu > li > div > ul > li > ul > li {
            list-style: none;
        }

            .mega-dropdown-menu > li > div > ul > li > a,
            .mega-dropdown-menu > li > div > ul > li > ul > li > a {
                display: block;
                color: #ffffff;
                padding: 20px 0;
                min-width: 100px;
                word-wrap: break-word;
            }

            .mega-dropdown-menu > li > div > ul > li > div {
                font-weight: normal;
                margin-bottom: 0;
                padding: 12px 0;
                cursor: pointer;
                color: #ffffff;
            }

.div-focus-svg {
    float: left;
    margin-right: 10px;
    cursor: pointer;
}

.mega-dropdown-menu > li > div > ul > li > ul > li > label > span {
    color: #ffffff;
    margin-left: 10px;
}

.mega-dropdown-menu > li > div > ul > li > div > span:hover {
    color: #46acb9 !important;
    padding: 20px 0 2px 0;
    margin-bottom: 20px;
}

.mega-dropdown-menu > li > div > ul > li > ul > li > a > span {
    padding-left: 20px;
}

.mega-dropdown-menu > li > div > ul > li > a > span:hover {
    color: #46acb9 !important;
    padding: 20px 0 0 0;
    margin-bottom: 20px;
}

.mega-dropdown-menu > li > div > ul > li > ul > li > a > span:hover {
    color: #46acb9 !important;
    padding: 20px;
    margin-bottom: 20px;
}

.mega-sub-menu {
    display: none;
}

.mega-dropdown-menu > li > div > h2 {
    font-size: 25px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 0.63;
    letter-spacing: -0.7px;
    text-align: left;
    color: #ffffff;
    margin-top: 0;
}

.mega-menu-list_divider {
    border-left-color: #737373;
    border-left-style: solid;
    border-left-width: 2px;
}


.menu-roadmap-checkbox_wrapper {
    padding-top: 10px;
}

.menu-roadmap-checkbox {
    display: none;
}

.sub-mega-menu-svg {
    fill: #404040;
    fill-opacity: 0.95;
    fill-rule: evenodd;
}

.dropdown-submenu:hover .sub-mega-menu-svg,
.dropdown-submenu > svg:hover,
.svg-sub-mega-menu-on {
    fill: #fff;
    fill-rule: evenodd;
    cursor: pointer;
}

.menu-roadmap-checkbox + label .icon-on {
    display: none;
}

.menu-roadmap-checkbox:checked + label .icon-on {
    display: inline-block;
}

.menu-roadmap-checkbox:checked + label .icon-off {
    display: none;
}

.menu-roadmap-checkbox + label > svg {
    vertical-align: middle;
    cursor: pointer;
}

.dropdown-submenu .sub-menu-ul {
    background-color: #404040;
    opacity: 0.95;
    background-clip: unset;
    border: none;
    -webkit-box-shadow: unset;
    box-shadow: unset;
    margin-top: 5px;
}

    .dropdown-submenu .sub-menu-ul > li {
        margin-bottom: 20px;
    }

        .dropdown-submenu .sub-menu-ul > li > a {
            color: #ffffff;
        }

            .dropdown-submenu .sub-menu-ul > li > a:hover {
                color: #46acb9 !important;
                background-color: unset;
            }

/*End of Mega Menu*/

.dashboard-panel .dashboardAchievementsImage {
    max-width: 140px;
}

@media (min-width: 768px) {

    /*Mega Menu*/

    .mega-menu-focus {
        float: left !important;
    }

    .mega-dropdown-menu > li > div.mega-menu-profile {
        margin-top: 0;
        padding-right: 110px;
    }

    .mega-menu-content {
        margin-right: 180px;
    }

    /*End of Mega Menu*/

    .developme-menu-position {
        position: relative;
    }

    #navbar-collapse3 {
        float: left;
        margin-top: 26px;
    }

    .developme-menu-container .logo-developMe {
        margin: 30px 10px 0px 40px;
    }

    .icon_avatar_circle {
        display: inline-block;
        object-fit: contain;
        text-align: center;
        position: relative;
        vertical-align: middle;
    }

        .icon_avatar_circle.larger {
            width: 50px;
            height: 50px;
        }

        .icon_avatar_circle svg path {
            fill: #46acb9;
        }

        .icon_avatar_circle .profile-initials {
            position: absolute;
            top: 2px;
            right: 0;
        }

        .icon_avatar_circle .developme-profile-initials {
            position: absolute;
            top: 1px;
            right: 0;
        }

    .developme-menu-right {
        padding: 30px 8px 8px 8px;
    }


    #dmProfileMenu .dropdown-submenu.pull-left > .dropdown-menu {
        left: -165px;
    }
}

@media (max-width: 768px) {

    /*Mega Menu*/

    .mega-menu_focusOneRoadmap {
        display: none;
    }

    .dropdown-submenu .sub-menu-ul {
        left: 0px;
        margin-top: 40px !important;
    }

    .menu-quotes-container {
        max-width: 220px;
        margin-top: -20px;
    }

    .mega-menu-quotes {
        margin-right: 0 !important;
        padding-left: 0 !important;
    }

    .mega-menu-content {
        margin-right: 18px !important;
    }

    .mega-menu-focus {
        padding-left: 18px !important;
        margin-right: 60px !important;
    }


    .mega-dropdown-menu > li > div.mega-menu-profile {
        margin-top: 20px;
        padding-right: 110px;
    }

    /*End of Mega Menu*/

    .profile-focus_entry {
        height: 180px;
    }

    .achievement-item {
        width: 30%;
    }

    .badgeTitle {
        font-size: 18px;
        word-break: break-word;
    }

    .badgeTitleUnearned {
        font-size: 18px;
        word-break: break-word;
    }

    .developme-menu-position {
        position: relative;
    }

    .employee-assessment_score--hidden {
        display: none;
    }

    .developme-menu-container #navbar-collapse3 {
        clear: left;
        padding-left: 0px;
    }

    .developme-menu-container .logo-developMe {
        margin: 10px 0px 0px 10px;
    }

    .icon_avatar_circle {
        display: inline-block;
        width: 40px;
        height: 40px;
        object-fit: contain;
        text-align: center;
    }

    .developme-menu-right {
        padding: 8px;
    }

    .navbar {
        margin-bottom: 0px;
    }

    #dmProfileMenu {
        min-width: 90px;
    }

        #dmProfileMenu .dropdown-menu {
            width: 120px;
            min-width: 120px;
        }

        #dmProfileMenu .dropdown-submenu.pull-left > .dropdown-menu {
            left: -115px;
        }

    .profile-focus svg {
        width: 128px;
        height: 128px;
    }

    .employee-rating_summary {
        padding-left: 0;
        padding-right: 0;
    }

    .employee-assessment_score {
        font-size: 16px;
    }
}



.developme-menu-container ul li {
    list-style-type: none;
    padding: 5px 10px;
    line-height: 40px;
}

.developme-menu-container .icon_search {
    width: 24px;
    height: 24px;
    object-fit: contain;
}

.developme-menu-link.search:hover {
    border-bottom: 0px none;
}



.developme-profile-name {
    height: 20px;
    font-family: Open Sans;
    font-size: 20px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 0.85;
    letter-spacing: normal;
    text-align: right;
    color: #a4a4a4;
    padding-left: 5px;
}

.developme-profile-initials {
    font-family: Open Sans;
    font-size: 20px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: 39px;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    width: 40px;
}


/* Expandable Search */
#expandableSearch input[type=search] {
    background-image: url('/Content/Images/developMe/icon-search.svg');
    background-repeat: no-repeat;
    background-position: 5px 8px;
    padding-left: 10px;
    color: transparent;
    cursor: pointer;
    -webkit-appearance: textfield;
    font-family: Open Sans;
    font-size: 20px;
    border: 0px none;
    padding: 5px;
    width: 50px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    -webkit-border-radius: 5em;
    -moz-border-radius: 5em;
}

    #expandableSearch input[type=search]:focus {
        width: 250px !important;
        padding-left: 32px;
        color: #000;
        background-color: #fff;
        cursor: auto;
        width: 130px;
        border-color: #66CC75;
        border: solid 1px #ccc;
        font-family: Open Sans;
        font-size: 20px;
        border: solid 1px #ccc !important;
        -webkit-border-radius: 5em;
        -moz-border-radius: 5em;
    }

#expandableSearch input:-moz-placeholder {
    color: transparent;
}

#expandableSearch input::-webkit-input-placeholder {
    color: transparent;
}

#expandableSearch input {
    outline: none;
}

input::-webkit-search-decoration,
input::-webkit-search-cancel-button {
    display: none;
}


.background-grey {
    background-color: #f0f0f0;
}

.dashboard-header-button {
    font-size: 20px;
    padding: 5px 25px 5px 25px;
}

.dashboard-header-text, .dashboard-header-text p {
    color: #808080;
    font-size: 18px;
    letter-spacing: -0.4px;
}

    .dashboard-header-text h1,
    .dashboard-header-text h2,
    .dashboard-header-text h3,
    .dashboard-header-text h4 {
        color: #595959;
        font-weight: 400;
        margin: 20px 0;
        font-size: 35px;
        letter-spacing: -0.7px;
    }

    .dashboard-header-text:after {
        border-top: 40px solid #ffffff;
        border-left: 40px solid transparent;
        border-right: 40px solid transparent;
        content: "";
        position: absolute;
        left: 50%;
        margin-left: -40px;
        width: 0;
        height: 0;
    }

.dashboard-panel {
    position: relative;
    min-height: 545px;
    border-radius: 10px;
}

.dashboard-panel-header {
    margin: auto auto;
    font-size: 30px;
    color: #808080;
}

    .dashboard-panel-header div {
        text-align: center;
    }

.dashboard-panel-icon {
    padding-top: 30px;
    margin: auto 0;
    text-align: center;
}

.dashboard-panel-desc {
    font-size: 18px;
    color: #808080;
    padding: 10px 0;
    text-align: center;
}

    .dashboard-panel-desc div {
        margin: auto 0;
        text-align: center;
    }

.dashboard-panel-button {
    margin: auto 0;
    text-align: center;
    position: relative;
    margin-top: 45px;
}

.dashboard-panel .action-plan_action {
    background-color: #f0f0f0;
}

.dashboard-panel .actionButton path {
    fill: rgb(204,204,204);
    opacity: 1;
}

.grey-button {
    width: 260px;
    margin: 5px auto;
    padding: 10px 10px;
    border: 2px solid #a6a6a6;
    border-radius: 50px;
    font-size: 18px;
    line-height: 17px;
    text-align: center;
    color: #a6a6a6;
    text-transform: capitalize;
}

.dashboard-panel .dashboardRow {
    height: 140px;
    border-top: solid 2px #f0f0f0;
    padding: 10px;
}

.dashboard-panel .badgeIcon {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    height: auto;
}

.dashboard-panel .dashboardRowText {
    font-size: 18px;
    color: #808080;
    margin-top: 25px;
}

.results-recommendation-banner {
    width: 100%;
    height: 300px;
    padding: 0;
    overflow: hidden;
    background-image: url(/Content/Images/developMe/picture-assessment.png);
    background-size: cover;
    background-position: right;
}

.results-recommendation .section-recommendation-area .recommendation-area-title,
.results-recommendation .section-recommendation-change-map .recommendation-area-title {
    line-height: 27px;
    font-family: Open Sans;
    font-size: 35px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: -0.7px;
    text-align: left;
    color: #595959;
}

.bar_header_progress_off {
    max-width: 1120px;
    height: 10px;
    object-fit: contain;
    background-color: #e0e0e0;
}

.bar_header_progress_on {
    max-width: 1120px;
    height: 10px;
    object-fit: contain;
}

.results-recommendation .result-banner_header-text {
    display: block;
    /*font-family: Open Sans;*/
    font-size: 60px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.11;
    letter-spacing: -1.2px;
    text-align: left;
    color: #ffffff;
}

.results-recommendation .result-banner_title {
    display: inline;
    /*font-family: Open Sans;*/
    font-size: 35px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.11;
    letter-spacing: -0.7px;
    text-align: left;
    color: #ffffff;
}

.section-recommendation-area,
.results-recommendation-panel {
    padding-right: 15px;
    padding-left: 15px;
}

.results-recommendation .section-recommendation-area .recommendation-area-content,
.results-recommendation .section-recommendation-change-map .recommendation-area-content {
    margin: 20px 0 50px 0;
}

    .results-recommendation .section-recommendation-area .recommendation-area-content p,
    .results-recommendation .section-recommendation-change-map .recommendation-area-content p {
        font-family: Open Sans;
        font-size: 18px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.22;
        letter-spacing: -0.4px;
        text-align: left;
        color: #808080;
    }

.recommendation-result-box {
    background-color: #fff !important;
    object-fit: contain;
    border: 2px solid #e6e6e6;
    border-radius: 10px;
    background-color: #ffffff;
    box-shadow: 0 1px 21px 0 rgba(0, 0, 0, 0.1);
    overflow: hidden;
    margin-bottom: 50px;
}

.section-recommendation-area {
    margin-bottom: 50px;
}

.recommendation-btn {
    border: 1px solid transparent;
    border-radius: 45px;
    color: #fff;
    line-height: 26px;
    height: 40px;
    cursor: pointer;
    font-size: 16px;
    letter-spacing: -0.3px;
    margin: 0 auto;
    margin-top: 10px;
    text-align: center;
    padding-top: 5px;
    max-width: 280px;
}

.recommendation-action-box {
    padding: 35px 0px;
    color: #fff;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

    .recommendation-action-box h4 {
        font-family: Open Sans;
        font-size: 22px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: 1;
        letter-spacing: -0.4px;
        text-align: left;
        color: #ffffff;
    }

    .recommendation-action-box p {
        font-family: Open Sans;
        font-size: 14px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.21;
        letter-spacing: normal;
        text-align: left;
        color: #fffefe;
    }

.recommendation-box {
    padding: 35px 0;
    font-size: 22px;
    letter-spacing: -0.4px;
    line-height: 22px;
    word-wrap: break-word;
}

.qa-action-items-padding {
    margin-left: 15px;
    margin-right: 15px;
}

.recommendation-boxes:nth-child(1) .recommendation-box {
    border-right: 2px solid #e6e6e6;
}

.recommendation-boxes:nth-child(2) .recommendation-box {
    position: absolute;
    left: 33.33333%;
    border-right: 2px solid #e6e6e6;
}

.recommendation-boxes:nth-child(3) .recommendation-box {
    position: absolute;
    left: 66.6666%;
}

.recommendation-boxes h3 {
    margin-bottom: 30px;
}

.recommendation-result-box.change-map {
    margin-bottom: 40px;
}

.recommendation-box.selected:after {
    border-top: 40px solid #fff;
    border-left: 40px solid transparent;
    border-right: 40px solid transparent;
    bottom: -40px;
    content: "";
    position: absolute;
    left: 50%;
    margin-left: -40px;
    width: 0;
    height: 0;
    z-index: 999;
}

.recommendation-action-box p.ques-id, .recommendation-action-box p.ques-text, .recommendation-action-box p.ans-text {
    font-family: Open Sans;
    font-size: 30px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.07;
    letter-spacing: normal;
    text-align: left;
    color: #ffffff;
    margin: 0;
}

.recommendation-action-box p.ques-text {
    font-size: 14px;
    line-height: 1.21;
}

.recommendation-action-box p.ans-text {
    font-size: 14px;
    font-weight: bold;
    line-height: 1.07;
}

/*print styles*/

.inline-block {
    display: inline-block;
}

.parentTable {
    display: table;
}

.parentDiv {
    display: table;
}

.childDiv {
    display: table-cell;
}

.print-width-recommendation-boxes-3 {
    width: 33.33333%;
    float: left;
}

.print-width-recommendation-boxes-2 {
    width: 50%;
    float: left;
}

.print-width-recommendation-boxes-1 {
    width: 100%;
}

.print-portrait {
    font-family: 'Open sans', sans-serif;
    margin: 0 auto;
    width: 790px;
    text-align: center;
    display: block;
}

.print-landscape {
    font-family: 'Open sans', sans-serif;
    margin: 0 auto;
    width: 1120px;
    text-align: center;
    display: block;
}

.recommendation-graph-border-bottom-print {
    overflow: hidden;
    border-bottom-color: #f0f0f0;
    border-bottom-style: solid;
    border-bottom-width: thin;
    text-align: center;
}

.recommendation-graph-text-print {
    font-family: 'Open sans', sans-serif;
    font-size: 13px;
    color: #808080;
    font-weight: 500;
}

.recommendation-graph-text-height {
    height: 45px;
}

.recommendation-area-title-print {
    font-family: 'Open sans', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: left;
    color: #808080;
    margin-top: 20px;
    margin-bottom: 10px;
    font-weight: 600;
}

.recommendation-result-box-print {
    background-color: #fff !important;
    object-fit: contain;
    background-color: #ffffff;
    overflow: hidden;
}

.initiative-banner-print {
    width: 100%;
    height: 250px;
    padding: 0;
    overflow: hidden;
    background-size: cover;
    background-position: right center;
}

    .initiative-banner-print:before, .results-recommendation-banner:before {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 40%;
        z-index: 1;
        background: -moz-linear-gradient(left, #2d93a1 40%, rgba(70, 172, 185, 0) 100%);
        background: -webkit-linear-gradient(left, #2d93a1 40%, rgba(70, 172, 185, 0) 100%);
        background: linear-gradient(to right, #2d93a1 40%, rgba(70, 172, 185, 0) 100%);
    }


.initiative-banner-print_header {
    max-width: 1120px;
    width: 85%;
    margin: 0 auto;
    height: 100%;
    z-index: 2;
    position: relative;
    color: #ffffff;
    font-size: 30px;
    font-weight: 600;
    line-height: 40px;
    letter-spacing: normal;
    text-align: left;
    text-shadow: -1px -1px 10px rgba(0, 0, 0, 0.1), 1px -1px 10px rgba(0, 0, 0, 0.1), -1px 1px 10px rgba(0, 0, 0, 0.1), 1px 1px 10px rgba(0, 0, 0, 0.1);
}

.actions-results-print {
    display: inline-flex;
    width: 100%;
    padding: 5px 5px 5px 5px;
}

.actions-results-background-print {
    background-color: #f0f0f0;
}

.action-questions-margin-print {
    margin-bottom: 30px;
}

.action-plan_action-display-print-ID {
    display: inline-block;
    width: 5%;
}

.action-plan_action-display-print-description {
    display: inline-block;
    width: 95%;
}

.action-items_items-print, .results-actions_items-print {
    list-style-type: none;
    padding: 0;
}

    .action-items_items-print > li, .results-actions_items-print > li {
        display: block;
        text-align: left;
    }

    .results-actions_items-print p {
        margin: 0px;
    }

.recommendation-area-text-print {
    font-size: 14px;
    text-align: left;
}

    .recommendation-area-text-print p {
        font-size: 14px;
        text-align: left;
        color: #808080;
    }

.results-actions_items-print .action-plan_action-print-ID {
    font-size: 13px;
    text-align: left;
    color: #808080;
    vertical-align: middle;
    padding-right: 5px;
    float: left;
    font-weight: 600;
}

.results-actions_items-print .initiative-action-plan_action-print-ID {
    font-size: 13px;
    text-align: left;
    color: #808080;
    vertical-align: middle;
    padding-right: 5px;
    float: left;
    font-weight: 600;
    width: 100%;
}

.results-actions_items-print .action-plan_action-print-description {
    font-size: 12px;
    letter-spacing: normal;
    float: left;
    color: #808080;
    margin: 0;
    vertical-align: middle;
    font-family: Open Sans;
}

.results-actions_items-print .action-plan_action-print-description-bold {
    font-size: 12px;
    letter-spacing: normal;
    text-align: left;
    color: #808080;
    margin: 0;
    vertical-align: middle;
    font-weight: 600;
    font-family: Open Sans;
}

.results-actions-padding-print {
    padding: 0.1em 1em 0.1em 0em;
    text-align: left;
}

.action-plan_action-print,
.action-plan_completed-action-print {
    padding: 0.5em 0em 0.5em 0.5em;
    margin: 0.5em 0;
    position: relative;
}

.recommendation-question-box-print {
    text-align: left;
    padding: 0px 0px;
}

    .recommendation-question-box-print p {
        font-family: Open Sans;
        font-size: 14px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.21;
        letter-spacing: normal;
        text-align: left;
    }


        .recommendation-question-box-print p.ques-id, .recommendation-question-box-print p.ques-text, .recommendation-question-box-print p.ans-text {
            font-family: Open Sans;
            font-size: 20px;
            font-weight: normal;
            font-style: normal;
            font-stretch: normal;
            line-height: 1.07;
            letter-spacing: normal;
            text-align: left;
            color: #808080;
            margin: 0;
            background-color: #ffffff;
        }

        .recommendation-question-box-print p.ques-text {
            font-size: 14px;
            line-height: 1.21;
        }

        .recommendation-question-box-print p.ans-text {
            font-size: 14px;
            font-weight: bold;
            line-height: 1.07;
        }

.recommendation-action-box-print {
    padding: 0px 0px;
}

    .recommendation-action-box-print p {
        font-family: Open Sans;
        font-size: 13px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        letter-spacing: normal;
        text-align: left;
        color: #808080;
        padding-right: 1em;
    }


        .recommendation-action-box-print p.ques-id, .recommendation-action-box-print p.ques-text, .recommendation-action-box-print p.ans-text {
            font-family: Open Sans;
            font-size: 13px;
            font-weight: normal;
            font-style: normal;
            font-stretch: normal;
            line-height: 1.07;
            letter-spacing: normal;
            text-align: left;
            color: #808080;
            margin: 0;
            background-color: #ffffff;
        }

        .recommendation-action-box-print p.ques-text {
            font-size: 13px;
            line-height: 1.21;
        }

        .recommendation-action-box-print p.ans-text {
            font-size: 13px;
            font-weight: bold;
            line-height: 1.07;
        }

    .recommendation-action-box-print ul {
        font-family: Open Sans;
        font-size: 13px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        letter-spacing: normal;
        text-align: left;
        color: #808080;
        padding-left: 2em;
        padding-right: 1em;
    }

.recommendation-action-box-print-RatingDesc {
    background-color: #ffffff !important;
    color: #808080 !important;
    font-size: 14px;
}

    .recommendation-action-box-print-RatingDesc span {
        font-size: 14px;
    }


.recommendation-box-print-bottom {
    border-bottom: 2px solid #e6e6e6;
}


.recommendation-box-print {
    padding: 35px 0px;
    font-size: 22px;
    letter-spacing: -0.4px;
    line-height: 22px;
}

.recommendation-boxes-print:nth-child(1) .recommendation-box-print {
    border-right: 2px solid #e6e6e6;
}

.recommendation-boxes-print:nth-child(2) .recommendation-box-print {
    position: absolute;
    left: 33.33333%;
    border-right: 2px solid #e6e6e6;
}

.recommendation-boxes-print:nth-child(3) .recommendation-box-print {
    position: absolute;
    left: 66.6666%;
}

.recommendation-box-print.selected:after {
    border-top: 40px solid #fff;
    border-left: 40px solid transparent;
    border-right: 40px solid transparent;
    bottom: -40px;
    content: "";
    position: absolute;
    left: 50%;
    margin-left: -40px;
    width: 0;
    height: 0;
    z-index: 999;
}

.commstyles-values-results-list-print {
    font-size: 13px;
    letter-spacing: normal;
    text-align: center;
    color: #808080;
    margin-top: 15px;
}

.commstyles-title-print {
    font-family: 'Open sans', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: left;
    color: #808080;
    margin-top: 20px;
    margin-bottom: 10px;
    font-weight: 600;
}


.commstyles-description-print {
    font-size: 14px;
    text-align: left;
    color: #808080;
    padding-bottom: 20px;
}

.initiative-action-items-print {
    display: inline-block;
    width: 100%;
    padding: 10px 10px 10px 10px;
    background-color: #f0f0f0;
}

.commstyles-icon-title-print {
    font-size: 14px;
    color: #53bfcd;
    text-align: center;
    margin-top: 15px;
}

.commstyles-icon-title-comparison-print {
    font-size: 14px;
    color: #53bfcd;
    text-align: center;
    font-weight: 600;
}

.commstyles-icon-title-off-results-print {
    font-size: 14px;
    color: #5b5b5b;
    text-align: center;
    margin-top: 15px;
}

.commstyles-recommendation-results-description-print {
    text-align: center;
    padding: 20px 5px 40px 5px;
    font-size: 14px;
}

.commstyles-icon-results-container-print {
    height: 340px;
    position: relative;
}

    .commstyles-icon-results-container-print div {
        width: 100%;
        text-align: center;
        bottom: 0px;
    }

.commstyles-questions-print {
    width: 50%;
    display: inline;
}

.panel-print {
    border-color: #ddd;
    border-style: solid;
    border-width: thin;
    margin-bottom: 20px;
    display: table;
}

.commstyles-recommendation-result-print {
    position: relative;
    width: 100%;
    display: inline-table;
    vertical-align: top;
}

.commstyles-icon-container-results-print {
    height: 180px;
    position: relative;
    text-align: center;
}

.commstyles-icon-position-print {
    position: absolute;
    bottom: 0;
    text-align: center;
    width: 100%;
}

.commstyles-results-print {
    color: #808080;
    width: 50%;
    margin-bottom: 30px;
    object-fit: contain;
    display: inline-block;
    margin-top: 60px;
}

.commstyles-list-questions-container-print {
    text-align: left;
    margin-left: 20px;
    font-size: 14px;
    width: 100%;
    vertical-align: top;
    overflow: hidden;
}

.commstyles-list-questions-column-print {
    display: inline-block;
    width: 47%;
    vertical-align: top;
    margin-right: 5px;
}

.commstyles-list-questions-row-print {
    display: inline-block;
    width: 50%;
    word-wrap: break-word;
}

.commstyles-results-img-size-print {
    width: 120px;
}

.commstyles-comparison-25-print {
    width: 25%;
    float: left;
}

.commstyles-comparison-50-print {
    width: 50%;
    float: left;
}

.commstyles-result-title-print {
    display: inline-block;
    font-weight: bold;
}

.commstyles-recommendation-results-description2 {
    margin-bottom: 20px;
}

.workvalues-results-print {
    color: #808080;
    width: 50%;
    object-fit: contain;
    display: inline-block;
    vertical-align: top;
    margin-top: 50px;
}


.workvalues-results-first-print {
    height: 500px;
}

.workvalues-results-second-print {
    margin-top: 0;
    height: 450px;
}

.workvalues-results-third-print {
    margin-top: 0;
    height: 400px;
}

.workvalues-recommendation-result-print {
    position: relative;
    width: 100%;
}

.employee-report-print {
    margin: 40px 20px 80px 20px;
    background-color: #ffffff;
}

.employee-report_details-print {
    text-align: left;
}

.recommendation-action-print {
    margin: 0.5em 0;
    position: relative;
    background: #f0f0f0;
    line-height: 17px;
    letter-spacing: normal;
    color: #808080;
}

.employee-report-score_container-print {
    border-bottom: 2px solid #e6e6e6;
}

.employee-report-score-item-print {
    width: 49%;
    display: inline-block;
    vertical-align: top;
    margin-top: 20px;
    color: #808080;
}

.employee-details_name-print {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: normal;
    color: #46acb9;
}

.employee-details_date-print {
    font-size: 14px;
    letter-spacing: normal;
    color: #808080;
}

.recommendation-action-bottom-print {
    margin-bottom: 20px;
}

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

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

.inline-block {
    display: inline-block;
}

.talentsort-results-print {
    color: #808080;
    width: 50%;
    object-fit: contain;
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
}

.row-print {
    min-height: 100px;
    text-align: center;
}

.result-second-section-print {
    margin-bottom: 10px;
    padding: 0 10px;
}


.report-chart_prompt-container-print {
    margin: 0;
    padding: 10px 0 0 0;
    max-width: none;
    width: initial;
}

.report-chart_prompt-box-print {
    width: 455px;
    box-shadow: -1px 1px 10px rgba(0, 0, 0, 0.1), 1px 1px 10px rgba(0, 0, 0, 0.1);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    min-height: 180px;
}

.report-chart-key_prompt-box-print {
    width: 150px;
    box-shadow: -1px 1px 10px rgba(0, 0, 0, 0.1), 1px 1px 10px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
}


.report-chart_prompt-image-container-print {
    position: relative;
    min-height: 50px;
    overflow: hidden;
    text-align: center;
    border-radius: 10px;
    border-bottom: solid 1px #e6e6e6;
}

.report-chart_prompt-list-print {
    list-style-type: none;
    margin: 0 auto;
    padding: 0 10px 0 10px;
    margin-top: 40px;
    text-align: center;
}

.report-chart_prompt-name-print {
    position: absolute;
    left: 0;
    right: 0;
    padding: 0 20px;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    line-height: 50px;
    color: #808080;
}

.report-chart_prompt-comment_label-print {
    font-weight: bold;
    margin-right: 5px;
}

.report-chart_prompt-comments-print {
    position: relative;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background: #ffffff;
    color: #808080;
    padding: 10px;
    font-size: 14px;
}


.report-chart_prompt-comment-print {
    display: block;
    margin: 6px 0;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.4px;
    text-align: left;
    color: #808080;
    white-space: normal;
    word-wrap: break-word;
}

.report-chart_prompt-comment-print--wrap {
    white-space: normal;
}

.report-chart_legend-container-print {
    margin-bottom: 50px;
    margin: 0 auto;
    width: 100%;
}

.report-chart_legend-print {
    font-size: 14px;
    font-weight: bold;
    letter-spacing: -0.4px;
    color: #808080;
    position: relative;
    text-align: left;
}

.results-panel-print {
    padding: 10px 0;
    background: #e6e6e6;
    width: 1420px;
}

.report-chart_prompt-print {
    position: relative;
    z-index: 0;
    display: inline-block;
    vertical-align: top;
    width: 450px;
    margin-right: 20px;
    border-radius: 10px;
    margin-bottom: 10px;
    margin: auto 0;
}

.pageBreakAvoid {
    page-break-inside: avoid;
}

.pageBreakInsideAuto {
    page-break-inside: auto;
}

.pageBreakBeforeAlways {
    page-break-before: always;
}

.pageBreakAfterAlways {
    page-break-after: always;
}

.pageBreakAfterAuto {
    page-break-after: auto;
}

.results-recommendation-clear-print {
    clear: both;
    display: block;
}

.displayBlock {
    display: block;
}

.displayInline {
    display: inline;
}

/*end print styles*/

.achievement-container {
    margin-top: 50px;
    margin-bottom: 30px;
}

.achievement-item {
    width: 270px;
    height: 290px;
    border-radius: 10px;
    background-color: #fff;
    margin: 10px;
    overflow: hidden;
}

.achievement-item-container {
    position: relative;
}

.assessment-report-summary {
    color: #595959;
}

.assessment-report-summary-section {
    margin-top: 50px;
    overflow: hidden;
}

.assessment-report-summary_no-reports {
    margin-bottom: 400px;
}

.modal-body.user-assessment-delete {
    min-height: 250px;
    max-width: 600px;
}

.assessment-report_option-panel {
    height: 70px;
    position: absolute;
    bottom: -10px;
    left: 0;
    padding: inherit;
}

.assessment-report__overview {
    background: #ffffff;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
    height: 100%;
    font-size: 1px;
}

    .assessment-report__overview h5 {
        color: #92c83e;
        font-size: 14px;
        font-weight: bold;
    }

    .assessment-report__overview h4 {
        font-size: 20px;
        color: #595959;
        font-weight: bold;
    }

    .assessment-report__overview p {
        color: #595959;
    }

.assessment-report-summary-section h2 {
    margin-left: 15px;
    font-weight: 400;
}

.assessment-report__report {
    background-color: #f2f2f2;
    border-radius: 10px;
    margin: 1em 0;
    box-shadow: 0 1px 21px 0 rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(0,0,0,0.1);
    position: relative;
    padding-bottom: 4.5em;
}

.assessment-report__thumbnail-link {
    background: #fff;
}

.assessment-report-option-icons {
    margin-left: 25%;
    margin-right: 25%;
    margin-top: 10px;
}

.report-view:hover svg path[fill="#BFBFBF"],
.report-remove:hover svg path[fill="#BFBFBF"] {
    fill: #92c83e;
}

.report-remove {
    float: right;
    cursor: pointer;
}

/* thumbnail uses this trick to enforce a square sized image even when image is not loadad:
    http://stackoverflow.com/a/6615994/1860652 */
.assessment-report__thumbnail-container {
    position: relative;
    display: inline-block;
    width: 100%;
}

    .assessment-report__thumbnail-container::after {
        content: "";
        display: block;
        padding-top: 100%; /* 100% of width..! */
        background-color: #92c83e;
        border-radius: 10px 10px 0 0;
    }

.assessment-report__thumbnail {
    width: 100%;
    position: absolute;
    z-index: 1;
}

.badgePanelBottom {
    position: absolute;
    top: 160px;
    height: 140px;
    margin-left: -15px;
    margin-right: -15px;
    background-color: #404040;
    padding: 10px 20px 10px 20px;
    width: 120%;
}

.badgeImage {
    position: absolute;
    top: 35px;
    width: 100%;
    text-align: center;
}

    .badgeImage img {
        height: 100px;
    }

.badgeTitle {
    font-size: 22px;
    color: #fff;
}

.badgeDesc {
    font-size: 13px;
    color: #bfbfbf;
}

.badgeTextUnearned {
    position: absolute;
    top: 85px;
}

.badgeTitleUnearned {
    font-size: 22px;
    color: #595959;
}

.badgeDescUnearned {
    font-size: 13px;
    color: #595959;
}


.dm-summary-items {
    margin-bottom: 50px;
}

.results-actions_items p {
    margin: 0px;
}

.results-actions_items .action-plan_action-ID {
    font-size: 30px;
    text-align: left;
    color: #595959;
    vertical-align: middle;
    padding-right: 10px;
}

.results-actions_items .action-plan_action-description {
    font-size: 14px;
    letter-spacing: -0.3px;
    text-align: left;
    color: #808080;
    margin: 0;
    vertical-align: middle;
}


.print_button-btn {
    background-color: #92c83e;
    border-radius: 50px;
    color: white;
    padding: 0.5em 1.5em;
    margin: 0px 20px 0px 0px;
}

    .print_button-btn:hover {
        color: #ffffff;
        background-color: #46acb9;
    }

.print_button .button-container {
    padding-top: 20px;
}

.button-container {
    float: right;
}

.assessment_rating-key .key-container {
    padding-top: 50px;
}

.key-container {
    float: right;
}

.assessment-legend {
    display: inline;
    text-align: center;
    padding: 0 20px 0 0;
    display: inline-block;
    vertical-align: middle;
    color: #808080;
    font-size: 18px;
    line-height: 17px;
    max-height: 65px;
}

    .assessment-legend svg {
        display: inline-block;
        vertical-align: middle;
    }

.assessment-key-icon {
    padding: 0 20px 0 0;
    display: inline-block;
}

.assessment-legend span {
    line-height: 100px;
    display: inline-block;
    vertical-align: middle;
}

#popoverDevelopMe {
    position: absolute;
    width: 300px;
    color: #808080;
}

    #popoverDevelopMe .popoverTitle {
        font-size: 24px;
        font-weight: bold;
        color: #46acb9;
    }

    #popoverDevelopMe .popoverContent {
        margin-top: 4px;
        margin-bottom: 6px;
    }

    #popoverDevelopMe .popoverButton {
        text-align: center;
    }

#RoadmapZoneNumberAnchor {
    position: absolute;
    left: 25px;
    top: 60px;
    width: 30px;
    height: 0px;
}

#AssessmentReportAnchor {
    position: relative;
    top: 250px;
    height: 0px;
}

/*.focus-selection-body .options-button.active {
    border: 1px solid #008000;
}*/

/* Communication Styles Styles*/

.commstyles-selected {
    fill: #46acb9;
}

.commstyles-unselected {
    fill: #595959;
}

.commstyles-results_content {
    margin: 0 auto;
    max-width: 1120px;
    width: 100%;
}

.commstyles-recommendation-results-description {
    margin-top: 20px;
    padding-bottom: 80px;
    text-align: center;
}

.commstyles-recommendation-results-description2 {
    text-align: center;
    margin-top: 20px;
}

.commstyles-icon-centered {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.commstyles-values-result-container {
    overflow: hidden;
    padding: 12px 10px;
    border-radius: 10px;
    height: 700px;
    background: #ffffff;
    width: 546px;
    object-fit: contain;
    box-shadow: 0px 1px 21px 0 rgba(0, 0, 0, 0.1);
    margin: 15px;
}

.commstyles-values-recommendation-results-container {
    overflow: hidden;
    padding: 50px 15px;
    border-radius: 10px;
    height: 800px;
    background: #ffffff;
    /*width: 546px;*/
    object-fit: contain;
    box-shadow: 0px 1px 21px 0 rgba(0, 0, 0, 0.1);
    margin: 15px;
}


.commstyles-icon-container {
    height: 250px;
    position: relative;
}

    .commstyles-icon-container div {
        width: 100%;
        text-align: center;
        position: absolute;
        bottom: 0px;
    }

.commstyles-icon-results-container {
    height: 360px;
    position: relative;
}

    .commstyles-icon-results-container div {
        width: 100%;
        text-align: center;
        bottom: 0px;
    }


.commstyles-icon-title {
    font-size: 35px;
    line-height: 37px;
    color: #53bfcd;
    text-align: center;
    padding-top: 6px;
}

.commstyles-icon-title-off {
    font-size: 35px;
    line-height: 37px;
    color: #a6a6a6;
    text-align: center;
    padding-top: 6px;
}

.commstyles-icon-title-off-results {
    font-size: 35px;
    line-height: 37px;
    color: #5b5b5b;
    text-align: center;
    padding-top: 6px;
}

.commstyles-recommendation-result {
    position: relative;
    width: 100%;
}

.commstyles-result-title {
    display: inline-block;
}

.commstyles-result-percentage {
    font-weight: bold;
    display: inline;
}

.commstyles-icon-desc {
    font-size: 18px;
    line-height: 22px;
    color: #808080;
    text-align: center;
}

.commstyles-colleague-name {
    width: 180px;
    text-align: center;
    border-bottom-style: solid;
    border-bottom-color: #ccc;
    border-bottom-width: 3px;
    font-size: 18px;
    color: #595959;
    line-height: 26px;
    margin: auto auto;
}

.commstyles-colleague-name-invalid {
    border-bottom-color: #a94442;
}

.commstyles-colleague-name input::placeholder {
    color: #ccc;
}

.commstyles-colleague-name input {
    width: 180px;
    border-style: none;
    text-align: center;
}

.commstyles-addTeamMember {
    font-size: 18px;
    line-height: 1.44;
    font-size: 18px;
    line-height: 1.44;
    padding-bottom: 6px;
}

.commstyles-rnd-panel {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 1;
    background-color: #fff;
}

.commstyles-icon-container-results {
    height: 230px;
    position: relative;
}

.commstyles-icon-position {
    position: absolute;
    bottom: 0;
    text-align: center;
    width: 100%;
}

.commstyles-list-questions-container {
    text-align: left;
    margin-left: 25px;
}

.commstyles-questions {
    width: 50%;
}

.commstyles-description {
    display: inline;
}

.commstyles-description-bold {
    font-weight: bold;
}

.commstyles-value-selected {
    font-weight: bold;
}

.commstyles-value-selected-max {
    color: #53bfcd;
}

.commstyles-value-selected-min {
    color: #808080;
}

.commstyles-slider {
    width: 200px;
}

.text_bubble_position {
    position: absolute;
    top: 34%;
    left: 0;
    width: 100%;
    font-size: 20px;
    text-align: center;
    color: #ffffff;
    padding: 0 50px 0 50px;
}

.img_cursor {
    cursor: pointer;
}


.boolean_prompt__bubble-container {
    position: relative;
    display: inline-block;
    width: 100%;
}

.boolean_prompt__bubble {
    z-index: 1;
}

.boolean_prompt_answers {
    height: 200px;
    position: relative;
}

.profile-settings-title {
    padding-top: 15px;
    padding-left: 30px;
}

.toggle-switch_developme {
    border-radius: 50px;
    border-color: #ccc;
}

    .toggle-switch_developme .switch-left {
        color: #fff;
        background: #46acb9 !important;
    }

/*--Media Queries Only Below this point*/

@media (max-width: 1625px) {

    /*Mega Menu*/

    .menu-quotes-container {
        max-width: 750px;
    }

    .mega-menu-content {
        margin-right: 60px;
    }

    /*End of Mega Menu*/

    .initiative-panel {
        padding: 0;
    }

    .initiative-nav {
        overflow: hidden;
        height: 110px;
        width: 65%;
        margin: 0 auto;
        padding: 15px 0;
    }

    .initiative-panel_media-wrapper .initiative-nav_controls,
    .initiative-nav_controls {
        float: left;
        position: relative;
        top: 0;
        margin-top: 40px;
        max-width: 50%;
        width: 50%;
    }

    .prompt,
    .prompt_answers {
        height: 350px;
    }

    .work-values-answer-bottom {
        padding: 50px 30px 50px;
    }

    .work-values_slider .slider-handle {
        height: 25px;
        width: 25px;
        margin-top: -5px;
    }
}

@media (max-width: 1450px) {

    /*Mega Menu*/

    .menu-quotes-container {
        max-width: 520px;
    }

    .mega-menu-quotes {
        margin-right: 0 !important;
        padding-left: 0 !important;
    }

    .mega-menu-content {
        margin-right: 60px;
    }

    /*End of Mega Menu*/

    .report-recommendation,
    .report-recommendation-employee-rating {
        height: 450px;
    }

    .prompt-category {
        width: 50%;
    }

    .prompt-category_description {
        height: 330px;
    }

    .work-values-text_rating {
        font-size: 20px;
    }

    .work-values-text_answer {
        font-size: 16px;
    }
}

@media (max-width: 1200px) {

    /*Mega Menu*/

    .menu-quotes_quote-text {
        font-size: 19px;
    }

    .menu-quotes-container {
        margin-top: -20px;
        max-width: 480px;
    }

    .mega-menu-quotes {
        padding-left: 0 !important;
    }

    .mega-menu-content {
        margin-right: 200px;
    }

    /*End of Mega Menu*/

    .achievement-item {
        width: 22%;
    }

    .badgeTitle {
        font-size: 18px;
        word-break: break-word;
    }

    .badgeTitleUnearned {
        font-size: 18px;
        word-break: break-word;
    }

    .assessment-legend {
        font-size: 12px;
    }

    .assessment-legend,
    .assessment-key-icon {
        padding: 0 10px 0 0;
    }

    .initiative-banner_header h1 {
        font-size: 32px;
    }

    .roadmap__zone-overview h2,
    .roadmap__zone-recommendations-container h3 {
        font-size: 26px;
    }

    .personal-path .results-panel {
        overflow-x: scroll;
    }


    .personal-path .report-chart_container {
        width: 3980px;
        margin: auto;
        white-space: nowrap;
    }

    .change-map .report-chart_container {
        max-width: 1020px;
    }

    .personal-path .report-chart {
        position: relative;
        z-index: 1;
        width: 3980px;
        height: 450px;
        transform: none;
        transform-origin: initial;
        top: 0;
        left: 0;
    }

    .change-map .report-chart {
        position: relative;
        z-index: 1;
        max-width: 1020px;
        max-height: 1000px;
        overflow: hidden;
        transform: none;
        transform-origin: initial;
        top: 0;
        left: 0;
    }

    .personal-path .report-chart_margin-wrapper,
    .change-map .report-chart_margin-wrapper {
        margin: 0;
        max-width: none;
        width: initial;
    }

    .personal-path .report-chart_column {
        display: block;
        position: absolute;
        height: 2000px;
        width: 440px;
        margin-left: -30px;
        margin-top: -800px;
        bottom: -40px;
        z-index: -1;
    }

    .personal-path .report-chart_prompt-list {
        margin: 25px 230px 0 230px;
        padding: 0;
    }

    .personal-path .report-chart_prompt-container {
        margin: 0;
        padding: 0;
        max-width: none;
        width: initial;
    }

    .personal-path .report-chart_prompt-box {
        width: initial;
    }

    .personal-path .report-chart_prompt {
        position: relative;
        z-index: 0;
        display: inline-block;
        vertical-align: top;
        width: 380px;
        margin: 0 30px;
        border-radius: 10px;
    }

    .personal-path .report-chart_prompt-comments {
        height: auto;
        min-height: 105px;
    }

    .personal-path .report-chart_prompt-comments--expanded {
        height: initial;
        margin-top: initial;
        border-radius: initial;
    }

    .personal-path .report-chart_prompt-comment {
        white-space: normal;
    }

    .employee-assessment-completion {
        text-align: left;
    }

        .employee-assessment-completion .assessment-completion_decision-btn {
            margin: 25px 10px 5px 0;
        }

    .dashboard-header-button {
        font-size: 15px;
        padding: 5px 15px 5px 15px;
    }

    .initiative-media {
        max-width: 770px;
        width: 100%;
    }

    .initiative-nav {
        width: 90%;
        max-width: 770px;
    }

    .initiative-nav_controls {
        font-size: 16px;
        line-height: 22px;
        letter-spacing: -0.5px;
    }

    .initiative-control_text {
        margin-bottom: -2px;
    }

    .initiative-media_start {
        font-size: 24px;
        line-height: 0.5;
    }

    .initiative-banner, .profile-header {
        height: 250px;
    }

    .initiative-text,
    .content-description-text,
    .initiative-resources,
    .prompt-list,
    .prompts-divider-container,
    .prompt-list:not(.sectional-assessment),
    .card-sort-section_content,
    .employee-rating_content,
    .assessment_report,
    .prompt-change-answers-container,
    .assessment_rating-key,
    .print_button {
        width: 90%;
        max-width: 770px;
    }

    .explore-jobs-filters-panel {
        max-width: 900px;
        width: 95%;
    }

    .results-list {
        max-width: 765px;
    }

    .results-list,
    .commstyles-values-results-list {
        max-width: 765px;
    }

    .prompt-answer-list {
        left: 50%;
        transform: translate(-50%,-50%);
        max-width: 450px;
    }

    .prompt {
        min-height: 100px;
        max-height: 150px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }

    .prompt_answers {
        height: 250px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
    }

    .prompt_larger {
        height: 350px;
    }


    .initiative-text_rating {
        margin: 55px 0 20px 0;
    }

    .prompts-divider_quote-text {
        font-size: 30px;
    }

    .prompts-divider_quote-author {
        font-size: 20px;
    }

    .menu-quotes_quote-text {
        font-size: 16px;
    }

    .roadmap-header,
    .explore-header,
    .explore-jobs-header {
        padding-top: 3em;
        padding-bottom: 6em;
    }

        .roadmap-header h1,
        .explore-header h1,
        .explore-jobs-header h1 {
            font-size: 23px;
        }

    .report-recommendation,
    .report-recommendation-employee-rating {
        height: 275px;
    }

    .results-list li:nth-child(-n+2) {
        height: 447.5px !important;
        width: 352px !important;
    }

    .commstyles-values-results-list li {
        height: 780px !important;
        /*width: 352px !important;*/
    }

    .results-list li:nth-child(-n+2) h1,
    .work-values-results-list h1 {
        font-size: 22px !important;
        letter-spacing: -0.4px !important;
        line-height: 22px !important;
    }

    .results-list li:nth-child(-n+2) h1,
    .commstyles-values-results-list h1 {
        font-size: 22px !important;
        letter-spacing: -0.4px !important;
        line-height: 22px !important;
    }

    .results-list li:nth-child(-n+2) h2,
    .work-values-results-list h2 {
        font-size: 16px !important;
        letter-spacing: -0.3px !important;
        line-height: 17px !important;
        font-weight: 600;
    }

    .results-list li:nth-child(-n+2) h2,
    .commstyles-values-results-list h2 {
        font-size: 16px !important;
        letter-spacing: -0.3px !important;
        line-height: 17px !important;
        font-weight: 600;
    }

    .results-list li:nth-child(-n+2) .recommendation-result-graph,
    .work-values-results-list li .recommendation-result-graph {
        margin-top: 0px;
        margin-bottom: 0px;
    }

        .results-list li:nth-child(-n+2) .recommendation-result-graph canvas .recommendation-result-graph li .recommendation-result-graph canvas {
            height: 140px !important;
            width: 140px !important;
            margin-top: 0px;
            margin-bottom: 0px;
        }

    .results-list li:nth-child(-n+2) .recommendation-result-graph,
    .commstyles-values-results-list li .recommendation-result-graph {
        margin-top: 0px;
        margin-bottom: 0px;
    }

        .results-list li:nth-child(-n+2) .recommendation-result-graph canvas .recommendation-result-graph li .recommendation-result-graph canvas {
            height: 140px !important;
            width: 140px !important;
            margin-top: 0px;
            margin-bottom: 0px;
        }

    .results-list li:nth-child(-1n+2),
    .recommendation-result-graph li {
        font-size: 14px !important;
        letter-spacing: -0.3px !important;
        line-height: 17px !important;
    }


    .employee-report-score_container {
        border-left: 0;
        border-right: 0;
    }

    .assessment_rating-key .key-container {
        padding-bottom: 0;
    }

    .print_button .button-container {
        padding-bottom: 0;
    }

    .input-group-btn.with-info {
        vertical-align: top !important;
    }

    .dashboard-panel .dashboardRowText {
        margin-top: 15px;
    }

    .initiative-nav_icon,
    .initiative-next_icon.roadmap-zone-index {
        max-width: 50px;
        max-height: 50px;
        font-size: 32px;
        line-height: 46px;
    }

    .initiative-nav_icon-container {
        margin-top: -25px;
    }

    .initiative-next_title {
        padding: 0 65px 0 15px;
    }

    .initiative-previous_title {
        padding: 0 15px 0 65px;
    }


    .roadmap-zone-index {
        border: 2px solid white;
        border-radius: 1em;
        display: inline-block;
        width: 2em;
        height: 2em;
        line-height: 2em;
        font-size: 1.3em;
        margin-top: 10px;
    }

        .roadmap-zone-index svg {
            width: 2em;
            padding: 0.7em 0.8em 0.3em 0.6em;
        }

    .content-description-question .content-description-text {
        max-width: 100%;
    }

    .profile-icon-name {
        margin-left: 5px;
    }
}

@media (max-width: 995px) {

    /*Mega Menu*/
    .menu-quotes-container {
        max-width: 300px;
        margin-top: -20px;
    }

    .mega-menu-quotes {
        margin-right: 0 !important;
        padding-left: 0 !important;
    }

    .mega-menu-content {
        margin-right: 200px;
    }

    .profile-save-btn {
        width: 180px;
    }

    /*End of Mega Menu*/

    .settings-profile-save-btn {
        float: left !important;
    }

    .achievement-item {
        width: 30%;
    }

    .personal-path .report-chart_container {
        width: 3570px;
    }

    .personal-path .report-chart {
        width: 3570px;
        height: 350px;
    }

    .personal-path .report-chart_column {
        width: 395px;
    }

    .personal-path .report-chart_prompt-list {
        margin: 25px 205px 0 205px;
        padding: 0;
    }

    .personal-path .report-chart_prompt-image-container {
        height: 200px;
    }

    .personal-path .report-chart_prompt {
        width: 335px;
    }

    .recommendation-box.selected:after {
        border: none;
    }

    .recommendation-action-box:before {
        border-top: 40px solid #ffffff;
        border-left: 40px solid transparent;
        border-right: 40px solid transparent;
        content: "";
        position: absolute;
        left: 50%;
        margin-left: -40px;
        width: 0;
        height: 0;
        z-index: 999;
    }

    .recommendation-action-box {
        padding-top: 0;
    }

    .recommendation-boxes > .recommendation-box {
        border-right: none !important;
    }

    .recommendation-boxes:nth-child(2) .recommendation-box {
        position: static;
    }

    .recommendation-boxes:nth-child(3) .recommendation-box {
        position: static;
    }

    .commstyles-recommendation-results-description {
        margin-top: 20px;
        padding-bottom: 40px;
    }
}

@media (max-width: 990px) {

    /*Mega Menu*/

    .menu-quotes-container {
        max-width: 360px;
        margin-top: -20px;
    }

    .mega-menu-quotes {
        margin-right: 0 !important;
        padding-left: 0 !important;
    }

    /*End of Mega Menu*/

    .recommendation-boxes h2 {
        margin-bottom: 20px;
    }

    .initiative-banner,
    .profile-header {
        height: 180px;
    }

    .initiative-banner_header {
        line-height: 30px;
        width: 75%;
    }

        .initiative-banner_header h1 {
            font-size: 28px;
        }

    .roadmap__zone-initiative-container {
        width: 50% !important;
        max-width: 50%;
    }

    .section-completion_vertical-line {
        height: 30%;
    }

    .results-recommendation .section-recommendation-area .recommendation-area-content,
    .results-recommendation .section-recommendation-change-map .recommendation-area-content {
        margin: 15px 0px 25px 0px;
    }

        .results-recommendation .section-recommendation-area .recommendation-area-content p,
        .results-recommendation .section-recommendation-change-map .recommendation-area-content p {
            font-size: 16px;
        }

    .content-description-question .content-description-text {
        width: 95%;
    }
}

@Media(max-width: 892px) {

    .menu-quotes-container {
        max-width: 330px;
        margin-top: -20px;
    }

    .mega-menu-quotes {
        margin-right: 0 !important;
        padding-left: 0 !important;
    }

    .dashboard-panel .dashboardRowText {
        margin-top: 30px;
    }

    .section-recommendation-area,
    .results-recommendation-panel {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (max-width: 843px) {

    /*Mega Menu*/

    .menu-quotes-container {
        max-width: 280px;
        margin-top: -20px;
    }

    .mega-menu-quotes {
        margin-right: 0 !important;
        padding-left: 0 !important;
    }

    /*End of Mega Menu*/

    .focus-options-title {
        font-size: 30px;
    }

    .section-recommendation-area {
        margin-top: 20px;
    }

    .key-container {
        float: left;
    }

    .button-container {
        float: left;
    }

    .assessment-legend {
        display: block;
        text-align: left;
    }

        .assessment-legend span {
            line-height: 40px;
        }

    .initiative-content, .content-description.with-padding {
        padding: 30px 0 72px 0;
    }

    .initiative-banner_header {
        line-height: 20px;
        width: 80%;
    }
}

@media (max-width: 795px) {

    /*Mega Menu*/

    .menu-quotes-container {
        max-width: 220px;
        margin-top: -20px;
    }

    .mega-menu-quotes {
        margin-right: 0 !important;
        padding-left: 0 !important;
    }

    .mega-dropdown-menu > li > div.mega-menu-profile {
        margin-top: 20px;
        padding-right: 110px;
    }

    /*End of Mega Menu*/

    .career-anchors .initiative-banner {
        background-position-x: -1050px;
    }


    .career-anchors .prompts-divider {
        background-position-x: -1050px;
    }

    .action-plan_button-update, .action-plan_button-delete {
        display: block;
        margin: 3px;
    }

    .prompt-category_description {
        height: 450px;
    }

    .career-anchors-results-header,
    .work-values-results-header {
        margin-bottom: 30px;
    }

    .work-values-text_answer {
        font-size: 14px;
    }

    .initiative-nav_icon,
    .initiative-next_icon.roadmap-zone-index {
        max-width: 40px;
        max-height: 40px;
        font-size: 28px;
        line-height: 35px;
    }

    .initiative-nav_icon-container {
        top: 55%;
        margin-top: -20px;
    }

    .initiative-nav_icon-container_explore {
        top: 100%;
    }

    .initiative-next_title {
        padding: 0 55px 0 15px;
    }

    .initiative-previous_title {
        padding: 0 15px 0 55px;
    }

    .assessment-report-summary-section h2 {
        font-size: 1.8em;
    }

    .assessment-report-summary-section {
        margin-top: 18px;
    }
}

@media (max-width: 767px) {

    /*Mega Menu*/

    .mega-menu_div-focus-roadmap {
        max-width: 240px;
        min-width: 240px;
    }

    .mega-dropdown-menu > li.mega-menu-profile {
        margin-top: 20px;
        padding-right: 153px;
    }

    /*End of Mega Menu*/

    .recommendation-boxes h2 {
        margin-bottom: 10px;
    }

    .work-values-text_answer,
    .work-values-text_rating {
        font-size: 22px;
    }

    .work-values-answer-bottom {
        padding: 70px 30px 70px;
    }

    .work-values_slider .slider-handle {
        height: 40px;
        width: 40px;
        margin-top: -10px;
    }

    .results-recommendation .section-recommendation-area .recommendation-area-title,
    .results-recommendation .section-recommendation-change-map .recommendation-area-title {
        font-size: 30px;
    }

    #RoadmapZoneNumberAnchor {
        position: absolute;
        left: 25px;
        top: 20px;
        width: 30px;
        height: 0;
    }

    .section-text-container {
        margin-top: 20px;
    }

    .sectional-assessment.prompts-divider {
        padding: 0 50%;
    }

    .employee-summary_label {
        font-size: 2.5em;
    }

    .employee-assessment_name {
        font-size: 1.5em;
    }

    .employee-assessment_score {
        font-size: 1.2em;
    }
}

@media (max-width: 691px) {

    /*Mega Menu*/

    .mega-menu_div-focus-roadmap {
        max-width: 240px;
        min-width: 240px;
    }

    .mega-menu-focus {
        padding-left: 18px !important;
        margin-right: 60px !important;
    }

    .mega-dropdown-menu > li.mega-menu-profile {
        margin-top: 20px;
        padding-right: 153px;
    }

    .mega-dropdown-menu {
        height: 1500px;
    }

    /*End of Mega Menu*/

    .focus-options-title {
        font-size: 25px;
    }

    .report-recommendation_activities {
        height: 120px;
        padding: 10px;
        font-size: 15px;
    }

    .commstyles-icon-results-container {
        height: 290px;
    }

    .commstyles-recommendation-results-description2 {
        margin: 25px;
    }

    .commstyles-values-results-list {
        font-size: 14px;
        letter-spacing: -0.3px !important;
        line-height: 17px !important;
    }
}

@media (max-width: 650px) {

    /*Mega Menu*/

    .mega-menu-focus {
        padding-left: 18px !important;
    }

    .mega-menu_div-focus-roadmap {
        max-width: 240px;
        min-width: 240px;
    }

    .mega-dropdown-menu > li.mega-menu-profile {
        margin-top: 20px;
        padding-right: 153px;
    }

    .mega-dropdown-menu {
        height: 1500px;
    }

    /*End of Mega Menu*/

    .button_lets_do_this {
        width: 220px;
    }

    .achievement-item {
        width: 44%;
    }

    .badgeTitle {
        font-size: 17px;
        word-break: break-word;
    }

    .badgeTitleUnearned {
        font-size: 17px;
        word-break: break-word;
    }

    .profile-password-container {
        width: auto;
    }

    .report-recommendation_activities {
        height: 120px;
        padding: 10px;
        font-size: 15px;
    }

    .card_name {
        display: block;
        font-size: 27px;
        line-height: 58px;
        letter-spacing: -0.7px;
        color: #ffffff;
    }

    .card_text {
        font-size: 16px;
        line-height: 16px;
        letter-spacing: -0.4px;
        color: #ffffff;
    }

    .card_nav {
        position: absolute;
        bottom: 5px;
        width: 100%;
        left: 0;
        right: 0;
        padding: 0 5px;
    }

    .card_prompt {
        position: absolute;
        padding: 0 20px 50px 20px;
        text-align: center;
    }

    .card_answer-btn svg {
        height: 90px;
        width: 90px;
    }


    .initiative-banner_header h1,
    .dashboard-header-text h1,
    .dashboard-header-text h2,
    .dashboard-header-text h3,
    .dashboard-header-text h4,
    .initiative-text_title {
        font-size: 30px;
    }

    .prompt-change-answers {
        padding: 40px 0;
    }

    .prompt-change-answers-button {
        width: 100%;
        line-height: 50px;
        font-size: 16px;
        height: 50px;
    }

    .prompt-change-answers-button-sectional {
        width: 50%;
    }

    .prompt-list {
        padding: 45px 0 10px;
    }

    .report-recommendation {
        padding: 10px 10px;
    }

    .report-recommendation_text {
        font-size: 16px;
    }

    .report-recommendation,
    .report-recommendation-employee-rating {
        height: 375px;
    }

    .results-recommendation .section-recommendation-area .recommendation-area-title,
    .results-recommendation .section-recommendation-change-map .recommendation-area-title {
        font-size: 22px;
    }

    .dashboard-panel {
        min-height: 345px;
    }

    .initiative-banner_header {
        width: 85%;
    }

    .assessment-completion_decision-btn {
        display: block;
        margin: 0 auto;
        margin-top: 10px;
        min-width: 100%;
    }

    .initiative-return .btn {
        min-width: 95%;
    }

    .initiative-nav_icon,
    .initiative-next_icon.roadmap-zone-index {
        font-size: 15px;
        line-height: 26px;
        max-width: 30px;
        max-height: 30px;
    }

    .initiative-nav_icon-container {
        top: 60%;
        margin-top: -20px;
    }

    .initiative-nav_icon-container_explore {
        top: 100%;
    }

    .initiative-next_title {
        padding: 0 45px 0 15px;
    }

    .initiative-previous_title {
        padding: 0 15px 0 45px;
    }

    .print_button-btn,
    .button-container {
        width: 100%;
    }

    .assessment_rating-key {
        width: 50%;
    }

    .results-actions_items .action-plan_action-ID,
    .recommendation-action_index,
    .recommendation-action-box p.ques-id {
        font-size: 22px;
    }

    .assessment-report-summary-section {
        margin-top: 15px;
    }

    .work-values_container {
        padding-left: 0px;
        padding-right: 0px;
    }

    .commstyles-values-recommendation-results-container {
        margin: 15px 0;
    }

    .prompts-divider_quote-text,
    .menu-quotes_quote-text {
        letter-spacing: -0.4px;
    }

    .employee-summary_report {
        width: 100%;
    }
}

@media (max-width: 550px) {

    /*Mega Menu*/

    .mega-menu-focus {
        padding-left: 18px !important;
        margin-right: 60px !important;
    }

    .mega-menu_div-focus-roadmap {
        max-width: 240px;
        min-width: 240px;
    }

    .mega-dropdown-menu > li.mega-menu-profile {
        margin-top: 20px;
        padding-right: 153px;
    }

    .mega-dropdown-menu {
        height: 1500px;
    }

    /*end mega menu*/

    .dashboard-panel .dashboardAchievementsImage {
        max-width: 100px;
    }

    .achievement-item {
        width: 95%;
    }


    .report-recommendation_activities {
        height: 120px;
        padding: 10px;
        font-size: 15px;
    }

    .prompt-category_description {
        height: 350px;
    }

    .card_name {
        display: block;
        font-size: 25px;
        line-height: 58px;
        letter-spacing: -0.7px;
        color: #ffffff;
    }

    .card_text {
        font-size: 15px;
        line-height: 16px;
        letter-spacing: -0.4px;
        color: #ffffff;
    }

    .card_nav {
        position: absolute;
        bottom: 5px;
        width: 100%;
        left: 0;
        right: 0;
        padding: 0 5px;
    }

    .card_prompt {
        position: absolute;
        padding: 0 20px 50px 20px;
        text-align: center;
    }

    .card_answer-btn svg {
        height: 80px;
        width: 80px;
    }

    .prompt-category {
        width: 100%;
    }

    .prompt-category_description {
        height: 250px;
    }

    .career-anchors-results-header,
    .work-values-results-header {
        margin-bottom: 40px;
    }

    .results-recommendation .section-recommendation-area .recommendation-area-title,
    .results-recommendation .section-recommendation-change-map .recommendation-area-title {
        font-size: 18px !important;
    }

    .assessment-legend {
        padding-right: 2px;
        font-size: 12px;
    }

    .assessment-key-icon {
        padding-right: 5px;
    }

    .key-container {
        min-width: 270px;
    }

    .dashboard-panel-icon img {
        width: 20%;
    }

    .assessment-legend span {
        line-height: 50px;
    }

    .assessment_rating-key > .col-lg-12 {
        padding: 0;
    }

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

    .print_button > .col-lg-12 {
        padding: 0;
    }

    .dashboard-panel-header {
        font-size: 25px;
    }

    .dashboard-panel-desc {
        font-size: 16px;
    }

    .action-plan_action-title {
        font-size: 18px;
    }

    .dashboard-panel-button {
        margin-top: 10px;
    }

        .dashboard-panel-button button {
            width: 230px;
            font-size: 15px;
        }

    .action-plan_action-description,
    .dashboard-header-text,
    .dashboard-header-text p,
    .initiative-text_description,
    .initiative-text_description p,
    .initiative-text_description ol,
    .initiative-text_description ul,
    .initiative-description > *,
    .initiative-description li p {
        font-size: 16px;
    }

    .dashboard-panel .dashboardRow {
        height: 90px;
    }

    .dashboard-panel .dashboardRowText {
        font-size: 16px;
        margin-top: 0;
    }

    .initiative-banner_header h1,
    .dashboard-header-text h1,
    .dashboard-header-text h2,
    .dashboard-header-text h3,
    .dashboard-header-text h4,
    .initiative-text_title {
        font-size: 25px;
    }

    .initiative-banner_header {
        width: 90%;
    }

    .dashboard-panel .dashboardRowText {
        margin-top: 20px;
    }

    .initiative-nav span,
    .initiative-nav_controls {
        font-size: 14px;
    }

    .prompts-divider-container {
        padding: 100px 0px;
    }

    .prompts-divider_quote-text,
    .menu-quotes_quote-text {
        font-size: 20px;
    }

    .recommendation-box {
        font-size: 18px;
    }

    .action-plan_action-buttons {
        right: 0.1em;
    }

    .initiative-action-added-icon-hide {
        display: none;
    }


    .results-actions_items .action-plan_action-description,
    .recommendation-action,
    .recommendation-action-box p.ans-text,
    .ques-text {
        font-size: 12px;
    }

    .recommendation-action-box p.ans-text,
    .ques-text {
        margin-left: 5px;
    }

    .recommendation-action {
        padding: 2.5em 3.5em 1em 1em;
    }

    .recommendation-action_index {
        left: 10px;
        top: 20px;
    }

    .qa-action-items-padding {
        margin-left: 0;
        margin-right: 0;
        margin-top: 60px;
    }

    .answers-determined-score {
        margin-top: 0;
    }

    .answers-determined-score_questions {
        margin-top: 10px;
    }

    .assessment-report-summary-section {
        margin-top: 15px;
    }

    .assessment-report__overview {
        padding: 15px;
    }

    .work-values-results-list {
        font-size: 14px;
        letter-spacing: -0.3px !important;
        line-height: 17px !important;
    }

    .commstyles-values-results-list {
        font-size: 10px;
        letter-spacing: -0.3px !important;
        line-height: 16px !important;
    }

    .employee-rating_tab-list_entry {
        font-size: 13px;
    }
}

@media (max-width: 450px) {

    /*Mega Menu*/

    .mega-menu_div-focus-roadmap {
        max-width: 240px;
        min-width: 240px;
    }

    .mega-menu-focus {
        padding-left: 18px !important;
    }

    .mega-dropdown-menu > li.mega-menu-profile {
        margin-top: 20px;
        padding-right: 153px;
    }

    .mega-dropdown-menu {
        height: 1500px;
    }

    /*End of Mega Menu*/

    .developme-modal {
        min-width: 25em;
    }

    .report-recommendation_activities {
        height: 120px;
        padding: 10px;
        font-size: 14px;
    }

    .prompt-category_description {
        height: 400px;
    }

    .card {
        position: relative;
        min-height: 250px;
        background: #333333;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }

    .card_nav {
        position: absolute;
        bottom: 5px;
        width: 100%;
        left: 0;
        right: 0;
        padding: 0 5px;
    }

    .card_prompt {
        position: absolute;
        padding: 0 20px 50px 20px;
        text-align: center;
    }


    .card_name {
        display: block;
        font-size: 20px;
        line-height: 58px;
        letter-spacing: -0.7px;
        color: #ffffff;
    }

    .card_text {
        font-size: 12px;
        line-height: 16px;
        letter-spacing: -0.4px;
        color: #ffffff;
    }

    .card_answer-btn svg {
        height: 70px;
        width: 70px;
    }

    .initiative-list_entry,
    .job-list_entry,
    .explore-jobs-filters-panel,
    .assessment-report-card {
        width: 100%;
    }

    .explore-jobs-recommendation_container {
        width: 100%;
    }

    .initiative-banner_header h1,
    .dashboard-header-text h1,
    .dashboard-header-text h2,
    .dashboard-header-text h3,
    .dashboard-header-text h4,
    .initiative-text_title,
    .section-text_title,
    .prompt-category_name,
    .prompt-category_percent {
        font-size: 25px;
    }


    .action-plan_action-description,
    .dashboard-header-text,
    .dashboard-header-text p,
    .initiative-text_description,
    .initiative-text_description p,
    .initiative-description > * .initiative-description li p {
        font-size: 16px;
    }

    .dashboard-panel .dashboardRowText {
        font-size: 14px;
    }


    .initiative-text_description ol,
    .initiative-text_description ul {
        font-size: 16px !important;
    }

    .dashboard-panel .dashboardRowText {
        margin-top: 0;
    }

    .initiative-nav_icon-container {
        top: 60%;
    }

    .prompt {
        font-size: 18px;
    }

    .prompts-question-progress {
        font-size: 20px;
    }

    .initiative-content, .content-description.with-padding {
        padding: 30px 0 72px 0;
    }

    .commstyles-icon-results-container {
        height: 240px;
    }

    .employee-report {
        margin: 0;
        margin-bottom: 20px;
    }

    .employee-details_name {
        font-size: 18px;
    }

    .employee-details_date {
        font-size: 16px;
    }

    .employee-report_details {
        padding: 10px 25px 20px 25px;
    }

    .report-recommendation-employee-rating {
        padding: 0px;
    }

    .report-recommendation_title {
        font-size: 25px;
    }

    .report-recommendation_text {
        font-size: 14px;
    }

    .commstyles-rnd-panel {
        margin-bottom: 20px;
    }

    .employee-summary_label {
        font-size: 2em;
    }
}

@media (max-width: 360px) {

    /*Mega Menu*/

    .dropdown-submenu .sub-menu-ul {
        left: 0px;
        margin-top: 40px !important;
    }

    .mega-menu_div-focus-roadmap {
        max-width: 200px;
        min-width: 200px;
    }

    .mega-menu-content {
        padding-left: 20px;
        margin-right: -23px !important;
    }

    .mega-menu-focus {
        margin-right: 59px !important;
    }

    .mega-dropdown-menu > li.mega-menu-profile {
        margin-top: 20px;
        padding-right: 112px;
    }

    .mega-dropdown-menu {
        height: 1800px;
    }

    /*End of Mega Menu*/

    .profile-password-title {
        padding-bottom: 0px;
    }

    .profile-password-title-heading {
        font-size: 21px !important;
    }

    .profile-password-input > div > div > input {
        font-size: 13px;
    }

    .developme-modal {
        min-width: 22em;
    }

    .report-recommendation_activities {
        height: 120px;
        padding: 5px;
        font-size: 12px;
    }

    .report-recommendation {
        padding: 10px 5px;
    }

    .activity-entry_name,
    .report-recommendation_text {
        font-size: 13px;
    }

    .activity-entry_counter {
        font-size: 24px;
    }

    .card {
        position: relative;
        min-height: 250px;
        background: #333333;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }

    .card_answer_yes {
        text-align: left;
        padding-left: 40px;
    }

    .card_nav {
        position: absolute;
        bottom: 5px;
        width: 100%;
        left: 0;
        right: 0;
        padding: 0 5px;
    }

    .card_prompt {
        position: absolute;
        padding: 0 20px 50px 20px;
        text-align: center;
    }

    .card_answer-btn svg {
        height: 65px;
        width: 65px;
    }


    .explore-jobs-filter-up-title {
        font-size: 20px;
        text-align: left;
        width: 70%;
    }

    .explore-jobs-filter-down-title {
        font-size: 20px;
        text-align: left;
        width: 60%;
    }

    .explore-jobs-arrow-up-position {
        margin-top: 35px;
    }

    .explore-jobs-arrow-down-position {
        margin-top: 20px;
    }

    .assessment-report__overview h4 {
        font-size: 18px;
    }

    .commstyles-list-questions-container {
        margin-left: 0;
    }

    .action-plan_action,
    .action-plan_completed-action {
        padding: 1em 4em 1em 2em;
        margin: 0.5em 0;
        position: relative;
    }
}


@media print {
    @page {
        /*size: auto;*/ /* auto is the current printer page size */
        margin: 2cm;
    }

    body {
        width: 100%;
        margin: 0;
        padding: 0;
        background-color: #FFFFFF;
    }

    .pageBreakAvoid {
        page-break-inside: avoid;
    }

    .pageBreakInsideAuto {
        page-break-inside: auto;
    }

    .pageBreakBeforeAlways {
        page-break-before: always;
    }

    .pageBreakAfterAlways {
        page-break-after: always;
    }

    .pageBreakAfterAuto {
        page-break-after: auto;
    }


    .noPrint {
        display: none !important;
    }

    .parentTable {
        display: table;
    }

    .parentDiv {
        display: table-row;
    }

    .childDiv {
        display: table-cell;
    }

    .print-width-recommendation-boxes-3 {
        width: 33.33333%;
        float: left;
    }

    .print-width-recommendation-boxes-2 {
        width: 50%;
        float: left;
    }

    .print-width-recommendation-boxes-1 {
        width: 100%;
        float: left;
    }


    .print-portrait {
        font-family: 'Open sans', sans-serif;
        margin: 0 auto;
        width: 790px;
        text-align: center;
        display: block;
    }

    .print-landscape {
        font-family: 'Open sans', sans-serif;
        margin: 0 auto;
        width: 1120px;
        text-align: center;
        display: block;
    }

    .recommendation-graph-border-bottom-print {
        overflow: hidden;
        border-bottom-color: #f0f0f0;
        border-bottom-style: solid;
        border-bottom-width: thin;
        text-align: center;
    }

    .recommendation-graph-text-print {
        font-family: 'Open sans', sans-serif;
        font-size: 13px;
        color: #808080;
        font-weight: 500;
    }

    .recommendation-graph-text-height {
        height: 45px;
    }

    .recommendation-area-title-print {
        font-family: Open Sans;
        font-size: 14px;
        font-style: normal;
        font-stretch: normal;
        line-height: 1;
        letter-spacing: normal;
        text-align: left;
        color: #808080;
        margin-top: 20px;
        margin-bottom: 10px;
        font-weight: 600;
    }

    .recommendation-boxes h2 {
        margin-bottom: 20px;
    }

    .recommendation-result-box.change-map {
        margin-bottom: 40px;
    }

    .recommendation-result-box-print {
        background-color: #fff !important;
        object-fit: contain;
        background-color: #ffffff;
        overflow: hidden;
    }

    .initiative-banner-print {
        width: 100%;
        height: 250px;
        padding: 0;
        overflow: hidden;
        background-size: cover;
        background-position: right center;
    }

        .initiative-banner-print:before, .results-recommendation-banner:before {
            content: '';
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 40%;
            z-index: 1;
            background: -moz-linear-gradient(left, #2d93a1 40%, rgba(70, 172, 185, 0) 100%);
            background: -webkit-linear-gradient(left, #2d93a1 40%, rgba(70, 172, 185, 0) 100%);
            background: linear-gradient(to right, #2d93a1 40%, rgba(70, 172, 185, 0) 100%);
        }


    .initiative-banner-print_header {
        max-width: 1120px;
        width: 85%;
        margin: 0 auto;
        height: 100%;
        z-index: 2;
        position: relative;
        color: #ffffff;
        font-size: 30px;
        font-weight: 600;
        line-height: 40px;
        letter-spacing: normal;
        text-align: left;
        text-shadow: -1px -1px 10px rgba(0, 0, 0, 0.1), 1px -1px 10px rgba(0, 0, 0, 0.1), -1px 1px 10px rgba(0, 0, 0, 0.1), 1px 1px 10px rgba(0, 0, 0, 0.1);
    }


    .actions-results-print {
        display: inline-flex;
        width: 100%;
        padding: 5px 5px 5px 5px;
    }

    .actions-results-background-print {
        background-color: #f0f0f0;
    }

    .action-questions-margin-print {
        margin-bottom: 30px;
    }

    .action-plan_action-display-print-ID {
        display: inline-block;
        width: 5%;
    }

    .action-plan_action-display-print-description {
        display: inline-block;
        width: 95%;
    }

    .action-items_items-print, .results-actions_items-print {
        list-style-type: none;
        padding: 0;
    }

        .action-items_items-print > li, .results-actions_items-print > li {
            display: block;
            text-align: left;
        }

        .results-actions_items-print p {
            margin: 0px;
        }

    .recommendation-area-text-print {
        font-size: 14px;
        text-align: left;
    }

        .recommendation-area-text-print p {
            font-size: 14px;
            text-align: left;
            color: #808080;
        }

    .results-actions_items-print .action-plan_action-print-ID {
        font-size: 13px;
        text-align: left;
        color: #808080;
        vertical-align: middle;
        padding-right: 5px;
        float: left;
        font-weight: 600;
    }

    .results-actions_items-print .initiative-action-plan_action-print-ID {
        font-size: 13px;
        text-align: left;
        color: #808080;
        vertical-align: middle;
        padding-right: 5px;
        float: left;
        font-weight: 600;
        width: 100%;
    }

    .results-actions_items-print .action-plan_action-print-description {
        font-size: 12px;
        letter-spacing: normal;
        float: left;
        color: #808080;
        margin: 0;
        vertical-align: middle;
        font-family: Open Sans;
    }

    .results-actions_items-print .action-plan_action-print-description-bold {
        font-size: 12px;
        letter-spacing: normal;
        text-align: left;
        color: #808080;
        margin: 0;
        vertical-align: middle;
        font-weight: 600;
        font-family: Open Sans;
    }

    .results-actions-padding-print {
        padding: 0.1em 1em 0.1em 0em;
        text-align: left;
    }


    .action-plan_action-print,
    .action-plan_completed-action-print {
        padding: 0.5em 0em 0.5em 0.5em;
        margin: 0.5em 0;
        position: relative;
    }

    .recommendation-question-box-print {
        text-align: left;
        padding: 0px 0px;
    }

        .recommendation-question-box-print p {
            font-family: Open Sans;
            font-size: 14px;
            font-weight: normal;
            font-style: normal;
            font-stretch: normal;
            line-height: 1.21;
            letter-spacing: normal;
            text-align: left;
        }


            .recommendation-question-box-print p.ques-id, .recommendation-question-box-print p.ques-text, .recommendation-question-box-print p.ans-text {
                font-family: Open Sans;
                font-size: 20px;
                font-weight: normal;
                font-style: normal;
                font-stretch: normal;
                line-height: 1.07;
                letter-spacing: normal;
                text-align: left;
                color: #808080;
                margin: 0;
                background-color: #ffffff;
            }

            .recommendation-question-box-print p.ques-text {
                font-size: 14px;
                line-height: 1.21;
            }

            .recommendation-question-box-print p.ans-text {
                font-size: 14px;
                font-weight: 600;
                line-height: 1.07;
            }

    .recommendation-action-box-print {
        padding: 0px 0px;
    }


        .recommendation-action-box-print p {
            font-family: Open Sans;
            font-size: 13px;
            font-weight: normal;
            font-style: normal;
            font-stretch: normal;
            letter-spacing: normal;
            text-align: left;
            color: #808080;
            padding-right: 1em;
        }


            .recommendation-action-box-print p.ques-id, .recommendation-action-box-print p.ques-text, .recommendation-action-box-print p.ans-text {
                font-family: Open Sans;
                font-size: 13px;
                font-weight: normal;
                font-style: normal;
                font-stretch: normal;
                line-height: 1.07;
                letter-spacing: normal;
                text-align: left;
                color: #808080;
                margin: 0;
                background-color: #ffffff;
            }

            .recommendation-action-box-print p.ques-text {
                font-size: 13px;
                line-height: 1.21;
            }

            .recommendation-action-box-print p.ans-text {
                font-size: 13px;
                font-weight: 600;
                line-height: 1.07;
            }

        .recommendation-action-box-print ul {
            font-family: Open Sans;
            font-size: 13px;
            font-weight: normal;
            font-style: normal;
            font-stretch: normal;
            letter-spacing: normal;
            text-align: left;
            color: #808080;
            padding-left: 2em;
            padding-right: 1em;
        }

    .recommendation-action-box-print-RatingDesc {
        background-color: #ffffff !important;
        color: #808080 !important;
        font-size: 14px;
    }

        .recommendation-action-box-print-RatingDesc span {
            font-size: 14px;
        }

    .recommendation-box-print-bottom {
        border-bottom: 2px solid #e6e6e6;
    }


    .recommendation-box-print {
        padding: 35px 0px;
        font-size: 22px;
        letter-spacing: -0.4px;
        line-height: 22px;
    }

    .recommendation-boxes-print:nth-child(1) .recommendation-box-print {
        border-right: 2px solid #e6e6e6;
    }

    .recommendation-boxes-print:nth-child(2) .recommendation-box-print {
        position: absolute;
        left: 33.33333%;
        border-right: 2px solid #e6e6e6;
    }

    .recommendation-boxes-print:nth-child(3) .recommendation-box-print {
        position: absolute;
        left: 66.6666%;
    }

    .recommendation-box-print.selected:after {
        border-top: 40px solid #fff;
        border-left: 40px solid transparent;
        border-right: 40px solid transparent;
        bottom: -40px;
        content: "";
        position: absolute;
        left: 50%;
        margin-left: -40px;
        width: 0;
        height: 0;
        z-index: 999;
    }


    .bar_header_progress_off {
        max-width: 1120px;
        height: 10px;
        object-fit: contain;
        background-color: #e0e0e0;
    }

    .bar_header_progress_on {
        max-width: 1120px;
        height: 10px;
        object-fit: contain;
    }

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

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

    .inline-block {
        display: inline-block;
    }

    * {
        -webkit-print-color-adjust: exact !important; /* Chrome, Safari */
        color-adjust: exact !important; /*Firefox*/
    }


    .commstyles-values-results-list-print {
        font-size: 13px;
        letter-spacing: normal;
        text-align: center;
        color: #808080;
        margin-top: 15px;
    }

    .commstyles-title-print {
        font-family: 'Open sans', sans-serif;
        font-size: 14px;
        font-style: normal;
        font-stretch: normal;
        line-height: 1;
        letter-spacing: normal;
        text-align: left;
        color: #808080;
        margin-top: 20px;
        margin-bottom: 10px;
        font-weight: 600;
    }

    .commstyles-description-print {
        font-size: 14px;
        text-align: left;
        color: #808080;
        padding-bottom: 20px;
    }

    .initiative-action-items-print {
        display: inline-block;
        width: 100%;
        padding: 10px 10px 10px 10px;
        background-color: #f0f0f0;
    }

    .commstyles-description {
        display: inline;
    }

    .commstyles-description-bold {
        font-weight: bold;
    }

    .commstyles-icon-container-results {
        height: 230px;
        position: relative;
    }

    .commstyles-icon-position {
        position: absolute;
        bottom: 0;
        text-align: center;
        width: 100%;
    }

    .commstyles-icon-title-print {
        font-size: 14px;
        color: #53bfcd;
        text-align: center;
        margin-top: 15px;
    }

    .commstyles-icon-title-comparison-print {
        font-size: 14px;
        color: #53bfcd;
        text-align: center;
        font-weight: 600;
    }


    .commstyles-result-title-print {
        display: inline-block;
        font-weight: bold;
    }

    .commstyles-result-percentage {
        font-weight: bold;
        display: inline;
    }

    .commstyles-icon-title-off-results-print {
        font-size: 14px;
        color: #5b5b5b;
        text-align: center;
        margin-top: 15px;
    }

    .commstyles-recommendation-results-description-print {
        text-align: center;
        padding: 20px 5px 40px 5px;
        font-size: 14px;
    }

    .commstyles-list-questions-container {
        text-align: left;
        margin-left: 25px;
    }

    .commstyles-questions {
        width: 50%;
    }

    .commstyles-value-selected {
        font-weight: bold;
    }

    .commstyles-value-selected-max {
        color: #53bfcd;
    }

    .commstyles-value-selected-min {
        color: #808080;
    }

    .commstyles-rnd-panel {
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        -o-border-radius: 10px;
        border-radius: 1;
        background-color: #fff;
    }


    .panel-print {
        border-color: #ddd;
        border-style: solid;
        border-width: thin;
        margin-bottom: 20px;
        display: table;
    }

    .commstyles-icon-results-container-print {
        height: 340px;
        position: relative;
    }

        .commstyles-icon-results-container-print div {
            width: 100%;
            text-align: center;
            bottom: 0px;
        }

    .commstyles-icon-centered {
        position: relative;
        top: 50%;
        transform: translateY(-50%);
    }

    .commstyles-recommendation-results-description2 {
        text-align: center;
        margin-top: 20px;
    }

    .commstyles-questions-print {
        width: 50%;
        display: inline;
    }

    .commstyles-recommendation-result-print {
        position: relative;
        width: 100%;
        display: inline-table;
        vertical-align: top;
    }

    .commstyles-icon-container-results-print {
        height: 180px;
        position: relative;
        text-align: center;
    }

    .commstyles-icon-position-print {
        position: absolute;
        bottom: 0;
        text-align: center;
        width: 100%;
    }

    .commstyles-results-print {
        color: #808080;
        width: 50%;
        margin-bottom: 30px;
        object-fit: contain;
        display: inline-block;
        margin-top: 60px;
    }

    .commstyles-results-img-size-print {
        width: 120px;
    }


    .commstyles-list-questions-container-print {
        text-align: left;
        margin-left: 20px;
        font-size: 14px;
        width: 100%;
        vertical-align: top;
        overflow: hidden;
    }

    .commstyles-comparison-25-print {
        width: 25%;
        float: left;
    }

    .commstyles-comparison-50-print {
        width: 50%;
        float: left;
    }

    .workvalues-results-print {
        color: #808080;
        width: 50%;
        object-fit: contain;
        display: inline-block;
        vertical-align: top;
        margin-top: 50px;
    }

    .workvalues-results-first-print {
        height: 500px;
    }

    .workvalues-results-second-print {
        margin-top: 0;
        height: 450px;
    }

    .workvalues-results-third-print {
        margin-top: 0;
        height: 400px;
    }

    .workvalues-recommendation-result-print {
        position: relative;
        width: 100%;
    }

    .employee-report-print {
        margin: 40px 20px 80px 20px;
        background-color: #ffffff;
    }

    .employee-report_details-print {
        text-align: left;
    }

    .recommendation-action-print {
        margin: 0.5em 0;
        position: relative;
        background: #f0f0f0;
        line-height: 17px;
        letter-spacing: normal;
        color: #808080;
    }

    .employee-report-score_container-print {
        border-bottom: 2px solid #e6e6e6;
    }

    .employee-report-score-item-print {
        width: 49%;
        display: inline-block;
        vertical-align: top;
        margin-top: 20px;
        color: #808080;
    }

    .employee-details_name-print {
        font-size: 14px;
        font-weight: 600;
        letter-spacing: normal;
        color: #46acb9;
    }

    .employee-details_date-print {
        font-size: 14px;
        letter-spacing: normal;
        color: #808080;
    }

    .recommendation-action-bottom-print {
        margin-bottom: 20px;
    }

    .commstyles-list-questions-column-print {
        display: inline-block;
        width: 47%;
        vertical-align: top;
        margin-right: 5px;
    }

    .commstyles-list-questions-row-print {
        display: inline-block;
        width: 50%;
        word-wrap: break-word;
    }

    .report-chart_legend-container-print {
        margin-bottom: 50px;
        margin: 0 auto;
        width: 100%;
    }

    .report-chart_legend-print {
        font-size: 14px;
        font-weight: bold;
        letter-spacing: -0.4px;
        color: #808080;
        position: relative;
        text-align: left;
    }

    .report-chart_prompt-container-print {
        margin: 0;
        padding: 10px 0 0 0;
        max-width: none;
        width: initial;
    }

    .report-chart_prompt-list-print {
        list-style-type: none;
        margin: 0 auto;
        padding: 0 10px 0 10px;
        margin-top: 40px;
        text-align: center;
    }

    .report-chart_prompt-container {
        padding: 30px 0;
    }

    .report-chart_prompt-box-print {
        width: 455px;
        box-shadow: -1px 1px 10px rgba(0, 0, 0, 0.1), 1px 1px 10px rgba(0, 0, 0, 0.1);
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        min-height: 180px;
    }

    .report-chart-key_prompt-box-print {
        width: 150x;
        box-shadow: -1px 1px 10px rgba(0, 0, 0, 0.1), 1px 1px 10px rgba(0, 0, 0, 0.1);
        border-radius: 10px;
    }


    .report-chart_prompt {
        position: relative;
        z-index: 0;
    }

    .report-chart_prompt-image-container-print {
        position: relative;
        min-height: 50px;
        overflow: hidden;
        text-align: center;
        border-radius: 10px;
        border-bottom: solid 1px #e6e6e6;
    }

    .report-chart_prompt-name-print {
        position: absolute;
        left: 0;
        right: 0;
        padding: 0 20px;
        text-align: center;
        font-size: 12px;
        font-weight: bold;
        line-height: 50px;
        color: #808080;
    }

    .report-chart_prompt-comments-print {
        position: relative;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        background: #ffffff;
        color: #808080;
        padding: 10px;
        font-size: 14px;
    }

    .report-chart_prompt-comment-print {
        display: block;
        margin-left: -12px;
        margin: 6px 0;
        font-size: 14px;
        line-height: 22px;
        letter-spacing: -0.4px;
        text-align: left;
        color: #808080;
        white-space: normal;
        word-wrap: break-word;
    }

    .report-chart_prompt-comment-print--wrap {
        white-space: normal;
    }

    .report-chart_prompt-comment_label-print {
        font-weight: bold;
        margin-right: 5px;
    }


    .vertically-centered {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }

    .results-panel-print {
        padding: 10px 0;
        background: #e6e6e6;
        width: 1420px;
    }

    .report-chart_prompt-print {
        position: relative;
        z-index: 0;
        display: inline-block;
        vertical-align: top;
        width: 450px;
        border-radius: 10px;
        margin-bottom: 10px;
        margin: auto 0;
    }

    .talentsort-results-print {
        color: #808080;
        width: 50%;
        object-fit: contain;
        display: inline-block;
        vertical-align: top;
        font-size: 14px;
    }

    .row-print {
        min-height: 100px;
        text-align: center;
    }

    .result-second-section-print {
        margin-bottom: 10px;
        padding: 0 10px;
    }

    .recommendation-graph-title-print {
        font-family: 'Open sans', sans-serif;
        font-size: 16px;
        color: #808080;
        font-weight: 800;
    }

    h2, h3, h4 {
        color: #808080;
    }

    .results-recommendation-clear-print {
        clear: both;
        display: block;
    }

    .displayBlock {
        display: block;
    }

    .displayInline {
        display: inline;
    }
}


.main-content-900 {
    max-width: 900px;
    padding-top: 60px;
    min-height: 100%;
    overflow: hidden;
}

.scheduleEvent-panel .container .heading-title h4 {
    font-size: 40px;
    margin: 0;
    text-transform: none;
}

.scheduleEvent-panel .heading-title {
    background: #4d065b;
    padding: 55px 30px;
    text-align: center;
    color: #fff;
}

    .scheduleEvent-panel .heading-title h4 {
        color: #fff;
        font-size: 30px;
    }

.scheduleEvent-panel form#meetingForm {
    background: #fff;
    border-bottom: 6px solid #4d065b;
}

    .scheduleEvent-panel form#meetingForm .exp-modal {
        padding: 40px 80px;
    }

        .scheduleEvent-panel form#meetingForm .exp-modal .exp-inputs h4 {
            margin-bottom: 30px;
        }

        .scheduleEvent-panel form#meetingForm .exp-modal .form-group label {
            color: #000;
            font-size: 14px;
            font-family: 'Noto Sans', serif;
        }

        .scheduleEvent-panel form#meetingForm .exp-modal .form-group .select2-container,
        .scheduleEvent-panel form#meetingForm .exp-modal .form-group input {
            /*height: 44px;*/
            width: 100%;
            color: black;
            font-family: Noto Sans;
            font-size: 16px;
            font-weight: 400;
            margin: 5px 0;
            text-indent: 0;
            padding: 0 15px;
        }

        .scheduleEvent-panel form#meetingForm .exp-modal .form-group textarea {
            height: 50px;
            width: 100%;
            border: 2px solid #a6a6a6;
            border-radius: 0px;
            color: black;
            font-family: Noto Sans;
            font-size: 16px;
            font-weight: 400;
            margin: 5px 0;
            text-indent: 0px;
            padding: 6px 15px;
            resize: vertical;
        }

.selectpicker .select2-choice {
    background-position-x: 97%;
}

.scheduleEvent-panel .datepicker tr td button[disabled] {
    background: #a683ad;
}

.scheduleEvent-panel form#meetingForm .exp-modal-footer {
    padding: 0;
}

.scheduleEvent-panel .select2-container .select2-choice {
    height: 40px;
    line-height: 24px;
}

.scheduleEvent-panel .scheduleEvent-panel form#meetingForm input#SelectedScheduleDate[readonly] {
    cursor: pointer !important;
    background-color: #fff !important;
}

.scheduleEvent-panel span#select2-chosen-2 {
    display: block !important;
    margin-right: 0px;
}

@media (max-width: 767px) and (min-width: 320px) {
    .scheduleEvent-panel form#meetingForm .exp-modal {
        padding: 40px 20px;
    }
}

.eventDetails-panel .heading-title {
    background: #4d065b;
    padding: 20px 30px;
    text-align: center;
    color: #fff;
}

    .eventDetails-panel .heading-title h5 {
        color: #fff;
        margin-top: 10px;
    }

.eventDetails-panel .profile-icon {
    border-radius: 50%;
    width: 140px;
    height: 140px;
    border: 3px solid #fff;
    background: #fff;
    margin: 0 auto;
}

.eventDetails-panel .schedule-content {
    background: #fff;
    border-bottom: 6px solid #4d065b;
    padding: 60px 20px;
}

    .eventDetails-panel .schedule-content h3.pink-font {
        margin-top: 0;
        margin-bottom: 0;
    }

    .eventDetails-panel .schedule-content p small {
        font-size: 100%;
    }

    .eventDetails-panel .schedule-content h4,
    .eventDetails-panel .schedule-content p {
        font-family: 'Noto Sans';
    }

.eventDetails-panel .checkYour {
    margin-top: 50px;
    margin-bottom: 50px;
}

    .eventDetails-panel .checkYour h5 {
        font-family: 'Noto Sans';
    }

.scheduleEvent-panel form#meetingForm .exp-modal .form-group .select2-container-active,
.scheduleEvent-panel form#meetingForm .exp-modal .form-group input:focus,
.exp-modal .form-group textarea:focus,
.scheduleEvent-panel form#meetingForm .exp-modal-footer button.btn:focus {
    /*border-color: #3d3d3d !important;*/
}
/*New changes for schedule event*/
.scheduleEvent-panel .event__cnt {
    border-bottom: 6px solid #4f185a;
}

.schedule-event-banner .banner-bottom {
    height: 40px;
    background: #4f185a;
}

.schedule-event-banner .inner-baner-bg {
    background-image: url("/Content/Images/r19/illustration_ask_a_coach.svg");
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
    background-position: bottom;
    background-size: cover;
}
.schedule-event-banner .banner-content span {
    font-family: 'Noto Serif';
}

.event__cnt {
    margin: 40px 0 60px;
    border: 1px solid #eee;
}

    .event__cnt textarea {
        width: 100%;
        border: 1px solid #a6a6a6;
        border-radius: 0px;
        color: #555555;
        margin: 5px 0;
        text-indent: 0px;
        padding: 15px;
        resize: vertical;
        min-height: 120px;
    }

    .event__cnt .exp__footer {
        border-top: 1px solid #a6a6a6;
        padding: 20px;
    }

        .event__cnt .exp__footer .right_btn {
            float: right;
        }

    .event__cnt .select-control .select2-choice {
        background-position-x: 100%;
    }

    .event__cnt .datepicker {
        background-position-x: calc(~'100% - 15px');
    }

    .event__cnt label {
        color: black;
        font-size: 14px;
        font-family: 'Noto Sans', serif;
    }

    .event__cnt .exp-inputs {
        padding: 10px 20px 20px 20px;
    }

.schedule-event-banner.inner-banner-container {
    position: relative;
}

    .schedule-event-banner.inner-banner-container .banner-content {
        top: 30%;
        max-width: 39.5em;
        margin-top: 0;
        margin-left: 14.5%;
        position: absolute;
    }

    .schedule-event-banner.inner-banner-container .explore-title {
        margin-bottom: 10px;
    }

    .schedule-event-banner.inner-banner-container .explore-subtitle {
        clear: both;
        margin-top: 0px;
    }

.coach__panel {
    margin-top: 60px;
    padding: 10px 20px 20px;
    border: 1px solid #eee;
}

    .coach__panel .coach__card__cnt {
        margin-top: 10px;
        display: flex;
        flex-wrap: wrap;
    }

    .coach__panel .coach__card {
        margin-right: 1.5%;
        width: 31.33%;
        cursor: pointer;
        border: 2px solid #eeeeee;
        padding: 20px;
        position: relative;
        height: 100%;
        display: flex;
        margin-bottom: 10px;
        flex-direction: column;
        align-items: stretch;
    }

.coach__card__tick {
    position: absolute;
    right: 10px;
    top: 10px;
}

.coach__panel .coach__card__tick img {
    width: 30px;
}

.coach__card__content {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    margin-top: 20px;
}

    .coach__card__content .coach__img {
        width: 80px;
        height: 80px;
        background: #e6e6e6;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        min-width: 80px;
    }

    .coach__card__content .coach__pic {
        width: 70px;
        height: 70px;
        border: 3px solid white;
        margin: 7px;
        border-radius: 50%;
        background: white;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
    }

        .coach__card__content .coach__pic img {
            max-width: 100%;
        }

.coach__footer {
    border-top: 1px solid #a6a6a6;
    border: #eee;
    border-bottom: 6px solid #4f185a;
    padding: 20px;
    margin-bottom: 60px;
}

    .coach__footer .left_btn {
        float: left;
    }

        .coach__footer .left_btn button {
            background: white;
            color: #4f185a;
            border: 2px solid #4f185a;
            border-radius: 0;
            padding: 10px 40px;
            font-weight: bold;
            min-width: 200px;
        }

    .coach__footer .right_btn {
        float: right;
    }

        .coach__footer .right_btn button {
            background-color: #4f185a;
            color: white;
            border-radius: 0;
            padding: 10px 40px;
            min-width: 200px;
        }

.coach__card__content .btn {
    background: white;
    color: #4f185a;
    border: 2px solid #4f185a;
    border-radius: 0;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 10px;
}

.eventDetails-panel .schedule-content {
    border: 1px solid #eee;
    padding: 60px 20px 0;
}

.red-event-details .exp-modal-footer {
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    border-bottom: 6px solid #4f185a;
    padding: 20px;
}

.eventDetails-panel .profile-icon {
    margin: 20px auto 5px;
}

.eventDetails-panel .profile-user-initial {
    width: 140px;
    height: 140px;
    margin: 20px auto 5px;
}
.event-wrapper-loading{
    padding: 15px 0;
    min-height: 100px;
}
    .eventDetails-panel .profile-user-initial .profile-initials span {
        font-size: 40px;
        vertical-align: middle;
        line-height: 128px;
        display: block;
        background: #4d005b;
        border-radius: 50%;
        border: 3px solid white;
        height: 128px;
    }

    .eventDetails-panel .profile-user-initial .profile-initials {
        background: white;
        border-radius: 50%;
        width: 140px;
        padding: 0;
        height: 140px;
        border: 6px solid #cccccc;
    }
/*--Media Queries Only Below this point*/
@media screen and (max-width: 2560px) {
    .schedule-event-banner.inner-banner-container {
        height: 520px;
    }
}

@media screen and (max-width: 1280px) {
    .schedule-event-banner.inner-banner-container {
        height: 350px;
    }
}

@media (max-width: 1280px) {
    .schedule-event-banner.inner-banner-container .banner-content {
        max-width: 39.5em;
        margin-left: 3%;
    }
}

@media (max-width: 1600px) {
    .schedule-event-banner.inner-banner-container .banner-content {
        top: 50%;
        transform: translateY(-50%);
        max-width: 39.5em;
        margin-left: 8%;
    }
}

@media screen and (max-width: 2560px) {
    .schedule-event-banner.inner-banner-container .explore-title {
        font-size: 50px;
        margin-top: 0;
    }

    .schedule-event-banner.inner-banner-container .explore-subtitle {
        font-size: 24px;
    }
}

@media screen and (max-width: 1920px) {
    .schedule-event-banner.inner-banner-container .explore-title {
        font-size: 44px;
    }

    .schedule-event-banner.inner-banner-container .explore-subtitle {
        font-size: 22px;
    }
}

@media screen and (max-width: 1280px) {
    .schedule-event-banner.inner-banner-container .explore-title {
        font-size: 44px;
    }

    .schedule-event-banner.inner-banner-container .explore-subtitle {
        font-size: 22px;
    }
}

@media (max-width: 767px) {
    .event__cnt .exp__footer .right_btn {
        float: none;
        width: 100%;
    }

        .event__cnt .exp__footer .right_btn .btn {
            width: 100%;
        }

    .event__cnt .left_btn {
        margin-bottom: 15px;
        float: none;
    }

        .event__cnt .left_btn .btn {
            width: 100%;
        }

    .coach__footer .right_btn, .coach__footer .left_btn {
        float: none;
    }

        .coach__footer .right_btn .btn, .coach__footer .left_btn .btn {
            width: 100%;
        }

    .coach__footer .left_btn {
        margin-bottom: 15px;
    }

    .coach__panel .coach__card {
        width: 100%;
    }

    .red-event-details .exp-modal-footer .btn {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .askacoach-schedule .crd-footer {
        margin-bottom: 45px;
    }
        .askacoach-schedule .crd-footer .text-overlap {
            vertical-align: middle;
            line-height: 24px;
        }
}
@-ms-viewport {
    /*width: device-width;*/
    width: auto !important;
    zoom: 1.0;
}

.login-footer-text {
    margin: 5px 10px 5px 15px;
}

.btn-margin-left {
    margin-left: 3px;
}
.adb2c-header{
    padding-left: 0.45%;
}
@media(min-width: 320px) and (max-width: 760px) {
    .adb2c-header {
       margin-left: -12.5%;
    }
}
@media(min-width: 768px) and (max-width:1024px) {
    .adb2c-header {
       margin-left: 2%;
    }
}

.btn-margin-right {
    margin-right: 3px !important;
}

.btn-margin-right-40 {
    margin-right: 40px;
}

.btn:focus {
    color: #fff;
}

.ui-sel2 {
    display: flex;
    width: 100%;
}

    .ui-sel2 .select2-container {
        width: calc(100% - 39px);
    }

    .ui-sel2 .input-group-btn {
        width: 39px;
    }

.dont-break-out {
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word;
}

.ellipsis .select2-chosen {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}

    .ellipsis .select2-chosen:hover {
        cursor: default;
    }

.voffset {
    margin-top: 2px;
}

.voffset1 {
    margin-top: 5px;
}

.voffset2 {
    margin-top: 10px;
}

.voffset3 {
    margin-top: 15px;
}

.voffset4 {
    margin-top: 24px;
}

.voffset4-5 {
    margin-top: 35px;
}

.voffset5 {
    margin-top: 40px;
}

.voffset6 {
    margin-top: 60px;
}

.voffset7 {
    margin-top: 80px;
}

.voffset8 {
    margin-top: 100px;
}

.voffset9 {
    margin-top: 150px;
}

.-voffset {
    margin-top: -2px;
}

.-voffset1 {
    margin-top: -5px;
}

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

.-voffset3 {
    margin-top: -15px;
}

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

.-voffset4-5 {
    margin-top: -35px;
}

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

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

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

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

.-voffset9 {
    margin-top: -150px;
}

.no-gutter > [class*='col-'] {
    padding-right: 0;
    padding-left: 0;
}

.tip {
    position: relative;
    text-decoration: none;
}

    .tip:hover:before {
        display: block;
        position: absolute;
        padding: 10px;
        content: attr(title);
        -moz-min-width: 120px;
        -ms-min-width: 120px;
        -o-min-width: 120px;
        -webkit-min-width: 120px;
        min-width: 120px;
        text-align: justify;
        width: 400px;
        height: auto;
        white-space: normal;
        bottom: 25px;
        background: #000000;
        background: rgba(0,0,0,.8);
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        -ms-border-radius: 10px;
        border-radius: 10px;
        color: #fff;
        font-size: .86em;
    }

    .tip:hover:after {
        position: absolute;
        display: block;
        content: "";
        border-color: #000000 transparent transparent transparent;
        border-color: rgba(0,0,0,.8) transparent transparent transparent;
        border-style: solid;
        border-width: 10px;
        height: 0;
        width: 0;
        position: absolute;
        top: -8px;
        left: 1em;
    }

.tip2 {
    position: relative;
    text-decoration: none;
}

    .tip2 span {
        display: none;
    }

    .tip2:hover span {
        display: block;
        position: absolute;
        padding: .5em;
        content: attr(title);
        -moz-min-width: 120px;
        -ms-min-width: 120px;
        -o-min-width: 120px;
        -webkit-min-width: 120px;
        min-width: 120px;
        text-align: center;
        width: auto;
        height: auto;
        white-space: nowrap;
        top: -32px;
        background: #000000;
        background: rgba(0,0,0,.8);
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        -ms-border-radius: 10px;
        border-radius: 10px;
        color: #fff;
        font-size: .86em;
    }

        .tip2:hover span:after {
            position: absolute;
            display: block;
            content: "";
            border-color: #000000 transparent transparent transparent;
            border-color: rgba(0,0,0,.8) transparent transparent transparent;
            border-style: solid;
            border-width: 10px;
            height: 0;
            width: 0;
            position: absolute;
            bottom: -16px;
            left: 1em;
        }

.div-striped > div:nth-child(odd) {
    background-color: #f9f9f9;
}

.form-section {
    position: relative;
    border-bottom: 1px solid #eeeeee;
    padding: 0.75em 0 1.5em;
}

.btn-file {
    position: relative;
    overflow: hidden;
}

    .btn-file input[type=file] {
        position: absolute;
        top: 0;
        right: 0;
        min-width: 100%;
        min-height: 100%;
        font-size: 999px;
        text-align: right;
        filter: alpha(opacity=0);
        opacity: 0;
        outline: none;
        background: white;
        cursor: inherit;
        display: block;
    }

.header-label-pad {
    padding-top: 7.5px;
}

.multiselect-active {
    background-color: #f5f5f5;
}

.multiselect-success {
    background-color: #dff0d8;
}

.multiselect-info {
    background-color: #d9edf7;
}

.multiselect-warning {
    background-color: #fcf8e3;
}

.multiselect-danger {
    background-color: #f2dede;
}

.panel-default > .panel-heading {
    background-color: #9DD2FF;
}

.panel-default > .panel-footer {
    background-color: #9DD2FF;
}

.panel-info > .panel-footer {
    background-color: #d9edf7;
}

.panel-label {
    margin-top: 8px;
    margin-bottom: 8px;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.clearfix::after {
    content: "";
    clear: both;
    display: table;
}

#dropdownDiv .row .row-title {
    display: block;
    float: left;
    line-height: 29px;
    font-weight: bold;
    text-align: left;
    padding-bottom: 1px;
}

.btn-group .search-group {
    width: 600px;
    background-color: #fafafa;
    padding: 15px 13px 15px 25px;
}

    .btn-group .search-group .dropdown-menu .radio-select {
        margin: 0 10px;
    }

.courses-wrapper .course-item .row .col-fit {
    word-wrap: break-word;
}

.courses-wrapper .course-item .row-div {
    margin-top: 5px;
}

.row-box {
        margin: 0px;
        padding-left:0px;
}
header .nav > li > a {
    font-size: 14px;
    /*color: #dce7f0;*/
}

/*header .nav > li > a:hover {
    background-color: #27435a !important;
}*/

/*header a:hover{
    color: #fff;
}*/

header .nav .open > a {
    background-color: #27435a !important;
}

header .nav .nav-item .dropdown-menu {
    background-color: #27435a !important;
}

    header .nav .nav-item .dropdown-menu > li > a {
        background-color: #27435a !important;
        color: #95b6d1;
    }

    header .nav .nav-item .dropdown-menu > li:hover > a {
        background-color: #95b6d1 !important;
        color: #fff;
    }

/* These are used for list views*/
.page-wrapper .page-content .row-divider {
    border-bottom: 1px dotted #e8e8e8;
    padding: 10px 0 0 15px;
}


.panel-color {
    background-color: #9DD2FF;
}


.fa-6x {
    font-size: 12em;
}

.fa-7x {
    font-size: 20em;
}

.print-col-md,
.print-col-md-1,
.print-col-md-2,
.print-col-md-3 {
    padding-left: 15px;
    font-size: 11px;
}

.print-col-md {
    width: 20%;
}

.print-col-md-1 {
    width: 8%;
}

.print-col-md-2 {
    width: 12%;
}

.print-col-md-3 {
    width: 25%;
}

.dropdown-submenu {
    position: relative;
}

    .dropdown-submenu > .dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -6px;
        margin-left: -1px;
        -webkit-border-radius: 0 6px 6px 6px;
        -moz-border-radius: 0 6px 6px 6px;
        border-radius: 0 6px 6px 6px;
    }

    .dropdown-submenu:hover > .dropdown-menu {
        display: block !important;
        float: right !important;
    }

    .dropdown-submenu > a:after {
        display: block;
        content: " ";
        float: right;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
        border-width: 5px 0 5px 5px;
        border-left-color: #cccccc;
        margin-top: 5px;
        margin-right: -10px;
    }

    .dropdown-submenu:hover > a:after {
        border-left-color: #ffffff;
    }

    .dropdown-submenu.pull-left {
        float: none;
    }

        .dropdown-submenu.pull-left > .dropdown-menu {
            left: -220px;
            margin-left: 10px;
            -webkit-border-radius: 6px 0 6px 6px;
            -moz-border-radius: 6px 0 6px 6px;
            border-radius: 6px 0 6px 6px;
        }

.well-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

.well-scroll {
    max-height: 250px;
    overflow-x: hidden;
    overflow-y: auto;
}

div.myPerm {
    overflow-x: auto;
    height: 300px;
    padding-left: 10px;
}

    div.myPerm > article {
        width: 95%;
    }

.navbar-default {
    background-color: #9DD2FF;
    border-color: #9DD2FF;
}

    .navbar-default .navbar-form {
        border-color: #9DD2FF;
    }

a.inline {
    display: inline;
}

div.inline {
    display: inline;
}


.dropdown-menu-lg {
    min-width: 200px;
}

.hoffset1 {
    margin: 15px;
}


.bgImage {
    background-image: url(/Content/Images/login-bg.jpg);
}

.aim-item {
    color: #fdc23b !important;
}

    .aim-item:hover {
        background-color: #fdc23b !important;
        color: #16445d !important;
    }

.loginMenuImage {
    display: block;
    float: left;
    width: 35px;
    margin-right: 5px;
}

.loginMenuContent {
    float: left;
}

.alertContent {
    padding-left: 15px;
    padding-right: 15px;
}

.home-page-twitter {
    background-color: #ffffff;
    padding-left: 15px !important;
}

    .home-page-twitter article.course-item {
        margin: 5px 10px;
    }

  .pull-right-toggle-switch{
      width: 130px;
      margin-top: 10px;
      margin-left: 10px;
  }
    .home-page-twitter .tweet-container {
        padding: 0px 0px 10px 0px;
        margin: 0px;
    }

        .home-page-twitter .tweet-container .tweet-text {
            margin: 5px 0px;
            padding: 0px;
        }

        .home-page-twitter .tweet-container .tweet-time {
            display: block;
            font-size: 11px;
            font-weight: bold;
            margin: 5px 0px;
            padding: 0px 0px 5px 0px;
        }

    .home-page-twitter .tweet-logo {
        background-color: #55acee;
        margin-bottom: 10px;
        padding-left: 15px;
    }

        .home-page-twitter .tweet-logo .section-heading {
            clear: both;
            color: #ffffff;
            font-size: 22px;
            line-height: 60px;
            margin: 0;
            text-align: center;
        }

            .home-page-twitter .tweet-logo .section-heading .fa-twitter {
                font-size: 30px;
                padding-right: 20px;
            }

    .home-page-twitter .twitterID {
        margin-left: 0px;
        padding-left: 10px;
    }

.font16 {
    font-size: 16px;
    font-family: sans-serif;
}

.home-page-twitter .twitterID a {
    color: #b53439;
}

.no-padding {
    padding: 0px;
}

.only-right-padding1 {
    padding: 0 2% 0 0;
}

.only-left-padding1 {
    padding: 0 0 0 2%;
}

@media (max-width: 480px) {
    .home-page-twitter .tweet-logo .section-heading {
        padding-right: 15%;
        width: 100%;
    }
}

@media (min-width: 481px) and (max-width: 768px) {
    home-page-twitter .tweet-logo .section-heading {
        padding-right: 20%;
        width: 100%;
    }
}

@media (min-width: 769px) {
    home-page-twitter .tweet-logo .section-heading {
        padding-right: 20%;
        width: 100%;
    }
}

.exploreGoalList {
    list-style-type: none;
    padding-left: 15px;
}

    .exploreGoalList li {
        background: #756c63;
    }

        .exploreGoalList li a span {
            display: inline-block;
            width: 20px;
            left: 15px;
            position: absolute;
        }

        .exploreGoalList li a {
            color: #fff;
            display: block;
            padding: 8px 20px;
            padding-left: 45px;
            font-size: 13px;
            position: relative;
            clear: both;
            font-weight: normal;
            line-height: 1.42857143;
            white-space: nowrap;
            text-align: left;
        }

    .exploreGoalList .sectionContent {
        transition: background-color .1s ease;
        -webkit-transition: background-color .1s ease;
        -ms-transition: background-color .1s ease;
        -moz-transition: background-color .1s ease;
        -o-transition: background-color .1s ease;
        text-align: center;
        position: relative;
        height: 100%;
        overflow: hidden;
    }

    .exploreGoalList .settingBtn {
        position: absolute;
        opacity: 0;
        transition: opacity .15s ease-in;
        -webkit-transition: opacity .15s ease-in;
        -ms-transition: opacity .15s ease-in;
        -moz-transition: opacity .15s ease-in;
        -o-transition: opacity .15s ease-in;
        visibility: hidden;
        right: -20px;
        top: -2px;
        height: 23px;
        padding: 0;
        font-size: 14px;
        width: 55px;
        background-color: #ff2e00;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
    }

    .exploreGoalList .sectionContent:hover .settingBtn {
        visibility: visible;
        opacity: 1;
    }

    .exploreGoalList .sectionContent .settingBtn i {
        color: #fff;
    }

        .exploreGoalList .sectionContent .settingBtn i.fa-check {
            display: none;
        }

    .exploreGoalList .selected .settingBtn i.fa-check {
        display: block;
    }

    .exploreGoalList .selected .settingBtn i.fa-cog {
        display: none !important;
    }

    .exploreGoalList .sectionContent .settingBtn i.fa-cog {
        display: block;
    }

    .exploreGoalList li div.selected .sectionContent {
        background-color: #16445d;
    }

    .exploreGoalList li div.selected .settingBtn {
        background-color: transparent;
        right: 0;
        top: 0px;
        text-align: center;
        width: 18px;
        opacity: 1;
        height: 18px;
        right: -3px;
        visibility: visible;
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        line-height: 15px;
        font-size: 10px;
    }

        .exploreGoalList li div.selected .settingBtn i {
            color: #6598ab;
            background-color: #fff;
            padding: 2px 2px;
            margin: 0;
            width: 13px;
            height: 13px;
            font-size: 9px;
            border-radius: 50%;
        }

.exploreGoalListHori {
    display: inline-block;
    padding: 0px 10px;
}

.border-box {
    border: 1px solid #ddd;
}

.sortOrder {
    padding: 6px;
}

.text-pad-right {
    padding-right: 10px;
}

.img-auto .flexslider .slides img {
    width: auto;
    display: inline;
}

.flexslider .slides img {
    width: auto;
    display: inline;
}

.top-resource-item {
    background-color: #fefdd9;
    line-height: 16px;
    border-bottom: 2px solid #fff;
    padding: 12px 5px 12px 5px;
}

    .top-resource-item div {
        margin-left: 18px;
        font-size: 15px;
        color: #16445d;
        font-weight: 600;
    }

    .top-resource-item span {
        margin-left: 18px;
        display: block;
        line-height: 13px;
        font-size: 13px;
        color: #666677;
        padding-left: 14px;
    }

.centerImg {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.welcomeVideo {
    padding-left: 10px;
    float: right;
}

.searchResultBlock {
    padding-left: 30px;
    padding-right: 30px;
}

.searchHeader {
    background-color: #687b8e;
    color: #fff;
}

.searchHeaderCol {
    padding: 4px 30px;
}

.searchHeader a {
    color: #fff;
}

.searchResultDetail {
    padding-left: 5px;
    width: 90%;
}

.thumbnailImage {
    width: 75px;
    height: 75px;
}

.select2Image, .select2Image a {
    height: 80px !important;
}

.stepSlider {
    max-width: 1100px;
    margin: auto;
}

.stepTopDiv {
    height: 120px;
    text-align: center;
    margin-bottom: 2px;
    padding: 10px;
}

.stepBottomDiv {
    padding: 10px;
}


.validateBorder.ng-invalid.ng-dirty {
    border-color: red;
}

#popoverUserName .popover-content, #popoverPass .popover-content {
    padding: 4px;
}


/* This was put in to fix a problem with the menu collapsing in ios */
@media only screen and (max-width: 720px) {
    .main-nav ul.navbar-nav li ul {
        display: none !important;
    }

    .main-nav ul.navbar-nav li.open ul {
        display: block !important;
    }
}

.modal-content .container {
    width: 598px;
}

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

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

.container-rounded-10 {
    -webkit-border-radius: 10;
    -moz-border-radius: 10;
    -ms-border-radius: 10;
    -o-border-radius: 10;
    border-radius: 10px;
}

.auth-title {
    font-size: 50px;
}

.auth-heading-panel {
   
}

.auth-main-content {
    padding-left: 24px;
    padding-right: 24px;
}
.auth-main-content-login .form-group {
    margin-bottom: 24px;
}
.auth-subtitle {
    color: #4d4d4d;
    font-size: 30px;
    font-weight: 600;
}

.auth-pagetext {
    color: #333333;
    margin-bottom: 3%;
    text-align: center;
}

.auth-social-media-login {
    margin-bottom: 4%;
    margin-top: 4%;
}

.auth-bottom-panel {
     padding-top: 16px;
    padding-bottom: 24px;
}

.teal {
    color: #57b5c0;
}
.auth-main-content .text-left .control-label { margin-bottom: 8px}
.auth-main-content .text-left.only-right-padding1,.auth-main-content .text-left.no-padding, .text-left.only-left-padding1 {
  margin-bottom: 24px;
}
.btn-ready {
    padding: 5px 50px;
    font: bold;
    font-size: 18px;
    width: 300px;
    height: 40px;
    margin-top: 20px;
}

@media only screen and (max-width: 767px) {

    .personalizeContent {
        top: 5%;
    }

    #loginScreen .personalizeContent {
        top: 8%;
    }

    .only-right-padding1 {
        padding: 0;
    }

    .only-left-padding1 {
        padding: 0;
    }
}


.red-border {
    border: 1px solid #d86435 !important;
}

@media only screen and (min-width: 1280px) {
    .modal-large.modal-legal .modal-dialog {
        width: 71%;
    }
}
@media only screen and (min-width: 1400px) {
    .modal-large.modal-legal .modal-dialog {
        width: 64%;
    }
}

@media only screen and (min-width: 1600px) {
    .modal-large.modal-legal .modal-dialog {
        width: 57%;
    }
}

@media only screen and (min-width: 1700px) {
    .modal-large.modal-legal .modal-dialog {
        width: 54%;
    }
}

@media only screen and (min-width: 1900px) {
    .modal-large.modal-legal .modal-dialog {
        width: 50%;
    }
}


@media only screen and (max-width: 768px) {
    .icon-offset {
        display: block;
    }

    .modal-large .modal-dialog {
        width: 95%;
        margin: 0px auto;
    }
}


@media (min-width: 769px) {
    .icon-offset {
        display: none;
    }

    .modal-large .modal-dialog {
        width: 75%;
    }
}

.text-to-upper {
    text-transform: uppercase;
}

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

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

.nicName {
    padding-left: 2px;
    padding-right: 2px;
    background-color: transparent;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    text-align: center;
}

.lineHorizontal {
    background-image: url("/Content/Images/line_1px.svg");
    background-repeat: repeat-x;
    background-position: center center;
}

.orBox {
    width: 320px;
    margin-left: auto;
    margin-right: auto;
}

.orContent {
    width: 50px;
    background-color: white;
    padding: 5px;
    margin-left: auto;
    margin-right: auto;
}


.altHomeHeaderContainer {
    background-image: url('/Content/Images/login-bg-teal_1903x720.jpg');
    background-position-y: -340px;
    height: 300px;
    position: relative;
    overflow: hidden;
    margin: 0;
}
.altHomeHeaderPreActive{
  background-image: url('/Content/Images/altHome_Banner_Img.png')!important;
    background-position-y: 0;
    height: 300px;
    position: relative;
    overflow: hidden;
    margin: 0;
}
.altHomeHeaderPreActive::after {
    content: "";
    position: absolute;
    opacity: 0.8;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5);
}
.altHomeHeaderPreActive .altHomeHeader .altHomeTitles {
    z-index: 10;
    bottom: 40px;
}
.altHomeHeaderPreActive .altHomeHeader .altHomeTitles h1 span,
.altHomeHeaderPreActive .altHomeHeader .altHomeTitles h2 {
    font-size: 34px;
    font-family: 'Noto Serif';
    color: #fff;
    margin: 0;
}
.altHomeHeaderPreActive .altHomeHeader .altHomeTitles h1 {
    margin-bottom: 5px;
}
.altHomeHeader {
    width: 90%;
    min-width: 370px;
    max-width: 1024px;
    margin: 0px auto;
}

.altHomeTitles {
    color: white;
    position: absolute;
    bottom: 20px;
}

    .altHomeTitles h3 {
        font-size: 50px;
        font-weight: bold;
    }

    .altHomeTitles h5 {
        font-size: 30px;
    }

.altHomeContent.altHomePreActive {
    width: auto;
    min-width: auto;
    max-width: inherit;
    margin: 0;
    position: relative;
    height: 100vh;
}

.altHome-main-section {
    display: flex;
    justify-content: center;
    background: #ede7ee;
}

.altHomeWhiteBox {
    margin: 10px 15px;
    border-radius: 0;
    max-width: 400px;
    box-shadow: 0 2px 8px 0 rgb(0 0 0 / 10%);
    background-color: #fff;
    transition: all ease .4s;
    padding: 20px 30px;
    position: relative;
}
.altHomePreActive {
    background: #ede7ee;
    padding: 40px 0 80px;
    margin: 0 auto;
}
.altHomePreActive h2 {
    font-size: 24px;
    color: #4f185b;
    margin-top: 0;
    line-height: 28px;
    margin-bottom: 20px;
    font-family: 'Noto Serif';
}

.altHomeWhiteBox h3 {
    font-size: 16px;
    color: #000;
    font-weight: 900;
    margin-top: 0;
    line-height: 24px;
    min-height: 100px;
}

.custom-layout-view {
    display: flex;
    justify-content: center;
}

.btn-clickHere {
    background: #4f185b;
    padding: 10px 20px;
    color: #fff;
    text-transform: uppercase;
    width: auto;
    text-align: center;
    font-size: 16px;
    height: 40px;
    min-width: 170px;
    max-width: 200px;
    margin: 0 auto;
    display: block;
    text-decoration: none;display: flex;
    justify-content: center;
    align-items: center;
}
.btn-clickHere:hover,
.btn-clickHere:focus{
    color: #fff;
}
.btn-clickHere:focus-visible {
    outline: 2px solid #333 !important;
}
.altHomeWhiteBox a:hover {
    text-decoration: none;
    }

@media (max-width:767px) {
    .hide-sm {
        display: none;
    }

    .altHomePreActive .lastWatch {
        margin-top: 0px;
    }
    .altHomePreActive h2 {
        font-size: 21px;
    }
    .altHome-main-section {
        flex-direction: column;
        align-items: center;
    }
    .altHomeWhiteBox {
        margin: 20px 10px;
    }
    .altHomeHeaderPreActive .altHomeHeader .altHomeTitles {
        padding-left: 15px;
    }
    .altHomeHeaderPreActive .altHomeHeader .altHomeTitles h1 span,
    .altHomeHeaderPreActive .altHomeHeader .altHomeTitles h2 {
        font-size: 21px;
    }
}

@media (max-width:992px) {
    .altHomeWhiteBox {
        max-width: 350px;
    }
}

@media (max-width:900px) {
    .altHomeWhiteBox {
        padding: 20px;
    }
}
.altHomeContentSmall {
    width: 360px;
    margin: 40px auto;
}

.altHomeResumeContent input[type="text"]{
    border: 1px solid #1c304b;
    border-radius: 8px;
    width: 100%;
    height: 40px;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Noto Sans', sans-serif;
    color: #1c304b;
    padding: 8px 16px;
    line-height: 24px;
}
.altHomeResumeContent input[type="text"]::placeholder {
    font-size: 14px;
    font-style: normal!important;
    font-weight: 400;
    font-family: 'Noto Sans',sans-serif;
    color: #45505f;
}
.altHomeResumeContent input[type="text"]:focus,
.altHomeResumeContent input[type="text"]:focus-visible
 {
    border: 1px solid #aa0285
}
.altHomeResumeContent .select2-container .select2-choice>.select2-chosen {
    color: #45505f !important;
}
.altHomeResumeContent .form-group label {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    color: #1c304b;
    font-family: Noto Sans, sans-serif;
}
.altHomeResumeContent .red-aestrick:before {
    content: '*';
    color: #c70f00;
    font-family: Noto Sans, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    text-transform: uppercase;
    margin-right: 4px;
}
.altHomeResumeContent .file-upload {
    position: relative;
}

.altHomeResumeContent .file-upload input[type="file"] {
    display: none
}

.altHomeResumeContent .file-upload label {
    display: inline-block;
    padding: 7px 16px 5px;
    cursor: pointer;
    border: 1px solid #1c304b;
    border-radius: 8px;
    background-color: #fff;
    width: 360px
}

.altHomeResumeContent .file-upload label .file-container {
    display: flex;
    align-items: baseline;
    gap: 16px
}

.altHomeResumeContent .file-upload label .file-container span {
    padding: 10px 16px;
    cursor: pointer;
    display: inline-block;
    border: 1px solid #1c304b;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: .6px;
    color: #1c304b;
    top: 0
}

.altHomeResumeContent .file-upload label .file-container p {
    font-size: 14px;
    font-weight: 400;
    font-family: 'Noto Sans',sans-serif;
    line-height: 24px;
    letter-spacing: .056px;
    color: #5c6573;
    text-transform: capitalize
}
.altHomeResumeContent div[translate="CANDIDATE_RESUME_FORMATS"] {
    font-size: 12px;
    text-align: left;
    padding-bottom: 32px;
    font-weight: 400;
    line-height: 16px;
}
.altHomeResumeContent .primary-btn--lg {
    padding: 8px 40px;
    letter-spacing: 2px;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    font-family: Noto Sans, sans-serif;
    text-transform: uppercase;
    color: #fff;
    background-color: #441750;
    border-radius: 8px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border: none;
}
.altHomeResumeContent .primary-btn--lg:hover {
    background-color: #613e6b;
}
div[bind-html-compile="ctrl.content.RawText"] p {
        font-family: 'Noto Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: #45505f;
}
div[bind-html-compile="ctrl.content.RawText"] p a {
    text-transform: uppercase;
    font-family: 'Noto Sans', sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    text-decoration: none;
}
div[bind-html-compile="ctrl.content.RawText"] p a u{
     text-decoration: none;
}
 .select2-results .select2-no-results,
 .select2-results .select2-searching,
 .select2-results .select2-selection-limit {
    background: #f4f4f4 !important;
    display: list-item !important;
    padding-left: 5px !important;
    color: #45505f !important;
}
 .select2-with-searchbox .select2-search {
    min-height: 0;
    line-height: 0;
  background: #fff !important;
    box-shadow: none !important;
}
.select2-results {
    max-height: 257px;
    padding: 0;
    margin: 0;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    border: none !important;
    filter: drop-shadow(4px 8px 16px rgba(28, 48, 75, .08)) !important;
    box-shadow: none !important;
    background-color: #fff !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 24px !important;
    color: #45505f !important;
    font-family: 'Noto Sans', sans-serif !important;
}
.select2-results li {
    list-style: none;
    display: list-item;
    background-image: none
}
 .select2-results li.select2-more-results{
     color: #45505f !important;
     padding: 8px 16px !important;
    font-size: 14px !important;
}

 .select2-results li:hover {
    background-color: #f8f8f9 !important;
}
 .select2-results .select2-highlighted {
    background: #e4d8f4!important;
    color: #fff !important;
}
.select2-results .select2-result-label {
    padding: 8px 16px;
    margin: 0;
    cursor: pointer;
    min-height: 1em;
    font-family: Noto Sans;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: #45505f !important;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
 .select2-results .select2-result-label {
    border-bottom: 1px solid #ebebee !important;
}
@media (max-height: 350px) {
     .select2-results {
        max-height: 90px !important;
    }
}
 ul#select2-results-1::-webkit-scrollbar {
  width: 8px;
}

 ul#select2-results-1::-webkit-scrollbar-button {
  display: none;
}

 ul#select2-results-1::-webkit-scrollbar-track {
  background-color: #EBEBEE !important;
	border-radius: 8px;
	margin: 8px 0;
}

 ul#select2-results-1::-webkit-scrollbar-thumb {
  background: #611E6F !important; 
	border-radius: 8px;
}
.altHomeChoicesBtn {
    padding-bottom: 25px;
}

.cookie-banner {
    color: black;
    height: auto;
    min-height: 30px;
    padding: 15px 25px;
    z-index: 10000;
    position: fixed;
    left: 0;
    width: 100%;
    background-color: #ddd;
}

    .cookie-banner.top {
        top: 0;
    }

    .cookie-banner.bottom {
        bottom: 0;
    }

    .cookie-banner label {
        line-height: 30px;
        font-weight: normal;
    }

    .cookie-banner a {
        color: blue;
    }

#adblocker-inner-message {
    margin-top: 3px;
}

#adblocker-message .warning {
    background-color: #f0ad4e;
}

#adblocker-message label {
    color: #000;
    line-height: 18px;
    margin-bottom: 0px;
}

.align-left {
    float: left;
}

.align-right {
    float: right;
}

.btm-offset1 {
    margin-bottom: 5px;
}

.vertical-align-bottom {
    vertical-align: bottom;
    margin: 5px;
}

.spinnerLoader {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    margin-top: 6px;
    border-radius: 50%;
    border-top: 2px solid #16445d;
    border-right: 2px solid transparent;
    animation: loaderSpin .6s linear infinite;
}

@keyframes loaderSpin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/*Self Registration*/

.cookie-banner-btn {
    padding-top: 0;
}

.selfRegistrationContent {
    margin: 52px 0 100px 0;
}

    .selfRegistrationContent h4 a {
        font-size: 14px;
        color: #fff;
        text-decoration: underline;
        font-weight: 600;
    }

        .selfRegistrationContent h4 a:hover {
            color: #E0DDDD;
        }

.self-registration-checkbox_wrapper {
    position: relative;
    height: 30px;
    line-height: 30px;
    width: 100%;
    margin: 0 auto;
}

.self-registration-checkbox + label {
    background: url('/Content/Images/icons/checkmark_off_30x30.svg') no-repeat;
    height: 30px;
    display: inline-block;
    padding: 0 0 0 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.self-registration-checkbox {
    opacity: 0;
    height: 30px;
    width: 30px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    cursor: pointer;
}

    .self-registration-checkbox:checked + label {
        background: url('/Content/Images/icons/checkmark_on_30x30.svg') no-repeat;
        height: 30px;
        display: inline-block;
        padding: 0 0 0 40px;
    }

.self-registration-checkbox_wrapper > label {
    padding-left: 40px;
    margin-bottom: 8px;
    font-size: 11px;
    text-decoration: underline;
    cursor: pointer;
}

.non-svg-profile-initials {
    color: #fff;
    font-size: 25px;
    line-height: 47px;
    text-align: center;
    font-weight: 600;
    width: 50px;
    font-family: Open Sans;
}

.non-svg-profile-initials-wide {
    font-family: Open Sans;
    font-size: 20px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: 39px;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    width: 40px;
}

.icon_avatar_circle {
    display: inline-block;
    width: 40px;
    height: 40px;
    object-fit: contain;
    background-image: url('/Content/Images/developMe/icon-avatar-circle.svg');
    text-align: center;
}

    .icon_avatar_circle.larger {
        width: 50px;
        height: 50px;
        background-image: url('/Content/Images/developMe/icon-avatar-circle-larger.svg');
    }

    .icon_avatar_circle .non-svg-profile-initials {
        position: absolute;
        top: 2px;
        right: 0;
    }

/*media queries only below this point*/

@media (max-width: 1000px) {
    #registrationBox {
        width: 85%;
    }

        #registrationBox h1 {
            font-size: 30px;
        }
}


@media (max-width: 893px) {
    #registrationBox {
        width: 95%;
    }
}

@media (max-width: 761px) {

    .selfRegistrationContent {
        top: 1%;
    }

    #registrationBox h1 {
        font-size: 20px;
    }


    .icon_avatar_circle {
        display: inline-block;
        object-fit: contain;
        text-align: center;
        position: relative;
        vertical-align: middle;
    }
}


.myDocumentsUploadCheckBox {
    display: none;
}

.myResumeUploadBtn {
    margin-top: 0px !important;
}

.myResumeDocumentName {
    line-height: 30px;
    float: left;
    margin-left: 10px;
}

@media (max-width: 540px) {
    .g-recaptcha {
        transform: scale(0.75);
        -webkit-transform: scale(0.75);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
    }
}

@media (max-width: 300px) {
    .g-recaptcha {
        transform: scale(0.65);
        -webkit-transform: scale(0.65);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
    }
}


.legal-requirements-box .row {
    text-align: center;
    margin: auto;
}

.legal-requirements-box {
    text-align: center;
}

.agree-box {
    border: 1px solid #ddd;
    border-color: #c3d1d9;
    text-align: left;
    text-transform: uppercase;
    margin: 5px 0;
    padding: 0 10px;
    white-space: nowrap;
    overflow: hidden;
}

.agreed .agree-box {
    background-color: #4AAEBD;
    color: #EFF7F7;
}

.has-unagreed-policies {
    color: red;
}

.need-agree .agree-box,
.need-agree .policy-btn {
    border: 1px solid red;
}

.agree-box label {
    font-weight: normal !important;
}

.toggle-switch .switch-left {
    color: #fff !important;
    background: #5798a8 !important;
}


.btn-excl-mark {
    background-image: url("/Content/Images/icons/icon-notification.svg");
    position: absolute;
    top: -10px;
    right: 5px;
    width: 20px;
    height: 20px;
}

.preview-name-header {
    height: 20px;
    font-size: 20px;
    font-style: normal;
    font-stretch: normal;
    line-height: 0.91;
    letter-spacing: -1.5px;
    text-align: left;
    color: #676767;
}

.cursor-pointer {
    cursor: pointer;
}

.file-name-limited {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.myResume .legal-button {
    width: 250px;
    vertical-align: center;
}

    .myResume .legal-button input[type=checkbox] {
        display: inline;
    }

.myResume .agree-box label {
    height: 100%;
    width: 100%;
    cursor: pointer;
}

.myResume .btn.update-btn {
    width: 250px;
}

.btn-purple {
    background: #81515d;
    color: #fff;
}

.white {
    color: white;
}

.myResume .consentText.red-text,
.myResume .consentText.red-text p,
.myResume .consentText.red-text span {
    color: red !important;
}

.red-box {
    border: solid 1px red;
}

.disabled {
    cursor: not-allowed;
    opacity: 0.5;
}

    .disabled > a {
        color: currentColor;
        display: inline-block;
        pointer-events: none;
        text-decoration: none;
    }

.validation-bar {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    background-color: #c3d1d9;
    color: white;
    font-size: 13px;
}

    .validation-bar > div {
        padding-top: 5px;
        padding-bottom: 5px;
    }

.validation-bar-hidden {
    margin-bottom: 29px;
}

header.newUser .nav > li > a {
    color: #dce7f0;
}

    header.newUser .nav > li > a:focus, .nav > li > a:hover {
        background-color: transparent;
    }

.newUser .container {
    width: 100%;
}

header.login .nav > li > a {
    color: #dce7f0;
}

    header.login .nav > li > a:focus, .nav > li > a:hover {
        background-color: transparent;
    }

.login .container {
    width: 100%;
}

.invisible {
    visibility: hidden;
}

    .invisible button {
        visibility: hidden;
    }

/*Forgot Username*/
.forgot-username-slide-top {
    position: static;
    top: 20%;
    left: 0;
    right: 0;
    bottom: 20%;
}

    .forgot-username-slide-top.ng-enter {
        -webkit-animation: slideInUp 3s;
        animation: slideInUp 3s;
        position: static;
    }

    .forgot-username-slide-top.ng-leave {
        -webkit-animation: slideOutDown 2s;
        animation: slideOutDown 2s;
        position: absolute;
    }

.forgot-username-loading {
    width: 60px;
    height: 60px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    margin: auto;
    -webkit-animation: rotation 2s infinite linear;
}

.forgot-username-loading-complete {
    width: 60px;
    height: 60px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    margin: auto;
}

.forgot-username-divider {
    object-fit: contain;
    background-color: #e5e5e5;
}

.forgot-username-tell-us-where-youd {
    font-family: Noto Sans;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.004em;
    text-align: left;
    color: #45505F;
    text-align: left;
}

    .forgot-username-tell-us-where-youd .text-style-1 {
         font-weight: 400;
    }

.forgot-username-button_change_password {
    width: 310px;
    height: 50px;
    object-fit: contain;
}

.forgot-username-hello-were-glad-yo {
    font-family: OpenSans;
    font-size: 24px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.25;
    letter-spacing: normal;
    text-align: center;
    color: #57b5c0 !important;
}

    .forgot-username-hello-were-glad-yo .text-style-1 {
        font-size: 50px;
        font-weight: bold;
    }

    .forgot-username-hello-were-glad-yo .text-style-2 {
        font-size: 24px;
    }

    .forgot-username-hello-were-glad-yo .text-style-3 {
        font-weight: bold;
    }

.forgot-username-since-this-is-your-f, .forgot-username-since-this-is-your-f h1 {
    font-family: OpenSans;
    font-size: 40px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.38;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
}

.forgot-username-right-now-shes-goi, .forgot-username-right-now-shes-goi p {
    font-family: OpenSans;
    font-size: 20px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.35;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
}

    .forgot-username-right-now-shes-goi .text-style-1 {
        font-weight: bold;
    }

.forgot-username-button_finish {
    width: 220px;
    height: 50px;
    object-fit: contain;
}

.g-recaptcha > div {
    margin: 0 auto;
}

.center {
    text-align: center;
}

.uppercase {
    text-transform: uppercase;
}

@media (max-width:767px) {

    .validation-bar > div {
        padding-top: 1px;
        padding-bottom: 1px;
    }

    @media(min-width:320px) {
        .btn-ready {
            width: 250px;
        }

        .button-sq-large {
            min-width: 250px;
        }
    }
}

@media (max-height:668px) and (min-width:500px) {

    .validation-bar > div {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .validation-bar-hidden {
        margin-bottom: 19px;
    }
}

.policy-container {
    padding: 10px;
    background-color: #ffffff;
    border: solid 1px #e6e6e6;
}

.policies-border {
    padding: 5% 8% 0% 8%;
    background-color: #f0f0f0;
    position: relative;
    border-top: solid #e5e5e5;
}

.policy-agree-text {
    font-size: 12px;
    line-height: 1.33;
    color: #000000;
}

.policy-name-text {
    font-size: 14px;
    font-weight: bold;
    color: #57b5c0;
}

@media (max-width: 760px) {
    .policy-container {
        padding: 5px;
    }

    .policies-border {
        padding-top: 10px;
        padding-bottom: 25px;
    }
}

@media (max-height:668px) and (min-width:500px) {
    .policy-container {
        padding: 5px;
    }
}

.allert-wrapper {
    padding: 10px;
    margin-bottom: 10px;
}

.validation-row {
    width: 100%;
    display: inline-block;
    background-color: #c3d1d9;
    color: white;
}

.reset-password-container {
    top: 20%;
    width: 100%;
}

.reset-password-content {
    max-width: 450px;
    background-color: white;
    width: 90%;
    margin: auto;
    height: 100%;
}

.reset-password-body {
    color: #333333;
    font-size: 14px;
    font-family: OpenSans;
    padding: 5% 7%;
}

.reset-password-title {
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e5e5e5;
    font-family: 'Open Sans';
    font-size: 24px;
    line-height: 1.25;
    text-align: center;
    color: #4d4d4d;
    background-color: #ffffff;
}

.title-main-text {
    font-size: 50px;
    font-weight: bold;
    color: #57b5c0;
}

.subtitle-text {
    font-size: 30px;
}

.footer-container-indent {
   
    padding: 45px;
}

.reset-password-pagetext {
    padding-bottom: 10px;
    font-family: 'OpenSans';
    color: #333333 !important;
    font-size: 14px;
}

.var-height-footerbar {
    min-height: calc(100vh - 15vh);
}

.login-container {
    top: 20%;
    width: 100%;
}

.login-content {
    width: 500px;
    height: 580px;
    margin: auto;
}

.login-divider {
    width: 390px;
    font-size: 14px;
    font-family: OpenSans;
    margin: 0px auto 20px auto;
    padding: 20px 0;
}

.login-title {
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
    font-family: 'Open Sans';
    font-size: 24px;
    line-height: 1.25;
    text-align: center;
    color: #4d4d4d;
    background-color: #ffffff;
}

.login-form {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 10px;
}

.login-divider-wrapper {
    width: 100%;
    background-color: #e5e5e5;
    color: #333333;
}

.reset-request-title {
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e5e5e5;
    font-family: 'Open Sans';
    font-size: 24px;
    line-height: 1.25;
    text-align: center;
    color: #4d4d4d;
    background-color: #ffffff;
}

.reset-request-pagetext {
    padding-bottom: 10px;
    font-family: 'OpenSans';
    color: #333333 !important;
    font-size: 14px;
}

.verification-btn {
    width: 100%;
    margin-top: 20px;
    background-color: #81515d;
    color: white;
    font-size: 16px;
    font-style: normal;
    color: #ffffff;
    height: 50px;
    text-transform: uppercase;
}

.recapcha-container > div {
    margin: auto;
}

.animated-content a {
    transition: none;
}

.animated-content .btn {
    transition: none;
}

.list-content .navbar.navbar-default {
    background: none;
    border: none;
}


@media screen and (max-width: 375px) {

    .reset-password-container {
        top: 13%;
    }

    .reset-password-body {
        padding: 5% 4%;
    }

    .cookie-banner label.sm-banner {
        line-height: 20px;
        font-size: 10px;
        margin-bottom: 0;
    }

    .title-main-text {
        font-size: 25px;
    }

    .subtitle-text {
        font-size: 15px;
    }

    .reset-password-pagetext {
        font-size: 11px;
    }

    .login-content {
        width: 300px;
        height: 400px;
    }

    .login-container {
        top: 16%;
    }

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

    .login-form {
        margin-top: 10px;
        margin-bottom: 2px;
    }

    .login-divider {
        width: 270px;
        margin-bottom: 10px;
        padding: 15px 0;
    }

    .allert-wrapper {
        font-size: 12px;
        margin-bottom: 3px;
        padding: 2px;
    }

    .reset-request-pagetext {
        font-size: 11px;
    }

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

    .reset-request-title {
        padding-top: 15px;
        padding-bottom: 10px;
    }

    .recapcha-container {
        transform: scale(0.85);
        -webkit-transform: scale(0.85);
    }
}

@media screen and (max-width: 767px) {
    .footer-logo {
        width: 40px;
    }

    .footer-container-indent {
        margin-top: 0px;
    }

    .verification-btn {
        font-size: 14px;
    }

    .cookie-banner-btn {
        padding-top: 15px;
    }

    .cookie-banner {
        font-size: 11px;
    }
}

@media screen and (min-width: 321px) and (max-width: 767px) {

    .reset-password-title {
        font-size: 30px;
    }

    .title-main-text {
        font-size: 35px;
    }

    .subtitle-text {
        font-size: 25px;
    }

    .login-content {
        height: 450px;
        width: 330px;
    }

    .login-title {
        margin-top: 15px;
        font-size: 30px;
    }

    .login-form {
        margin-top: 10px;
        margin-bottom: 5px;
    }

    .login-divider {
        width: 320px;
        margin: 0px auto 10px auto;
        padding: 20px 0;
    }

    .allert-wrapper {
        font-size: 12px;
        margin-bottom: 3px;
        padding: 2px;
    }

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

@media (max-width: 760px) {
    .policy-container {
        padding: 5px;
    }

    .auth-title {
        font-size: 30px;
    }

    .auth-subtitle {
        font-size: 22px;
    }

    .validation-bar {
        display: inline-block;
    }
}

.grecaptcha-badge {
    visibility: hidden;
}

.that-is-it-hidden {
    visibility: hidden;
}

.margin-top-container {
    margin-top: 7%;
}

.logo-image-container {
    max-height: 50px;
}
.logo-image-container[src="/Content/Images/logos/LHH_WHITE_2019.svg"]{
 filter: invert(86%) sepia(49%) saturate(2253%) hue-rotate(266deg) brightness(100%) contrast(100%);
}

.login-main-div .login-top-margin {
    margin-top: 5%;
}

@media screen and (min-width: 1440px) and (max-width: 1600px)and (min-height: 900px) and (max-height: 900px) {
    .login-main-div .login-top-margin {
        margin-top: 4%;
    }
}

@media screen and (min-width: 1920px) and (max-width: 2560px)and (min-height: 1080px) and (max-height: 1080px) {
    .login-main-div .login-top-margin {
        margin-top: 4%;
    }
}

/*Custom Css ella in CRN START*/
#messenger-button {
    position: fixed;
    right: 6px;
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
    z-index: 9998;
    cursor: pointer;
    transform-origin: bottom;
    bottom: 20px;
    opacity: 1;
    transform: scale(1)
}

    #messenger-button.messenger-button-shown {
        animation: messenger-button-shown-frames .4s cubic-bezier(.62,.28,.23,.99);
        animation-delay: .2s;
        animation-fill-mode: both
    }

    #messenger-button.messenger-button-hidden {
        animation: messenger-button-hidden-frames .4s cubic-bezier(.62,.28,.23,.99);
        animation-delay: 0s;
        animation-fill-mode: both
    }

.widget-xs #messenger-button.messenger-button-hidden {
    animation: messenger-button-hidden-frames-xs .4s cubic-bezier(.62,.28,.23,.99);
    animation-delay: 0s;
    animation-fill-mode: both
}

#messenger-button .messenger-button-icon {
    border-radius: 50%;
    overflow: hidden;
    width: 100%;
    height: 100%
}

    #messenger-button .messenger-button-icon img {
        max-width: 100%;
        height: auto
    }

@keyframes messenger-button-shown-frames {
    0% {
        transform: scale(0);
        bottom: 0;
        opacity: 0
    }

    1% {
        transform: scale(1);
        bottom: 0;
        opacity: 0
    }

    to {
        bottom: 20px;
        opacity: 1
    }
}

@keyframes messenger-button-hidden-frames {
    0% {
        bottom: 20px;
        opacity: 1;
        transform: scale(1)
    }

    99% {
        bottom: 0;
        opacity: 0;
        transform: scale(1)
    }

    to {
        bottom: 0;
        opacity: 0;
        transform: scale(0)
    }
}

@keyframes messenger-button-hidden-frames-xs {
    0% {
        bottom: 40px;
        right: 14px;
        opacity: 1;
        transform: scale(1)
    }

    99% {
        bottom: 20px;
        right: 14px;
        opacity: 0;
        transform: scale(1)
    }

    to {
        bottom: 20px;
        right: 14px;
        opacity: 0;
        transform: scale(0)
    }
}

.button-display {
    transform-origin: bottom right;
    bottom: 20px;
}


    .button-display.appear {
        opacity: 0;
        animation: appear-button-frames .4s cubic-bezier(.62,.28,.23,.99);
        animation-delay: .2s;
        animation-fill-mode: both
    }


    .button-display.close {
        animation: close-button-frames .4s cubic-bezier(.62,.28,.23,.99);
        animation-delay: 0s;
        animation-fill-mode: both;
    }


    .button-display.init {
        transform: scale(0);
        opacity: 0
    }


.widget-lg .button-display.init {
    bottom: -640px
}


.widget-md .button-display.init {
    bottom: -480px
}


.widget-sm .button-display.init {
    bottom: -420px
}


@keyframes appear-button-frames {
    0% {
        opacity: 0;
        transform: scale(0)
    }


    1% {
        opacity: 0;
        transform: scale(.1)
    }


    to {
        display: block;
        opacity: 1;
        transform: scale(1)
    }
}


@keyframes close-button-frames {
    0% {
        opacity: 1;
        transform: scale(1)
    }


    99% {
        opacity: 0;
        transform: scale(.1)
    }


    to {
        opacity: 0;
        transform: scale(0)
    }
}


div#chatbotcontrol {
    position: absolute;
    bottom: 0;
    width: 100%;
    max-height: calc(100% - 10%);
    height: 100%;
    overflow: hidden;
}

.widget-sm {
    position: fixed;
    z-index: 9999;
    right: 0;
    bottom: 20px;
}

.show-widget-sm {
    position: fixed;
    z-index: 9999;
    right: 0;
    bottom: 20px;
    box-shadow: 0 0 12px rgba(0,0,0,.15);
    background-color: #fff;
    border-radius: 10px;
    height: 550px;
    width: 390px;
}
/*@media (max-height: 507px) and (min-width: 768px){
.widget-sm {
  width: 354px;
  height: 444px;
  max-height: 444px;
    overflow-y: scroll;
  }
}*/

#chatbotcontrol .css-mfy564 {
    height: calc(100% - 89px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    max-height: 500px !important;
}


#header .close-handle {
    cursor: pointer;
    position: absolute;
    top: 6px;
    right: 10px;
}

    #header .close-handle .fa {
        color: #fff;
    }

#header {
    z-index: 10;
    height: 44px;
    line-height: 32px;
    padding: 6px 15px;
    position: relative;
    background-color: #f4f4f4;
    cursor: pointer;
    font-size: 16px;
    font-weight: 400;
    box-sizing: content-box;
    color: #46acb9;
    text-align: center;
    border-radius: 10px 10px 0 0;
}

.intro-pane {
    background-color: #f8f9fa;
    padding: 18px 0px;
    border-bottom: 1px solid #e6e6e6;
    min-height: 90px;
    -webkit-transform: translateZ(0);
}

    .intro-pane .app-name, .intro-pane .intro-text {
        margin-left: 68px;
    }

    .intro-pane .app-name {
        color: #46acb9 !important;
        font-size: 18px;
        font-weight: 700;
    }

    .intro-pane .intro-app-icon {
        float: left;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        margin-left: 13px;
    }

    .intro-pane .intro-text {
        color: #787f8c;
        font-size: 13px;
        line-height: 1.3;
        margin-top: 8px;
    }

.conversation-timestamp-header {
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
    color: #b2b2b2;
    margin-top: 25px;
    margin-bottom: 15px;
    min-height: 90px;
}

@media (min-width: 320px) and (max-width: 500px) {
    #chatbotcontrol, .show-widget-sm {
        width: 100% !important;
        right: 0px;
        left: 0px;
    }


        #chatbotcontrol .css-gtdio3 {
            max-height: 475px !important;
        }
}



@media (min-width: 800px) and (max-width: 890px) {
    #chatbotcontrol .css-gtdio3 {
        max-height: 475px !important;
    }
}

.css-1m1alj7 {
    display: none;
}

.unread-badge {
    background-color: #e54054;
    border-radius: 100px;
    box-shadow: 0 0 0 1px #cf2615;
    color: #fff;
    padding: 0 6px;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
}

#messenger-button .unread-badge {
    position: absolute;
    top: 0;
}

.css-120um36 ul li:first-child:nth-last-child(1) {
    margin-left: auto;
}

.css-1abghdv {
    background-color: white;
    font-weight: 600;
    -webkit-appearance: none;
    border-color: rgb(230, 230, 230);
    border-radius: 1px;
    border-style: solid;
    border-width: 1px;
    padding: 10px;
}
/*Custom Css ella in CRN END*/

#calendarscheduleformmodal .heading-title {
    padding-top: 20px;
}

    #calendarscheduleformmodal .heading-title .ofc-meeting-title {
        margin-bottom: 15px;
        display: flex;
        justify-content: center;
    }

    #calendarscheduleformmodal .heading-title .fc-header.note-color.ofc-meeting-details {
        display: block;
        text-align: center;
        margin-bottom: 20px;
    }

    #calendarscheduleformmodal .heading-title .meeting-date-list {
        margin-top: 20px;
        display: block;
    }

        #calendarscheduleformmodal .heading-title .meeting-date-list .selectDate {
            margin-bottom: 20px;
        }

        #calendarscheduleformmodal .heading-title .meeting-date-list .selectTime {
            margin-bottom: 15px;
        }

@media (min-width: 320px) and (max-width: 374px) {
    .modal-dialog {
        width: 85%;
        margin: 0 5%;
    }
}

@media (min-width: 375px) and (max-width: 768px) {
    .modal-dialog {
        width: 85%;
        margin: 0 5%;
    }

    #calendarscheduleformmodal button.close-btn i.fa-times {
        position: relative;
    }
}

#calendarscheduleformmodal .heading-title .fc-header.note-color.ofc-meeting-details p {
    font-weight: normal !important;
    color: #4bacb9;
}

#calendarscheduleformmodal .heading-title .fc-header.note-color.ofc-meeting-details table {
    margin-bottom: 20px;
}

    #calendarscheduleformmodal .heading-title .fc-header.note-color.ofc-meeting-details table tr td:nth-child(3) {
        color: #000;
    }

    #calendarscheduleformmodal .heading-title .fc-header.note-color.ofc-meeting-details table tr:nth-child(1) td {
        position: relative;
        left: 2px;
    }

@media (max-width: 380px) {
    #calendarscheduleformmodal .heading-title .fc-header.note-color.ofc-meeting-details {
        margin: 0 10px 20px 10px;
    }

        #calendarscheduleformmodal .heading-title .fc-header.note-color.ofc-meeting-details table tr td {
            font-size: 10px;
        }
}

.fc-header.error-msg {
    padding: 0px 15px;
}
/*Self Enrollment*/
.self-enrollment-lnk {
    cursor: pointer;
    color: purple;   
}
    .self-enrollment-lnk:focus {
        color: #5697a8;
    }

.self-enrollment-amazon-privacy-lnk {
    font-size: 12px;
    font-style: italic;
    color: gray;
}
.cookie-banner a:focus-visible, .cookie-banner-btn:focus-visible img{
    border: 1px solid #000;
}
.goal-title-res {
    word-break: break-word;
}

.ui-sortable-hover:hover {
    background-color:lightblue;
    cursor:pointer;
}


.sorry-modal .card-top {
    background-color: #fff;
    padding: 5%;
}
.sorry-modal .card-bottom {
    background-color: #f0f0f0;
    padding: 5%;
}

.sorry-modal .modal-subtitle{
    font-family: 'Noto Serif';
    font-weight: 800;
    font-size: 30px;
}


.course-item .details.row-divider .col-title.firstCols {
    word-break: break-word;
}
.primary-url-checkbox{
    margin: 0px !important;
    width: 30px;
    border: none;
    box-shadow: none;
}
.content-access-parent {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.content-access-parent .content-access-delete {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.content-access-parent .content-access-delete .form-inline {
    padding-left: 20px;
}
.decomissionedselfenrollment {
        color: #333;
        font-size: 13px;
        font-weight: 550;
        margin-bottom: 4%;
        line-height:1.5;
}

.decomissionedselfenrollment a:focus-visible {
      outline: 1px solid #4d005b !important;
      outline-offset: 2px;
}

.custom-pagination {
    padding-top: 15px;
}
 
.custom-pagination .pagination li a {
	 font-size: 12px;
	 font-weight: 400;
	 font-family: 'Noto Sans', sans-serif;
	 color: #45505F;
	 border: none;
}
.custom-pagination .pagination>.active>a {
	 background: #FCF7FB;
	 border: 1px solid #AA0825;
	 border-radius: 8px;
	 font-weight: 600;
}
.custom-pagination .pagination>.active>a:hover {
	 color: #45505F;
}
.custom-pagination .pagination>li>a:hover {
	 border-radius: 8px;
}
.custom-pagination .pull-right .btn{
	 border-radius: 8px;
	 border: 1px solid #CCCCD3;
	 background-color: #FFFFFF;
	 font-size: 12px;
	 font-weight: 400;
	 font-family: 'Noto Sans', sans-serif;
	 color: #45505F;
}
.custom-pagination .pull-right button:first-child{
     border-right: none;
}
.custom-pagination .pull-right button:nth-child(2){
     border-left: none;
     border-top-left-radius: 0px;
     border-bottom-left-radius: 0px;
}
.custom-pagination .pull-right .dropdown-menu {
	 min-width: 79px;
	 border: 1px solid #EBEBEE;
	 border-radius: 8px;
}
.custom-pagination .pull-right .dropdown-menu li {
	 border-bottom: 1px solid #EBEBEE;
}
.custom-pagination .pull-right .dropdown-menu li:last-child {
	 border-bottom: none;
}
.custom-pagination .pull-right .dropdown-menu li a {
     color: #1C304B;
}
 
body.INDmodalOpen, body[data-indmodalopen] {
    overflow: auto !important;
}

body.self-start {
    min-height: 100vh;
    background-color: #fff;
    height: 100%;
    font-family: "Noto Sans", sans-serif;
}
.self-start h2 {
    margin: 0px;
}
.self-start h3 {
    margin: 0px;
}
.self-start h4 {
    margin: 0px;
}
.self-start h5 {
    margin: 0px;
}
.self-start h6 {
    margin: 0px;
}
.self-start a {
    font-family: "Noto Sans";
    font-size: 14px;
    line-height: 1.7;
    color: #666666;
    margin: 0px;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
}
.self-start a:focus {
    outline: none !important;
}
.self-start a:hover {
    text-decoration: none;
    color: #4d005b;
}
.self-start a:focus-visible {
    outline: 3px solid #6517c9 !important;
    outline-offset: 2px;
}
.self-start button:hover {
  cursor: pointer;
}
.self-start button:focus-visible {
  outline: 3px solid #6517c9 !important;
  outline-offset: 2px;
}
.self-start button.button-solid-primary:disabled {
    opacity: 0.5;
    cursor: auto;
    background: #ffa479;
}
.self-start p {
  color: #45505f;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  font-family: "Noto Sans";
}
.self-start input[type="text"] {
  width: 100%;
  padding: 16px;
  margin: 5px 0;
  display: block;
  border: 1px solid #1c304b;
  border-radius: 8px;
  box-sizing: border-box;
  background-color: #fff;
  color: #1c304b;
  font-family: Noto Sans;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.004em;
  text-align: left;
}
.self-start input[type="text"]:focus {
  border: 1px solid #6517c9;
}
.self-start input[type="text"]::placeholder {
  font-family: Noto Sans;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.004em;
  text-align: left;
  color: #5c6573;
}
.self-start input[type="tel"] {
  width: 100%;
  padding: 16px;
  margin: 5px 0;
  display: block;
  border: 1px solid #1c304b;
  border-radius: 8px;
  box-sizing: border-box;
  background-color: #fff;
  color: #1c304b;
  font-family: Noto Sans;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.004em;
  text-align: left;
}
.self-start input[type="tel"]:focus {
  border: 1px solid #6517c9;
}
.self-start input[type="tel"]::placeholder {
  font-family: Noto Sans;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.004em;
  text-align: left;
  color: #5c6573;
}
.self-start ::-webkit-input-placeholder {
  color: #1c304b;
}
.self-start :-ms-input-placeholder {
  color: #1c304b;
}
.self-start .grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  height: 100vh;
}
.self-start h1 {
  margin: 0 0 16px 0;
  color: #1c304b;
  font-size: 32px;
  line-height: 40px;
  font-family: "Noto Serif", serif;
  text-align: center;
}
.self-start .order_left {
  order: 2;
  padding: 40px;
  position: relative;
}
.self-start .order_right {
  order: 1;
  background: #d9d9d9;
  position: relative;
}
.self-start .center-item {
  display: flex;
  align-items: center;
  justify-content: center;
}
.self-start .no_overflow {
  display: flex;
  align-items: center;
  overflow: hidden;
}
.mb-view{
    display: none;
}
.self-start .form {
  max-width: 453px;
}
.self-start .justify_space_between {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 30px 0 26px 0;
}
.self-start .order_left_logo {
  display: block;
  margin-bottom: 32px;
}
.self-start .button-solid-primary {
  width: 100%;
  background-color: #ff8f5b;
  padding: 16px 24px;
  color: #412413;
  border-radius: 8px;
  font-size: 14px;
  cursor: pointer;
  margin-top: 64px;
  margin-bottom: 20px;
  border: 4px solid transparent;
  text-transform: uppercase;
  font-weight: 500;
  font-family: 'Noto Sans', sans-serif;
  height: 56px;
}
.self-start .button-solid-primary{ 
  touch-action: manipulation;
}
.self-start .button-solid-primary:hover {
  box-shadow: none;
  background-color: #ffa479;
}
.self-start .button-solid-primary:active {
  box-shadow: none;
  background-color: #ff7a3d;
}
.welcome-screen button.button-solid-primary{
    margin-bottom: 156px;
}
.self-start .order_left_footer {
  position: absolute;
  bottom: 32px;
}
.self-start .order_left_footer a {
  color: #6517c9;
  font-family: Noto Sans;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0.02em;
  text-align: left;
  text-transform: uppercase;
}
.self-start .order_left_footer span {
  color: #5c6573 !important;
  font-family: Noto Sans;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.004em;
  text-align: left;
  padding-left: 8px;
  padding-right: 8px;
  float: none !important;
}
.self-start .email {
  margin-top: 43px;
}
.self-start .phone {
  margin-top: 19px;
}
.self-start .update_btn {
  margin-top: 32px;
  margin-bottom: 18px;
}
.self-start .policy_section p {
  margin-bottom: 0px;
}
.self-start .policy_section p + p {
  margin-top: 8px;
}
.self-start .policy_section p + p a {
  color: #6517c9;
  text-transform: uppercase;
  font-family: Noto Sans;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0.02em;
  text-align: left;
}
.self-start .policy_section p + p a:focus-visible {
  outline: 3px solid #6517c9 !important;
  outline-offset: 2px;
}
.self-start .img {
 /* height: auto;
  width: auto;
  object-fit: cover;
  max-width: auto;*/
   width: 100vw;
  height: 100%;
  object-fit: cover;
}
.self-start .thank-you-conformation-box img {
  margin-bottom: 24px;
}
.self-start .thank-you-conformation-box h5 {
  font-family: Noto Serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: 0em;
  color: #1c304b;
}
.self-start .thank-you-conformation-box p {
  font-family: Noto Sans;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  color: #45505f;
  margin-top: 16px;
}
.self-start .expired-msg-box img {
  margin-bottom: 24px;
}
.self-start .expired-msg-box h5 {
  font-family: Noto Serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: 0em;
  color: #1c304b;
}
.self-start .expired-msg-box p {
  font-family: Noto Sans;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  color: #45505f;
  margin-top: 16px;
}
.self-start .top_link {
  padding: 20px;
  position: absolute;
  top: 0;
  left: 0;
}
.self-start .form_label {
  font-family: Noto Sans;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.015em;
  text-align: left;
  margin-bottom: 0;
  text-transform: uppercase;
}
.self-start .form_label span.asterisk_sign {
  color: #c70f00;
  font-family: Noto Sans;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.015em;
  text-align: left;
  padding-right: 4px;
}
.self-start .alert-validate_border {
  border: 1px solid #c70f00 !important;
  background: rgba(199, 15, 0, 0.04) !important;
}
.self-start .alert-validate {
  font-family: Noto Sans;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.004em;
  text-align: left;
  color: #c70f00;
  margin-top: 8px;
}
.self-start .alert-validate::before {
  background: url("/Content/Images/SelfStart/warning_amber.svg");
  content: "";
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: bottom;
  margin-right: 8px;
}
.welcome-bg{
    background: url("/Content/Images/SelfStart/welcome-bg.jpg");
    content: "";
    width: 100vw;
    height: 100%;
    object-fit: cover;
    background-repeat: no-repeat;
    background-size: cover;
}
.thankyou-bg{
    background: url("/Content/Images/SelfStart/thankYou-bg.jpg");
    content: "";
    width: 100vw;
    height: 100%;
    object-fit: cover;
    background-repeat: no-repeat;
    background-size: cover;
}
.expired-bg{
    background: url("/Content/Images/SelfStart/expired-bg.jpg");
    content: "";
    width: 100vw;
    height: 100%;
    object-fit: cover;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
}
.confirm-bg{
    background: url("/Content/Images/SelfStart/thanks-bg.jpg");
    content: "";
    width: 100vw;
    height: 100%;
    object-fit: cover;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
}

@media only screen and (max-width: 800px) {
    .self-start .grid {
        grid-template-columns: auto;
    }
    .self-start .order_left {
        order: 2;
        padding: 20px;
    }
    .self-start .order_right {
        display: none;
    }
    .self-start .center-item {
        align-items: center;
    }
    .self-start .no_overflow {
        align-items: flex-start;
    }
    .self-start .order_left_logo {
        margin-bottom: 32px;
        display: block;
    }
    .order_left_logo a img {
        width: 80px;
        height: 40px;
    }
    .self-start h4 {
        text-align: center;
    }
    .self-start .hide-sm {
        display: none;
    }
    .order_left_footer {
        padding: 0 10px;
    }
    .order_left_footer span {
        padding-left: 10px !important;
        padding-right: 10px  !important;
    }
    .self-start input, .self-start input:focus  {
        font-size: 16px;
    }
}
@media only screen and (max-width: 990px) {
    .desk-view{
        display: none !important;
    }
    .mb-view{
        display: block !important;
    }
    .copyright-span {
        text-align: center;
        margin-top: 8px;
    }
    .copyright-span span {
        padding: 0 !important;
    }
    .order_left_footer.mb-view {
        text-align: center;
    }
    .order_left_footer.mb-view a:first-child {
        padding-right: 8px;
    }
}