@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,700;1,400&display=swap");
/* line 3, app/assets/stylesheets/integrations/v1/integrations.scss */
.hv-100 {
  height: 100vh !important;
}

/* line 5, app/assets/stylesheets/integrations/v1/integrations.scss */
.integrations-wrapper {
  font-family: 'Poppins', sans-serif !important;
}

/* line 6, app/assets/stylesheets/integrations/v1/integrations.scss */
.integrations-wrapper .dropdown-item.active, .integrations-wrapper .dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background: #4460ff !important;
}

/* line 11, app/assets/stylesheets/integrations/v1/integrations.scss */
.integrations-wrapper .dropdown-item.active:hover {
  color: #fff;
  text-decoration: none;
  background: #2d49e6 !important;
}

/* line 16, app/assets/stylesheets/integrations/v1/integrations.scss */
.integrations-wrapper .dropdown-item:hover, .integrations-wrapper .dropdown-item:focus {
  color: #333;
  text-decoration: none;
  background: #f5f5f8 !important;
}

/* line 21, app/assets/stylesheets/integrations/v1/integrations.scss */
.integrations-wrapper i:hover {
  animation: none !important;
}

/* line 25, app/assets/stylesheets/integrations/v1/integrations.scss */
.integrations-wrapper .list-group {
  color: rgba(0, 0, 0, 0.7) !important;
}

/* line 27, app/assets/stylesheets/integrations/v1/integrations.scss */
.integrations-wrapper .list-group a {
  color: rgba(0, 0, 0, 0.7) !important;
  text-decoration: none !important;
  padding: 18px 25px 18px 25px !important;
  border-left: 3px solid transparent;
  color: rgba(0, 0, 0, 0.5) !important;
  cursor: pointer !important;
}

/* line 34, app/assets/stylesheets/integrations/v1/integrations.scss */
.integrations-wrapper .list-group a i {
  width: 14px !important;
  margin-right: 15px !important;
}

/* line 39, app/assets/stylesheets/integrations/v1/integrations.scss */
.integrations-wrapper .list-group a:hover, .integrations-wrapper .list-group a.active {
  color: rgba(0, 0, 0, 0.8) !important;
  font-weight: 400 !important;
  border-left: 3px solid #4460ff;
}

/* line 44, app/assets/stylesheets/integrations/v1/integrations.scss */
.integrations-wrapper .list-group hr {
  padding: 0px !important;
  opacity: 0.9 !important;
  margin-top: 10px !important;
  margin-bottom: 10px !important;
  width: 80%;
}

/* line 51, app/assets/stylesheets/integrations/v1/integrations.scss */
.integrations-wrapper .list-group h6 {
  padding: 13px 25px 5px 25px !important;
  font-weight: 400 !important;
  color: #8898aa !important;
  font-size: .75rem;
  text-transform: uppercase;
  letter-spacing: .04em;
}

/* line 62, app/assets/stylesheets/integrations/v1/integrations.scss */
.barter-logo {
  max-width: 100%;
  max-height: 2.5rem;
  margin: 5px;
}

/* line 68, app/assets/stylesheets/integrations/v1/integrations.scss */
.round {
  border-radius: 1000px !important;
}

/* line 69, app/assets/stylesheets/integrations/v1/integrations.scss */
.bg-blue {
  background: #4460ff !important;
}

/* line 70, app/assets/stylesheets/integrations/v1/integrations.scss */
.text-blue {
  color: #4460ff !important;
}

/* line 71, app/assets/stylesheets/integrations/v1/integrations.scss */
.btn-blue {
  background: #4460ff !important;
  color: #EFEFEF !important;
}

/* line 72, app/assets/stylesheets/integrations/v1/integrations.scss */
.btn-blue:hover {
  background: #2d49e6 !important;
}

/* line 73, app/assets/stylesheets/integrations/v1/integrations.scss */
.btn-outline-blue {
  background: transparent !important;
  border: 1px solid #4460ff !important;
  color: #4460ff !important;
}

/* line 74, app/assets/stylesheets/integrations/v1/integrations.scss */
.btn-outline-blue:hover {
  background: #4460ff !important;
  border: 1px solid #4460ff !important;
  color: #FEFEFE !important;
}

/* line 75, app/assets/stylesheets/integrations/v1/integrations.scss */
.bg-green {
  background: #2dce89 !important;
}

/* line 76, app/assets/stylesheets/integrations/v1/integrations.scss */
.text-green {
  color: #2dce89 !important;
}

/* line 77, app/assets/stylesheets/integrations/v1/integrations.scss */
.btn-green {
  background: #2dce89 !important;
  color: #EFEFEF !important;
}

/* line 78, app/assets/stylesheets/integrations/v1/integrations.scss */
.btn-green:hover {
  background: #13b16d !important;
}

/* line 79, app/assets/stylesheets/integrations/v1/integrations.scss */
.btn-outline-green {
  background: transparent !important;
  border: 1px solid #2dce89 !important;
  color: #2dce89 !important;
}

/* line 80, app/assets/stylesheets/integrations/v1/integrations.scss */
.btn-outline-green:hover {
  background: #2dce89 !important;
  border: 1px solid #2dce89 !important;
  color: #FEFEFE !important;
}

/* line 81, app/assets/stylesheets/integrations/v1/integrations.scss */
.text-yellow {
  color: #ff6702 !important;
}

/* line 82, app/assets/stylesheets/integrations/v1/integrations.scss */
.text-warm {
  color: #f5365c !important;
}

