body {
  /* padding: 50px; */
  font: 12px Helvetica, Arial, sans-serif;
}

a {
  color: #00b7ff;
}

.container-fluid {
  text-align: center;
  width: 1440px;
}

.row.mstr-row {
  width: 1440px;
}

.background-image {
  background-image: url("../images/diagram_bg.svg");
  background-repeat: no-repeat;
  width: 1440px;
  min-height: 100%;
  z-index: -1;
  position: fixed;
}

.client-tools {
  padding-top: 110px;
  display: inline-block;
  width: 100%;
}

.application-servers {
  padding-top: 100px;
  display: inline-block;
  width: 100%;
}

.platform-services,
.application-services,
.repositories {
  display: inline-block;
  width: 450px;
  vertical-align: middle;
}

.repositories {
  width: 300px;
  margin-left: 90px;
}

.gateways {
  padding-top: 60px;
  padding-left: 240px;
}

.platform-services .line-1 {
  margin-top: 20px;
}

.application-services .line-1 {
  margin-top: 0px;
}

.application-services .line-2 {
  margin-top: 23px;
}

.platform-services .line-2 {
  margin-top: 26px;
}

.repositories .line-2 {
  padding-top: 15px;
}

/* .repositories .line-3 {
  margin-top: 15px;
} */

.mid-part {
  display: inline-block; 
  vertical-align: middle; 
  width:100%;
  margin-top: 110px;
  text-align: left
}

.line-3 {
 margin-top: 35px;
}

@-moz-document url-prefix() {
  .mid-part {
    margin-top: 119px;
  }
}

.application-services {
  margin-left: 70px;
}

.background-icon {
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
  display: inline-block;
}

.unit-box {
  width: 90px;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
}

.icon-box {
  width: 60px;
  height: 60px;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  line-height: 60px;
}

.text-box {
  text-align: center;
  display: inline-block;
  vertical-align: middle;
}

.communicator .background-icon,
.svg.communicator {
  background-image: url("../images/SVG/Intelligence Platform Architecture /Clients\ &\ Tools/communicator.svg");
  width: 41px;
  height: 32px;
}

.communicator {
  margin-left: 230px;
}

.administration .background-icon,
.svg.administration {
  background-image: url("../images/SVG/Intelligence Platform Architecture /Clients\ &\ Tools/administration.svg");
  width: 28px;
  height: 33px;
}

.administration {
  margin-left: 16px;
}

.application .background-icon,
.svg.application {
  background-image: url("../images/SVG/Intelligence Platform Architecture /Clients\ &\ Tools/application.svg");
  width: 32px;
  height: 33px;
}

.application {
  margin-left: -15px;
}

.architect .background-icon,
.svg.architect {
  background-image: url("../images/SVG/Intelligence Platform Architecture /Clients\ &\ Tools/architect.svg");
  width: 32px;
  height: 33px;
}

.architect {
  margin-left: -13px;
}

.mstr-badge .background-icon,
.svg.mstr-badge {
  background-image: url("../images/SVG/Intelligence Platform Architecture /Clients\ &\ Tools/badge.svg");
  width: 28px;
  height: 41px;
}

.mstr-badge {
  margin-left: 8px;
  width: 60px;
}

.collaboration .background-icon,
.svg.collaboration {
  background-image: url("../images/SVG/Intelligence Platform Architecture /Clients\ &\ Tools/collaboration.svg");
  width: 40px;
  height: 30px;
}

.collaboration {
  margin-left: 5px;
}

.workstation .background-icon,
.svg.workstation {
  background-image: url("../images/SVG/Intelligence Platform Architecture /Clients\ &\ Tools/workstation.svg");
  width: 37px;
  height: 30px;
}

.workstation {
  margin-left: 10px;
}

.desktop .background-icon,
.svg.desktop {
  background-image: url("../images/SVG/Intelligence Platform Architecture /Clients\ &\ Tools/desktop.svg");
  width: 40px;
  height: 31px;
}

.desktop {
  margin-left: -10px;
}

.hyper .background-icon,
.svg.hyper {
  background-image: url("../images/SVG/Intelligence Platform Architecture /Clients\ &\ Tools/hyper.svg");
  width: 32px;
  height: 33px;
}

.hyper {
  margin-left: -17px;
}

.identity_manager .background-icon,
.svg.identity_manager {
  background-image: url("../images/SVG/Intelligence Platform Architecture /Clients\ &\ Tools/identity_manager.svg");
  width: 35px;
  height: 30px;
}

.identity_manager {
  margin-left: 11px;
}

.library .background-icon,
.svg.library {
  background-image: url("../images/SVG/Intelligence Platform Architecture /Clients\ &\ Tools/Library.svg");
  width: 33px;
  height: 33px;
}

.library {
  margin-left: -18px;
}

.mobile .background-icon,
.svg.mobile {
  background-image: url("../images/SVG/Intelligence Platform Architecture /Clients\ &\ Tools/mobile.svg");
  width: 42px;
  height: 37px;
}

