.unselectable, .breadcrumb, .wud-button-container, .wud-text-button-container, .wud-text-button-container:hover, .admin-tools-suboptions-container, .admin-tools-button, .channel-option-text-header, .channel-option-text-body, .sub-navigation-btn, .product-edit-popout-tab-notifier {
  -webkit-user-select: none;
  /* Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10+/Edge */
  user-select: none;
  /* Standard */ }

.display-center, .breadcrumb-spacer, .wud-button-container, .wud-button, .new-loader-container, .responsive-navigation-container, .admin-tools-button, .admin-popout-button, .beta-product-tag-icon-container, #alpha-product-popup, .alpha-product-overlay-container, .beta-product-overlay-container, .beta-product-main-container, .beta-product-button, .product-catalog-action-button, .product-catalog-title-button, .product-catalog-edit-view, .product-catalog-option, .product-catalog-value-container, .product-catalog-dropdown-chevron, .product-catalog-search-icon, .channel-option-image-container, #currently-importing, .side-nav-option-container, .sub-navigation-btn, .wisemetrics-logo-small, .topbar-btn, .upgrade-from-trial-button, .user-dropdown-icon, #first-time-login-popup, .first-time-login-popup-header-title, .login-screen-container, #signin-screen-blocker, .product-action-button-icon, .product-affected-image, .product-affected-action-container, .product-affected-top-suggestion-text, .product-affected-suggestion-text, .product-affected-icon-container, .product-affected-bulk-edit-field-image, .product-affected-bulk-field-container, .product-affected-bulk-edit-field-updater, .product-edit-popout-top-container-close, .product-edit-popout-controls-action-icon-container, .product-edit-popout-tab-notifier, .product-edit-popout-edit-toggle-container, .product-edit-popout-edit-toggle, .imported-product-data-container, #signupmotion, .user-signup-header, .user-signup-main-panel-header, .user-signup-main-panel-content, .select-plan-container, .plan-coming-soon-icon-container, .plan-contact-soon {
  display: flex;
  justify-content: center;
  align-items: center; }

.breadcrumb-main {
  width: 100%;
  z-index: 4;
  background-color: #3f4a59;
  -webkit-box-shadow: 4px 2px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 4px 2px 5px rgba(0, 0, 0, 0.2); }

.breadcrumb-container {
  height: 100%;
  display: flex;
  align-items: center;
  color: white;
  padding: 0px 10px; }

.breadcrumb {
  height: 100%;
  display: flex;
  align-items: center;
  font-size: 11px;
  padding: 0px 10px;
  max-width: 250px;
  margin: 0px;
  line-height: 14px;
  border-radius: 0px;
  cursor: pointer;
  color: white; }

.breadcrumb:hover {
  background: #5c6a7d;
  color: white; }

.breadcrumb:focus {
  color: white; }

.breadcrumb-spacer {
  width: 20px;
  height: 100%;
  color: #929292;
  cursor: default; }

.wud-button-container {
  position: relative;
  margin: 0px 2.5px 0px 2.5px; }

.wud-button-container:hover {
  cursor: pointer; }

.wud-button-container:hover .wud-button {
  opacity: 0.3; }

.wud-button-container:hover .wud-button-icon {
  transform: scale(1.1); }

.wud-button {
  min-height: 40px;
  min-width: 40px;
  background: #396A81;
  color: white;
  opacity: 0.15; }

.wud-button.round {
  border-radius: 50px; }

.wud-button-icon {
  height: 30px;
  width: 30px;
  position: absolute; }

.wud-text-button-container:hover .wud-text-button-icon-container .wud-button-container .wud-button-icon {
  transform: scale(1.1); }

.wud-text-button-container:hover .wud-text-button-text-container {
  transform: scale(1.1); }

