.table>tbody>tr>td, .table>tfoot>tr>td{
    vertical-align: middle;
    border: 2px solid rgba(167,130,233,0.06);
}
#cart tr th{ font-weight: 600; background-color: #ef5102; color: #fff;padding: 15px; text-align: left;padding-left:10px;border-right: 1px solid #fff;}
table#cart tr th:first-child { padding-left:15px; }
table#cart tr th:last-child { padding-right:5px; }
table#cart td:last-child { text-align:center; border-right: 0px solid #fff;}

table#cart .form__input{width: 50%;padding: 0 10px;letter-spacing: 0.4px;margin-bottom: 10px;}



#uorder tr th{ font-weight: 600; background-color: #ef5102; color: #fff;padding: 15px; text-align: left;padding-left:10px;border-right: 1px solid #fff;}
table#uorder tr th:first-child { padding-left:15px; }
table#uorder tr th:last-child { padding-right:5px; }
table#uorder td:last-child { text-align:center; border-right: 0px solid #fff;}

table#uorder .form__input{width: 50%;padding: 0 10px;letter-spacing: 0.4px;margin-bottom: 10px;}



#ord_prod tr th{ font-weight: 600; background-color: #9576d1; color: #fff;padding: 10px; text-align: left;padding-left:5px;border-right: 1px solid #fff;}
table#ord_prod tr th:first-child { padding-left:5px; }
table#ord_prod tr th:last-child { padding-right:5px; border-right: 0px solid #fff;}
table#ord_prod td:last-child { text-align:center;border-right: 0px solid #fff; }

table#ord_prod .form__input{width: 50%;padding: 0 10px;letter-spacing: 0.4px;margin-bottom: 10px;}

@media screen and (max-width: 768px) {
    table#cart tbody td .form-control{
		width:20%;
		display: inline !important;
	}
	
	 table#uorder tbody td .form-control{
		width:20%;
		display: inline !important;
	}
	
	  table#ord_prod tbody td .form-control{
		width:20%;
		display: inline !important;
	}
	.actions .btn{
		width:36%;
		margin:1.5em 0;
	}
	
	.actions .btn-info{
		float:left;
	}
	.actions .btn-danger{
		float:right;
	}
	
	table#cart thead { display: none; }
	table#cart tbody td { display: block; padding: .6rem; min-width:100%;text-align:left !important;}
	table#cart tbody tr td:first-child { background: transparent; color: #fff; }
	table#cart tbody tr td p{color: #fff !important;}
	table#cart tbody td:before {
		content: attr(data-th); font-weight: bold;
		display: inline-block; width: 8rem;
	}
	
		table#cart th { display: none; }
	
table#cart .cart__delete {
    display: inline;}
    
	table#cart tfoot td{display:block; }
	table#cart tfoot td .btn{display:block;}
	
	table#cart .form__input{width: 30%;padding: 0 10px;letter-spacing: 0.4px;margin-bottom: 10px;}
	
	#cart td img{max-width: 100px;max-height: 100px;display: block;}
	



table#uorder thead { display: none; }
	table#uorder tbody td { display: block; padding: .6rem; min-width:100%;text-align:left !important;}
	table#uorder tbody tr td:first-child { background: transparent; color: #fff; }
	table#uorder tbody tr td p{color: #fff !important;}
	/*table#uorder tbody td:before {
		content: attr(data-th); font-weight: bold;
		display: inline-block; width: 8rem;
	}*/
	
		table#uorder th { display: none; }
	
table#uorder .cart__delete {
    display: inline;}
    
	table#uorder tfoot td{display:block; }
	table#uorder tfoot td .btn{display:block;}
	
	table#uorder .form__input{width: 30%;padding: 0 10px;letter-spacing: 0.4px;margin-bottom: 10px;}
	
	#uorder td img{max-width: 100px;max-height: 100px;display: block;}
	
	
	

table#ord_prod thead { display: none; }
	table#ord_prod tbody td { display: block; padding: .6rem; min-width:100%;text-align:left !important;}
	table#ord_prod tbody tr td:first-child { background: transparent; color: #fff; }
	table#ord_prod tbody tr td p{color: #fff !important;}
	table#ord_prod tbody td:before {
		content: attr(data-th); font-weight: bold;
		display: inline-block; width: 8rem;
	}
	
		table#ord_prod th { display: none; }
	