.mobile {
  margin-left: 10px;
}

.web .background-icon,
.svg.web {
  background-image: url("../images/SVG/Intelligence Platform Architecture /Clients\ &\ Tools/Web.svg");
  width: 32px;
  height: 32px;
}

.web {
  margin-left: 12px;
}

.web .text-box,
.web_server .text-box {
  min-width: 50px;
}

.identity_gateway .background-icon,
.svg.identity_gateway {
  background-image: url("../images/SVG/Intelligence Platform Architecture /Application\ Servers/identity_gateway.svg");
  width: 32px;
  height: 33px;
}

.identity_gateway {
  margin-left: 217px;
  margin-top: -22px;
}

.identity .background-icon,
.svg.identity {
  background-image: url("../images/SVG/Intelligence Platform Architecture /Application\ Servers/identity.svg");
  width: 32px;
  height: 33px;
}

.identity {
  margin-left: 6px;
  margin-top: -22px;
}

.application-servers .identity_manager {
  margin-left: -7px;
  margin-top: -17px;
}

.application-servers .identity_manager .background-icon {
  height: 33px;
  
}

.collaboration_server .background-icon,
.svg.collaboration_server {
  background-image: url("../images/SVG/Intelligence Platform Architecture /Application\ Servers/collaboration_server.svg");
  width: 32px;
  height: 33px;
}

.collaboration_server {
  margin-left: 12px;
  margin-top: -14px;
}

.library_server .background-icon,
.svg.library_server {
  background-image: url("../images/SVG/Intelligence Platform Architecture /Application\ Servers/library_server.svg");
  width: 30px;
  height: 31px;
}

.library_server {
  margin-left: 168px;
}

.mobile_server .background-icon,
.svg.mobile_server {
  background-image: url("../images/SVG/Intelligence Platform Architecture /Application\ Servers/mobile_server.svg");
  width: 30px;
  height: 31px;
}

.mobile_server {
  margin-left: 165px;
}

.web_server .background-icon,
.svg.web_server {
  background-image: url("../images/SVG/Intelligence Platform Architecture /Application\ Servers/web_server.svg");
  width: 30px;
  height: 31px;
}

.web_server {
  margin-left: 10px;
}


.certificate_store .background-icon,
.svg.certificate_store {
  background-image: url("../images/SVG/Intelligence Platform Architecture /Platform\ Services/certificate_store.svg");
  width: 32px;
  height: 31px;
}

.certificate_store {
  margin-left: 100px;
}

.service_registration .background-icon,
.svg.service_registration {
  background-image: url("../images/SVG/Intelligence Platform Architecture /Platform\ Services/service_registration.svg");
  width: 32px;
  height: 31px;
}

.service_registration {
  margin-left: 83px;
}

.telemetry_server .background-icon,
.svg.telemetry_server {
  background-image: url("../images/SVG/Intelligence Platform Architecture /Platform\ Services/telemetry_server.svg");
  width: 29px;
  height: 31px;
}

.telemetry_server {
  margin-left: 100px;
}

.platform_analytics .background-icon,
.svg.platform_analytics {
  background-image: url("../images/SVG/Intelligence Platform Architecture /Platform\ Services/platform_analytics.svg");
  width: 32px;
  height: 31px;
}

.platform_analytics {
  margin-left: 85px;
}

.telemetry_cache .background-icon,
.svg.telemetry_cache {
  background-image: url("../images/SVG/Intelligence Platform Architecture /Platform\ Services/telemetry_cache.svg");
  width: 32px;
  height: 31px;
}

.telemetry_cache {
  margin-left: 278px;
  width: 88px;
}

.recommendation .background-icon,
.svg.recommendation {
  background-image: url("../images/SVG/Intelligence Platform Architecture /Application\ Services/recommendation.svg");
  width: 23px;
  height: 31px;
}

.recommendation {
  margin-left: 10px;
}

.search_service .background-icon,
.svg.search_service {
  background-image: url("../images/SVG/Intelligence Platform Architecture /Application\ Services/search_service.svg");
  width: 23px;
  height: 31px;
}

.search_service {
  margin-left: 10px;
}

.authentication .background-icon,
.svg.authentication {
  background-image: url("../images/SVG/Intelligence Platform Architecture /Application\ Services/authentication.svg");
  width: 20px;
  height: 31px;
}

.authentication {
  margin-left: 49px;
}

.distribution .background-icon,
.svg.distribution {
  background-image: url("../images/SVG/Intelligence Platform Architecture /Application\ Services/distribution.svg");
  width: 30px;
  height: 31px;
}

.distribution {
  margin-left: 10px;
}

.analytics .background-icon,
.svg.analytics {
  background-image: url("../images/SVG/Intelligence Platform Architecture /Application\ Services/analytics.svg");
  width: 30px;
  height: 31px;
}

