﻿@media (max-width: 600px) {
	.container {
		padding-left: 0;
		padding-right:0;
		overflow-x: hidden;
	}
}
.hidden {
	display: none;
}
.table {
	font-size:inherit;
}

.table thead tr th{
	background:#666;
	color:#fff;
}

h3, h2, h1, h4, h5 {
	font-weight:600;
}

.row img {
	display: block;
	margin: 5px auto;
}

hr {
	margin: 45px 0;
}
hr:last-child{
	margin-bottom: 0;
}

.docs-section {
    margin-bottom: 50px;
	line-height: 1.6;
	padding-bottom: 50px;
	border-bottom: 1px solid #ddd;
}

.docs-section h2 {
    margin-top: 0;
    font-weight: 700;
    margin-bottom: 25px;
}
.page-header {
    padding-bottom: 9px;
    margin: 40px 0 20px;
    border-bottom: 1px solid #eee;
}
.key-features ul {
	margin-top: 0;
	margin-bottom: 0;
}
.key-features ul li {
	margin-bottom: 0px;
}

.key-features .table-responsive {
	margin-bottom: 15px;
	margin-top: 0px;
	
}
.key-features .table tbody tr td {
	vertical-align: middle;
	line-height: 1.3;
}

.docs-section.hidden + hr {
	display: none;
}
.container {
	width: 100%;
	max-width: 1400px;
}


.div-features-list, #EBR .list  {
	margin-left: 0px;
	margin-right: 0px;
}
.div-features-list div[class^="col"], #EBR .list div[class^="col-"]  {
	border: 1px solid #ddd;
	background: #f3f3f3;
	padding: 5px;
	padding-top: 0;
}

.div-features-list div[class^="col-"] span {
	display: block;
	color: #999;
	font-size: 12px;
	min-height: 50px !important;
}

.div-features-list div[class^="col-"] b {
	font-weight: bold;
	display: block;
	font-size: 100%;
	color: #333;
	text-align: center;
	text-shadow: 1px 1px 0 #fff;
	line-height: 1.1;
}
.div-features-list .col-6 b {
	font-size: 120% !important;
	margin-top: 2px;
	line-height: 1;
}
.div-features-list div[class^="col-"] b i {
	font-style: normal;
	font-size: 175%;
	display: block;
}

#EBR .list div[class^="col-"] {
	text-align: center;
	font-weight: 600;
	color:rgba(0,113,188,0.8) !important;
	background:  rgba(0,113,188,0.1) !important;
	padding-top: 15px;
	padding-bottom: 15px;
	line-height: 1;
	border: 1px solid rgba(0,113,188,0.25)
}

#M2 .div-content img {
	display: inherit;
	margin: inherit;
	margin-top: 20px;
}

#FeaturesValue {
	margin-bottom: 30px;
}
#Overview {
	margin-bottom: 15px;
	padding-bottom: 0;
	border-bottom: none;
}
@media (min-width: 600px) {

  .div-features-list div[class^="col-"] b {
	  font-size: 115%;
	  margin-top: -8px;
  }
  .div-features-list div[class^="col-"] b i {
	  display: inline-block;
  }
  .div-features-list .col-6 b {
	  font-size: 130% !important;
	  margin-top: 0 !important;
  }
  .div-features-list div[class^="col-"] b i {
	  font-size: 200%;
  }
  #EBR .list div[class^="col-"] {
	  font-size: 110%;
  }
}
#GSM .div-content-dashboard, #GSM .div-content-dashboard-1, #GSM .div-content-vmware {
	margin-top: 30px;
}
.div-content-1 ul li b,  #AMI .div-content ul li b, .div-content ul li b  {
	font-size: 120%;
	font-weight: 600;
}
.app-link .btn {
	font-size: 115%;
	display: inline-block;
	margin: 5px;
	padding: 10px 15px;
	font-weight: 600;
}
.app-link .btn small {
	font-weight: normal;
}
@media (max-width: 600px) {
	.app-link {
		text-align: center;
	}
	.app-link .btn {
		font-size: 105%;
		font-weight: normal;;
	}
}

#Fan-Speed .div-image img, #AMI .div-image img {
	margin-bottom: 15px;
	border: 1px solid #999;
}

#Overview .div-image {
	-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(75%, transparent) , to(rgba(250, 250, 250, 0.2)));
	margin-bottom: 30px;
}


#Rome .key {
	border-radius: 50%; 
	padding:15px; 
	width:200px; 
	height:200px; 
	margin-right: auto; 
	margin-left: auto;
}
#Rome .key:before {
	content: ' ';
	display: inline-block;
	vertical-align: middle;
	width: 0;
	height: 100%;
}

#Rome .key p {
	display: inline-block;
	vertical-align: middle;
	font-size: 110%; 
	line-height: 1.35;
}
#Rome .key p b  {
	font-size: 275%; 
	display:block;
}

#Rome ul .fa-li {
	font-size: 135%;
}

.features-list-more .btn {
	line-height: 1.2;
}
.features-list-more p {
	font-size: 125%;
	font-weight: 600;	
}
.features-list-more .div-Floating-Point p:after {
	content: '　'; 
	display: block;
	width: 0;
	height: 100%;
}
.features-list-more p b {
	font-size: 165%;
	font-weight: 700;
	display: block;
}
.features-list-more p + small {
	color: rgba(256,256,256,0.5);
}

#GSM .embed-responsive, #AMI .embed-responsive, #video .embed-responsive{
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #ccc;
}