.btnViewHistory{
    width: 80px;
    height: 35px;
    border-radius: 20px;
    background: #30cdcd;
    color: white;
    border-color: #30cdcd;
    border: none;
}

.btnInvoiceDetail{
	  width: 80px;
    height: 35px;
    border-radius: 20px;
    background: #9a92fb;
    color: white;
    border-color: #9a92fb;
    border: none;
}


.shopping-cart .client-details table td{
    padding: 0px;
    font-size: 16px;
}

.client-details-align{

    font-size: 1.125em;
    font-weight: 900 !important;
    color: #292c2e;
}

.cart-title{
    margin-bottom: 4%;
    font-style: italic;
    font-weight: 500;
    font-size: 27px;
}

.client-details-title{
    margin-top: 0px !important;

}

.items-list img{
    width: 155px;
    height: 155px;
}

.shopping-cart table td.name{
    max-width: 130px;
    padding-right: 25px;
}

.shopping-cart table td.name a{
    font-size: 21px;
}

.product-listing-grid img{
    padding-top: 40px;
}

.product-single-details h3{
    margin: 0px !important;
}

.product-single-details .tags{
    margin-top: 5px !important;
}

.product-single-details h3{
    font-weight: 900;
}

.product-single-details .tags p{
    font-weight: 100;
}

.accordion {
  background-color: #63b3d2;
  color: white;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
  margin-bottom: 10px !important;
}

.catalog-single .buttons .qnt-count .incr-btn:hover{
    background: #4c6673 !important;
}

.active, .singleProduct.accordion:hover {
  background-color: #4c6673 !important;
  color: white;
}

.checkout .active, .accordion:hover{
    background: none !important;
}

.panel-toggle:hover{
    cursor: pointer;
}

.details_padding{
    padding: 7px;
}

.panel {
  padding: 0 18px;
  display: none;
  background-color: white;
  overflow: hidden;
}

.checkout{
    margin-top: 30px;
}

.checkout .col-lg-offset-1{
    margin-left: 4.333333%;
}

#login_tabs{
    margin: 10px 0px;
}

.checkout td.price, td.name{
    width: 200px;
}

.scrollableSummary{
    background: #f9f2e4;
    z-index: 10000;
    padding: 20px 30px;
}

.category img{
    width: 165px;
    height: 190px;
}

.makeOrderPadding{
    padding: 15%;
}

textarea.form-control{
  padding: 10px 7px !important;
}

button#webviewBtnAddProduct{
    background: #2fcdcd;
    color: white;
    border: none;
    padding: 5px 30px;
    padding-right: 45px;
    margin-bottom: 15px;
}

button#webviewBtnCheckout{
    background: #9a92fb;
    color: white;
    border: none;
    width: 100%;
    padding: 10px 30px;
    padding-right: 45px;
    margin-bottom: 15px;
}

button#webViewbtnPlaceNewOrder{
    background: #5cb85c;
    color: white;
    border: none;
    width: 100%;
    padding: 10px 30px;
    padding-right: 45px;
    margin-bottom: 15px;
    display: none;
}

#suggestion-box{
  border: 1px solid #ebedf2;
  border-top: 0px;
}

ul.suggestion-list-ul{
  padding-left: 0px;
  margin-bottom: 0px;
}

ul.suggestion-list-ul li.suggestion-result{
  list-style-type: none !important;
  padding: 5px 10px !important;
}

li.suggestion-result:hover{
  cursor: pointer;
  background: #f2f3f8;
}

table.dataTable tfoot td{
  display: table-cell !important;
}

.loader_modal{
  height: 100%;
  width: 100%;
  z-index: 1000;
  position: absolute;
  background: rgba(0,0,0,0.5);
  display: none;
}

.loader {
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #2fcdcd;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 1s linear infinite; /* Safari */
  animation: spin 1s linear infinite;
  position: absolute;
  top: 40%;
  right: 38%;
}

.deleteBtnOrderPage{
  background: #ef4e4e;
  color: white;
  border: none;
  padding: 5px 15px;
  margin-top: 5px;
}

.webViewSummaryTitle{
    text-align: center;
    margin: 20px;
    font-size: 24px;
    text-transform: uppercase;
}

.marketHomePageProductImg{
    width: 100%;
    height: 210px;
}

.alert{
  margin-bottom: 0px !important; 
}

#btnCheckAmount{
  width: 30%;
}

#btnCheckAmount:hover{
  color: white;
  background: #40c8de;
  transition: background-color 0.5s ease;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}