.platform {
  font-family:OpenSans, "Helvetica Neue", Verdana, Arial, sans-serif;
  color:#5f5f5f;
}
.platform.card { font-size:13px; }
.platform.card.right {
  left:10px;
  position:relative;
}
.platform.card.dev { padding:15px 0 0 0; }
.platform.pdp { font-size:16px; }
.badge-container-common {
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  font-size:14px;
  color:#ffffff;
  text-transform:capitalize;
  font-weight:bold;
  font-family:OpenSans, "Helvetica Neue", Verdana, Arial, sans-serif;
  white-space:nowrap;
  background-image:url(/skin/frontend/rwd/marketplace/images/badges/icon.svg);
  background-repeat:no-repeat;
  background-size:19px 24px;
  padding-left:24px;
}
.badge-wrap {
  z-index:1;
  position:absolute;
  width:100%;
  top:-15px;
  background-color:#56565a;
  height:30px;
  overflow:hidden;
  cursor:pointer;
}
.badge-wrap .badge-container {
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  font-size:14px;
  color:#ffffff;
  text-transform:capitalize;
  font-weight:bold;
  font-family:OpenSans, "Helvetica Neue", Verdana, Arial, sans-serif;
  white-space:nowrap;
  background-image:url(/skin/frontend/rwd/marketplace/images/badges/icon.svg);
  background-repeat:no-repeat;
  background-size:19px 24px;
  padding-left:24px;
}
.badge-wrap.badge-pdp {
  position:relative;
  width:290px;
  margin-bottom:15px;
  top:0;
}
.badge-wrap-small {
  z-index:1;
  position:relative;
  width:111px;
  background-color:#56565a;
  height:24px;
  overflow:hidden;
  cursor:pointer;
}
.badge-wrap-small .badge-container {
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  font-size:14px;
  color:#ffffff;
  text-transform:capitalize;
  font-weight:bold;
  font-family:OpenSans, "Helvetica Neue", Verdana, Arial, sans-serif;
  white-space:nowrap;
  background-image:url(/skin/frontend/rwd/marketplace/images/badges/icon.svg);
  background-repeat:no-repeat;
  background-size:19px 24px;
  padding-left:24px;
  font-size:12px;
  background-size:11px 16px;
  padding-left:16px;
}
.badge-wrap-small.badge-cart { margin-bottom:10px; }
.release-note { font-size:16px; }
.release-note .version { margin-bottom:10px; }
.release-note .version:after {
  visibility:hidden;
  display:block;
  font-size:0;
  content:" ";
  clear:both;
  height:0;
}
.release-note .version span {
  float:left;
  padding-right:5px;
  font-size:20px;
  font-weight:bold;
  color:#000000;
}
.release-note .note {
  color:#000000;
  font-size:16px;
  margin:10px 0 40px 0;
  font-weight:bold;
}
.bootstrap .modal-lg { max-width:900px; }
.bootstrap .modal {
  padding-top:50px;
  overflow-y:auto;
}
.bootstrap .modal p { margin:0 0 20px 0; }
.bootstrap .modal .modal-content { padding:50px; }
.bootstrap .modal .modal-header { border-bottom:none; }
.bootstrap .modal .modal-header .close { font-size:40px; }
.bootstrap .modal .badge-title {
  font-size:16px;
  font-family:OpenSans, "Helvetica Neue", Verdana, Arial, sans-serif;
  font-weight:bold;
  color:black;
}
.bootstrap .modal .badge-title span {
  float:left;
  padding-right:5px;
}
.bootstrap .modal .badge-wrap-dialog {
  z-index:1;
  position:relative;
  width:111px;
  background-color:#56565a;
  height:24px;
  overflow:hidden;
  cursor:pointer;
  cursor:default;
}
.bootstrap .modal .badge-wrap-dialog .badge-container {
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  font-size:14px;
  color:#ffffff;
  text-transform:capitalize;
  font-weight:bold;
  font-family:OpenSans, "Helvetica Neue", Verdana, Arial, sans-serif;
  white-space:nowrap;
  background-image:url(/skin/frontend/rwd/marketplace/images/badges/icon.svg);
  background-repeat:no-repeat;
  background-size:19px 24px;
  padding-left:24px;
  font-size:12px;
  background-size:11px 16px;
  padding-left:16px;
}
.bootstrap .modal .badge-wrap-dialog.badge-cart { margin-bottom:10px; }
#badgeModalPopUp { display:none; }