.analytics {
  margin-left: 10px;
}

.intelligence_server .background-icon,
.svg.intelligence_server {
  background-image: url("../images/SVG/Intelligence Platform Architecture /Application\ Services/intelligence_server.svg");
  width: 30px;
  height: 31px;
}

.intelligence_server {
  margin-left: 49px;
  margin-top: 15px;
}

.transaction .background-icon,
.svg.transaction {
  background-image: url("../images/SVG/Intelligence Platform Architecture /Application\ Services/transaction.svg");
  width: 30px;
  height: 14px;
}

.transaction {
  margin-left: 35px;
}

.data_service .background-icon,
.svg.data_service {
  background-image: url("../images/SVG/Intelligence Platform Architecture /Application\ Services/data_service.svg");
  width: 30px;
  height: 31px;
}

.data_service {
  margin-left: 39px;
  margin-top: -13px;
}

.export_service .background-icon,
.svg.export_service {
  background-image: url("../images/SVG/Intelligence Platform Architecture /Application\ Services/export_service.svg");
  width: 30px;
  height: 32px;
}

.export_service {
  margin-left: 145px;
  margin-top: -10px;
}

.identity_repository .background-icon,
.svg.identity_repository {
  background-image: url("../images/SVG/Intelligence Platform Architecture /Repositories/identity_repository.svg");
  width: 36px;
  height: 41px;
}

.identity_repository {
  width: 100px;
}

.collaboration_store .background-icon,
.svg.collaboration_store {
  background-image: url("../images/SVG/Intelligence Platform Architecture /Repositories/collaboration_store.svg");
  width: 36px;
  height: 37px;
}

.collaboration_store {
  margin-left: 72px;
}

.platform_analytics_repository .background-icon,
.svg.platform_analytics_repository {
  background-image: url("../images/SVG/Intelligence Platform Architecture /Repositories/platform_analytics_repository.svg");
  width: 36px;
  height: 41px;
}

.platform_analytics_repository {
  margin-top: 0px;
  width: 100px;
}

.search_engine_and_store .background-icon,
.svg.platform_analytics_repository {
  background-image: url("../images/SVG/Intelligence Platform Architecture /Repositories/search_engine_and_store.svg");
  width: 36px;
  height: 41px;
}

.search_engine_and_store {
  margin-top: 0px;
  width: 100px;
}

.statistics_repository .background-icon,
.svg.statistics_repository {
  background-image: url("../images/SVG/Intelligence Platform Architecture /Repositories/statistics_repository.svg");
  width: 36px;
  height: 41px;
}

.statistics_repository {
  margin-left: 72px;
}

.intelligence_server_metadata .background-icon,
.svg.intelligence_server_metadata {
  background-image: url("../images/SVG/Intelligence Platform Architecture /Repositories/intelligence_server_metadata.svg");
  width: 36px;
  height: 41px;
}

.intelligence_server_metadata {
  width: 100px;
}

.history_list_repository .background-icon,
.svg.history_list_repository {
  background-image: url("../images/SVG/Intelligence Platform Architecture /Repositories/history_list_repository.svg");
  width: 36px;
  height: 41px;
}

.history_list_repository {
  margin-left: 72px;
}

.database_connectors .background-icon,
.svg.database_connectors {
  background-image: url("../images/SVG/Intelligence Platform Architecture /Gateways/database_connectors.svg");
  width: 36px;
  height: 38px;
}

.database_connectors {
  margin-left: 0px;
  width: 150px;
}

.olap_connectors .background-icon,
.svg.olap_connectors {
  background-image: url("../images/SVG/Intelligence Platform Architecture /Gateways/olap_connectors.svg");
  width: 30px;
  height: 34px;
}

.olap_connectors {
  margin-left: 45px;
  width: 140px;
}

.big_data_connectors .background-icon,
.svg.big_data_connectors {
  background-image: url("../images/SVG/Intelligence Platform Architecture /Gateways/big_data_connectors.svg");
  width: 37px;
  height: 27px;
}

.big_data_connectors {
  margin-left: 50px;
  width: 140px;
}

.file_connectors .background-icon,
.svg.file_connectors {
  background-image: url("../images/SVG/Intelligence Platform Architecture /Gateways/file_connectors.svg");
  width: 34px;
  height: 28px;
}

.file_connectors {
  margin-left: 61px;
  width: 140px;
}

.application_connectors .background-icon,
.svg.application_connectors {
  background-image: url("../images/SVG/Intelligence Platform Architecture /Gateways/application_connectors.svg");
  width: 35px;
  height: 28px;
}

.application_connectors {
  margin-left: 54px;
  width: 140px;
}

.sdk_connectors .background-icon,
.svg.sdk_connectors {
  background-image: url("../images/SVG/Intelligence Platform Architecture /Gateways/SDK_connectors.svg");
  width: 36px;
  height: 38px;
}

.sdk_connectors {
  margin-left: 55px;
  width: 140px
}