.wud-text-button-text-container {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  position: absolute;
  height: 100%;
  color: #396A81; }

.wud-text-button-icon-container {
  width: 100%;
  flex-direction: column;
  cursor: pointer; }

.wud-text-button-container.round {
  border-radius: 50px; }

.wud-text-button-container {
  display: flex;
  flex-direction: row;
  background: #FFA700;
  height: 50px;
  max-width: 300px;
  width: 300px;
  position: relative;
  margin: 2px;
  font-weight: bold; }

.wud-text-button-container:hover {
  display: flex;
  flex-direction: row;
  background: #FFCB67;
  height: 50px;
  position: relative;
  cursor: pointer; }

.wud-button-container:hover .wud-button {
  opacity: 0.8;
  background: #FFA700; }

.wud-text-button-container:hover .wud-text-button-icon-container .wud-button-container .wud-button {
  opacity: 0.8;
  background: #FFA700; }

.wud-text-button-container.secondary {
  background: #cedae0;
  height: 50px;
  max-width: 300px;
  width: 300px; }

.wud-text-button-container.secondary:hover {
  background: #e1e9ec;
  height: 50px; }

.wud-button-container.secondary:hover .wud-button {
  background: #cedae0; }

.wud-text-button-container.secondary:hover .wud-text-button-icon-container .wud-button-container .wud-button {
  background: #cedae0; }

.go-to-connect-btn {
  background: #AFE052;
  color: #3B7695;
  border: none; }

.go-to-connect-btn:hover {
  background: #C0E972;
  color: #3B7695;
  font-weight: bold; }

.new-loader-container {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 9999; }

.new-loader-background {
  width: 100%;
  height: 100%;
  background: #3B7695;
  opacity: 0.9;
  position: absolute; }

.new-loader-icon {
  width: 100px;
  height: 100px;
  position: absolute;
  z-index: 9999; }

.new-loader-no-scroll {
  overflow: hidden; }

.responsive-navigation-container {
  flex-direction: column;
  width: 100%;
  position: relative; }

.sidebar-navigation {
  /* Width */
  /* Track */
  /* Handle */ }
  .sidebar-navigation::-webkit-scrollbar {
    width: 10px; }
  .sidebar-navigation::-webkit-scrollbar-track {
    background: #f1f1f1; }
  .sidebar-navigation::-webkit-scrollbar-thumb {
    background: #888; }
  .sidebar-navigation::-webkit-scrollbar-thumb:hover {
    background: #555; }

.tooltip-maincontainer {
  height: 35px;
  position: fixed;
  left: 50px;
  display: flex; }

.tooltip-arrowcontainer {
  height: 100%;
  width: 30px;
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
  opacity: 0.9; }

.tooltip-arrow {
  background: #3b7695;
  height: 100px;
  width: 100px;
  transform: rotate(45deg);
  left: 24px;
  position: absolute;
  border-radius: 5px; }

.tooltip-labelcontainer {
  height: 100%;
  width: 120px;
  position: relative; }

.tooltip-text {
  position: absolute;
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  z-index: 1;
  font-size: 13px;
  padding-right: 10px; }

.tooltip-background {
  height: 100%;
  width: 100%;
  background: #3b7695;
  opacity: 0.9;
  border-radius: 0 5px 5px 0;
  position: absolute;
  z-index: 0; }

.admin-tools-button {
  position: relative; }

.admin-tools-button:hover {
  background: none;
  cursor: pointer; }

.admin-tools-suboptions-container {
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  max-height: 200px;
  overflow: auto;
  padding: 0 10px 0 27px; }

.admin-tools-button {
  width: 100%;
  min-height: 50px;
  margin: 3px;
  border-radius: 50px;
  font-weight: bold;
  color: #396A81; }

.admin-tools-button .background {
  min-height: 100%;
  min-width: 100%;
  position: absolute;
  z-index: -1;
  background: #afe052;
  border-radius: 50px; }

.admin-tools-button:hover {
  background: #C0E972; }

.admin-popout-container {
  display: flex;
  position: absolute;
  flex-direction: column;
  margin-left: 60px;
  z-index: 5; }

.admin-popout-button {
  width: 300px;
  height: 65px;
  background: #3e333a;
  color: white; }

.admin-popout-button:hover {
  cursor: pointer;
  background: #574C53; }

.analysis-main-container {
  height: calc(100% - 140px);
  display: flex; }

.beta-product-tag-field-container {
  height: 60px;
  background: #FFA700;
  display: flex;
  align-items: center;
  padding: 0px 10px;
  color: white;
  font-weight: 500; }

.beta-product-tag-icon-container {
  width: 45px;
  height: 45px;
  border-radius: 50px;
  border: 2px solid #ffffff71;
  margin: 0px 10px; }

.beta-product-tag-icon {
  width: 30px; }

.beta-product-tag-icon-container:hover .beta-product-tag-icon {
  width: 35px;
  cursor: pointer; }

.beta-product-tag-main-text {
  padding-left: 5px;
  font-size: 16px; }

.beta-product-tag-what-is-this {
  padding-left: 10px;
  color: #508680;
  font-size: 12px;
  padding-top: 2px;
  cursor: pointer; }

.beta-product-tag-what-is-this:hover {
  color: #ffffff; }

#alpha-product-popup {
  flex-direction: column; }

.alpha-product-popup-title {
  font-size: 40px;
  font-weight: bold;
  padding: 40px 0px; }

.alpha-product-wip {
  width: 350px;
  padding-bottom: 40px; }

.alpha-product-popup-text {
  color: #a6a6a6;
  font-size: 18px;
  width: 500px;
  text-align: center; }

.alpha-product-overlay-container {
  height: 100%;
  width: 100%;
  position: absolute;
  background: rgba(113, 113, 209, 0.44);
  z-index: 5; }

.alpha-product-main-container {
  height: 250px;
  width: 500px;
  background: white;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column; }

.alpha-product-button {
  width: 200px;
  height: 50px;
  background: #2fddc6;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer; }

.alpha-product-button:hover {
  background: #40E7D1; }

#beta-product-popup {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }

.beta-product-popup-title {
  font-size: 40px;
  font-weight: bold;
  padding: 40px 0px; }

.beta-product-wip {
  width: 350px;
  padding-bottom: 40px; }

.beta-product-popup-text {
  color: #a6a6a6;
  font-size: 18px;
  padding: 0px 20px;
  text-align: center;
  padding-bottom: 20px; }

.beta-product-popup-sub-text {
  color: #a6a6a6;
  padding: 0px 20px;
  text-align: center;
  padding-bottom: 20px;
  font-size: 14px;
  font-weight: 500; }

.beta-product-overlay-container {
  height: 100%;
  width: 100%;
  position: absolute;
  background: rgba(113, 113, 209, 0.44);
  z-index: 5; }

.beta-product-main-container {
  height: 250px;
  width: 500px;
  background: white;
  flex-direction: column; }

.beta-product-button {
  width: 200px;
  height: 50px;
  background: #2fddc6;
  color: white;
  cursor: pointer; }

.beta-product-button:hover {
  background: #40E7D1; }

.product-catalog-action-bar {
  margin-bottom: 10px;
  display: flex;
  justify-content: flex-end;
  align-items: center; }

.product-catalog-action-button {
  height: 40px;
  width: 170px;
  background: #FFA700;
  color: white;
  cursor: pointer;
  padding: 0px 20px;
  font-weight: 500;
  font-size: 14px; }

.product-catalog-action-button:hover {
  background: #ffb933;
  font-weight: 500;
  font-size: 15px; }

#product-catalog-selection-header {
  font-size: 22px;
  font-weight: 500;
  height: 50px;
  background: white;
  display: flex;
  align-items: center;
  padding: 0px 20px;
  color: #3B7695;
  border-bottom: 1px solid #d7e1e6; }

.product-catalog-selection-subheader {
  width: 100%;
  color: #9f9f9f;
  font-size: 14px;
  font-weight: 500; }

.product-catalog-selection-seperator {
  width: 100%;
  height: 1px;
  background: #c6c6c6;
  margin-bottom: 20px; }

.product-catalog-container {
  height: 70px;
  background: white;
  position: relative;
  display: flex;
  padding-left: 15px;
  flex-direction: column;
  line-height: 20px;
  justify-content: center; }

.product-catalog-title-container {
  display: flex;
  flex-direction: row;
  align-items: center; }

.product-catalog-title {
  font-weight: bold;
  font-size: 14px;
  padding-right: 8px;
  color: #737373; }

.product-catalog-title:hover {
  color: #000000;
  cursor: pointer; }

.product-catalog-title.current {
  font-weight: 500;
  color: #396a81; }

.product-catalog-title.current:hover {
  color: #000000; }

.product-catalog-title-button {
  min-width: 26px;
  min-height: 26px;
  border-radius: 20px;
  margin: 0px 2px; }

.product-catalog-title-button:hover {
  cursor: pointer; }

.product-catalog-title-button-positive {
  background: #7bcbc2; }

.product-catalog-title-button-positive:hover {
  background: #ade0da; }

.product-catalog-title-icon {
  width: 16px;
  height: 16px; }

.product-catalog-edit-view {
  width: 80%; }

.product-catalog-title-button-negative {
  background: #ff015b; }

.product-catalog-title-button-negative:hover {
  background: #DE457B; }

.product-catalog-title-button-inactive {
  background: lightgray; }

.product-catalog-title-button-inactive:hover {
  background: lightgray;
  cursor: default; }

.product-catalog-edit-view input {
  margin-right: 10px;
  border-radius: 0px; }

.product-catalog-url {
  font-size: 11px; }

.product-catalog-url.current {
  color: #939393; }

.product-catalog-last-updated-container {
  height: 35px;
  background: #f1f1f1;
  font-size: 11px;
  display: flex;
  align-items: center;
  color: #8c8c8c;
  padding: 0px 20px;
  border-radius: 50px; }

.product-catalog-last-updated-container.current {
  background: #d8e4ea;
  color: #396a81; }

.product-catalog-last-updated-container div {
  padding-right: 10px; }

.product-catalog-options-container {
  width: 100%;
  display: flex;
  position: absolute;
  top: 0;
  z-index: 100;
  flex-direction: column; }

.product-catalog-option {
  width: 100%;
  height: 30px;
  background: white;
  color: black;
  font-size: 12px; }

.product-catalog-option:hover {
  background: #e1e1e1; }

.product-catalog-value-container {
  width: 100px;
  position: absolute;
  right: 0;
  flex-direction: column;
  line-height: 12px;
  height: 100%;
  padding-top: 10px;
  cursor: pointer; }

.product-catalog-value-container.current {
  color: white; }

.product-catalog-value-container:hover .product-catalog-option-marker {
  display: inline-block; }

.product-catalog-option-marker {
  /*display: none;*/
  display: inline-block;
  color: #396a81;
  font-weight: bold; }

.product-catalog-value-text {
  font-size: 16px;
  font-weight: 500;
  color: #33b2a3; }

.product-catalog-popup-container {
  background: #3e333a;
  z-index: 4;
  position: absolute;
  margin-left: 60px;
  display: flex;
  align-items: center;
  height: 65px;
  flex-direction: column;
  width: 350px; }

.product-catalog-dropdown-container {
  display: flex;
  min-height: 65px;
  padding: 10px;
  align-items: center;
  width: 100%; }

.product-catalog-dropdown {
  width: 100%;
  height: 35px;
  display: flex;
  color: white; }

.product-catalog-dropdown:hover {
  cursor: pointer; }

.product-catalog-dropdown-chevron {
  height: 100%;
  width: 45px; }

.product-catalog-dropdown-chevron:hover {
  cursor: pointer; }

.product-catalog-dropdown-chevron-icon {
  width: 20px;
  height: 20px; }

.product-catalog-dropdown-chevron-closed {
  transform: rotate(180deg); }

.product-catalog-dropdown-field {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center; }

.product-catalog-add-button {
  height: 40px;
  min-width: 40px;
  max-width: 40px;
  margin-left: 10px;
  background: #e1e9ec;
  cursor: pointer;
  border-radius: 50px;
  display: flex;
  justify-content: center;
  align-items: center; }

.product-catalog-add-button:hover {
  color: white;
  background: #ffb933; }

.product-catalog-add-button img {
  height: 30px;
  min-width: 30px;
  max-width: 30px; }

.product-catalog-add-button:hover img {
  transform: scale(1.1); }

.product-catalog-search-field-container {
  display: flex;
  width: 100%;
  position: relative; }

.product-catalog-search-container {
  width: 100%;
  padding: 15px 10px;
  background: white;
  position: relative;
  display: flex;
  border: 1px solid #e1e9ec;
  border-bottom: 0px; }

.product-catalog-search {
  height: 40px;
  background: #e1e9ec;
  display: flex;
  align-items: center;
  padding: 10px;
  color: #b7b7b7;
  width: 100%;
  border: none; }

.product-catalog-search:focus {
  border: none;
  outline: none;
  background: white;
  color: black; }

.product-catalog-search-icon {
  width: 35px;
  height: 35px;
  position: absolute;
  right: 0; }

.product-catalog-search-icon img {
  width: 20px; }

.product-catalog-list-container {
  width: 100%;
  padding: 0px 10px 10px 10px;
  background: White;
  border: 1px solid #e1e9ec; }

.product-catalog-list-header {
  width: 100%;
  align-items: center;
  display: flex;
  color: #3B7695;
  font-size: 11px;
  height: 35px; }

.product-catalog-list {
  overflow: auto;
  max-height: 140px; }

.product-catalog-list-item {
  background: white;
  display: flex;
  align-items: center;
  color: #b7b7b7;
  padding-left: 10px; }

.product-catalog-list-item:hover {
  cursor: pointer;
  color: black; }

.product-catalog-no-items {
  padding-top: 8px;
  color: #3B7695;
  font-size: 12px; }

.channel-option-main-container {
  width: 100%;
  height: 180px;
  min-height: 150px;
  display: flex;
  margin-bottom: 20px; }

.channel-option-main-container:hover .channel-option-image-container img {
  background: white;
  transition: all .2s ease-in;
  transform: scale(1.02); }

.channel-option-main-container:hover .channel-option-text-container {
  background: white; }

.channel-option-image-container {
  width: 400px;
  height: 100%;
  background: white;
  overflow: hidden; }

.channel-option-image-container img {
  max-height: 100%;
  transform: scale(1);
  transition: all .2s ease-in; }

.channel-option-text-container {
  width: 100%;
  height: 100%;
  display: flex;
  background: #f4f4f4;
  flex-direction: column;
  padding: 15px;
  transition: all .2s ease-in;
  position: relative; }

.channel-option-text-header {
  width: 100%;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 10px; }

.channel-option-text-body {
  width: 100%;
  height: 100%; }

.channel-option-responsive-container {
  position: relative;
  display: flex;
  flex-direction: column; }

.channel-option-text-body {
  overflow: auto; }

@media only screen and (max-width: 991px) {
  .channel-option-main-container {
    height: 200px; } }

@media only screen and (max-width: 600px) {
  .channel-option-main-container {
    height: unset;
    flex-direction: column; }
  .channel-option-image-container {
    width: unset; }
  .channel-option-text-header {
    text-align: center;
    font-size: 14px; } }

.competition-howto-header {
  width: 100%;
  min-height: 80px;
  background: #d7e1e6;
  flex-direction: row;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  margin-bottom: 10px;
  cursor: pointer; }

.competition-howto-header-background {
  width: 100%;
  height: 100%;
  background: #edf4f7;
  position: absolute; }

.competition-howto-icon-container {
  height: 100%;
  min-width: 70px;
  display: flex;
  justify-content: center;
  align-items: center; }

.competition-howto-text {
  height: 100%;
  padding: 0px 10px;
  -webkit-user-select: none;
  /* Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10+/Edge */
  user-select: none;
  /* Standard */
  z-index: 1;
  color: #2f5e77;
  font-size: 16px;
  text-align: center; }

.competition-howto-header:hover .competition-howto-header-background {
  background: white; }

.competition-howto-header:hover .competition-howto-text {
  font-size: 17px; }

.competition-overview-main-container {
  padding-bottom: 30px !important;
  padding-top: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column-reverse;
  width: 100%; }

.competition-overview-container {
  height: 110px;
  background: white;
  display: flex;
  align-items: center; }

.competition-container {
  width: 200px;
  height: 100%;
  flex-direction: column;
  padding-top: 5px;
  background: #edf4f7;
  border-radius: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-user-select: none;
  /* Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10+/Edge */
  user-select: none;
  /* Standard */ }

.competition-data-value {
  font-size: 26px;
  font-weight: 500;
  color: #3B7695;
  padding-bottom: 6px; }

.competition-data-text {
  font-size: 16px;
  color: grey; }

.competition-data-seperator {
  width: 10px; }

.competition-container.warning {
  background: #FF015B; }

.competition-container.warning div {
  color: white !important; }

@media only screen and (max-width: 991px) {
  .competition-container {
    width: 140px; }
  .competition-data-text {
    font-size: 14px; } }

#matches img {
  width: 80px;
  height: 80px;
  max-width: 100px;
  max-height: 100px; }

#matches td {
  text-align: center; }

#matches td span {
  text-align: start; }

#matches td img {
  text-align: start; }

.competition-popup-main-container {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center; }

.competition-popup-arrow-container {
  position: absolute;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  padding: 0px 25px; }

.competition-popup-arrow {
  min-height: 40px;
  min-width: 40px;
  max-height: 40px;
  max-width: 40px;
  position: relative;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center; }

.competition-popup-arrow img {
  position: absolute;
  z-index: 1;
  height: 25px;
  width: 25px; }

.competition-popup-arrow-background {
  position: absolute;
  height: 100%;
  width: 100%;
  background: #3B7695;
  border-radius: 50px;
  z-index: 0;
  opacity: 0.1; }

.competition-popup-arrow:hover img {
  height: 27px;
  width: 27px; }

.competition-popup-arrow:hover .competition-popup-arrow-background {
  background: #FFA700;
  opacity: 1; }

.competition-popup-controls-container {
  width: 100%;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative; }

.competition-popup-dot-container {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center; }

.competition-popup-dot {
  height: 15px;
  width: 15px;
  background: #dadada;
  border-radius: 50px;
  margin: 5px;
  cursor: pointer; }

.competition-popup-dot:hover {
  background: #FFA700; }

.competition-popup-dot.active {
  background: #3B7695; }

.competition-popup-step img {
  min-width: 600px;
  min-height: 300px; }

#currently-importing-main {
  height: 38px;
  width: 100%;
  box-shadow: 4px 2px 5px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 4px 2px 5px rgba(0, 0, 0, 0.2);
  background-color: white;
  border-bottom: 1px solid #e1e9ec; }

#currently-importing {
  color: white;
  padding: 0px 10px;
  height: 100%; }

.currently-importing-text {
  color: #3B7695;
  font-size: 12px;
  font-weight: 400;
  -webkit-user-select: none;
  /* Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10+/Edge */
  user-select: none;
  /* Standard */ }

.currently-importing-loader,
.currently-importing-loader:before,
.currently-importing-loader:after {
  background: #3B7695;
  -webkit-animation: load1 1s infinite ease-in-out;
  animation: load1 1s infinite ease-in-out;
  width: 1em;
  height: 2em; }

.currently-importing-loader {
  color: #3B7695;
  position: relative;
  font-size: 5px;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s; }

.currently-importing-loader:before,
.currently-importing-loader:after {
  position: absolute;
  top: 0;
  content: ''; }

.currently-importing-loader:before {
  left: -1.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s; }

.currently-importing-loader:after {
  left: 1.5em; }

@-webkit-keyframes load1 {
  0%, 80%, 100% {
    box-shadow: 0 0;
    height: 2em; }
  40% {
    box-shadow: 0 -1em;
    height: 3em; } }

@keyframes load1 {
  0%, 80%, 100% {
    box-shadow: 0 0;
    height: 2em; }
  40% {
    box-shadow: 0 -1em;
    height: 3em; } }

.site-footer {
  background-color: #D7E1E6;
  font-size: 11px;
  z-index: 997;
  position: fixed;
  width: calc(100% - 60px);
  bottom: 0px;
  height: 35px;
  padding: 0px;
  border: none;
  display: flex;
  flex-direction: row;
  margin-left: 60px;
  padding: 0px 10px; }

.site-footer-group {
  padding: 0px;
  height: 100%;
  display: flex;
  align-items: center; }

.footer-text {
  font-size: 11px;
  line-height: 12px;
  display: flex;
  align-items: center;
  padding: 0px 10px;
  color: #3B7695; }

.footer-text:hover {
  color: black; }

footer span {
  color: #3B7695; }

footer a span {
  color: #3B7695; }

footer a span:hover {
  color: black; }

.site-footer a {
  color: #3B7695; }

.site-footer a:hover {
  color: black; }

.site-footer.signup-footer {
  position: fixed;
  padding: 0 10px;
  z-index: 4;
  background-color: #F0F6F9; }

.site-footer.signup-footer a {
  color: #3B7695; }

.site-footer.signup-footer a:hover {
  color: black !important; }

.site-footer.signup-footer span {
  color: #3B7695; }

.site-footer.signup-footer span:hover {
  color: black !important; }

.site-footer.signup-footer a span {
  color: #3B7695 !important; }

.site-footer.signup-footer a span:hover {
  color: black !important; }

.site-footer.signup-footer .footer-text {
  color: #3B7695 !important; }

.site-footer.signup-footer .footer-text:hover {
  color: black !important; }

.site-footer.signup-footer #need-to-chat-counter {
  background: #3B7695; }
  .site-footer.signup-footer #need-to-chat-counter i {
    color: white; }

.site-footer.signup-footer #need-to-chat:hover #need-to-chat-counter {
  background: black; }

#need-to-chat-counter {
  background: #3B7695;
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 5px;
  border-radius: 10px; }
  #need-to-chat-counter i {
    color: white; }

.signup-footer {
  margin-left: 0px !important;
  width: 100% !important; }

@media only screen and (max-width: 991px) {
  .site-footer {
    width: 100%;
    margin-left: 0px; } }

@media only screen and (max-width: 600px) {
  #box_termsofuse {
    display: none; }
  #box_dataprivacy {
    display: none; }
  #year-wakeupdata.footer-text {
    padding: 0px; } }

.side-nav-option-container.active .wud-button-container .wud-button.round {
  opacity: 1;
  background: #FFA700; }

.side-nav-option-container.active:hover .wud-button-container .wud-button.round {
  opacity: 0.8; }

.side-nav-option-container:hover .wud-button-container .wud-button.round {
  opacity: 0.8;
  background: #FFA700; }

.wud-button-container:hover .wud-button.round {
  opacity: 0.8;
  background: #FFA700; }

.side-nav-bar {
  top: 55px;
  width: 60px !important; }

aside nav ul li a {
  padding: 0px !important;
  height: 65px !important; }

.sidebar {
  background-color: white; }

.side-nav-line {
  height: 1px;
  background: #343434; }

.side-menu-item-overlay {
  height: 65px;
  width: 100%;
  background: rgba(0, 0, 0, 0.61);
  z-index: 4;
  position: absolute;
  pointer-events: none; }

.aside.products-filters ~ .main-content {
  margin-left: 0px; }

.aside ~ .header, .aside ~ .main-content, .aside ~ .site-footer {
  margin-left: 0px !important; }

/*.aside.products-filters.active ~ .main-content {
    margin-left: 250px !important;
}*/
#side-bar-toggle {
  display: none; }

.sidebar-iconic .menu-item + .menu-item {
  border-top: 1px solid #343434 !important;
  color: white; }

.sidebar .menu > .menu-item:hover > .menu-link {
  background: #1B1B1B !important; }

.sidebar .menu > .menu-item.active:hover > .menu-link {
  background: #FFA700 !important; }

.sidebar .menu > .menu-item.side-nav-admin-button:hover > .menu-link {
  background: #A36A6A !important; }

.sidebar .menu-item.active > .menu-link {
  color: #fff;
  background-color: #FFA700 !important; }

.sidebar .menu-item.active.side-nav-admin-button > .menu-link {
  background-color: #A36A6A !important; }

/*.sidebar .menu-item.active > .menu-link {
        color: #fff;
        background-color: #1c191b !important;
    }

    .sidebar .menu-item.active.side-nav-admin-button > .menu-link {
        background-color: #1c191b !important;
    }*/
.side-nav-icon-container {
  height: 35px;
  display: flex;
  align-items: center;
  padding-top: 5px; }

.menu-item a .icon {
  transition: all .2s ease-in-out; }

.menu-item a img {
  transform: scale(0.625);
  transition: all .2s ease-in-out; }

.menu-item img {
  transform: scale(0.75);
  transition: all .2s ease-in-out; }

.menu-item:hover a .icon {
  transform: scale(1.15); }

.menu-item:hover a img {
  transform: scale(0.7); }

.menu-item:hover img {
  transform: scale(0.9); }

.menu-item a .text-container {
  display: flex;
  flex-wrap: wrap;
  height: 30px; }

.menu-item a span {
  font-size: 10px;
  width: 100%;
  text-align: center;
  height: 10px;
  color: #FFA700;
  padding: 0; }

.menu-item.side-nav-admin-button a span {
  color: #D96F6F !important; }

.menu-item:hover a span {
  color: #FFFFFF; }

.menu-item:hover a.sidebar-item span {
  color: #4d5259; }

.menu-item.side-nav-admin-button:hover a span {
  color: #FFFFFF !important; }

.menu-item.active a span {
  color: #FFFFFF; }

.menu-item.active.side-nav-admin-button a span {
  color: #FFFFFF !important; }

.side-nav-admin-tag {
  left: 0px;
  position: absolute;
  margin: 0px;
  width: 0;
  height: 0;
  border-top: 25px solid #c47272;
  border-right: 25px solid transparent;
  height: 65px; }

.side-nav-admin-tag-letter {
  width: 20px;
  height: 20px;
  left: 4px;
  position: absolute;
  margin: 0px;
  font-size: 10px;
  top: -4px; }

.side-nav-option-container {
  height: 55px;
  width: 100%;
  flex-direction: column;
  cursor: pointer;
  position: relative; }

.side-nav-option-container .tooltip-maincontainer {
  display: none; }

.side-nav-option-container:hover .tooltip-maincontainer {
  display: flex; }

.side-nav-text {
  font-size: 12px; }

@media only screen and (max-width: 991px) {
  .side-nav-icon-container {
    height: 35px;
    padding-top: 0px; }
  .side-nav-icon-container img {
    min-height: 50px;
    min-width: 50px; }
  .side-nav-text {
    height: unset !important;
    font-size: 11px !important;
    text-align: inherit !important;
    padding-left: 10px !important; } }

@media (min-width: 992px) {
  .sidebar-expand-lg.sidebar-iconic ~ .topbar, .sidebar-expand-lg.sidebar-iconic ~ main {
    margin-left: 60px !important; } }

.sub-navigation-seperator {
  height: 100%;
  width: 1px;
  background: #f5f2f2; }

.sub-navigation-main {
  width: 100%;
  z-index: 3; }

.sub-navigation-container {
  height: 45px;
  background-color: #ffffff;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #ece5e5; }

.sub-navigation-btn-container.active {
  min-width: 120px;
  width: 150px;
  display: flex; }

.sub-navigation-btn {
  min-height: 44px;
  min-width: 120px;
  width: 150px;
  color: #2f6079;
  font-size: 11px;
  cursor: pointer;
  padding-top: 1px; }

.sub-navigation-btn.left {
  justify-content: left;
  padding: 0px 7px; }

.sub-navigation-btn:hover {
  background-color: #eef3f5; }

.sub-navigation-btn a {
  line-height: 14px; }

.sub-navigation-btn.active {
  background-color: #eef3f5;
  border-bottom: 3px solid #FFA700;
  padding-top: 8px;
  font-weight: bold;
  padding-bottom: 3px; }

.sub-navigation-btn.active:hover {
  background-color: #dce0e8; }

.sub-navigation-btn.primary {
  background: #3b7695;
  color: white; }

.sub-navigation-btn:hover.primary {
  background: #458cb1;
  color: white; }

.sub-navigation-btn.caution {
  background: #da6262;
  color: white; }

.sub-navigation-btn:hover.caution {
  background: #f16666;
  color: white; }

.sub-navigation-btn.dropdown-list.open {
  margin-top: 1px;
  border-bottom: 1px solid #407b99; }

.sub-navigation-dropdown-list {
  position: absolute;
  background: white;
  min-width: 120px;
  width: 152px;
  border-bottom: 1px solid #d4d4d4;
  border-left: 1px solid #d4d4d4;
  border-right: 1px solid #d4d4d4;
  margin-top: 34px; }

.sub-navigation-dropdown-marker {
  position: absolute;
  transform: scale(1.1, 0.8);
  user-select: none;
  padding-top: 30px; }

.sub-navigation-dropdown-option {
  display: flex;
  align-items: center;
  padding: 7px 7px 5px 7px;
  border: solid gainsboro;
  border-width: 0 0 1px 0; }

.sub-navigation-dropdown-option:hover {
  background: #9bbaca; }

.sub-navigation-dropdown-option-spacer {
  height: 1px;
  background: #f5f2f2; }

.topbar-hamburger-btn {
  height: 40px !important;
  width: 40px !important;
  min-width: 40px !important;
  display: flex !important;
  justify-content: center;
  align-items: center;
  border: 0px;
  position: relative; }

.topbar-btn.topbar-hamburger-btn:hover {
  border: 0px;
  background: none !important; }

.topbar-hamburger-btn-background {
  width: 100%;
  height: 100%;
  border-radius: 50px;
  position: absolute;
  z-index: -1;
  background: #396a81;
  opacity: 0.2; }

.topbar-hamburger-btn:hover .topbar-hamburger-btn-background {
  opacity: 1;
  background: #FFA700; }

.topbar-hamburger-btn #nav-icon2 {
  transform: scale(1);
  transition: all .2s ease-in-out; }

.topbar-hamburger-btn:hover #nav-icon2 {
  transform: scale(1.1);
  transition: all .2s ease-in-out; }

#nav-icon2 {
  width: 20px;
  height: 20px;
  position: relative;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer; }

#nav-icon2 span {
  display: block;
  position: absolute;
  height: 3px;
  width: 50%;
  background: #3b7695;
  opacity: 1;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out; }

#nav-icon2 span:nth-child(even) {
  left: 50%;
  border-radius: 0 9px 9px 0; }

#nav-icon2 span:nth-child(odd) {
  left: 0px;
  border-radius: 9px 0 0 9px; }

#nav-icon2 span:nth-child(1), #nav-icon2 span:nth-child(2) {
  top: 0px; }

#nav-icon2 span:nth-child(3), #nav-icon2 span:nth-child(4) {
  top: 8px; }

#nav-icon2 span:nth-child(5), #nav-icon2 span:nth-child(6) {
  top: 16px; }

#nav-icon2.open span:nth-child(1), #nav-icon2.open span:nth-child(6) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg); }

#nav-icon2.open span:nth-child(2), #nav-icon2.open span:nth-child(5) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg); }

#nav-icon2.open span:nth-child(1) {
  left: 1.5px;
  top: 6px; }

#nav-icon2.open span:nth-child(2) {
  left: calc(50% - 1.5px);
  top: 6px; }

#nav-icon2.open span:nth-child(3) {
  left: -50%;
  opacity: 0; }

#nav-icon2.open span:nth-child(4) {
  left: 100%;
  opacity: 0; }

#nav-icon2.open span:nth-child(5) {
  left: 1.5px;
  top: 13px; }

#nav-icon2.open span:nth-child(6) {
  left: calc(50% - 1.5px);
  top: 13px; }

.wisemetrics-logo-small {
  width: 70px;
  height: 65px; }

.topbar-left {
  background-color: #393538; }

.topbar {
  padding: 5px;
  width: 100%;
  background: #FFFFFF;
  height: 55px;
  box-shadow: 4px 2px 5px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 4px 2px 5px rgba(0, 0, 0, 0.2); }

.topbar .menu-item {
  position: relative;
  display: flex;
  width: 40px; }

.top-bar-seperator1 {
  width: 1px;
  background: #595959;
  height: 64px; }

.top-bar-seperator {
  width: 1px;
  background: #efefef;
  height: 64px; }

.topbar-brand {
  margin: 0 15px 0 10px;
  min-width: 140px; }

.topbar-btn {
  font-size: 1rem;
  font-weight: 400;
  line-height: 24px;
  text-align: center;
  color: rgba(77, 82, 89, 0.7);
  cursor: pointer;
  min-width: 48px;
  white-space: nowrap;
  border: none;
  border-top: 1px solid transparent;
  -webkit-transition: .2s linear;
  transition: .2s linear;
  position: relative;
  z-index: 991;
  height: 64px;
  width: 61px;
  padding: 0px; }

.topbar-btn:hover {
  color: #4d5259;
  border-top-color: #3b7695;
  background: #686166; }

.topbar-btn .icon {
  vertical-align: baseline;
  margin-right: 6px;
  font-size: 0.75rem; }

.topbar-btn .material-icons {
  -webkit-transform: translateY(6px);
  transform: translateY(6px);
  font-size: 26px; }

.topbar-btn strong {
  font-weight: 500; }

@media only screen and (max-width: 991px) {
  .topbar {
    width: 100%; }
  #side-bar-toggle {
    display: contents !important; }
  #access-user-settings {
    display: none; }
  #access-admin-controls {
    display: none; } }

#upgrade-from-trial-main {
  height: 50px;
  width: 100%;
  box-shadow: 4px 2px 5px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 4px 2px 5px rgba(0, 0, 0, 0.2);
  background-color: #3e333a; }

#upgrade-from-trial {
  justify-content: flex-end;
  color: white;
  padding: 0px 10px;
  height: 100%;
  display: flex;
  align-items: center; }

.upgrade-from-trial-button {
  height: 35px;
  width: 120px;
  background: #5ad1ac;
  font-weight: 500;
  font-size: 14px;
  padding-top: 2px; }

.upgrade-from-trial-button:hover {
  background: #67E1BB;
  font-size: 15px;
  padding-top: 2px;
  cursor: pointer; }

.convert-user-main-header {
  display: none; }

.convert-user-text-header {
  width: 100%;
  padding: 30px 20px;
  background: white;
  height: 100%; }

@media (min-width: 992px) {
  .convert-user-main-header {
    display: none; } }

@media only screen and (max-width: 991px) {
  .convert-user-main-header {
    display: unset; } }

.user-dropdown-icon {
  width: 40px;
  height: 40px;
  position: relative; }

.user-dropdown-icon img {
  z-index: 1;
  height: 30px;
  width: 30px; }

.user-dropdown-background {
  position: absolute;
  height: 100%;
  width: 100%;
  background: #e1e9ec;
  border-radius: 50px;
  top: 0; }

.user-dropdown-text {
  padding-top: 3px;
  font-size: 12px;
  height: 100%;
  display: flex;
  align-items: center;
  padding: 0px 10px; }

.user-dropdown-field {
  display: flex;
  width: 100%;
  height: 50px;
  align-items: center;
  transition: all .4s ease-in-out;
  padding: 0px 5px; }

.user-dropdown-field:hover {
  background-color: #f5f6fa;
  transition: all 0s ease-in-out; }

.user-dropdown-field:hover .user-dropdown-icon img {
  transform: scale(1.1); }

.user-dropdown-field:hover .user-dropdown-text {
  font-size: 13px; }

.user-dropdown-field:hover .user-dropdown-icon .user-dropdown-background {
  background: #FFA700; }

.user-dropdown-divider {
  background-color: #f1f1f1;
  margin: 0px;
  min-height: 1px; }

#first-time-login-popup {
  flex-direction: column; }

.first-time-login-popup-header {
  display: flex;
  justify-content: flex-end;
  height: 50px;
  width: 100%;
  position: relative; }

.first-time-login-popup-header-title {
  position: absolute;
  width: 100%;
  height: 100%;
  font-size: 16px;
  font-weight: 500; }

.first-time-login-popup-close {
  z-index: 4; }

.first-time-login-popup-close:hover {
  transform: scale(1.2);
  cursor: pointer; }

.first-time-login-popup-title {
  font-size: 40px;
  font-weight: bold;
  padding-bottom: 40px; }

.first-time-login-popup-image {
  margin: 30px; }

.first-time-login-popup-text {
  color: #a6a6a6;
  font-size: 18px;
  width: 500px;
  text-align: center; }

.login-page-main-logo {
  position: fixed;
  top: 20px;
  left: 50px;
  z-index: 1; }

.login-page-main-logo img {
  height: 60px; }

.login-screen-container {
  width: 100%;
  padding: 100px 0 0 0;
  height: 100%;
  max-width: 100%;
  flex-direction: column; }

.login-page-analyze-button-container {
  height: 35px;
  display: flex;
  align-items: center; }

.login-page-help-url {
  color: #2f5e77; }

.login-page-help-url:hover {
  color: #182f3c; }

.login-page-top-bar {
  opacity: 1;
  height: 100px;
  width: 100%;
  background: #ffffff;
  position: absolute;
  z-index: 1;
  top: 0; }

.login-page-already-account {
  top: 15px;
  position: fixed;
  right: 30px;
  padding: 20px;
  cursor: pointer;
  z-index: 1; }

.login-page-analyze-button {
  position: absolute;
  right: 0;
  background: #FFA700;
  color: black;
  font-size: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 0;
  min-width: 180px;
  font-size: 14px;
  height: 50px;
  color: black;
  font-weight: 500;
  border-radius: 7px; }

.login-page-analyze-button:hover {
  background: #ffb933;
  transition: 0.2s;
  font-weight: 500;
  color: #000000;
  font-size: 13px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 15px; }

.login-page-analyze-button.login-disabled {
  background: grey;
  cursor: default;
  color: #BBBBBB; }

.login-page-analyze-button.login-disabled:hover {
  font-size: 12px; }

.login-page-sign-in {
  padding: 0px 6px;
  color: #2f5e77;
  font-size: 14px;
  font-weight: 500; }

.login-page-sign-in:hover {
  padding: 0px 6px;
  color: #182f3c;
  font-size: 14px;
  font-weight: 500; }

.login-page-slogan {
  width: 100%;
  height: 100px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #2f5e77;
  margin-bottom: 40px;
  font-size: 26px;
  line-height: 30px; }

.login-page-background-img {
  background-image: url(/DesignOwn/background.svg);
  background-repeat: no-repeat;
  height: 75vh;
  width: 100%;
  position: absolute;
  background-position: left; }

.login-page-background {
  opacity: 0.1;
  width: 100%;
  height: 100%;
  position: absolute;
  margin-bottom: 100px; }

.login-page-password-reset {
  color: black;
  padding: 20px 0px;
  margin-bottom: 30px;
  text-align: center; }

.signup-page-container {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 65px;
  background: #4b4148; }

.login-page-help-url.need-help {
  animation: help-finding-feed-url 2s 1; }

@keyframes help-finding-feed-url {
  0% {
    opacity: 0;
    color: #a6a6a6;
    transform: scale(1);
    padding-left: 0px; }
  20% {
    opacity: 1;
    color: #ffffff;
    transform: scale(1.1);
    padding-left: 10px; }
  80% {
    opacity: 1;
    color: #ffffff;
    transform: scale(1.1);
    padding-left: 10px; }
  100% {
    opacity: 0;
    color: #a6a6a6;
    transform: scale(1);
    padding-left: 0px; } }

@media only screen and (max-width: 991px) {
  .login-page-slogan {
    font-size: 20px; } }

@media only screen and (max-width: 600px) {
  .login-page-analyze-button {
    right: unset;
    position: unset; }
  .login-page-url-address-title {
    display: none; }
  .login-page-analyze-button-container {
    height: 100%;
    display: flex;
    align-items: center;
    flex-direction: column; }
  .login-page-footer-contact {
    display: none; }
  .login-page-main-logo img {
    height: 45px; }
  .login-page-help-url {
    padding-bottom: 10px; }
  .login-page-main-logo {
    top: 25px; }
  .login-screen-container > div {
    width: 80%; }
  .login-screen-container .login-page-background {
    width: 100%; } }

#signin-screen-blocker {
  height: calc(100% - 35px);
  width: 100%;
  background: #3B7695;
  position: fixed;
  color: white;
  opacity: 0.99;
  animation: signin-screen-blocker-fade 1s 1;
  flex-direction: column;
  z-index: 999; }

.signin-screen-blocker-message-display {
  position: relative;
  width: 200px; }

.signin-screen-blocker-seperator {
  height: 1px;
  width: 300px;
  background: White;
  margin-bottom: 25px; }

.signin-screen-blocker-message-container {
  margin-top: 0px;
  width: 200px;
  opacity: 1;
  animation: signin-screen-blocker-move-in 1s 1;
  position: absolute;
  text-align: center;
  font-size: 16px; }

.signin-screen-blocker-message-container.hide {
  opacity: 0;
  animation: signin-screen-blocker-move-out 1s 1; }

@media only screen and (max-width: 600px) {
  .login-page-slogan {
    flex-direction: row;
    font-size: 16px;
    line-height: 24px; }
  .login-page-slogan > div {
    padding-bottom: 16px; } }

@keyframes signin-screen-blocker-fade {
  0% {
    opacity: 0; }
  100% {
    opacity: 0.99; } }

@keyframes signin-screen-blocker-move-in {
  0% {
    opacity: 0;
    top: 150px; }
  100% {
    opacity: 1;
    top: 0px; } }

@keyframes signin-screen-blocker-move-out {
  0% {
    opacity: 1;
    top: 0px; }
  100% {
    opacity: 0;
    top: 150px; } }

.product-action-button {
  min-width: 130px;
  height: 40px;
  padding: 0;
  border: none;
  background: none;
  margin-right: 10px;
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
  padding-right: 5px; }

.product-action-button:hover .product-action-button-background {
  background: #ffb833; }

.product-action-button:focus {
  outline: none; }

.product-action-button-background {
  height: 100%;
  width: 100%;
  background: #e1e9ec;
  position: absolute;
  border-radius: 50px; }

.product-action-button-icon {
  min-width: 40px;
  min-height: 40px;
  transition: 0.2s;
  z-index: 1;
  position: relative; }

.product-action-button-icon-background {
  background: #2f5e77;
  opacity: 0.1;
  border-radius: 50px;
  position: absolute;
  height: 100%;
  width: 100%; }

.product-action-button-icon img {
  width: 20px;
  z-index: 1; }

.product-action-button:hover .product-action-button-icon img {
  width: 23px; }

.product-action-button-text {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  font-size: 12px;
  z-index: 1;
  padding: 0px 10px; }

.product-affected-actions-container {
  display: flex;
  justify-content: end;
  margin-bottom: 20px;
  flex-wrap: wrap; }

.product-affected-parent-container {
  margin-bottom: 10px;
  border-bottom: 1px solid #d8e4ea; }

.product-affected-parent-header {
  font-size: 14px;
  height: 40px;
  display: flex;
  align-items: center;
  font-weight: 500;
  color: #a2a2a2; }

.product-affected-item-container {
  width: 100%;
  height: 100px;
  background: white;
  display: flex; }

.product-affected-main-container {
  width: 100%;
  height: 100%;
  display: flex; }

.product-affected-image {
  height: 100%;
  min-width: 100px;
  background: #686868;
  cursor: pointer;
  overflow: hidden; }

.product-affected-image img {
  max-width: 100px;
  max-height: 100px;
  transition: 0.2s; }

.product-affected-image:hover img {
  transform: scale(1.1); }

.product-affected-main-text-field {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0px 20px;
  line-height: 20px;
  cursor: pointer; }

.product-affected-main-text-field:hover {
  background: #edf4f7; }

.product-affected-header-text {
  font-size: 16px;
  font-weight: 500;
  color: #858585;
  cursor: pointer; }

.product-affected-subtext {
  color: #b2b2b2; }

.product-affected-action-container {
  height: 100%;
  width: 250px;
  padding: 0px 10px;
  background: #ffffff; }

.product-affected-action-field {
  font-size: 14px;
  padding: 10px;
  height: 100%;
  display: flex;
  align-items: center;
  transition: 0.2s;
  color: #858585;
  cursor: pointer;
  font-weight: 500; }

.product-affected-action-field:hover {
  transform: scale(1.1);
  color: #4d5259; }

.product-affected-action-field.inactive {
  cursor: default;
  transition: 0s;
  color: #e1e1e1;
  font-weight: 100; }

.product-affected-action-field.inactive:hover {
  color: #e1e1e1;
  transform: scale(1); }

.product-affected-sub-container {
  height: 45px;
  width: 100%;
  background: #ffffff;
  display: flex;
  align-items: center; }

.product-affected-top-suggestion-text {
  width: 120px;
  height: 100%;
  padding: 10px;
  font-size: 12px; }

.product-affected-suggestion {
  min-width: 100px;
  display: flex;
  align-items: center;
  font-size: 11px;
  margin-right: 10px;
  color: white;
  cursor: pointer; }

.product-affected-suggestion-text {
  width: 100%;
  color: #6a6a6a;
  height: 100%;
  padding: 0px 10px; }

.product-affected-icon-container {
  height: 100%;
  min-width: 30px; }

.product-affected-icon-container img {
  width: 20px; }

.product-affected-suggestion:hover .product-affected-icon-container img {
  width: 26px; }

.product-affected-top-suggestion-container {
  display: flex;
  width: 100%;
  justify-content: flex-end;
  height: 28px; }

#product-bulk-edit-info {
  width: 100%;
  height: 100px;
  background: #3e333a;
  padding: 20px;
  display: flex;
  align-items: center;
  color: white;
  font-size: 18px; }

.product-bulk-edit-text {
  display: flex;
  align-items: center;
  padding: 0 10px;
  width: 100%;
  height: 100%; }

.bulk-edit-add-second-field {
  background: #FFA700;
  color: white;
  padding: 5px 10px;
  cursor: pointer; }

.bulk-edit-add-second-field:hover {
  background: #ffb933; }

.bulk-edit-second-filed-connector {
  padding: 10px 0px;
  display: flex;
  align-items: center; }

.bulk-edit-dropdown {
  width: 150px;
  padding: 0px 5px; }

.productsbulkeditsettings {
  display: flex;
  padding: 15px 10px;
  margin-bottom: 10px;
  flex-direction: column;
  justify-content: center;
  border-bottom: 1px solid #d7e1e6; }

#productsbulkeditsettings select {
  margin: 0px 10px;
  border-radius: 0px; }

.product-affected-bulk-edit-field-main-text-field {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0px 20px;
  line-height: 20px;
  cursor: default;
  background: #f7f7f7; }

.product-affected-bulk-edit-field-image {
  height: 100%;
  min-width: 100px;
  background: #686868;
  overflow: hidden; }

.product-affected-bulk-edit-field-image img {
  max-width: 100px;
  max-height: 100px; }

.product-affected-bulk-field-container {
  height: 100%;
  width: 100%;
  padding: 10px;
  flex-direction: column;
  position: relative; }

.product-affected-bulk-edit-field-container {
  padding: 0 10px;
  height: 35px;
  border-radius: 0; }

.product-affected-bulk-edit-field-main-container {
  display: flex;
  padding: 5px 0px;
  width: 100%; }

.product-affected-bulk-edit-field-name-container {
  position: relative; }

.product-affected-bulk-edit-field-name {
  height: 100%;
  background: #e9e9e9;
  display: flex;
  align-items: center;
  padding: 0px 10px;
  min-width: 100px;
  position: relative; }

.product-affected-bulk-edit-field-updater {
  height: 35px;
  background: #FFA700;
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 1;
  top: 0;
  color: white; }

.product-affected-bulk-edit-field-updater.hidden {
  opacity: 0; }

.product-affected-bulk-edit-field-updater.visible {
  animation: bulk-edit-updater 1s 1; }

@keyframes bulk-edit-updater {
  0% {
    opacity: 0; }
  20% {
    opacity: 1; }
  80% {
    opacity: 1; }
  100% {
    opacity: 0; } }

#qbp-compaddurl:focus {
  background-color: #f3f3f3;
  border: 0px; }

.product-edit-popout-main-container {
  width: 100%;
  background: #f3f3f3;
  display: flex;
  flex-direction: row;
  position: relative; }

.product-edit-popout-top-container {
  display: flex;
  flex-direction: initial; }

.product-edit-popout-top-container-main {
  width: 100%;
  position: relative; }

.product-edit-popout-top-container-close {
  width: 40px;
  height: 40px;
  position: absolute;
  right: 0;
  cursor: pointer; }

.product-edit-popout-top-close {
  width: 30px;
  height: 30px; }

.product-edit-popout-top-close:hover {
  width: 35px;
  height: 35px; }

.product-edit-popout-top-text-container {
  line-height: 20px;
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
  justify-content: center;
  padding: 20px;
  background: #edf4f7; }

.product-edit-popout-top-text-header {
  font-size: 18px;
  color: #3B7695; }

.product-edit-popout-top-text-header:hover {
  color: #FFA700; }

.product-edit-popout-top-text {
  font-size: 14px;
  color: gray; }

.product-edit-popout-top-stock-container {
  display: flex;
  flex-direction: row; }

.product-edit-popout-top-stock-text, .product-edit-popout-top-filter-text {
  padding-left: 5px;
  font-weight: 400; }

.product-edit-popout-top-stock-text:hover, .product-edit-popout-top-filter-text:hover {
  cursor: pointer;
  font-weight: 900; }

.product-edit-popout-imagecontainer {
  max-width: 150px;
  min-height: 150px;
  height: 150px;
  width: 150px;
  background-color: #fff; }

.iconProductRescan, .iconProductTransparency, .iconProductFiltered {
  width: 18px;
  height: 18px;
  display: none;
  margin-right: 5px; }

.product-edit-popout-image {
  max-width: 150px;
  max-height: 150px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  height: auto;
  padding-top: 10px; }

.product-edit-popout-controls-container {
  min-height: 50px;
  background: white;
  width: 100%;
  align-items: center;
  display: flex;
  padding: 0px 5px; }

.product-edit-popout-controls-action-container {
  min-width: 100px;
  max-width: 160px;
  height: 40px;
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 0px 10px; }

/*Inactive*/
.product-edit-popout-controls-action-container.inactive:hover {
  background: none;
  cursor: default; }

.product-edit-popout-controls-action-container.inactive:hover .product-edit-popout-controls-action-icon-container {
  background: #3b3b3b; }

.product-edit-popout-controls-action-container.inactive:hover .product-edit-popout-controls-action-icon-container .product-edit-popout-controls-action-icon {
  width: 20px;
  height: 20px; }

/*Default*/
/*.product-edit-popout-controls-action-container:hover {
    background: $primary-colour;
}*/
.product-edit-popout-controls-action-container:hover .product-edit-popout-controls-action-icon-container {
  background: #FFA700; }

.product-edit-popout-controls-action-container:hover .product-edit-popout-controls-action-icon-container .product-edit-popout-controls-action-icon {
  width: 24px;
  height: 24px; }

.product-edit-popout-controls-action-container-active .product-edit-popout-controls-action-icon-container {
  background: #FFA700; }

.product-edit-popout-controls-action-icon-container {
  height: 35px;
  min-width: 35px;
  background: #e1e9ec;
  margin-right: 10px;
  border-radius: 20px; }

.product-edit-popout-controls-action-icon {
  width: 20px;
  height: 20px; }

.product-edit-popout-controls-action-icon.inactive {
  opacity: 0.5; }

.product-edit-popout-controls-action-text {
  color: #3B7695;
  display: flex;
  justify-content: center;
  font-size: 13px; }

.product-edit-popout-controls-action-text.inactive {
  color: grey; }

.product-edit-popout-body-tab {
  height: 100%;
  width: 100%;
  background: green; }

.product-edit-popout-tab-notifier {
  width: 100%;
  min-height: 40px;
  background: #f0eef1;
  color: #8d8e8e;
  font-weight: 500;
  font-size: 14px; }

.product-edit-popout-body-container {
  max-height: 100%;
  background: #f3f3f3; }

.product-edit-popout-body-content {
  height: 100%;
  padding: 10px; }

.product-edit-popout-body-content-field-container {
  display: flex;
  height: 35px;
  align-items: center;
  margin-bottom: 5px; }

.product-edit-popout-body-content-field-name {
  height: 100%;
  min-width: 200px;
  background: #e1e9ec;
  display: flex;
  align-items: center;
  padding: 0px 10px; }

.product-edit-popout-body-content-input-field-container {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  background: white;
  position: relative; }

.product-edit-popout-body-content-input-field {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  border: 0;
  padding: 0px 10px; }

.product-edit-popout-body-content-input-field:focus {
  border: 1px solid #bebebe;
  outline: none; }

.product-edit-popout-body-content-input-field::placeholder {
  color: #c3c3c3; }

.product-edit-popout-edit-toggle-container {
  height: 100%; }

.product-edit-popout-edit-toggle {
  min-width: 35px;
  height: 100%;
  margin-left: 5px;
  background: #e1e9ec; }

.product-edit-popout-edit-toggle:hover {
  cursor: pointer;
  background: #FFA700; }

.product-edit-popout-edit-toggle:hover img {
  width: 23px;
  height: 23px;
  transition: 0.2s; }

.product-edit-popout-edit-confirmation-spacer {
  min-height: 80px; }

.product-edit-popout-edit-confirmation {
  width: 100%;
  height: 80px;
  background: #edf4f7;
  color: white;
  position: absolute;
  bottom: 0;
  display: flex;
  padding: 0px 20px; }

.product-edit-popout-edit-confirmation-text {
  display: flex;
  height: 100%;
  align-items: center;
  width: 100%; }

.product-edit-popout-edit-confirmation-text div {
  padding: 0px 3px; }

.product-edit-popout-edit-confirmation-controls-container {
  display: flex;
  height: 100%;
  align-items: center; }

.product-edit-popout-edit-confirmation-control {
  height: 40px;
  width: 40px;
  margin: 5px;
  border-radius: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer; }

.product-edit-popout-edit-confirmation-control:hover .product-edit-popout-edit-confirmation-control-icon {
  height: 30px;
  width: 30px;
  transition: 0.2s; }

.product-edit-popout-edit-confirmation-control-icon {
  height: 25px;
  width: 25px; }

.product-edit-popout-body-content-field-value {
  background: white;
  padding: 0px 10px;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  border: 0; }

.product-edit-popout-body-content-field-value:focus {
  border: 1px solid #bebebe;
  outline: 0; }

.product-edit-popout-body-content-details-field-value {
  background: #e1e9ec;
  padding: 0px 10px;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  border: 0; }

.product-edit-popout-body-content-details-field-value:focus {
  outline: 0;
  border: 0; }

.imported-product-data-overview-container {
  height: 110px;
  background: white;
  display: flex;
  align-items: center; }

.imported-product-data-container {
  background: white;
  width: 200px;
  height: 100%;
  flex-direction: column;
  padding-top: 5px;
  cursor: pointer;
  background: #edf4f7;
  border-radius: 20px; }

.imported-product-data-overview-in-between {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column-reverse; }

.imported-product-data-container:hover .imported-product-data-value {
  color: #FFA700; }

.imported-product-data-value {
  font-size: 26px;
  font-weight: 500;
  color: #3B7695;
  padding-bottom: 6px; }

.imported-product-data-value:hover {
  cursor: pointer;
  color: #FFA700; }

.imported-product-data-text {
  font-size: 16px;
  color: grey; }

.imported-product-data-seperator {
  height: 80%;
  width: 10px; }

@media only screen and (max-width: 600px) {
  .imported-product-data-overview-in-between {
    display: unset; } }

.product-suggestion-affected-overview {
  min-width: 100% !important;
  left: 0 !important;
  margin-bottom: 10px; }

.product-suggestion-parent-container-header {
  height: 50px;
  display: flex;
  border-bottom: 1px solid #e1e9ec; }

.product-suggestion-parent-container-header.active {
  cursor: pointer; }

.product-suggestion-parent-container-header.active:hover {
  background: #edf4f7; }

.product-suggestion-parent-container-header.active:hover .product-suggestion-parent-container-header-text .product-suggestion-parent-container-chevron img {
  transform: scale(1.2); }

.product-suggestion-parent-container-header:hover .product-suggestion-parent-container-header-text .product-suggestion-parent-container-chevron.product-suggestion-container-closed img {
  transform: scale(1.2);
  animation-name: product-suggestion-header-chevron;
  animation-duration: 1s;
  animation-iteration-count: infinite; }

.product-suggestion-parent-container-header:hover .product-suggestion-parent-container-header-icon.active img {
  transform: scale(1.2); }

@keyframes product-suggestion-header-chevron {
  0% {
    transform: scale(1.2) translateY(0px); }
  50% {
    transform: scale(1.2) translateY(3px); }
  100% {
    transform: scale(1.2) translateY(0px); } }

.product-suggestion-parent-container-header-text {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  padding: 2px 5px 0px 5px;
  font-size: 18px;
  font-weight: 500;
  position: relative;
  color: grey; }

.product-suggestion-parent-container-header-count {
  padding: 0px 6px; }

.product-suggestion-parent-container-header-icon {
  height: 50px;
  width: 50px;
  display: flex;
  justify-content: center;
  align-items: center; }

.product-suggestion-parent-container-header-icon img {
  height: 26px;
  width: 26px;
  transition: 0.2s; }

.product-suggestion-parent-container-chevron {
  position: absolute;
  height: 50px;
  width: 50px;
  right: 0;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: scaleY(-1); }

.product-suggestion-parent-container-chevron.product-suggestion-container-closed {
  transform: scaleY(1); }

.product-suggestion-parent-container-chevron img {
  height: 26px;
  width: 26px;
  transition: 0.2s; }

.product-suggestions-container {
  padding: 15px;
  background: white;
  display: flex;
  flex-direction: column; }

.product-suggestion-container {
  height: 90px;
  width: 100%;
  display: flex; }

.product-suggestion-container:hover {
  background: white; }

.product-suggestion-value-container {
  min-width: 90px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 14px;
  color: white;
  font-size: 20px;
  font-weight: bold; }

.product-suggestion-value-container-name {
  width: 100%;
  height: 25px;
  background: rgba(0, 0, 54, 0.15);
  position: absolute;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  font-size: 10px;
  font-weight: 300; }

.product-suggestion-description-container {
  width: 100%;
  display: flex;
  flex-direction: row;
  background: white;
  cursor: pointer; }

.product-suggestion-description-container:hover {
  background: #edf4f7; }

.product-suggestion-description-container:hover .product-suggestion-value-container .product-suggestion-value {
  transform: scale(1.1);
  transition: 0.2s; }

.product-suggestion-description-text-container {
  height: 100%;
  line-height: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 20px; }

.product-suggestion-title {
  padding-right: 5px;
  font-weight: bold;
  color: #4d5259;
  font-size: 16px; }

.product-suggestion-what-is-this {
  font-size: 11px;
  color: #777777; }

.product-suggestion-what-is-this:hover {
  cursor: pointer;
  color: black;
  font-weight: 500; }

.product-suggestion-action {
  height: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  background: white; }

.product-suggestion-action * {
  width: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-user-select: none;
  /* Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10+/Edge */
  user-select: none;
  /* Standard */
  color: #4d5259;
  transition: all 0.2s;
  height: 100%;
  margin: 0px 5px;
  cursor: pointer;
  font-size: 14px; }

.product-suggestion-action *:hover {
  font-size: 15px;
  color: #4d5259; }

.product-suggestion-popup-header {
  display: flex;
  justify-content: flex-end;
  height: 50px;
  width: 100%;
  position: relative;
  align-items: center; }

.product-suggestion-popup-close {
  z-index: 4;
  height: 30px; }

.product-suggestion-popup-close:hover {
  transform: scale(1.2);
  cursor: pointer; }

.product-suggestion-what-is-this-header {
  background: #53cbbf;
  color: white;
  padding: 10px 15px;
  border-bottom: none;
  border-radius: 0px; }

.product-suggestion-what-is-this-body {
  min-height: 120px;
  display: flex;
  justify-content: center;
  align-items: center; }

.product-suggestion-show-more-main-container {
  position: relative;
  width: 100%;
  height: 90px;
  background: #ffffff;
  border-top: 1px solid #e1e9ec;
  z-index: 99;
  padding: 20px; }

.product-suggestion-show-more-info {
  width: 100%;
  height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 10px;
  color: black;
  padding: 10px 20px 0px 20px; }

.product-suggestion-show-more-container {
  color: #3B7695;
  display: flex;
  align-items: center;
  height: 100%;
  font-size: 14px; }

.product-suggestion-show-more-text {
  padding-top: 5px;
  display: flex; }

.product-suggestion-show-more-current-count {
  margin: 0px 6px;
  font-weight: 500; }

.product-suggestion-show-more-total-count {
  margin: 0px 6px;
  font-weight: 500; }

.product-suggestion-show-more-button {
  position: absolute;
  right: 0;
  margin-right: 20px;
  width: 120px;
  height: 40px;
  background: #ffa700;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  cursor: pointer; }

.product-suggestion-show-more-button:hover {
  background: #FFCB67;
  font-size: 15px; }

.product-suggestion-show-more-incoming {
  height: 100%; }

.product-suggestion-show-more-finished {
  height: 100%; }

.product-suggestion-show-more-finished-container {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #396a81; }

#signuparea {
  display: flex;
  justify-content: center; }

.main-content.signup-page-content {
  background: transparent;
  padding: 0;
  overflow-y: unset;
  margin: 0; }

.main-container.signup-page {
  padding-top: 0px;
  margin-top: 0px;
  border: 0; }

.user-signup-detail {
  height: 100%;
  width: 450px;
  overflow: hidden;
  position: relative;
  z-index: 4; }
  .user-signup-detail-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    background: black;
    top: 0;
    z-index: 1;
    opacity: 0.5; }
    .user-signup-detail-overlay-small {
      width: 100%;
      height: 100px;
      bottom: 0;
      left: 0;
      display: flex;
      align-items: center;
      position: absolute; }
    .user-signup-detail-overlay-small-text {
      font-size: 16px;
      color: white;
      z-index: 1;
      margin-left: 20px; }
    .user-signup-detail-overlay-small-background {
      background: black;
      opacity: 0.5;
      width: 100%;
      height: 100%;
      position: absolute; }
    .user-signup-detail-overlay-img {
      min-height: 1080px;
      min-width: 1920px;
      position: absolute;
      left: -400px; }

.user-signupfind-out-more-container {
  bottom: 0px;
  position: absolute;
  height: 80px;
  width: 100%;
  display: flex;
  align-items: center;
  color: white;
  padding: 20px; }

.user-signupfind-out-more-overlay {
  height: 100%;
  width: 100%;
  background: Black;
  opacity: 0.5;
  position: absolute;
  z-index: 0;
  left: 0; }

.user-signupfind-out-more-text {
  z-index: 1;
  font-size: 14px;
  cursor: pointer;
  color: white; }
  .user-signupfind-out-more-text :hover {
    font-size: 15px;
    color: white; }
  .user-signupfind-out-more-text :active {
    color: white; }
  .user-signupfind-out-more-text :visited {
    color: white; }

.user-signup-header {
  width: 100%;
  height: 80px;
  background: #3d4143;
  position: absolute;
  left: 0;
  z-index: 3; }

.user-signup-image-panel {
  width: 40%;
  height: 100%;
  position: relative;
  display: flex;
  justify-content: center;
  flex-direction: column;
  overflow: hidden;
  border-radius: 10px 0 0 10px;
  max-width: 450px; }
  .user-signup-image-panel-overlay {
    background: #3B7695;
    opacity: 0.88;
    height: 100%;
    width: 100%;
    position: absolute; }
  .user-signup-image-panel-img {
    min-width: 1920px;
    min-height: 1080px;
    z-index: 0;
    position: absolute;
    opacity: 0; }
  .user-signup-image-panel-img.horizontal {
    animation: sign-up-image-horizontal 12s infinite;
    left: -900px; }
  .user-signup-image-panel-img.vertical {
    animation: sign-up-image-vertical 12s infinite;
    top: -800px;
    left: -900px; }

.user-signup-main-panel {
  width: 60%;
  height: 100%;
  background: #ffffff;
  /*border-radius: 0 10px 10px 0;*/
  overflow: hidden;
  display: flex;
  flex-direction: column;
  max-width: 650px; }
  .user-signup-main-panel-header {
    height: 80px; }
  .user-signup-main-panel-seperator {
    width: 100%;
    height: 1px;
    background: #e1e1e1; }
  .user-signup-main-panel-content {
    width: 100%;
    height: 100%;
    background: #f4f4f4;
    padding: 20px;
    overflow-y: auto; }
  .user-signup-main-panel-text-container {
    text-align: center;
    padding: 20px 0;
    font-size: 14px; }

.user-signup-override {
  width: 100% !important;
  justify-content: center;
  align-items: center;
  position: relative;
  border: 0px;
  height: 100%;
  min-height: calc(100vh - 35px) !important; }

.user-signup-parent-container {
  display: flex;
  height: 70vh;
  max-width: 70%;
  min-width: 60%;
  margin-bottom: 35px; }

.user-signup-product-clothing {
  transform: scale(0.6); }

.user-signup-product-electronics {
  transform: scale(0.6); }

.user-signup-product-giftbag {
  transform: scale(0.55); }

.user-signup-product-wallet {
  transform: scale(0.35); }

.user-signup-btn {
  background: #FFA700;
  color: black;
  font-size: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50px; }
  .user-signup-btn :hover {
    background: #ffb933;
    transition: 0.2s;
    font-weight: 500;
    color: #000000;
    font-size: 13px;
    display: flex;
    justify-content: center;
    align-items: center; }
  .user-signup-btn .disabled {
    color: black;
    background: #bbbbbb;
    font-size: 12px;
    cursor: default;
    -webkit-user-select: none;
    /* Safari */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* IE10+/Edge */
    user-select: none;
    /* Standard */ }
    .user-signup-btn .disabled :hover {
      color: black;
      background: #bbbbbb;
      font-size: 12px;
      cursor: default;
      -webkit-user-select: none;
      /* Safari */
      -moz-user-select: none;
      /* Firefox */
      -ms-user-select: none;
      /* IE10+/Edge */
      user-select: none;
      /* Standard */ }

.user-signup-slider {
  margin: 30px;
  transform: scale(1.3); }

.user-signup-title-container {
  padding: 30px;
  z-index: 1;
  position: absolute;
  color: black;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-family: Poppins,sans-serif; }

.user-signup-title-text {
  font-size: 30px;
  padding-bottom: 20px;
  font-weight: 700;
  color: white;
  font-size: 36px;
  line-height: 32px; }

.user-signup-title-subtext {
  font-size: 18px; }

@media only screen and (max-width: 991px) {
  .user-signup-detail {
    display: none; }
  .user-signup-image-panel {
    display: none; }
  .user-signup-main-panel {
    width: 100%;
    /*border-radius: 10px;*/ }
  .user-signup-parent-container {
    max-width: 90%;
    min-width: 80%; } }

@media only screen and (max-width: 600px) {
  .user-signup-image-panel {
    display: none; }
  .user-signup-main-panel {
    width: 100%;
    border-radius: 0px; }
    .user-signup-main-panel-header {
      height: 100px; }
    .user-signup-main-panel-seperator {
      height: 1.2px; }
  .user-signup-parent-container {
    min-width: 100%;
    min-height: 100vh;
    margin-bottom: 0px; }
  #enter-wisemetrics-btn {
    bottom: 35px !important; } }

@media only screen and (max-height: 700px) {
  .user-signup-parent-container {
    height: 90vh; } }

@keyframes sign-up-image-horizontal {
  0% {
    opacity: 0;
    left: -900px; }
  20% {
    opacity: 1;
    left: -700px; }
  80% {
    opacity: 1;
    left: -700px; }
  100% {
    opacity: 0;
    left: -900px; } }

@keyframes sign-up-image-vertical {
  0% {
    opacity: 0;
    left: -800px;
    top: -1300px; }
  20% {
    opacity: 1;
    left: -800px;
    top: -1100px; }
  80% {
    opacity: 1;
    left: -800px;
    top: -1100px; }
  100% {
    opacity: 0;
    left: -800px;
    top: -1300px; } }

.totalprice {
  background: #685b64;
  color: white !important;
  border: 0;
  border-radius: 0; }

.selectPlan {
  border: 0;
  padding: 20px;
  border-radius: 0;
  width: 200px; }

.select-plan-container {
  padding-top: 20px; }

.select-plan-footer {
  border: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: .25rem;
  border-bottom-right-radius: .25rem;
  height: 20px; }

.plan-container {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column; }

.plan-coming-soon {
  height: 300px;
  width: 500px;
  color: #3f383d;
  justify-content: center;
  display: flex;
  align-items: center;
  flex-direction: column;
  padding-bottom: 50px; }

.plan-coming-soon-icon-container {
  height: 200px; }

.plan-coming-soon-text {
  font-size: 20px;
  font-weight: 500; }

.plan-coming-soon-sub-text {
  display: flex;
  align-items: center;
  background: white;
  flex-direction: column;
  padding: 5px 30px;
  border-radius: 10px; }

.plan-contact-soon {
  font-weight: bold;
  font-size: 18px;
  height: 50px; }

.package-body-header {
  background: #4b4148;
  display: unset; }

.package-body {
  margin: 0;
  border: 0;
  height: 100%;
  background: #efefef;
  overflow-y: scroll;
  display: flex;
  flex-direction: column; }

#pricingarea {
  padding: 20px;
  margin: 0px;
  width: 100%;
  display: flex;
  justify-content: center; }

.packagetitle {
  margin: 0px;
  background: #7e777c;
  color: white;
  border: 0;
  padding: 0;
  border-bottom: 0px !important;
  border-top-left-radius: .25rem;
  border-top-right-radius: .25rem; }

.packageproducts {
  font-weight: 700; }

.packageextraproducts {
  font-weight: 700; }

.package-price-section {
  background: #3f383d; }

.package-price-section * {
  color: white; }

.package-description-section * {
  color: white; }

.package {
  min-width: 275px;
  max-width: 350px;
  transition: 0.2s;
  transform: scale(1); }

.package:hover {
  transform: scale(1.025); }

.package-card {
  border-radius: .25rem !important;
  background: #4b4148;
  transition: 0.2s; }

@media (min-width: 992px) {
  .package-body-header {
    display: unset; } }

@media only screen and (max-width: 991px) {
  .package-body-header {
    display: none; } }