// Place all the styles related to the billing controller here.
// They will automatically be included in application.css.
// You can use Sass (SCSS) here: http://sass-lang.com/
/* COMMON PRICING STYLES */

.pricing-table {
  padding-top: 15px;
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.pricing-table p {
  margin: 0 0 0 0 !important;
}

.pricing-table .col-md-3 {
  padding-left: 0px;
  padding-right: 0px;
}

.price .panel-heading {
  min-height: 0px;
}

.price .panel-body {

}

.panel.price .list-group-item {
  min-height: 32px;
}

.pricing-table-tab .nav {

}

.plan-price-yearly {
  font-size: 17px;
}

.plan-price-period {
  font-size: 14px;
}

.plan-price-monthly {
  font-size: 26px;
}

.panel.price,
.panel.price>.panel-heading{
  min-height: 0px;
  -moz-transition: all .3s ease;
  -o-transition:  all .3s ease;
  -webkit-transition:  all .3s ease;
}
.panel.price:hover{
  box-shadow: 0px 0px 30px rgba(0,0,0, .2);
}
.panel.price:hover>.panel-heading{
  box-shadow: 0px 0px 30px rgba(0,0,0, .2) inset;
}


.panel.price>.panel-heading{
//  box-shadow: 0px 5px 0px rgba(50,50,50, .2) inset;
//  text-shadow:0px 3px 0px rgba(50,50,50, .6);
}

.price .list-group-item{
  border-bottom-:1px solid rgba(250,250,250, .5);
}

.panel.price .list-group-item:last-child {
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}
.panel.price .list-group-item:first-child {
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
}

.price .panel-footer {
  color: #fff;
  border-bottom:0px;
  background-color:  rgba(0,0,0, .1);
}


.panel.price .btn{
  background-color: #7ab55c;
  box-shadow: 0 -1px 0px rgba(50,50,50, .2) inset;
  border:0px;
  white-space:normal !important;
  word-wrap:break-word;
  font-size: 12px;
}

/* green panel */


.price.panel-green>.panel-heading {
  color: #fff;
  background-color: #7ab55c;
  border-color: #7ab55c;
  border-bottom: 1px solid #7ab55c;
}


.price.panel-green>.panel-body {
}


.price.panel-green>.panel-body .lead{
  text-shadow: 0px 3px 0px rgba(50,50,50, .3);
}

.price.panel-green .list-group-item {
  color: #333;
  background-color: rgba(50,50,50, .01);
  font-weight:300;
  text-shadow: 0px 1px 0px rgba(250,250,250, .75);
}

/* blue panel */


.price.panel-blue>.panel-heading {
  color: #fff;
  background-color: #608BB4;
  border-color: #78AEE1;
  border-bottom: 1px solid #78AEE1;
}


.price.panel-blue>.panel-body {
  color: #000;
  background-color: #fff;
}


.price.panel-blue>.panel-body .lead{
  text-shadow: 0px 3px 0px rgba(50,50,50, .3);
}

.price.panel-blue .list-group-item {
  color: #333;
  background-color: rgba(50,50,50, .01);
  text-shadow: 0px 1px 0px rgba(250,250,250, .75);
}

/* red price */


.price.panel-red>.panel-heading {
  color: #fff;
  background-color: #D04E50;
  border-color: #FF6062;
  border-bottom: 1px solid #FF6062;
}


.price.panel-red>.panel-body {
  color: #fff;
  background-color: #EF5A5C;
}




.price.panel-red>.panel-body .lead{
  text-shadow: 0px 3px 0px rgba(50,50,50, .3);
}

.price.panel-red .list-group-item {
  color: #333;
  background-color: rgba(50,50,50, .01);
  font-weight:600;
  text-shadow: 0px 1px 0px rgba(250,250,250, .75);
}

/* grey price */


.price.panel-grey>.panel-heading {
  color: #fff;
  background-color: #6D6D6D;
  border-color: #B7B7B7;
  border-bottom: 1px solid #B7B7B7;
}


.price.panel-grey>.panel-body {
  color: #fff;
  background-color: #808080;
}



.price.panel-grey>.panel-body .lead{
  text-shadow: 0px 3px 0px rgba(50,50,50, .3);
}

.price.panel-grey .list-group-item {
  color: #333;
  background-color: rgba(50,50,50, .01);
  font-weight:600;
  text-shadow: 0px 1px 0px rgba(250,250,250, .75);
}

/* white price */


.price.panel-white>.panel-heading {
  color: #333;
  background-color: #f9f9f9;
  border-color: #ccc;
  border-bottom: 1px solid #ccc;
  text-shadow: 0px 2px 0px rgba(250,250,250, .7);
}

.panel.panel-white.price:hover>.panel-heading{
  box-shadow: 0px 0px 30px rgba(0,0,0, .05) inset;
}

.price.panel-white>.panel-body {
  color: #fff;
  background-color: #dfdfdf;
}

.price.panel-white>.panel-body .lead{
  text-shadow: 0px 2px 0px rgba(250,250,250, .8);
  color:#666;
}

.price:hover.panel-white>.panel-body .lead{
  text-shadow: 0px 2px 0px rgba(250,250,250, .9);
  color:#333;
}

.price.panel-white .list-group-item {
  color: #333;
  background-color: rgba(50,50,50, .01);
  font-weight:600;
  text-shadow: 0px 1px 0px rgba(250,250,250, .75);
}

.plan-name {
  font-weight: 300;
  font-size: 20px;
}

.pricing-table {
    font-family: Arial, Helvetica;
}

.plan-price-or {
    font-size: 12px;
    color: green;
}

.pricing-table .panel-heading {
    color: #fff;
    background-color: #7ab55c;
    border-color: #7ab55c;
}

.pricing-table .panel-green {
    border-color: darkgreen;
}

.btn-primary {
    color: #f4f5f7;
}

.btn {
    text-transform: uppercase;
    font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
}

.panel.price .list-group-item {
    font-size: 14px;
    font-weight: 400;
}