.form-search input,.form-inline input,.form-horizontal input,.form-search textarea,.form-inline textarea,.form-horizontal textarea,.form-search select,.form-inline select,.form-horizontal select,.form-search .help-inline,.form-inline .help-inline,.form-horizontal .help-inline,.form-search .uneditable-input,.form-inline .uneditable-input,.form-horizontal .uneditable-input,.form-search .input-prepend,.form-inline .input-prepend,.form-horizontal .input-prepend,.form-search .input-append,.form-inline .input-append,.form-horizontal .input-append{
  display:inline-block;*display:inline;*zoom:1;margin-bottom:0;vertical-align:middle
}

.form-horizontal .control-group{
margin-bottom:20px;*zoom:1
}

.form-horizontal .control-group:before,.form-horizontal .control-group:after{
display:table;content:"";line-height:0
}

.form-horizontal .control-group:after{
clear:both
}

.form-horizontal .control-label{
float:left;width:130px;padding-top:5px;text-align:left
}

.form-horizontal .controls{
*display:inline-block;*padding-left:20px;margin-left:180px;*margin-left:0
}

.form-horizontal .controls:first-child{
*padding-left:180px
}

.form-horizontal .help-block{
margin-bottom:0
}

.form-horizontal input+.help-block,.form-horizontal select+.help-block,.form-horizontal textarea+.help-block,.form-horizontal .uneditable-input+.help-block,.form-horizontal .input-prepend+.help-block,.form-horizontal .input-append+.help-block{
margin-top:10px
}

.form-horizontal .form-actions{
padding-left:180px
}

.form-horizontal.large-label .control-label{
width:180px
}

.form-horizontal.large-label .controls{
margin-left:200px
}

.control-group.erro .control-label,.control-group.erro .help-block,.control-group.erro .help-inline{
color:#b94a48
}

.control-group.erro .checkbox,.control-group.erro .radio,.control-group.erro input,.control-group.erro select,.control-group.erro textarea{
color:#b94a48
}

.control-group.erro input,.control-group.erro select,.control-group.erro textarea{
border-color:#b94a48;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)
}

.control-group.erro input:focus,.control-group.erro select:focus,.control-group.erro textarea:focus{
border-color:#953b39;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #d59392;-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #d59392;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #d59392
}

.control-group.erro .input-prepend .add-on,.control-group.erro .input-append .add-on{
color:#b94a48;background-color:#f2dede;border-color:#b94a48
}

.link_1{ display:block; }
.link_2{ display:none; }
@media screen and (min-width:480px){
  .link_1{ display:none; }
  .link_2{ display:block; }
}

.help-inline{
  color:#c09853;
  display:inline-block;*display:inline;*zoom:1;vertical-align:middle;padding-left:5px;font-size:11px
}

.btn{ 
  border:1px solid #9a9999;
  border-radius:5px; 
  font-size:12px;
  padding:3px 8px 4px 8px;
  border-radius:2px;border:1px solid rgba(0,0,0,0.1);border-bottom-color:rgba(0,0,0,0.2);color:#555;font-size:14px;line-height:normal;text-transform:none;padding:6px 14px;display:inline-block;cursor:pointer;vertical-align:middle;text-align:center;background-color:#FFF;background-image:linear-gradient(to bottom,rgba(255,255,255,0.1),rgba(0,0,0,0.1));white-space:nowrap 
}

/*
I wanted to go with a mobile first approach, but it actually lead to more verbose CSS in this case, so I've gone web first. Can't always force things...

Side note: I know that this style of nesting in SASS doesn't result in the most performance efficient CSS code... but on the OCD/organizational side, I like it. So for CodePen purposes, CSS selector performance be damned.
*/
/* Global settings */
/* Global "table" column settings */
.product-image {
  float: left;
  width: 10%;
}

.product-details {
  float: left;
  width: 35%;
}

.product-price2 { display:none;margin-top:10px }
.product-quantity2{ display:none;margin-left:110px;width:140px;margin-top:5px;}
.product .product-quantity2 input {
  width: 40px;
}

.product-removal2 {
  width: auto;
  display:none;
  float:left;
  margin-left:0x
}

.product-price {
  float: left;
  width: 12%;
}

.product-quantity {
  float: left;
  width: 22%;
}

.product-removal {
  float: left;
  width: 9%;
  top:0px
}

.product-line-price {
  float: left;
  width: 12%;
  text-align: right;
}

/* This is used as the traditional .clearfix class */
.group:before, .shopping-cart:before, .column-labels:before, .product:before, .totals-item:before,
.group:after,
.shopping-cart:after,
.column-labels:after,
.product:after,
.totals-item:after {
  content: '';
  display: table;
}

.group:after, .shopping-cart:after, .column-labels:after, .product:after, .totals-item:after {
  clear: both;
}

.group, .shopping-cart, .column-labels, .product, .totals-item {
  zoom: 1;
}

/* Apply clearfix in a few places */
/* Apply dollar signs */
.product .product-price:before, .product .product-line-price:before, .totals-value:before {
  content: 'R$';
}

/*
h1 {
  font-weight: 100;
}*/

label {
  color: #aaa;
}

.shopping-cart {
  margin-top: -45px;
}

