/* Add here all your CSS customizations */
.card-footer{ 
	
    margin-bottom: -16px;
 }
.custom-per-page{
	width:75px;	
	float:left;
}
.record-per-page{
	padding-top: 8px;
    padding-left: 5px;
	
}
.custom-order-status{
	float:left;
	width:75%;	
}
.custom-order-payment{
	float:left; 
	width:215px;
}
.custom-top-search{
	width:25%;
	float:right;
}
.custom-txt-field{
	min-height: 1.0rem !important;
	line-height: 1.5 !important;
}
.custom-icon-price{
	font-size: 18px;
    position: relative;
    z-index: 8;
    margin-left: -18px;
    top: 8px;
}
.custom-invoice .row{
	margin-bottom:20px;	
}
.custom-invoice #row_heading{
	margin-bottom:0px;
	margin-top:15px;	
}
.custom-bottom{
	margin-bottom:20px;
}
.custom-shop{
	margin-bottom:20px;
}
.custom-shop label{
	padding-top:10px;	
}
.custom-primary{
background: #658b3c;
    color:#fff;
    border-radius: 14px;
    width: 100%;
    margin-top:20px;
    margin-bottom: 20px;
}
.custom-primary h3{
	padding-top:10px;
	padding-left:10px;
	
}
.custom-primary p{
	color:#fff;
	padding-bottom:10px;
	padding-left:10px;	
}
.custom-select-product{
	width:180px;	
}
.custom-qty{
	display:none;	
}

.content {min-height:450px;}
/*Pagination*/
.pagination {
	float:right;
}
.pagination li a { 
	padding:4px 8px;
	border:1px solid #dee2e6;
	
}
.pagination li a:hover{
	text-decoration:none;
	background-color:#658b3c;
	color:#fff;
}

.pagination li a.current_page{
	background-color:#658b3c;
	color:#fff;
}
@media (min-width: 320px) and (max-width: 480px) {
  
  .custom-order-status{
	float:left;
	width:100%;	
}
.custom-order-payment{
	float:left; 
	width:78% !important;
	margin-bottom: 15px;
} 
.custom-top-search{
	width:100%;
	float:none;
	
} 
.custom-per-page{
	clear:both;	
}
.custom-top-search label{ 
	width:100%;
	margin-top:15px;	
} 
}
@media (min-width: 481px) and (max-width: 700px) {
  
  .record-per-page {
    padding-top: 8px;
    padding-left: 5px;
    float: left;
}
  .custom-order-status{
	float:left;
	width:100%;	
}
.custom-order-payment{
	float:left; 
	width:85% !important;
	margin-bottom: 15px;
} 
.custom-top-search{
	width:100%;
	float:none;
	
} 
.custom-per-page{
	clear:both;	
}
.custom-top-search label{ 
	width:100%;
	margin-top:15px;	
} 
}
@media (min-width: 768px) and (max-width: 840px) {
  
  .custom-order-status{
	float:left;
	width:100%;	
}
.custom-order-payment{
	float:left; 
	width:85% !important;
	margin-bottom: 15px;
} 
.custom-top-search{
	width:100%;
	float:none;
	
} 
.custom-per-page{
	clear:both;	
}
.custom-top-search label{ 
	width:100%;
	margin-top:15px;	
} 
}
@media (min-width: 768px) and (max-width: 991px) {
  
  .custom-order-status{
	float:left;
	width:100%;	
}
.custom-order-payment{
	float:left; 
	width:40%;
} 
.custom-top-search{
	width:100%;
	float:none;
	
} 
.custom-top-search label{ 
	width:100%;
	margin-top:15px;	
} 
}
@media (min-width: 798px) and (max-width: 955px) {
  
  .custom-order-status{
	float:left;
	width:100%;	
}
.custom-order-payment{
	float:left; 
	
} 
.custom-top-search{
	width:100%;
	float:none;
	
} 
.custom-top-search label{ 
	width:100%;
	margin-top:15px;	
} 
}
@media (min-width: 992px) and (max-width: 1060px) {
  
  .custom-order-status{
	float:none;
	width:100%;	
}
.custom-top-search{
	width:100%;
	float:none;
	margin-top:15px;	
} 
.custom-top-search label{ 
	width:100%;
}
}
/*.fa, .fas, .far{ font-size:16px !important; }*/


@media screen and (max-width:650px) {
.table th, .table td {
    padding: 0.4rem !important;
}
}