﻿/* Mixins */
@font-face {
  font-family: 'pim-icon';
  src: url("/Content/fonts/pim/pim-icon.eot");
  src: url("/Content/fonts/pim/pim-icon.eot") format("embedded-opentype"), url("/Content/fonts/pim/pim-icon.woff2") format("woff2"), url("/Content/fonts/pim/pim-icon.woff") format("woff"), url("/Content/fonts/pim/pim-icon.ttf") format("truetype"), url("/Content/fonts/pim/pim-icon.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

/*------------------------------------------------------------------
PIM Icons
------------------------------------------------------------------ */
@font-face {
  font-family: 'pim-icon';
  src: url("../../fonts/pim-icon/pim-icon.eot?-u69vo5");
  src: url("../../fonts/pim-icon/pim-icon.eot?#iefix-u69vo5") format("embedded-opentype"), url("../../fonts/pim-icon/pim-icon.woff?-u69vo5") format("woff"), url("../../fonts/pim-icon/pim-icon.ttf?-u69vo5") format("truetype"), url("../../fonts/pim-icon/pim-icon.svg?-u69vo5#pim-icon") format("svg");
  font-weight: normal;
  font-style: normal; }

.pim-icon {
  display: inline-block;
  font: normal normal normal 16px/1 pim-icon;
  font-size: 16px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

[class^="pim-icon"], [class*=" pim-icon"] {
  display: inline-block;
  font: normal normal normal 16px/1 pim-icon;
  font-size: 16px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.pim-icon--large {
  font-size: 32px; }

.pim-icon-link:before {
  content: "\e900"; }

.pim-icon-menu:before {
  content: "\e901"; }

.pim-icon-alt_menu:before {
  content: "\e902"; }

.pim-icon-thumbs:before {
  content: "\e903"; }

.pim-icon-world:before {
  content: "\e904"; }

.pim-icon-boxnet:before {
  content: "\e662"; }

.pim-icon-signals:before {
  content: "\e61c"; }

.pim-icon-crop:before {
  content: "\e657"; }

.pim-icon-folder_alt:before {
  content: "\e658"; }

.pim-icon-folder:before {
  content: "\e659"; }

.pim-icon-theme:before {
  content: "\e65a"; }

.pim-icon-battery_empty:before {
  content: "\e65b"; }

.pim-icon-battery:before {
  content: "\e65c"; }

.pim-icon-note:before {
  content: "\e65d"; }

.pim-icon-server_hard:before {
  content: "\e65e"; }

.pim-icon-servers:before {
  content: "\e65f"; }

.pim-icon-menu_justify:before {
  content: "\e660"; }

.pim-icon-credit_card:before {
  content: "\e60f"; }

.pim-icon-fullscreen_restore:before {
  content: "\e633"; }

.pim-icon-fullscreen:before {
  content: "\e634"; }

.pim-icon-minus:before {
  content: "\e635"; }

.pim-icon-minus_circle:before {
  content: "\e63a"; }

.pim-icon-plus_circle:before {
  content: "\e656"; }

.pim-icon-refresh_new:before {
  content: "\e600"; }

.pim-icon-close_line:before {
  content: "\e601"; }

.pim-icon-close:before {
  content: "\e60a"; }

.pim-icon-arrow_down:before {
  content: "\e60b"; }

.pim-icon-arrow_left_line_alt:before {
  content: "\e628"; }

.pim-icon-arrow_left:before {
  content: "\e629"; }

.pim-icon-arrow_lright_line_alt:before {
  content: "\e62a"; }

.pim-icon-arrow_maximize_line:before {
  content: "\e62b"; }

.pim-icon-arrow_maximize:before {
  content: "\e62c"; }

.pim-icon-arrow_minimize_line:before {
  content: "\e62f"; }

.pim-icon-arrow_minimize:before {
  content: "\e630"; }

.pim-icon-arrow_right:before {
  content: "\e631"; }

.pim-icon-arrow_up:before {
  content: "\e632"; }

.pim-icon-more:before {
  content: "\e655"; }

.pim-icon-bag:before {
  content: "\e602"; }

.pim-icon-bag1:before {
  content: "\e603"; }

.pim-icon-bold:before {
  content: "\e604"; }

.pim-icon-calender:before {
  content: "\e605"; }

.pim-icon-camera:before {
  content: "\e606"; }

.pim-icon-centeralign:before {
  content: "\e607"; }

.pim-icon-charts:before {
  content: "\e608"; }

.pim-icon-clock:before {
  content: "\e609"; }

.pim-icon-comment:before {
  content: "\e60c"; }

.pim-icon-contact_book:before {
  content: "\e60d"; }

.pim-icon-credit_card_line:before {
  content: "\e60e"; }

.pim-icon-cupboard:before {
  content: "\e610"; }

.pim-icon-desktop:before {
  content: "\e611"; }

.pim-icon-download:before {
  content: "\e612"; }

.pim-icon-eraser:before {
  content: "\e613"; }

.pim-icon-extra:before {
  content: "\e614"; }

.pim-icon-form:before {
  content: "\e615"; }

.pim-icon-grid:before {
  content: "\e616"; }

.pim-icon-home:before {
  content: "\e617"; }

.pim-icon-image:before {
  content: "\e618"; }

.pim-icon-inbox:before {
  content: "\e619"; }

.pim-icon-indent:before {
  content: "\e61a"; }

.pim-icon-italic:before {
  content: "\e61b"; }

.pim-icon-laptop:before {
  content: "\e61d"; }

.pim-icon-layouts:before {
  content: "\e61e"; }

.pim-icon-layouts2:before {
  content: "\e61f"; }

.pim-icon-layouts3:before {
  content: "\e620"; }

.pim-icon-layouts4:before {
  content: "\e621"; }

.pim-icon-leftalign:before {
  content: "\e622"; }

.pim-icon-like:before {
  content: "\e623"; }

.pim-icon-like1:before {
  content: "\e624"; }

.pim-icon-lock:before {
  content: "\e625"; }

.pim-icon-mail:before {
  content: "\e626"; }

.pim-icon-map:before {
  content: "\e627"; }

.pim-icon-menu_lv:before {
  content: "\e62d"; }

.pim-icon-movie:before {
  content: "\e636"; }

.pim-icon-ordered_list:before {
  content: "\e637";
  color: #231f20; }

.pim-icon-outdent:before {
  content: "\e638"; }

.pim-icon-phone:before {
  content: "\e639"; }

.pim-icon-plus:before {
  content: "\e63b"; }

.pim-icon-power:before {
  content: "\e63c"; }

.pim-icon-printer:before {
  content: "\e63d"; }

.pim-icon-refresh:before {
  content: "\e63e"; }

.pim-icon-resize:before {
  content: "\e63f"; }

.pim-icon-right_align:before {
  content: "\e640"; }

.pim-icon-save:before {
  content: "\e641"; }

.pim-icon-search:before {
  content: "\e642"; }

.pim-icon-sent:before {
  content: "\e643"; }

.pim-icon-settings_small_1:before {
  content: "\e644"; }

.pim-icon-settings_small:before {
  content: "\e645"; }

.pim-icon-settings:before {
  content: "\e646"; }

.pim-icon-shopping_cart:before {
  content: "\e647"; }

.pim-icon-social:before {
  content: "\e648"; }

.pim-icon-spam:before {
  content: "\e649"; }

.pim-icon-suitcase:before {
  content: "\e64a"; }

.pim-icon-tables:before {
  content: "\e64b"; }

.pim-icon-tablet:before {
  content: "\e64c"; }

.pim-icon-telephone:before {
  content: "\e64d"; }

.pim-icon-text_style:before {
  content: "\e64e"; }

.pim-icon-trash_line:before {
  content: "\e64f"; }

.pim-icon-trash:before {
  content: "\e650"; }

.pim-icon-ui:before {
  content: "\e651"; }

.pim-icon-underline:before {
  content: "\e652"; }

.pim-icon-unordered_list:before {
  content: "\e653"; }

.pim-icon-video:before {
  content: "\e654"; }

/* Animations */
/* Theme Variables */
@keyframes bounce {
  0% {
    transform: scale(1); }
  33% {
    transform: scale(0.9); }
  66% {
    transform: scale(1.3); }
  100% {
    transform: scale(1); } }

@keyframes pulse-ring {
  0% {
    transform: scale(0.33); }
  80%, 100% {
    opacity: 0; } }

@keyframes pulse-dot {
  0% {
    transform: scale(0.4); }
  50% {
    transform: scale(0.6); }
  100% {
    transform: scale(0.4); } }

/* Component Styles - pim-steps */
.pim-steps {
  display: flex;
  width: 100%;
  margin: 2rem 0 2rem 0;
  padding: 0 0 3rem 0;
  list-style: none;
  position: relative; }
  .pim-steps:before {
    display: block;
    position: absolute;
    top: 15px;
    left: 0px;
    height: 5px;
    content: '';
    transform: translateY(-50%);
    width: 100%;
    background-color: #f3f5f4; }

.pim-step {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex: 1;
  position: relative;
  pointer-events: none; }
  .pim-step--active, .pim-step--complete {
    cursor: default;
    pointer-events: none; }
  .pim-step:not(:last-child):before, .pim-step:not(:last-child):after {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    height: 5px;
    content: '';
    transform: translateY(-50%);
    will-change: width; }
  .pim-step:before {
    width: 100%;
    background-color: #f3f5f4; }
  .pim-step:after {
    width: 0;
    background-color: #7b9084; }
  .pim-step--complete:after {
    width: 100% !important;
    opacity: 1;
    transition: width 0.2s ease-in-out, opacity 0.2s ease-in-out; }

.pim-step__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 1.75rem;
  height: 1.7rem;
  background-color: #FFF;
  border: 0.15rem dashed #D8D7D9;
  border-radius: 50%;
  color: transparent;
  font-size: 12px;
  font-family: 'pim-icon';
  z-index: 1; }
  .pim-step__icon:before {
    display: block;
    content: '\ea46'; }
  .pim-step--complete.pim-step--active .pim-step__icon {
    color: #fff;
    transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, color 0.3s ease-in-out; }
  .pim-step--active .pim-step__icon {
    border-color: #63756b;
    border-style: solid;
    background-color: #63756b;
    transition-delay: 0.5s; }
    .pim-step--active .pim-step__icon .pim-step__icon-pulsating-circle {
      display: block; }
  .pim-step--complete .pim-step__icon {
    animation: bounce 0.5s ease-in-out;
    background-color: #63756b;
    border-color: #63756b;
    border-style: solid;
    color: #fff; }

.pim-step__icon-pulsating-circle {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 100%;
  height: 100%;
  display: none; }
  .pim-step__icon-pulsating-circle:before {
    content: '';
    position: relative;
    display: block;
    width: 300%;
    height: 300%;
    box-sizing: border-box;
    margin-left: -100%;
    margin-top: -100%;
    border-radius: 100%;
    background-color: #63756b;
    animation: pulse-ring 2.4s cubic-bezier(0.215, 0.61, 0.355, 1) infinite; }
  .pim-step__icon-pulsating-circle:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: white;
    border-radius: 15px;
    animation: pulse-dot 1.2s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite; }

.pim-step__label {
  position: absolute;
  bottom: -2rem;
  left: 50%;
  margin-top: 1rem;
  font-size: 0.8rem;
  text-transform: none;
  transform: translateX(-50%);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 600; }
  .pim-step--incomplete.pim-step--incomplete .pim-step__label {
    color: #D8D7D9; }
  .pim-step--active .pim-step__label {
    color: #63756b; }
  .pim-step--active .pim-step__label {
    transition: color 0.3s ease-in-out;
    transition-delay: 0.5s; }

/*
.u-header__navbar-brand, .u-header__navbar-brand > img {
    padding-top: 0;
    padding-bottom: 0;
    width: 9.375rem;
    height: auto;
}*/
.c-pointer {
  cursor: pointer !important; }

.dec-under {
  text-decoration: underline; }