/* Column headers */
.column-labels label {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #eee;
  color:#168AFF;
  font-weight:600;
}
/*
.column-labels .product-image, .column-labels .product-details, .column-labels .product-removal {
  text-indent: -9999px;
}

.column-labels .product-image, .column-labels .product-details, .column-labels .product-removal {
  text-indent: -9999px;
}*/

/* Product entries */
.product {
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}
.product .product-image {
  text-align: center;
}
.product .product-image img {
  width: 100px;
}
.product .product-details .product-title {
  margin-right: 20px;
  font-family: 'Source Sans Pro', sans-serif;
  color:#168AFF;
  font-weight:600;
}
.product .product-details .product-description {
  margin: 5px 20px 5px 0;
  line-height: 1.4em;
}
.product .product-quantity input {
  width: 40px;
}
.product .remove-product {
  border: 0;
  padding: 4px 8px;
  background-color: #c66;
  color: #fff;
   font-family: 'Source Sans Pro', sans-serif;
  font-size: 12px;
  border-radius: 3px;
}
.product .remove-product:hover {
  background-color: #a44;
}

/* Totals section */
.totals .totals-item {
  float: right;
  clear: both;
  width: 100%;
  margin-bottom: 10px;
}
.totals .totals-item label {
  float: left;
  clear: both;
  width: 79%;
  text-align: right;
  font-size:15px;
  font-weight:600;
  color:#2f2f2f;
}
.totals .totals-item .totals-value {
  float: right;
  width: 21%;
  text-align: right;
  font-size:22px;
  color:#2f2f2f;
}
.totals .totals-item-total {
   font-family: 'Source Sans Pro', sans-serif;
}

.checkout {
  float: right;
  border: 0;
  margin-top: 20px;
  padding: 6px 25px;
  background-color: #6b6;
  color: #fff;
  font-size: 25px;
  border-radius: 3px;
}

.checkout:hover {
  background-color: #494;
}

.botao{
  border-radius:2px;border:1px solid rgba(0,0,0,0.1);border-bottom-color:rgba(0,0,0,0.2);color:#555;font-size:14px;line-height:normal;text-transform:none;padding:6px 14px;display:inline-block;cursor:pointer;vertical-align:middle;text-align:center;background-color:#FFF;background-image:linear-gradient(to bottom,rgba(255,255,255,0.1),rgba(0,0,0,0.1));white-space:nowrap
}

.botao:hover{
  background-image:linear-gradient(to bottom,rgba(255,255,255,0.25),rgba(0,0,0,0.12));color:inherit;text-decoration:none
}


/* Make adjustments for tablet */
@media screen and (max-width: 650px) {
  .product-line-price {
	display:none;
  }
  
  .product-quantity {
	float: left;
	width: 22%;
  }

  .product-price{ width:20% }
}

/* Make adjustments for tablet */
@media screen and (max-width: 600px) {
  .shopping-cart {
    margin: 0;
    padding-top: 20px;
    border-top: 1px solid #eee;
  }
  
  .product-price2{display:block}
  .product-quantity2{display:block}
  .product-quantity{display:none}
  
  .column-labels {
    display: none;
  }

  .product-image {
    float: left;
    width: auto;
  }
  .product-image img {
    margin: 0 10px 10px 10px;
  }

  .product-details {
    float: none;
    margin-bottom: 10px;
    width: 100%;
  }


  .product-price {
    clear: none;
    width: 70px;
	display:none;
  }

  .product-quantity {
    width: 100px;
  }
  .product-quantity input {
    margin-left: 0px;
  }

  .product-quantity:before {
    content: '';
  }

  .product-removal {
    width: auto;
	display:none;
	
  }
  
  .product-removal2{display:block}
  
  .product-line-price {
    float: right;
    width: 70px;
	display:none;
  }
}


/* Make adjustments for tablet */
@media screen and (max-width: 480px) {
  .shopping-cart {
    margin: 0;
    padding-top: 20px;
    border-top: 1px solid #eee;
  }
  
  .product-price2{display:block}

  .column-labels {
    display: none;
  }

  .product-image {
    float: left;
    width: auto;
  }
  .product-image img {
    margin: 0 10px 10px 10px;
  }

  .product-details {
    float: none;
    margin-bottom: 10px;
    width: 100%;
  }

  .product-price {
    clear: none;
    width: 70px;
	display:none;
  }

  .product-quantity {
    width: 100px;
  }
  .product-quantity input {
    margin-left: 0px;
  }

  .product-quantity:before {
    content: '';
  }

  .product-removal {
    width: auto;
	float: left;
	/*display:none;*/
	
  }

  .product-line-price {
    float: right;
    width: 70px;
	display:none;
  }
}

.label_calcular{float:left !important;}
.100porcento{}

@media screen and (max-width:600px){
  .label_calcular{ float:none !important }
  .100porcento{
	 width:100% !important;
	 float:none;
	 border:1px solid #000
  }
}


/* Make more adjustments for phone */
@media screen and (max-width: 480px) {
  
  .product-removal {
    float: right;
  }

  .product-line-price {
    float: right;
    clear: left;
    width: auto;
    margin-top: 10px;
  }

  .product .product-line-price:before {
    content: 'Item Total: R$';
  }

  .totals .totals-item label {
    width: 60%;
  }
  .totals .totals-item .totals-value {
    width: 40%;
  }
}