@media screen and (min-width: 992px) {
  body.ux-app {
    background: #fff;
    padding: 40px 0;
  }
}

table, th, td {
          border: none;
          padding-right: 10px;
        }

         tr:last-child{
            background: #e0e0e0;
            font-weight: bold;
        }

.price-table {
            border: none; /* thin solid #888; */
            background-color: transparent;
            font-weight: bold;
            font-size: 0, 9em;
            color: black;
            width: 75px;
            padding-right: 5px;
        }


.invalid {
  border-color: red;
  border-style: solid;
  border: 2px solid red;
}


.action-link, .payment > a, .terms > a, .cart-card a {
  color: #000000;
  font-weight: bold;
  text-decoration: none;
}


.cart-card {
  border: 1px solid #E8E8E8;
  background: #FCFCFC;
  padding: 20px;
  position: relative;
  
 -webkit-box-shadow: 4px 4px 0 0 rgba(0, 0, 0, .1); 
 
 margin: 0 0 11px; 

}

.cart-card.deleted {
  visibility: hidden;
  overflow: hidden;
  transition: all 0.2s;
  height: 0px;
  padding: 0px;
  margin: 0px;
  box-shadow: none;
  border: none;
}

a {
  color: #333;
}


.product {
  color: #333;
  margin-bottom: 20px;
  box-shadow: none;
}
@media screen and (min-width: 992px) {
  .product {
    padding-left: 25px;
    box-shadow: none;
  }
}

@media screen and (min-width: 992px) {
  .product img {
    display: block;
  }
}
.product .price {
  color: #333;
  font-weight: bold;
}
.product .tier {
  padding-bottom: 1em;
}
.product .renews {
  padding-top: 1em;
}
.product .title, .product .tier, .product .attr, .product .renews {
  float: left;
  clear: left;
}
.product .price, .product .term {
  float: right;
  clear: right;
}
.product .remove {
  float: right;
  clear: right;
  /*display: none;*/
  color: #13365E !important;
  border-width: 1px;
  box-shadow: none !important;
  font-size: 12px;
  padding-bottom: 5px !important;
}
.product .remove .uxicon {
  margin-top: 3px;
  box-shadow: none !important;
}
.product .remove:hover {
  border-color: #608CB4 !important;
}
@media screen and (min-width: 992px) {
  .product .remove {
    display: block;
  }
}
.form-control{
  box-shadow: none !important;
}

.product span {
  display: block;
}

.options-label {
    text-transform: none;
}
.input-group {
  display: flex;
}

.summary dl {
  margin: 0;
  padding: 20px;
}
.summary dl dt {
  float: left;
  clear: left;
  font-weight: normal;
}
.summary dl dd {
  float: right;
  clear: right;
  font-weight: bold;
}
.summary dl:after {
  content: ".";
  clear: both;
  display: block;
  height: 0;
  visibility: hidden;
}
@media screen and (min-width: 992px) {
  .summary .subtotal {
    border-top: 5px solid #D0D0D0;
  }
  .summary .subtotal dt {
    margin-top: 2px;
  }
  .summary .subtotal dd {
    font-size: 18px;
  }
}
.summary .total {
  background: #13365E;
  color: #fff;
  padding: 20px;
}
.summary .total dt {
  text-transform: uppercase;
  margin-top: 0.5em;
  font-weight: bold;
}
.summary .total dd {
  font-size: 1.5em;
}
.summary .support dd {
  float: left;
  font-weight: normal;
  padding-left: 0.5em;
}
.summary button {
  margin: 0 20px;
  width: calc(100% - 40px);
}

.payment, .terms {
  margin-bottom: 20px;
}
.payment > a, .terms > a {
  float: right;
  padding-right: 20px;
  text-transform: uppercase;
}
.payment h4, .payment p, .terms h4, .terms p {
  padding: 0 20px;
}
.payment button, .terms button {
  margin-top: 5px;
}



.cart button[disabled] {
  background: #e8e8e8 !important;
  border-bottom: none !important;
  color: #848484 !important;
  opacity: 1;
}

.price {
  position: right;
  display: inline-block;
}


#controls {
  position: absolute;
  top: 0px;
  left: 0px;
  background: rgba(0, 0, 0, 0.5);
  padding: 20px;
}
/* The Modal (background) */
.modal {
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
  background-color: #fefefe;
  margin: 15% auto; /* 15% from the top and centered */
  padding: 20px;
  border: 1px solid #888;
  width: 65%; /* Could be more or less, depending on screen size */
  z-index: 1140 !important;
}
.modal-backdrop {
    display: none!important;
}


/* The Close Button */
.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

.jumbotron-footer {
  color: white;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: #13365e;
  font-size: 80%;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 90%;
}

.navbar-expand-sm {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.navbar-expand-sm .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem;
}
a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent;
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}


.cart-card a:hover,

.cart-card a:focus,


.cart-card .btn-link,


.cart-card .btn-link:hover,







.cart-card .h0,
.cart-card h1,
.cart-card .h1,
.cart-card h2,
.cart-card .h2,
.cart-card .headline-primary,
.cart-card .headline-secondary,
.cart-card .brand-message,



.cart-card:before,
.cart-card:after {
    content: " ";
    display: table
}

.cart-card:after {
    clear: both
}

.cart-card:before,
.cart-card:after {
    content: " ";
    display: table
}

.cart-card:after {
    clear: both
}



.cart-card>:first-child {
    margin-top: 0
}



@media (min-width:1200px) {
	.container {
		max-width: 1170px
	}
}

.container {
	margin-right: auto;
	margin-left: auto;
	padding-left: 10px;
	padding-right: 10px
}

.container:before,
.container:after {
	content: " ";
	display: table
}

.container:after {
	clear: both
}

.container:before,
.container:after {
	content: " ";
	display: table
}

.container:after {
	clear: both
}
@media (min-width:768px) {
	.container {
		max-width: 740px
	}
}

@media (min-width:992px) {
	.container {
		max-width: 960px
	}
	.col-md-1,
	.col-md-2,
	.col-md-3,
	.col-md-4,
	.col-md-5,
	.col-md-6,
	.col-md-7,
	.col-md-8,
	.col-md-9,
	.col-md-10,
	.col-md-11 {
		float: left
	}
	
	.col-md-4 {
		width: 33.33333333%
	}
	
	.col-md-6 {
		width: 50%
	}
	
	.col-md-offset-1 {
		margin-left: 8.33333333%
	}
}