table#ord_prod .cart__delete {
    display: inline;}
    
	table#ord_prod tfoot td{display:block; }
	table#ord_prod tfoot td .btn{display:block;}
	
	table#ord_prod .form__input{width: 30%;padding: 0 10px;letter-spacing: 0.4px;margin-bottom: 10px;}
	
	#ord_prod td img{max-width: 100px;max-height: 100px;display: block;}
	
}
.cart__table td {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    padding: 10px 0px 10px 10px;
}
.table-responsive{overflow:hidden;}
.cart__delete{margin-left:10px;}

.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus,
.btn.focus {
  color: #333;
  text-decoration: none;
}
.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c;float:right;}
.btn-success.focus,.btn-success:focus{color:#fff;background-color:#449d44;border-color:#255625}
.btn-success:hover{color:#fff;background-color:#449d44;border-color:#398439}
.btn-success.active,.btn-success:active{color:#fff;background-color:#449d44;border-color:#398439}


#cart td img{max-width:50px;max-height:50px;}

#uorder td img{max-width:50px;max-height:50px;}

#ord_prod td img{max-width:50px;max-height:50px;}
.alert {
 position:relative;
 padding:.75rem 1.25rem;
 margin-bottom:1rem;
 border:1px solid transparent;
 border-radius:.25rem
}
.alert-heading {
 color:inherit
}
.alert-link {
 font-weight:700
}
.alert-dismissible {
 padding-right:4rem
}
.alert-dismissible .close {
 position:absolute;
 top:0;
 right:0;
 padding:.75rem 1.25rem;
 color:inherit
}
.alert-primary {
 color:#004085;
 background-color:#cce5ff;
 border-color:#b8daff
}
.alert-primary hr {
 border-top-color:#9fcdff
}
.alert-primary .alert-link {
 color:#002752
}
.alert-secondary {
 color:#383d41;
 background-color:#e2e3e5;
 border-color:#d6d8db
}
.alert-secondary hr {
 border-top-color:#c8cbcf
}
.alert-secondary .alert-link {
 color:#202326
}
.alert-success {
 color:#155724;
 background-color:#d4edda;
 border-color:#c3e6cb
}
.alert-success hr {
 border-top-color:#b1dfbb
}
.alert-success .alert-link {
 color:#0b2e13
}
.alert-info {
 color:#0c5460;
 background-color:#d1ecf1;
 border-color:#bee5eb
}
.alert-info hr {
 border-top-color:#abdde5
}
.alert-info .alert-link {
 color:#062c33
}
.alert-warning {
 color:#856404;
 background-color:#fff3cd;
 border-color:#ffeeba
}
.alert-warning hr {
 border-top-color:#ffe8a1
}
.alert-warning .alert-link {
 color:#533f03
}
.alert-danger {
 color:#721c24;
 background-color:#f8d7da;
 border-color:#f5c6cb
}
.alert-danger hr {
 border-top-color:#f1b0b7
}
.alert-danger .alert-link {
 color:#491217
}
.alert-light {
 color:#818182;
 background-color:#fefefe;
 border-color:#fdfdfe
}
.alert-light hr {
 border-top-color:#ececf6
}
.alert-light .alert-link {
 color:#686868
}
.alert-dark {
 color:#1b1e21;
 background-color:#d6d8d9;
 border-color:#c6c8ca
}
.alert-dark hr {
 border-top-color:#b9bbbe
}
.alert-dark .alert-link {
 color:#040505
}
@-webkit-keyframes progress-bar-stripes {
 from {
  background-position:1rem 0
 }
 to {
  background-position:0 0
 }
}
@keyframes progress-bar-stripes {
 from {
  background-position:1rem 0
 }
 to {
  background-position:0 0
 }
}
.progress {
 display:-ms-flexbox;
 display:flex;
 height:1rem;
 overflow:hidden;
 font-size:.75rem;
 background-color:#e9ecef;
 border-radius:.25rem
}
.progress-bar {
 display:-ms-flexbox;
 display:flex;
 -ms-flex-direction:column;
 flex-direction:column;
 -ms-flex-pack:center;
 justify-content:center;
 color:#fff;
 text-align:center;
 white-space:nowrap;
 background-color:#007bff;
 transition:width .6s ease
}
@media screen and (prefers-reduced-motion:reduce) {
 .progress-bar {
  transition:none
 }
}
.progress-bar-striped {
 background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
 background-size:1rem 1rem
}
.progress-bar-animated {
 -webkit-animation:progress-bar-stripes 1s linear infinite;
 animation:progress-bar-stripes 1s linear infinite
}

#ordsuc{color:#6cc74a !important;font-weight:bold;}