/* line 83, app/assets/stylesheets/integrations/v1/integrations.scss */
.bg-yellow {
  background: #ff6702 !important;
}

/* line 84, app/assets/stylesheets/integrations/v1/integrations.scss */
.btn-yellow {
  background: #ff6702 !important;
  color: #EFEFEF !important;
}

/* line 85, app/assets/stylesheets/integrations/v1/integrations.scss */
.btn-yellow:hover {
  background: #ff6702 !important;
}

/* line 86, app/assets/stylesheets/integrations/v1/integrations.scss */
.btn-outline-yellow {
  background: transparent !important;
  border: 1px solid #ff6702 !important;
  color: #ff6702 !important;
}

/* line 87, app/assets/stylesheets/integrations/v1/integrations.scss */
.btn-outline-yellow:hover {
  background: #ff6702 !important;
  border: 1px solid #ff6702 !important;
  color: #FEFEFE !important;
}

/* line 88, app/assets/stylesheets/integrations/v1/integrations.scss */
.btn-clear {
  background: transparent !important;
  border: 0px !important;
}

/* line 90, app/assets/stylesheets/integrations/v1/integrations.scss */
.bg-gradient.bg-night {
  background: #1a386e;
  background: linear-gradient(135deg, #1a386e 0%, #11203d 56%, #09111e 100%);
}

/* line 91, app/assets/stylesheets/integrations/v1/integrations.scss */
.bg-gradient.bg-primary {
  background: linear-gradient(118deg, #6452ff 0%, #8b3bff 71%) !important;
}

/* line 92, app/assets/stylesheets/integrations/v1/integrations.scss */
.bg-gradient.bg-purple {
  background: linear-gradient(87deg, #5e72e4, #825ee4) !important;
}

/* line 93, app/assets/stylesheets/integrations/v1/integrations.scss */
.bg-gradient.bg-grass {
  background: linear-gradient(87deg, #2dce89, #2dcecc) !important;
}

/* line 94, app/assets/stylesheets/integrations/v1/integrations.scss */
.bg-gradient.bg-warm {
  background: linear-gradient(87deg, #f5365c, #f56036) !important;
}

/* line 95, app/assets/stylesheets/integrations/v1/integrations.scss */
.bg-gradient.bg-cool {
  background: linear-gradient(135deg, #30b3e7 30%, #2d73f7 100%) !important;
}

/* line 97, app/assets/stylesheets/integrations/v1/integrations.scss */
.bxi-header {
  height: auto !important;
  min-height: 190px !important;
}

/* line 98, app/assets/stylesheets/integrations/v1/integrations.scss */
.bxi-wrapper {
  margin-top: -100px !important;
}

/* line 101, app/assets/stylesheets/integrations/v1/integrations.scss */
.bxi-profile {
  margin-top: -100px !important;
}

/* line 104, app/assets/stylesheets/integrations/v1/integrations.scss */
.bxi-card {
  border-radius: .375rem !important;
}

/* line 107, app/assets/stylesheets/integrations/v1/integrations.scss */
.product-description {
  font-size: 0.95em !important;
}

/* line 109, app/assets/stylesheets/integrations/v1/integrations.scss */
.product-description span {
  opacity: 0.85 !important;
}

/* line 112, app/assets/stylesheets/integrations/v1/integrations.scss */
.product-description img {
  right: 5% !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  position: absolute !important;
  height: 100px !important;
  width: auto !important;
}

/* line 122, app/assets/stylesheets/integrations/v1/integrations.scss */
.bg-shadow {
  box-shadow: 2px 2px 8px 3px #26323810 !important;
}

/* line 126, app/assets/stylesheets/integrations/v1/integrations.scss */
.bg-shadow-darker {
  box-shadow: 2px 2px 8px 3px #2632381c !important;
}

/* line 130, app/assets/stylesheets/integrations/v1/integrations.scss */
.d-center {
  left: 50% !important;
  transform: translateX(-50%) !important;
}

/* line 136, app/assets/stylesheets/integrations/v1/integrations.scss */
.integrations-wrapper .dropdown-menu {
  box-shadow: 2px 2px 8px 3px #26323810 !important;
  border-radius: 0px !important;
  padding: 0px !important;
  border: 0px !important;
}

/* line 141, app/assets/stylesheets/integrations/v1/integrations.scss */
.integrations-wrapper .dropdown-menu .dropdown-item {
  padding: 15px 20px 15px 20px !important;
}

/* line 145, app/assets/stylesheets/integrations/v1/integrations.scss */
.integrations-wrapper #subscriptionsOptions.dropdown-toggle::before {
  display: none !important;
}

/* line 148, app/assets/stylesheets/integrations/v1/integrations.scss */
.integrations-wrapper .dropdown-menu[aria-labelledby=subscriptionsOptions] {
  margin-right: 10px;
}

/* line 153, app/assets/stylesheets/integrations/v1/integrations.scss */
.lynexus-avatar {
  width: 120px !important;
  height: 120px !important;
  border-radius: 100% !important;
  display: inline-block !important;
}

/* line 160, app/assets/stylesheets/integrations/v1/integrations.scss */
.rounded-bottom-left {
  border-radius: 0px !important;
  border-bottom-left-radius: 10px !important;
}

/* line 165, app/assets/stylesheets/integrations/v1/integrations.scss */
.rounded-bottom-right {
  border-radius: 0px !important;
  border-bottom-right-radius: 10px !important;
}