/* css for pricing_plan_tier.mak */

body {
  -webkit-font-smoothing: antialiased;
}

/* Overwrite bookstrap grid padding */
.row div {
  padding: 0px;
}
.price-plan-container {
  margin-right: 8%;
  min-width: 1000px;
}
.tagline {
  margin-top: 30px;
  text-align: center;
  font-size: 23px;
}
.plan-detail-panel {
  margin-top: 30px;
  padding-left: 30px;
}
.plan-header {
  padding: 8px !important;
  text-align: center;
  font-size: 18px;
  color: #fff;
}
.feat-item {
  padding: 3px !important;
  font-size: 15px;
  text-align: center;
  border-bottom: 1px solid #eee;
  border-left: 1px solid #eee;
}
.pro-version .feat-item {
  border-right: 1px solid #eee;
}
.price-container {
  padding: 13px !important;
  background-color: #eee;
  border-left: 1px solid #ccc;
  color: #777;
  font-size: 18px;
}
.price-item span {
  font-size: 14px;
}
.cta-container {
  padding: 13px !important;
}
.cta-container .btn {
  padding: 10px 13px !important;
  border-radius: 30px;
  border-color: #036fff;
  color: #036fff;
  background-color: #fff;
}
.cta-container .btn:hover {
  background-color: #036fff;
  color: #fff;
  font-weight: bold;
}
.enterprise-panel {
  padding: 8px 20px !important;
  height: 711px;
  border-bottom: 1px solid #eee;
  border-right: 1px solid #eee;
  font-size: 14px;
  color: #555;
  line-height: 20px;
}
.glyphicon-ok-sign {
  color: darkgreen;
}
.glyphicon-remove { 
  color: darkred;
}
.plan-footnote {
  margin-top: 18px;
  font-size: 13px;
}

/* Modal */
#modal-freeupgrade .modal-header span {
  font-size: 23px;
  font-weight: bold;
  margin-left: 8px;
}
#modal-freeupgrade .modal-body {
  font-size: 18px;
  padding: 23px;
}
/* End of Modal */