.body-developer-portal {
font-family: 'Open Sans', Helvetica, Tahoma, Sans-serif;
color: #505050;
font-weight: lighter;
}
body.body-developer-portal {
background-color: white;
}
.jumbotron a,
.jumbotron a:hover {
text-decoration: none;
color: #ffffff;
}
.jumbotron a.link-light {
text-decoration: underline;
}
.jumbotron a.link-light:hover {
color: #ff7314;
}
.jumbotron .copy-text {
text-align: center;
margin-top: 20px;
line-height: 3rem;
}
.body-developer-portal p,
.body-developer-portal ul,
.body-developer-portal table {
font-family: 'Open Sans', Tahoma, Geneva, Sans-serif;
}
.body-developer-portal p {
font-family: 'Open Sans', Tahoma, Geneva, Sans-serif;
line-height: 1.6em;
padding: 0px;
font-weight: 300;
}
.body-developer-portal table {
border-collapse: collapse;
border-spacing: 0;
}
.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
line-height: 1.428571429;
vertical-align: top;
border-top: 1px solid #ddd;
}
.table>thead>tr>th {
vertical-align: bottom;
border-bottom: 2px solid #ddd;
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: rgb(221, 221, 221);
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'Open Sans', Helvetica, Tahoma, Sans-serif;
font-weight: lighter;
}
h1 {
font-size: 50px;
}
h3 {
font-size: 20px;
font-weight: 300;
line-height: 1.4em;
}
a, a:hover, a:visited, a:active {
text-decoration: underline;
}
.center {
text-align: center;
}
.light {
background-color: #ffffff;
}
.orange {
color: #ff7314;
}
.spacer-20 {
margin: 10px 0;
display: inline-block;
}
.spacer-40 {
margin: 20px 0;
display: inline-block;
}
iframe {
border: none;
}
/*** Navbar ***/
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
border: none;
}
.navbar-inverse {
background-color: white;
border: none;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
background-color: #ffffff;
}
.navbar-header>button.navbar-toggle {
width: 35px;
height: 35px;
}
.navbar-header>button.navbar-toggle:focus {
outline: none;
box-shadow: none;
}
.navbar-header>button.navbar-toggle.collapsed>span,
.navbar-header>button.navbar-toggle.collapsed>span:before,
.navbar-header>button.navbar-toggle.collapsed>span:after,
.navbar-header>button.navbar-toggle>span,
.navbar-header>button.navbar-toggle>span:before,
.navbar-header>button.navbar-toggle>span:after{
background-color: #505050;
}
.navbar-header>button.navbar-toggle>span.hamburguer-menu-bars:before,
.navbar-header>button.navbar-toggle>span.hamburguer-menu-bars:after {
height: 2px;
width: 25px;
position: absolute;
left: 5px;
display: block;
content: '';
}
.navbar-header>button.navbar-toggle.collapsed>span {
top: 9px;
left: 5px;
}
.navbar-header>button.navbar-toggle>span,
.navbar-header>button.navbar-toggle>span:before,
.navbar-header>button.navbar-toggle>span:after {
transition: transform 0.3s ease;
}
.navbar-header>button.navbar-toggle.collapsed>span,
.navbar-header>button.navbar-toggle.collapsed>span:before,
.navbar-header>button.navbar-toggle.collapsed>span:after {
cursor: pointer;
border-radius: 1px;
height: 2px;
width: 25px;
position: absolute;
display: block;
content: '';
transition: all 0.3s ease, background-color 0s;
}
.navbar-header>button.navbar-toggle.collapsed>span:before,
.navbar-header>button.navbar-toggle.collapsed>span:after {
transition: all 0.3s ease;
}
.navbar-header>button.navbar-toggle.collapsed>span.hamburguer-menu-bars:before {
transform: rotate(0deg);
left: 0;
top: 7px;
}
.navbar-header>button.navbar-toggle.collapsed>span.hamburguer-menu-bars:after {
transform: rotate(0deg);
left: 0;
top: 14px;
}
.navbar-header>button.navbar-toggle>span.hamburguer-menu-bars:before {
transform: rotate(45deg);
}
.navbar-header>button.navbar-toggle>span.hamburguer-menu-bars:after {
transform: rotate(-45deg);
}
.navbar .container {
padding: 15px;
}
.navbar-brand {
padding: 0 15px;
}
.navbar-brand img {
height: 55px;
}
.navbar, .navbar-inverse {
border: none;
position: static;
background-color: white;
color: white;
margin-bottom: 0;
padding-bottom: 10px;
text-transform: uppercase;
font-size: 13px;
font-family: 'Open Sans', Tahoma, Geneva, Sans-serif;
}
.navbar-inverse .navbar-nav>li>a {
color: #505050;
transition: color .3s ease;
text-decoration: none;
margin-top: 8px;
}
.navbar-inverse .navbar-nav>li>a:hover {
color: #ff7314;
}
.red-hat-banner {
background-image: url(/images/RedHatReverseLogo2.png);
background-repeat: no-repeat;
background-color: #A30000;
background-size: 60%;
background-position: center center;
color: #fff;
height: 56px;
width: 200px;
position: absolute;
right: 0;
z-index: 999999999;
margin-top: -28px;
box-shadow: 0px 3px 0px 0px #505050;
}
.red-hat-banner:before {
content: "";
position: absolute;
top: 0;
left: -28px;
width: 0;
height: 0;
border-top: 28px solid #A30000;
border-bottom: 28px solid #A30000;
border-left: 28px solid transparent;
box-shadow: 0px 3px 0px 0px #505050;
}
.red-hat-banner a {
display: block;
width: 100%;
height: 100%;
}
.jumbotron {
background: url(/images/jumbotron-2.gif) no-repeat;
background-position: center center;
color: #ffffff;
margin-bottom: 0;
text-align: center;
}
.jumbotron .whole {
width: 100%;
height: 100%;
background-color: rgba(83, 75, 84, .6);
}
.btn-start-trial {
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ff7314), color-stop(1, #ff7314));
background: -moz-linear-gradient(center top, #ff7314 5%, #ff7314 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7314', endColorstr='#ff7314');
background-color: #ff7314;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
text-indent: 0;
border: 1px solid transparent;
display: inline-block;
color: #ffffff;
font-size: 24px;
padding: 5px 15px;
text-shadow: 0px 0px 0px #d75600;
-webkit-transition: background-color 300ms ease-out .03s;
-moz-transition: background-color 300ms ease-out .03s;
-o-transition: background-color 300ms ease-out .03s;
transition: background-color 300ms ease-out .03s;
}
.btn-start-trial:hover {
background: #d85600;
color: #ffffff;
}
.btn-knockout-wh {
background-color: transparent;
text-indent: 0;
margin: 10px 0;
padding: 10px 35px;
color: #ffffff;
border: 1px solid #ffffff;
outline-offset: 0px;
-webkit-transition: background-color 300ms ease-out .03s;
-moz-transition: background-color 300ms ease-out .03s;
-o-transition: background-color 300ms ease-out .03s;
transition: background-color 300ms ease-out .03s;
}
.btn-knockout-wh:hover {
background-color: #1a7ec2;
color: #ffffff;
border: 1px solid #1a7ec2;
outline-offset: 0px;
transform-delay: 0s;
}
.gradient {
height: 9px;
background: linear-gradient(135deg, rgba(216, 86, 0, 1) 0%, rgba(255, 115, 20, 1) 81%, rgba(255, 115, 20, 1) 100%);
}
.gray {
background-color: #f4f4f4
}
.navbar-inverse .navbar-toggle .icon-bar {
background-color: #333333;
}
/*** Features Section ***/
.features-section, .pricing-section {
margin: 30px 0;
}
.features-section p {
text-align: justify;
}
.features-panel .container {
background-color: white;
}
/*** Pricing Section ***/
.pricingcol {
text-align: center;
padding: 10px;
border-right: 1px solid #e4e4e4;
border-bottom: 1px solid #e4e4e4;
background-color: #fff;
margin: 20px 0;
box-shadow: 0 0 1em rgba(195, 195, 195, 1);
-webkit-box-shadow: 0 0 1em rgba(195, 195, 195, 1);
-moz-box-shadow: 0 0 1em rgba(195, 195, 195, 1);
}
.pricingcol h2 {
color: #ffffff;
background-color: #847d73;
text-transform: uppercase;
text-align: center;
border-bottom: 1px solid #f2f2f2;
padding: 10px;
margin: 10px 10px 30px 10px;
font-weight: 300;
font-size: 26px;
line-height: 1.5em;
}
.pricingcol a {
text-decoration: none;
}
.pricingcol .price {
font-size: 50px;
line-height: 60px;
padding: 0;
font-weight: 300;
background-color: #ffffff;
text-align: center;
}
.pricingcol .price span {
font-size: 35px;
}
.pricingcol .create {
padding: 10px 35px;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ff7314), color-stop(1, #ff7314));
background: -moz-linear-gradient(center top, #ff7314 5%, #ff7314 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7314', endColorstr='#ff7314');
background-color: #ff7314;
border-radius: 3px;
text-indent: 0;
border: 1px solid transparent;
display: inline-block;
color: #ffffff;
font-family: 'Open Sans', Tahoma, Arial, Sans-serif;
font-size: 14px;
font-weight: 400;
font-style: normal;
text-decoration: none;
text-align: center;
text-shadow: 0px 0px 0px #d75600;
-webkit-transition: background-color 300ms ease-out .03s;
-moz-transition: background-color 300ms ease-out .03s;
-o-transition: background-color 300ms ease-out .03s;
transition: background-color 300ms ease-out .03s;
}
.pricingcol .create:hover {
background: #d85600;
}
.pricingcol .exp {
font-weight: 400;
font-size: 15px;
text-align: center;
min-height: 58px;
padding-left: 15px;
}
.pricingcol ul.check {
list-style-image: url(/images/check.png);
text-align: left;
}
@media only screen and (min-width: 992px) {
.col-md-6 .enterprisecol,
.col-md-6 .pricingcol{
height: 670px;
}
}
.enterprisecol {
right: 0;
bottom: 55px;
border-right: none;
box-shadow: 0 0 1em rgba(195, 195, 195, 1);
-webkit-box-shadow: 0 0 1em rgba(195, 195, 195, 1);
-moz-box-shadow: 0 0 1em rgba(195, 195, 195, 1);
}
.enterprisecol h2 {
background-color: #3795b6;
border: 0;
}
.pricingcol .price-enterprise {
font-size: 50px;
line-height: 60px;
padding: 0;
font-weight: 300;
text-align: center;
}
.pricing-table, .pricing-table th, .pricing-table td {
font-weight: 400;
vertical-align: middle;
border-bottom: 2px solid #dddddd;
box-shadow: 0px 0px 5px 0px rgba(216, 216, 216, 1);
-webkit-box-shadow: 0px 0px 5px 0px rgba(216, 216, 216, 1);
-moz-box-shadow: 0px 0px 5px 0px rgba(216, 216, 216, 1);
}
.pricing-table td:nth-child(2) {
background-color: #f4f4f4;
}
.pricing-table tr.wide {
background-color: #d8d8d8;
width: 100%;
}
.pricing-table>tbody>tr>th {
font-size: 15px;
font-weight: 600;
}
.pricing-table .semi th, .pricing-table .semi td {
font-weight: 600;
font-size: 15px;
}
.pricing-table tr.wide th {
text-transform: none;
font-weight: 600;
font-size: 15px;
padding: 15px 10px;
}
.btn-blue {
padding: 10px 35px;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #15a1ff), color-stop(1, #15a1ff));
background: -moz-linear-gradient(center top, #15a1ff 5%, #15a1ff 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#15a1ff', endColorstr='#15a1ff');
background-color: #15a1ff;
text-indent: 0;
color: #ffffff;
line-height: 1.6em;
-webkit-transition: background-color 300ms ease-out .03s;
-moz-transition: background-color 300ms ease-out .03s;
-o-transition: background-color 300ms ease-out .03s;
transition: background-color 300ms ease-out .03s;
}
.btn-blue:hover {
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #1a7ec2), color-stop(1, #1a7ec2));
background: -moz-linear-gradient(center top, #1a7ec2 5%, #1a7ec2 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1a7ec2', endColorstr='#1a7ec2');
background-color: #1a7ec2;
color: #ffffff;
}
h2.self-service-plan {
padding: 15px 0 0 15px;
}
/*** FAQ ***/
.faq dt {
font-weight: 400;
font-size: 15px;
padding: .5em 0;
}
dl {
font-family: 'Open Sans';
font-size: 12px;
width: 100%;
}
dl.faq {
padding: 10px;
width: 100%;
border-bottom: 1px solid #e4e4e4;
margin: 0px auto;
}
.fa-angle-down {
float: right;
}
.fa-2x {
font-size: 2em;
}
/*** Footer ***/
.footerlinks {
background-color: #383239;
color: #cccccc;
padding-top: 10px;
padding: 1.5em 0;
}
.footerlinks a, .footerlinks ul {
color: #ffffff;
text-decoration: none;
font-weight: 300;
}
.footerlinks a:hover {
text-decoration: underline;
}
/*** Login ***/
iframe.recover, #signup-frame {
height: auto;
width: 100%;
border: none;
}
code {
padding: 2px 4px;
font-size: 100%;
color: #829a3c;
background-color: #f4f4f4;
border-radius: 4px;
}
.terms-conditions, .refund-policy {
padding: 30px 15px;
}