/*
	override defaults
*/
.btn-pay.disabled {
	opacity:.85 !important;
}
.btn-paypal,
.btn-paypal-fake {
	background:#097abe !important;
}

/*
	style for the register-now panel
*/
#register-now .panel-title {
	margin: 0;
	font-weight: normal !important;
}
#register-now .panel-title span.pull-right {
	margin: 0;
	font-weight: 100 !important;
	font-size: 13px;
	line-height: 24px;
}
#register-now .panel-body {
	font-size: 14px;
}
#register-now .panel-body .checkbox {
	font-size: 13px;
}
#register-now hr {
	margin:15px 0 10px;
}
#register-now .panel.panel-default .panel-heading{
    background: #2884c6 !important;
    padding: 18px 0 19px !important;
}
#register-now .panel.panel-default .panel-heading.panel-heading-success{
	background: #38af55 !important;
	border-bottom: solid 1px #38af55 !important;
	border-top: solid 1px  #38af55 !important;

}

/*
	braintree error message
*/
.helper-text {
	color: #da3e55;
	margin: 5px 0 14px;
	height: auto;
	display: block;
}

/*
	braintree credit card
*/
#card-number {
	border: 1px solid #323232;
	-webkit-transition: border-color 160ms;
	transition: border-color 160ms;
}
#card-number.braintree-hosted-fields-focused {
	border-color: #777;
}
#card-number.braintree-hosted-fields-invalid {
	border-color: tomato;
}
#card-number.braintree-hosted-fields-valid {
	border-color: limegreen;
}
#card-number:before {    
	content: ' ';
	position: absolute;
	right: 14px;
	top: 29px;
	z-index: 2;
	width: 32px;
	height: 22px;
	background-image: url('/sites/stage32.com/themes/two/images/cards/form/Plain.png');
}
#card-number.visa:before {
	background-image: url('/sites/stage32.com/themes/two/images/cards/form/Visa.png');
}
#card-number.master-card:before {
  background-image: url('/sites/stage32.com/themes/two/images/cards/form/Mastercard.png');
}
#card-number.american-express:before {
  background-image: url('/sites/stage32.com/themes/two/images/cards/form/Amex.png');
}
#card-number.discover:before {
  background-image: url('/sites/stage32.com/themes/two/images/cards/form/Discover.png');
}
#card-number.unionpay:before {
  background-image: url('/sites/stage32.com/themes/two/images/cards/form/UnionPay.png');
}
#card-number.visaelectron:before {
  background-image: url('/sites/stage32.com/themes/two/images/cards/form/VisaElectron.png');
}
#card-number.maestro:before {
  background-image: url('/sites/stage32.com/themes/two/images/cards/form/Maestro.png');
}

/*
	braintree fields
*/
.braintree-hosted-fields-focused { 
	border: 1px solid #0275d8;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}
.braintree-hosted-fields-focused.focused-invalid {
	border: 1px solid #ebcccc;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(100,100,0,.6);
}

/* 
	promo 
*/
#register-now #promo {
	margin-bottom:16px;	
}
#register-now #promo-reapply { 
	background: #fff none repeat scroll 0 0;
    border: 1px solid #ccc;
    color: #bebebe !important;
    cursor: pointer;
    font-size: 10px !important;
    height: 20px !important;
    line-height: 20px !important;
    padding: 0 7px !important;
    position: absolute;
    right: 7px;
    top: 10px;
	visibility: hidden;
    z-index: 2;
}
#register-now #promo-reapply:hover { 
	background: #bebebe;
    color: #fff !important;
}

/*
	form action buttons
*/
#checkout-with-credit button,
.fake-select-payment-method button,
#select-payment-method button {
	display:block !important;
	float:none !important;	
	width:100%;
	border:none !important;
}

.btn.plan_id,
#checkout-with-credit .btn,
.fake-select-payment-method .btn,
#select-payment-method .btn,
#credit-card-checkout .btn {
	border-radius:4px !important;
	height:auto !important;
	text-align:center;
}
.btn.plan_id {
    background: #38af55 !important;
    color:#fff !important;
}

#checkout-with-credit .btn strong,
.fake-select-payment-method .btn strong,
#select-payment-method .btn strong,
#credit-card-checkout .btn strong {
	font-weight:normal;
}

.fake-select-payment-method #education-or-text, 
#select-payment-method #education-or-text, 
#credit-card-checkout #education-or-text {
	padding:0 !important;
	text-align:center;	
}

.fake-select-payment-method h3,
#select-payment-method h3 {
	font-weight:100 !important;
	color:#bebebe;
	letter-spacing:-1px;
	margin-top:10px;
	font-style:italic;
}
#show-all-options {
	color:#666;
}

/*
	total price style
*/
#total-price, .total-price {
	border-top:1px solid #eee;
	margin-top:16px;
	padding-top:12px;
}
#total-price #total-price-value, .total-price .total-price-value  {
	float:right;
	font-size:26px;
	line-height:26px;
}
#total-price #total-price-label, .total-price .total-price-label {
	line-height:26px;
	color:#bebebe;
}

/* 
	SMALL SCREEN 
*/
@media (max-width: 670px) {
  .form-group {
	  width: 100%;
  }
  
  .btn {
	  white-space: normal;
  }
}

/*
	ANIMATION
*/
@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}


/*
	OUTSIDE OF THE FORM *** OUTSIDE OF THE FORM *** OUTSIDE OF THE FORM *** OUTSIDE OF THE FORM *** OUTSIDE OF THE FORM *** OUTSIDE OF THE FORM 
*/
.mega-price {
	font-size:38px;
	margin-bottom:15px;
}
.mega-price sup {
	font-size:18px;
	color:#a4a4a4;
	top:-14px;
	overflow:visible;
}
.mega-price sup:before {
    content: "";
    position: absolute;
    top: 48%;
    right: 0;
    left: 0;
    width: 110%;
    border-top: 1px solid #A4A4A4;
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg);
}
.mega-price.updated {
	animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
	transform: translate3d(0, 0, 0);
	backface-visibility: hidden;
	perspective: 1000px;
}

.page-happy-writers-pitch-sessions #payment-preform .btn[disabled]{
	opacity:0.5;
}
.page-happy-writers-pitch-sessions #payment-preform .btn[disabled] small{
	display:none;
}
.page-happy-writers-pitch-sessions #payment-preform .btn[disabled] small.hidden{
	display:block !important;
}

#preformCoupon {
	margin-bottom: 6px;
}

#preformCouponHelpBlock {
	display: none;
}