[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important; }

.site-section-ecosystem .masthead {
  background-size: cover; }

.animate-show {
  transition: opacity 200ms cubic-bezier(0.465, 0.183, 0.153, 0.946);
  opacity: 1; }
  .animate-show.ng-hide {
    opacity: 0; }

.desc.animate-show.ng-hide-remove,
.desc.animate-show.ng-hide-add {
  position: absolute;
  z-index: 1;
  top: 0;
  height: 275px;
  width: 1170px; }

.spinner-container {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -20px;
  margin-left: -20px;
  z-index: 10; }
  .spinner-container:before {
    content: '';
    position: absolute;
    width: 80px;
    height: 80px;
    margin-left: -20px;
    margin-top: -20px;
    background-color: #d1d4d3;
    opacity: 0.4;
    z-index: -1; }

.search-facets .group-heading {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 19.754px;
  line-height: 1.23463rem; }

.search-facets .search-facet-group {
  margin: 0 0 1.875rem; }

.single-checkbox {
  background: #f7f7f7;
  border: 1px solid #ececec;
  padding: 8px 24px 2px 10px;
  margin-bottom: 10px; }

.filter-modal-header {
  background: #f7f7f7;
  border: 1px solid #ececec;
  padding: 8px;
  margin-bottom: 10px; }

.modal {
  z-index: 1050; }

.modal-backdrop {
  position: fixed;
  bottom: 0;
  z-index: 1040; }

.modal-body {
  padding: 1.2rem 1.5rem; }
  .modal-body h3 {
    display: inline; }
  .modal-body a {
    display: inline;
    float: right;
    padding-right: 1rem; }
  .modal-body .list-checkboxes {
    margin-top: 1.5rem; }

.input-group-btn .close {
  position: absolute;
  z-index: 10;
  top: 7px;
  right: auto;
  left: -30px; }

@media (min-width: 768px) and (max-width: 991px) {
  .card.ecosystem-card h3 {
    font-size: 16px; } }

@media (min-width: 768px) and (max-width: 1199px) {
  .card.ecosystem-card {
    padding: 15px; } }

.categories li:first-child:nth-last-child(1) .selection-card {
  max-width: 50%; }

.ecosystem-description {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  height: 137px;
  -ms-flex-pack: center;
      justify-content: center; }
  .ecosystem-description h4 {
    font-weight: normal; }
    @media (max-width: 991px) {
      .ecosystem-description h4 {
        font-size: 16px; } }

.close > span.web-icon-close {
  position: relative;
  left: 2px; }

.label-dropdown-select-horizontal {
  font-weight: normal;
  margin-right: 8px; }

.flexbox .categories {
  display: -ms-flexbox;
  display: flex; }
  .flexbox .categories > li {
    width: 100%;
    padding-right: 10px; }
    .flexbox .categories > li.last {
      padding-right: 0; }

.flexbox .list-result > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center; }
  .flexbox .list-result > div .vendor {
    width: 250px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    padding: 15px;
    text-align: center; }
  .flexbox .list-result > div .details {
    width: 100%; }
  .flexbox .list-result > div .btn-link {
    padding: 0;
    outline: none; }

.no-flexbox .categories {
  display: table;
  width: 100%; }
  .no-flexbox .categories > li {
    display: table-cell;
    padding-right: 10px; }
    .no-flexbox .categories > li.last {
      padding-right: 0; }

.no-flexbox .list-result > div {
  display: table-row;
  width: 100%; }
  .no-flexbox .list-result > div > div {
    display: table-cell;
    vertical-align: middle; }
  .no-flexbox .list-result > div .vendor {
    width: 210px;
    text-align: center;
    padding: 15px; }
    .no-flexbox .list-result > div .vendor .logo-container {
      margin: auto; }

.no-cssanimations .spinner-container:before {
  background-color: #efefef; }

.no-cssanimations rh-loader .spinner.spinner-lg {
  border: none;
  background-image: url("images/loading.gif"); }

.visible-xs-block.ng-hide {
  display: none !important; }

a.card {
  transition: none; }
  a.card:hover {
    transition: color 0.5s ease, background 0.5s ease, border-color 0.5s ease; }
