@import 'https://fonts.googleapis.com/css?family=Open+Sans:600,700';

.pro-details-rating { margin: 0 0px 0 !important;}

.product-quality2 {
  position: relative;
  width: 90px;
}

.product-quality2 input {
  width: 90px;
  font-size: 15px;
  font-weight: 700;
  color: #333;
  padding: 2px 30px 2px 10px;
  border:1px solid #e3e0e0;
  background-color:#fff;
  text-align: center;
  border-radius:2px;
  height: 30px;
}

.product-quality2 .qtybutton2 {
  font-size: 0;
}

.product-quality2 .qtybutton2.dec {
  position: absolute;
  width: 30px;
  height: 15px;
  text-align: center;
  right: 0;
  bottom:1px;
}

.product-quality2 .qtybutton2.dec::before {
  content: '';
  position: absolute;
  right: 14px;
  bottom: 8px;
  border-top: 5px solid #696969;
  border-left: 5px solid transparent !important;
  border-right: 5px solid transparent !important;
  -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  cursor: pointer;
}

.product-quality2 .qtybutton2.dec:hover::before {
  border-top: 5px solid #4e97fd;
}

.product-quality2 .qtybutton2.inc {
  position: absolute;
  width: 30px;
  height: 15px;
  right: 0;
  top:1px;
}

.product-quality2 .qtybutton2.inc::after {
  content: '';
  position: absolute;
  right: 14px;
  top: 8px;
  border-bottom: 5px solid #696969;
  border-left: 5px solid transparent !important;
  border-right: 5px solid transparent !important;
  -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  cursor: pointer;
}

.product-quality2 .qtybutton2.inc:hover::after {
  border-bottom: 5px solid #4e97fd;
}



/*=============================new-css-open==============================*/

.tables_outer{margin-bottom: 20px !important;}
  #no-more-tables table, 
  #no-more-tables thead, 
  #no-more-tables tbody, 
  #no-more-tables th, 
  #no-more-tables td, 
  #no-more-tables tr { padding: 10px; font-size: 14px; font-weight: 500; color:#565656; 
  }

  #no-more-tables th{  background: #16a0d3; color: #fff; font-size: 16px; font-weight: 600; 
  }

#no-more-tables .table-bordered>:not(caption)>* {
    border: solid 1px #edecec;
}

#no-more-tables table>:not(caption)>*>* {
    border-width: 0 0px;
}


 @media only screen and (max-width: 800px) { 
 #no-more-tables table,#no-more-tables tr { padding:0px; 
  }


  #no-more-tables table, 
  #no-more-tables thead, 
  #no-more-tables tbody, 
  #no-more-tables th, 
  #no-more-tables td, 
  #no-more-tables tr {   
    display: block;  
  } 
  #no-more-tables thead tr { 
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
 
  #no-more-tables tr { border: 1px solid #ccc; }
 
  #no-more-tables td {  
    border: none;
    border-bottom: 1px solid #eee; 
    position: relative;
    padding-left: 40%; 
    white-space: normal;
    text-align:left;

  }
 
  #no-more-tables td:before {  
    position: absolute; 
    top: 6px;
    left: 6px;
    width: 55%; 
    padding-right: 10px; 
    white-space: nowrap;
    text-align:left;
    font-weight: bold;
  }
 
  
  #no-more-tables td:before { content: attr(data-title); }
}

/*==============================new-css-end============================*/

