.table {width:100%;border:solid 2px #ddd;}
.table th, .table td {white-space:normal;border:solid 1px #eee;}
.fill {width:50%}
.center {display: block;margin-left: auto;margin-right: auto;}
table.dataTable {border-collapse: collapse; width: 100%;}
.pull-left{float: left !important;}
.pull-right{float: right !important;}

@media (min-width: 550px) {
    html { 
      background: #ffffff url(../images/bg.jpg) no-repeat center center ; 
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
    }
    .nav-item { font-size: 20px; }
    footer { font-size: 18px; }
}

.medimg { width:360px; height:240px; }
.smlimg { width:180px; height:120px; }

.logo { margin-right: 24px}

@media (max-width: 340px)
{
    .logo
    {
    	width:160px; height:68px;
    }

    .medimg, .smlimg
    { 
        width: 100%;
        height: auto;
    }
}

.bg-white { background-color: #ffffff}

body { background-color: transparent }
.navbar { background-color: transparent; padding: .5rem 0rem;}

body, html { margin:0; padding:0; height: 100%; }
.top-bar { width:100%; background-color: #0f1633 }
.mid-area { min-height:100%; background-color: transparent; padding-bottom:48px;}
.bottom-bar { width:100%; background-color: #cccccc;}

.bg-dark { background-color: #0f1633!important }

.container {font-family: Nunito, "Source Sans Pro", sans-serif;}
.bold { font-weight: bold; }
h1, h2, h3, h4, h5, h6 {font-family: "Source Sans Pro"; font-weight: bold; }

h1 {font: 48px "Source Sans Pro", sans-serif}
.bigh {font: 64px serif}

a { color: #237ead; }

.div-count {display:inline-block;width:40px;font-size:17px;vertical-align:top;color:#008f3b;text-align:center;vertical-align:-3px}
.form-search {max-width: 560px; margin-left: auto; margin-right: auto;}
.center-text {text-align: center}

.btn-primary {color: #fff;background-color: #237ead;border-color: #0f1633;}
.btn-primary:hover {background-color: #0f1633}

.black, .black:hover {color:#000000;}
.fadedred, .fadedred:hover {color:#cfafaf;}

.nu, .nu:hover {text-decoration: none; color: black;}

#showcard
{
  border-radius: 3px;
  background: #f0f0f0;
  margin-left: auto;
  margin-right: auto;
  padding: 6px;
  xwidth: 285px;
  xheight: 24px; 
}

#setcard
{
  xborder-radius: 10px;
  sborder: 1px #4040D0 solid;
  spadding: 20px; 
  xheight: 180px; 
}

#cardresult
{
  height: 40px; 
}

#showcard_brand
{
}

#showcard_exp
{
    font-size: 12px;
}

#showcard_number
{
}

#showcard_update
{
}

#card-errors
{
  height: 28px;
  color: red;
  text-align: center;
  margin-top: 6px;
  margin-bottom: 6px;
}

.product_name
{
  margin: 0;
  font-weight: bold;
  font-size: 20px;
  width:180px;
}

.product_detail
{
  margin: 0;
  color: gray;
  font-size: 12px;
  width:180px;
}

.product_price
{
  margin: 0;
  font-weight: normal;
  font-color: gray;
  font-size: 16px;
  text-align: right;
}

.product_price_free
{
  margin: 0;
  font-weight: bold;
  font-color: gray;
  font-size: 16px;
  text-align: center;
}

.product_price_strikeout
{
  margin: 0;
  font-weight: normal;
  font-color: gray;
  font-size: 16px;
  text-decoration: line-through;
}

.product_cur
{
  margin: 0;
  color: gray;
  font-size: 14px;
}

.product_suffix
{
  margin: 0;
  color: black;
  font-size: 14px;
}

.product_note
{
  margin: 0;
  font-weight: bold;
  color: green;
}

.discount_price
{
  margin: 0;
  font-weight: bold;
  color: green;
  font-size: 14px;
}

.discount_description
{
  margin: 0;
  color: green;
  font-size: 16px;
  text-align: center;
}

.StripeElement
{
  background-color: white;
  height: 40px;
  width: 460px;
  padding: 10px 12px;
  border-radius: 4px;
  border: 1px solid transparent;
  box-shadow: 0 1px 3px 0 #e6ebf1;
  -webkit-transition: box-shadow 150ms ease;
  transition: box-shadow 150ms ease;
}

.StripeElement--focus
{
  box-shadow: 0 1px 3px 0 #cfd7df;
}

.StripeElement--invalid
{
  border-color: #fa755a;
}

.StripeElement--webkit-autofill
{
  background-color: #fefde5 !important;
}

.subscriptionActive,
.subscriptionNone,
.subscriptionExpired,
.subscriptionTrial,
.subscriptionNoAuth
{
  display: none;
}

#product_table
{
  width: 460px;
}

button.navbar-toggler
{
  margin: 6px;
}

.card, .jumbotron
{
  border-radius: .35rem;
}

.card-img-top
{
  border-top-left-radius: .35rem;
  border-top-right-radius: .35rem;
}