.percent { width: 85.71429%; }

.panel-primary { border-color: #009dda; }

input { padding: 6px 12px; }

.top-nav {
  min-width: 1200px;
  background-color: #333333;
  height: 40px;
  line-height: 40px;
  color: #aaa;
  font-size: 12px;
}

.top-nav .nav-box {
  float: left;
  height: 40px;
  line-height: 40px;
}

.top-nav a { margin-left: 10px; }

.top-nav a:hover { color: #fff; }

.med-nav {
  min-width: 1200px;
  background-color: #009dda;
}

.med-nav ul { overflow: hidden; }

.med-nav ul li {
  float: left;
  margin-right: 10px;
}

.med-nav ul li a {
  display: block;
  padding: 0 20px;
  text-align: center;
  color: #fff;
  font-size: 16px;
  line-height: 45px;
}

.med-nav ul li a:hover { background-color: #0486b9; }

.med-nav ul li.active > a { background-color: #0486b9; }


#container {
  min-height: 100%;
  position: relative;
  max-width:480px;
  margin:0 auto;
}

#body { padding-bottom: 60px;/* Height of the footer */ }

/*#footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 40px;
  Height of the footer 
  background-color: #333333;
} */

/*keep footer always on bottom end*/

.handle-counter { overflow: hidden; }

.handle-counter .counter-minus,  .handle-counter .counter-plus,  .handle-counter input {
  float: left;
  text-align: center;
}

.handle-counter .counter-minus,  .handle-counter .counter-plus { 


  text-align: center;
background: #000;
width: 35px;
height: 35px;
border-radius: 50%;
border: none;
color: #fff;
font-weight: 600;
margin-right: 10px;
margin-left: 10px;
font-size: 18px;
 

}

.handle-counter input {
  width: 50px;
  /*border-width: 1px;
  border-left: none;
  border-right: none;*/
  border:none;
}

.btn {
 /* padding: 5px 5px;*/
  border: 1px solid transparent;
  color: #fff;
}

.btn:disabled, .btn:disabled:hover {
  background-color: darkgrey;
  cursor: not-allowed;
}


.margin-top { margin-top: 150px; }

.margin-bottom { margin-bottom: 20px; }

.pull-right { float: right !important; }

.pull-left { float: left !important; }

.hide { display: none; }

.show { display: block; }

.invisible { visibility: hidden; }


.border { border: 1px solid red; }