.thank_you_outer{ background:#d5edd7; margin: 0px 0px 10px 0px; padding: 10px 20px; }
.thank_you_outer p{ font-size: 14px; }

 .left-box-bg{ box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
  background:#f8f8f8; min-height: 200px; padding:20px 0px; }

.sidebar-price{ text-align: center;
    font-size:30px;
    font-weight:600;
     
    line-height: 1; color: #e4573d; border-bottom: solid 1px #f1eeee; 
    padding-bottom: 10px;
}

.btn {
  background:#0180ff;
  border: none;
  color: white;
  padding:6px 20px;
  cursor: pointer;
  font-size: 14px; 
}

/* Darker background on mouse-over */
.btn:hover {
  background:#0054a7; color: #fff;
}
.button_outer_section{ /*text-align: center;  */padding: 10px 20px; border-bottom: solid 1px #f1eeee; }

.details_outer_3{ padding: 0px 20px  10px 20px; 
  border-bottom: solid 1px #f1eeee; }
.details_outer_3 ul{ list-style: none; margin: 10px 0px 0px 0px;  padding: 0px; }
.details_outer_3 ul li{ list-style: none; margin: 0px; color: #0f4d8b;}

.your_sales{ padding: 10px 20px  10px 20px; 
  border-bottom: solid 1px #f1eeee; color:#545454; font-weight: bold; font-style: italic; }

.user_icon_outer{width: 50px; float: left; margin-right: 30px;}
.user_icon_outer img{ border-radius: 100%; max-width: 50px; }

.img_icon_details{ font-weight: bold; font-size: 16px; float: left;  font-style: normal; display: inline-block;}

.img_icon_details_send_message{ font-size: 12px; font-weight: normal; }

.img_icon_details_send_message i{ color:#0054a7; }



.rwd-table {
  /*margin: auto;*/
  min-width: 300px;
 width: 100%;
  border-collapse: collapse; margin-bottom: 20px;
}

.rwd-table tr:first-child {
  border-top: none;
  background:#16a0d3;
  color: #fff;
}

.rwd-table tr {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  background-color: #f5f9fc;
}

.rwd-table tr:nth-child(odd):not(:first-child) {
  background-color: #ebf3f9;
}

.rwd-table th {
  display: none;
}

.rwd-table th{ font-size: 20px !important; }


.rwd-table td {
  display: block;
}

.rwd-table td:first-child {
  margin-top: .5em;
}

.rwd-table td:last-child {
  margin-bottom: .5em;
}

.rwd-table td:before {
  content: attr(data-th) " ";
  font-weight: bold;
  width: 120px;
  display: inline-block;
  color: #000;
}



.rwd-table th,
.rwd-table td {
  text-align: left;
}

.rwd-table {
  color: #333;
  /*border-radius: .4em;*/
  overflow: hidden;
}

.rwd-table tr {
  border-color: #bfbfbf;
}

.rwd-table th,
.rwd-table td {
  padding: .5em 1em; display: inline-flex;
}

.add-to-cart2 { float: left;
  display: inline-grid;
    color: #ffffff;
    padding: 0;
    border: 0;
    font-size: 15px;
    font-weight: 700;
   
    
}
.add-to-cart2 a{ 
    background:#0054a7;
    color: #ffffff; padding: 10px 40px;  
}
.add-to-cart2 a:hover {
    background: #e4573d;
    color: #ffffff;
}




.add-to-quote { float: right;
    color: #ffffff;
    padding: 0;
    border: 0;
    font-size: 15px;
    font-weight: 700;
   
    
}
.add-to-quote a{ 
    background:#0054a7;
    color: #ffffff; padding: 10px 40px;  
}
 
 .add-to-quote a:hover{ 
    background:#e4573d;
    color: #ffffff; 
}
 

.add-to-quote { float: right;
    color: #ffffff;
    padding: 0;
    border: 0;
    font-size: 15px;
    font-weight: 700; 
    display: inline-grid; 
}

.add-to-quote2 a{ background:#0056a7;
    color: #ffffff;  padding: 10px 40px;  
}
 
 .add-to-quote2 a:hover{ 
    
    background:#e4573d;
    color: #ffffff; 
}





.wishlist a{
    position:relative;
    display:inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.09);
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.09);
    background-color: #ffffff;
    color:#e4573d;
    border-radius: 50%;
    font-size: 14px;
    padding: 0;
    border: none;
    margin-left: 10px; 
     float: right; 
    top: 0px;
    position: relative;
    border: solid 1px #a8a6a6;
}
 
/* .wishlist a:hover{ color: #000; } */
.pull-left{ float: left; }


@media screen and (max-width: 601px) {
  .rwd-table tr:nth-child(2) {
    border-top: none;
  }
}
@media screen and (min-width: 600px) {
  .rwd-table tr:hover:not(:first-child) {
    background-color: #d8e7f3;
  }
  .rwd-table td:before {
    display: none;
  }
  .rwd-table th,
  .rwd-table td {
    display: table-cell;
    padding: .25em .5em;
  }
  .rwd-table th:first-child,
  .rwd-table td:first-child {
    padding-left: 0;
  }
  .rwd-table th:last-child,
  .rwd-table td:last-child {
    padding-right: 0;
  }
  .rwd-table th,
  .rwd-table td {
    padding:15px 10px !important; font-size: 14px; font-weight: 600;
  }
}

 .rwd-table td { color:#5e5959; font-size: 14px;
  }


.new-price2 {
  
  font-weight: 700 !important;
  color: #e4573d !important; font-size: 18px !important;
}
.reward{ color:#1b6fd1 !important; }


/* THE END OF THE IMPORTANT STUFF */

/* Basic Styling */
 
@-webkit-keyframes leftRight {
  0%    { -webkit-transform: translateX(0)}
  25%   { -webkit-transform: translateX(-10px)}
  75%   { -webkit-transform: translateX(10px)}
  100%  { -webkit-transform: translateX(0)}
}
@keyframes leftRight {
  0%    { transform: translateX(0)}
  25%   { transform: translateX(-10px)}
  75%   { transform: translateX(10px)}
  100%  { transform: translateX(0)}
}

/*
    Don't look at this last part. It's unnecessary. I was just playing with pixel gradients... Don't judge.
*/
/*
@media screen and (max-width: 601px) {
  .rwd-table tr {
    background-image: -webkit-linear-gradient(left, #428bca 137px, #f5f9fc 1px, #f5f9fc 100%);
    background-image: -moz-linear-gradient(left, #428bca 137px, #f5f9fc 1px, #f5f9fc 100%);
    background-image: -o-linear-gradient(left, #428bca 137px, #f5f9fc 1px, #f5f9fc 100%);
    background-image: -ms-linear-gradient(left, #428bca 137px, #f5f9fc 1px, #f5f9fc 100%);
    background-image: linear-gradient(left, #428bca 137px, #f5f9fc 1px, #f5f9fc 100%);
  }
  .rwd-table tr:nth-child(odd) {
    background-image: -webkit-linear-gradient(left, #428bca 137px, #ebf3f9 1px, #ebf3f9 100%);
    background-image: -moz-linear-gradient(left, #428bca 137px, #ebf3f9 1px, #ebf3f9 100%);
    background-image: -o-linear-gradient(left, #428bca 137px, #ebf3f9 1px, #ebf3f9 100%);
    background-image: -ms-linear-gradient(left, #428bca 137px, #ebf3f9 1px, #ebf3f9 100%);
    background-image: linear-gradient(left, #428bca 137px, #ebf3f9 1px, #ebf3f9 100%);
  }
}*/