div.component-application-box {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  text-align: left;
}
div.component-application-box.new {
  width: 46%;
  box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2), 0 5px 20px 0 rgba(0, 0, 0, 0.19);
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  margin-bottom: 3rem;
}
div.component-application-box.new > div {
  padding: 10px;
}
div.component-application-box.new div.ab-top-bar .ab-intro {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
div.component-application-box.new div.ab-top-bar .ab-intro .ab-title-text {
  font-weight: bold;
  font-size: 1.25rem;
}
div.component-application-box.new div.ab-top-bar .ab-intro .ab-tags {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
div.component-application-box.new div.ab-top-bar .ab-intro .ab-tags span {
  margin-bottom: 0;
}
div.component-application-box.new div.ab-top-bar .ab-intro .ab-tags span:not(:last-child) {
  margin-right: 0.3rem;
}
div.component-application-box.new div.ab-center-bar {
  background-color: #30597B;
  color: #FFF;
}
div.component-application-box.new div.ab-center-bar a {
  color: #FFF;
}
div.component-application-box.new div.ab-center-bar div.ab-center-main,
div.component-application-box.new div.ab-center-bar div.ab-info-facts,
div.component-application-box.new div.ab-center-bar div.ab-info-fact {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
}
div.component-application-box.new div.ab-center-bar div.ab-center-main div.ab-info-facts {
  margin-right: 0.75rem;
  min-height: 60px;
}
div.component-application-box.new div.ab-center-bar div.ab-center-main div.ab-info-facts div.ab-info-fact {
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
div.component-application-box.new div.ab-center-bar div.ab-center-main div.ab-info-facts div.ab-info-fact:not(:last-child) {
  margin-right: 0.75rem;
}
div.component-application-box.new div.ab-center-bar div.ab-center-main div.ab-info-facts div.ab-info-fact div.ab-if-icon {
  margin-right: 0.3rem;
}
div.component-application-box.new div.ab-center-bar div.ab-center-main div.ab-info-facts div.ab-info-fact div.ab-if-icon img {
  height: 2.5rem;
  width: 2.5rem;
}
div.component-application-box.new div.ab-center-bar div.ab-center-main div.ab-info-facts div.ab-info-fact div.ab-if-value {
  font-size: 1.2rem;
}
div.component-application-box.new div.ab-center-bar div.ab-center-main div.ab-description {
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -moz-box-orient: vertical;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
div.component-application-box.new div.ab-bottom-bar div.ab-orgs {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
}
div.component-application-box.new div.ab-bottom-bar div.ab-orgs div.ab-orgs-title {
  margin-right: 0.5rem;
}
div.component-application-box:first-child {
  border: none;
}
div.component-application-box div.ab-left {
  width: 25%;
  padding: 8px;
}
div.component-application-box div.ab-left div.ab-title {
  font-weight: bold;
  font-size: 1.25rem;
}
div.component-application-box div.ab-middle {
  width: 60%;
  padding: 8px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-around;
  justify-content: space-around;
}
div.component-application-box div.ab-middle div.ab-info-fact {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 7rem;
  padding: 8px;
}
div.component-application-box div.ab-middle div.ab-info-fact div.ab-if-icon img {
  width: 1.75rem;
  height: 1.75rem;
}
div.component-application-box div.ab-middle div.ab-info-fact div.ab-if-value {
  font-size: 1.25rem;
  font-weight: bold;
  padding: 8px;
}
div.component-application-box div.ab-right {
  width: 15%;
  padding: 8px;
  text-align: right;
  font-size: 1rem;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}
table#application_table td.expertise {
  color: #fff;
  background-color: #3e9352;
  text-align: center;
  vertical-align: middle;
}
div.location-toggle {
  cursor: pointer;
}
div.location-detail {
  padding: 8px;
  padding-left: 15px;
  display: none;
}
ul.scroll-to-top {
  position: fixed;
  right: 1rem;
  bottom: 0rem;
}
section.section-landing div.tiles {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  padding: 15px;
  margin-top: 30px;
}
section.section-landing div.tiles div.tile-content {
  text-align: center;
}
section.section-landing div.tiles div.tile-content div.icon img {
  width: 4rem;
}
section.section-landing div.tiles div.tile-content div.number {
  font-weight: bold;
  font-size: 1.5rem;
}
section.section-landing div.search {
  z-index: 1;
  padding-top: 15px;
  width: 80%;
  margin-left: 10%;
  position: relative;
}
section.section-landing #application-search-suggestions {
  z-index: 2;
  box-shadow: #888 0rem 0rem 0.5rem 0rem;
  border-radius: 4px;
  position: absolute;
  width: 100%;
  max-height: 20rem;
  overflow-y: scroll;
}
section.section-application-list div.filter {
  padding: 8px;
  border: 1px solid #ccc;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
section.section-application-list div.filter div.filter-toggle {
  font-size: 1.25rem;
  cursor: pointer;
  display: inline;
}
section.section-application-list div.filter div.filter-area-wrapper {
  display: none;
}
section.section-application-list div.filter div.filter-area-wrapper div.filter-area {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
section.section-application-list div.filter div.filter-area-wrapper div.filter-area div.filter-method-box {
  margin-right: 15px;
  margin-top: 15px;
  max-width: 20rem;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
section.section-application-list div.filter div.filter-area-wrapper div.filter-area div.filter-method-box div.filter-method-title {
  font-weight: bold;
  padding: 8px;
  padding-left: 0px;
  border-bottom: 1px solid #ccc;
}
section.section-application-list div.filter div.filter-area-wrapper div.filter-area div.filter-method-box div.filter-method-content {
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  flex-grow: 1;
  -ms-flex-positive: 1;
  padding: 8px;
  padding-left: 0px;
}
section.section-application-list div.filter div.filter-area-wrapper div.filter-area div.filter-method-box div.filter-method-content span.ga-tag {
  cursor: pointer;
}
section.section-application-list div.filter div.filter-area-wrapper div.filter-area div.filter-method-box div.filter-method-content span.organization-filter {
  cursor: pointer;
  padding: 5px 5px 5px 5px;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-topleft: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
  border: 1px solid;
  background: #fff;
  display: inline-block;
  font-size: 0.8rem;
  margin-bottom: 0.25rem;
  border-color: #8796ab;
  color: #8796ab;
}
section.section-application-list div.filter div.filter-area-wrapper div.filter-area div.filter-method-box div.filter-method-content span.organization-filter.small {
  padding: 3px;
}
section.section-application-list div.filter div.filter-area-wrapper div.filter-area div.filter-method-box div.filter-method-content span.organization-filter.inverted {
  background: #8796ab;
  color: #fff;
}
section.section-application-list div.filter div.filter-area-wrapper div.submit-area {
  margin-top: 15px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
section.section-application-list div.filter div.filter-area-wrapper div.submit-area button.submit-filter {
  margin-right: 8px;
}
section.section-application-list div.result-description {
  padding: 8px;
  padding-left: 0px;
}
section.section-application-list ol.breadcrumb {
  margin-top: 8px;
  margin-bottom: 0;
}
section.section-application-list div.application-list h2 {
  text-transform: uppercase;
  padding-left: 8px;
}
section.section-application-list div.application-list div.application-boxes {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
section.application-detail div.application-description {
  margin-top: 15px;
  margin-bottom: 15px;
}
section.application-detail div.application-external-link {
  margin-top: 15px;
  margin-bottom: 15px;
}
section.application-detail div.application-available-at span.organization-filter {
  cursor: pointer;
  padding: 5px 5px 5px 5px;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-topleft: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
  border: 1px solid;
  background: #fff;
  display: inline-block;
  font-size: 0.8rem;
  margin-bottom: 0.25rem;
  border-color: #8796ab;
  color: #8796ab;
}
section.application-detail div.application-available-at span.organization-filter.small {
  padding: 3px;
}
section.application-detail div.application-available-at span.organization-filter.inverted {
  background: #8796ab;
  color: #fff;
}
section.application-detail div.application-available-at span.organization-filter.at-version {
  float: right;
  margin-left: 7.5px;
}
section.application-detail div.application-available-at span.organization-filter:not(.filter) {
  cursor: unset;
}
section.application-detail div.application-available-at div.application-locations div.locations {
  padding-top: 8px;
}
section.application-detail div.application-available-at div.application-locations span.filter-reset {
  display: none;
}
section.application-detail div.application-available-at h4.misc-versions {
  margin-top: 30px;
}
section.application-detail div.application-available-at div.misc-versions {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-bottom: 30px;
}
section.application-detail div.application-available-at div.version-list {
  padding-top: 30px;
}
section.application-detail div.application-available-at div.version-list .version-nodes {
  margin-bottom: 7.5px;
}
section.application-detail div.application-available-at div.version-list .list-group-item {
  padding: 5px 4px 5px 10px;
}
section.application-detail div.application-available-at div.version-list .list-group-item:not(.end-node) {
  background-color: #eee;
  cursor: pointer;
  overflow: hidden;
}
section.application-detail div.application-available-at div.version-list .list-group-item:not(.end-node) i,
section.application-detail div.application-available-at div.version-list .list-group-item:not(.end-node) span {
  float: right;
  margin-left: 5px;
  margin-top: 2px;
}
section.application-detail div.application-available-at div.version-list .list-group-item span {
  margin-top: -1px;
  margin-left: 4px;
  margin-bottom: 0;
  position: relative;
}
section.application-detail div.application-available-at div.follow-actions div.action-contact {
  padding-top: 8px;
  padding-bottom: 8px;
}
section.application-detail div.screenshots div.images {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
section.application-detail div.screenshots div.images div.image {
  overflow: hidden;
}
section.application-detail div.screenshots div.images div.image div.application-image-copyright {
  position: absolute;
  color: #bbb;
  font-size: 0.75rem;
  opacity: 0.6;
  padding: 3px;
}
section.application-detail div.screenshots div.images div.image img {
  width: 12rem;
  cursor: pointer;
}
section.application-detail div#screenshot-modal img {
  width: 100%;
}
section.section-application-map-list div.aml div.mt {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  width: 100%;
  margin-bottom: 30px;
  border-top: 2px solid #ccc;
  border-bottom: 2px solid #ccc;
}
section.section-application-map-list div.aml div.mt div.mt-i.mt-h {
  border-bottom: 2px solid #ccc;
  background-color: #f8f8f8;
}
section.section-application-map-list div.aml div.mt div.mt-i.mt-h div.mti-l {
  width: 30%;
}
section.section-application-map-list div.aml div.mt div.mt-i.mt-h div.mti-l div.mtil-name {
  font-size: 1.25rem;
}
section.section-application-map-list div.aml div.mt div.mt-i.mt-h div.mti-stats div.aml-stat div.aml-stat-icon img {
  width: 2.25rem;
  height: 2.25rem;
}
section.section-application-map-list div.aml div.mt div.mt-i.mt-h div.mti-stats div.aml-stat div.aml-stat-value {
  font-size: 1.25rem;
  font-weight: bold;
  padding: 8px;
}
section.section-application-map-list div.aml div.mt div.mt-i {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  border-top: 1px solid #ccc;
  margin-top: -1px;
  padding: 8px;
}
section.section-application-map-list div.aml div.mt div.mt-i div.mti-link {
  width: 5%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
section.section-application-map-list div.aml div.mt div.mt-i div.mti-link img {
  height: 2rem;
  width: 2rem;
}
section.section-application-map-list div.aml div.mt div.mt-i div.mti-l {
  width: 25%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
section.section-application-map-list div.aml div.mt div.mt-i div.mti-l div.mtil-name {
  font-weight: bold;
}
section.section-application-map-list div.aml div.mt div.mt-i div.mti-l div.mtil-edit {
  font-size: 0.9rem;
}
section.section-application-map-list div.aml div.mt div.mt-i div.aml-stats div.aml-stat-icon img {
  width: 1.5rem;
  height: 1.5rem;
}
section.section-application-map-list div.aml div.mt div.mt-i div.aml-stats div.aml-stat-value {
  font-size: 1rem;
  font-weight: normal;
  padding: 8px;
}
section.section-application-map-list div.aml div.aml-stats {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 70%;
}
section.section-application-map-list div.aml div.aml-stats div.aml-stat {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: 8rem;
}