.text-info{border-left-style:solid; border-left-width:5px; border-left-color:#777; padding:5px 5px 5px 10px; font-size:110%;}
.box {border-radius: 5px; box-shadow: 1px 2px 10px silver; padding:10px;}
.buttons{padding: 20px;}
.btn-marginTop{margin-top:5px;}
.container{margin:0 auto;}

.btn-pos{
    padding:20px 31px;
    font-size:20px;
    border-radius:6px;
    margin-right:1px;
}

btn-summary{
    margin-right:5px;
}

btn-marginTop{
    margin-top:5px;
}

.badge-left{
    float:none
}
.list-group-item > .badge{
    float:none;
}
/*input*/

input {
  border: 2px solid #777;
  border-radius: 5px;
  color: #777;
  font-size: 32px;
  margin: 0 0 20px;
  padding: .5rem 1rem;
  width: 100%;
}

.btn-huge{
    padding-top:8px;
    padding-bottom: 8px;
    font-size: 32px;
    width: 100%;
    color: #777;
}

.btn-checkout{
    padding-top:8px;
    padding-bottom: 8px;
    width: 100%;
    height: 60px;
    border-style: outset;
    border-color: red;
}

.custom-icon{
  border: 2px solid #777;
  border-radius: 5px;
  color: #777;
  font-size: 32px;
  margin: 0 0 0px;
  padding: .5rem 1rem;
  width: 100%;
}

.btn-huge2{
    padding-top:8px;
    padding-bottom: 8px;
    font-size: 32px;
    width: 159.7px;
    height: 148px;
    border-radius: 10px;
    border-right-style: outset;
    margin-top: 6px;
}
/*this is for image of products displayed at the right side*/
.product-image{
    padding-top:8px;
    padding-bottom: 8px;
    font-size: 32px;
    width: 159px;
    height: 123px;
    border-radius: 5px;
    margin-top: 6px;
    
    
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #777;
  opacity: 0.5; /* Firefox */
}