/* sales-custom.css */

@import url('media-width.css');

/* HTML Elements */

address {font-style: normal;}

body { }

contact {font-weight: bold;}

form { padding-bottom: 0 !important;}

nav { padding-bottom: .1em; }

pre { font-size: 12px !important; }

@media screen and (min-width: 576px){
	body { 
		font-size: 13px;
		}}

@media screen and (min-width: 768px) {
	body {
		font-size: 13px;
   		}}

/* Class Styles */

.HOLD_float-right {color: red;}

.address_1, .address_2, .address_3, .address_4 { padding-left: 20px; }

.amount {text-align: right; }

.set, set0, set1, set2, set3, set4, set5, set6, set7, set8, set9, {
	/* Green */ 
	color: #186821; 
	color: rgb(24,104,33); 
	}

.set- {
	/* Candy Apple Red */ 
	color: #ff0800;
	color: rgb(255,8,0)
	}

.amount::before {content: "$";}

.amount-SH {text-align: right; }

.amount-SH::before {content: "$"; }

.amt {text-align: right; }

.breadcrumb { text-transform: uppercase; }
	
.breadcrumb span {  }
	
.breadcrumb span.divider::before, .breadcrumb span.divider-left::before { content: " | "; }

.breadcrumb span.divider::after, .breadcrumb span.divider-right::after { content: " | "; }
	
.breadcrumb span.title {  }

.col-sm {font-size: 16px;}

.command_logout {display: inline !important;}

.contact {
	font-weight: bold;
	}

.contact::before {
	content: "\f007";
    	font-family: "Font Awesome 6 Pro";
	font-style: normal;
	font-weight: 400;
	padding-right: 10px; 
    	}     

.dataTables_info { }

.date {text-align: right; }

.discount, .DISCOUNT {display: none; }

.email::before {
	content: "\f0e0";
	font-family: "Font Awesome 6 Pro";
	font-style: normal;
	font-weight: 400;
	padding-right: 10px; 
	}  

.fax::before {
    content: "\f1ac";
    font-family: "Font Awesome 6 Pro";
    font- weight: 400;
    font-style: normal;
    padding-right: 10px; 
    }  

/* Add this to any elements class="find" to help find it on the page */
.find { border:  1px solid red; }

/* .HANDLING { text-align: right; } */

/* .HANDLING span { display: none; } */

/* .HANDLING::before span { content: "";} */

/* .HANDLING::before { content: "$";} */

/* .HANDLING::after { content: "Shipping:"; } */

.hidden, .-hidden { display: none; }

.input-icon :first-child:not(input):not(select), .input-icon :last-child:not(input):not(select) {
	top: 15%;
	height: 70%;
	}

.logo {max-width: 180px;
	margin: .5em 0;
	}

.margin-tb { 
	margin-top: 1.0em;
	margin-right: 0;
	margin-bottom: 1.0em;
	margin-left: 0;
	}
	
.phone::before {
	content: "\f67d";
	font-family: "Font Awesome 6 Pro";
	font- weight: 400;
	font-style: normal;
	padding-right: 10px;
	}  

.qty {text-align: right;}

.RD { display: none;}

.rm_title { 
	border-bottom: 1px solid #ddd;
	padding: .25em 0;
	margin: .25em 0;
	}

.row-margin-tb { 
	margin-top: .5em;
	margin-right: 0;
	margin-bottom: .5em;
	margin-left: 0;
	}
	
.scstsrh-group { margin-bottom: .25em !important; }

.search_start { }

.search_start::before { content: " = "; }

.scstsrh { 
	margin: 0; 
	padding: 0;
	}

.SH { text-align: right; }

.SH span { display: none; }

.SH::after { content: "Shipping:"; }

.thumb { max-width: 160px; }

.XD540014 { 
	padding: 0;
	margin: 0;
	}

.XD540014::before { content: " c."; }
	
.XD540020 { }

.XD540020::before { content: " / "; }
	
.XD540020::after { content: " / "; }







/* HTML Elements With Class */

button.dt-button { 
	background-image: linear-gradient(#e6e6e6, #e6e6e6) !important;
	border-color: #e6e6e6 !important;
	border-top-color: #e9e9e9 !important;
	border-bottom-color: #cfcfcf !important;
	}

button.buttons-copy::before {
    content: "\f0c5";
    font-family: "Font Awesome 6 Pro";
    font- weight: 400;
    font-style: normal;
    padding-right: 2px; 
    } 

button.buttons-csv::before {
    content: "\f6dd";
    font-family: "Font Awesome 6 Pro";
    font- weight: 400;
    font-style: normal;
    padding-right: 2px; 
    }  
    
button.buttons-excel::before {
    content: "\f1c3";
    font-family: "Font Awesome 6 Pro";
    font- weight: 400;
    font-style: normal;
    padding-right: 2px; 
    } 

button.buttons-pdf::before {
    content: "\f1c1";
    font-family: "Font Awesome 6 Pro";
    font- weight: 400;
    font-style: normal;
    padding-right: 2px; 
    }
    
button.buttons-print::before {
    content: "\f02f";
    font-family: "Font Awesome 6 Pro";
    font- weight: 400;
    font-style: normal;
    padding-right: 2px; 
    } 

hr.title { margin: 0 0 1.5em 0; }

img.thb {width: 160px !important;}

img.thb::before { 
	content: "We're sorry, the image below is broken :(";
	display: block;
	margin-bottom: 10px;
	}

img.thb::after { content: "hello" " " attr(alt);
	font-size: 16px;
	font-family: FontAwesome;
	color: rgb(100, 100, 100);
	display: block;
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	}
	
img.thb { 
	/* Same as first example */
	min-height: 50px;
	}

img.thb:before { 
	content: " ";
	display: block;
	position: absolute;
	top: -10px;
	left: 0;
	height: calc(100% + 10px);
	width: 100%;
	background-color: rgb(230, 230, 230);
	border: 2px dotted rgb(200, 200, 200);
	border-radius: 5px;
	}

img.thb:after { 
	content: "\f127" " Broken Image of " attr(alt);
	display: block;
	font-size: 16px;
	font-style: normal;
	font-family: FontAwesome;
	color: rgb(100, 100, 100);
	position: absolute;
	top: 5px;
	left: 0;
	width: 100%;
	text-align: center;
	}

/*-- dataTable Table Formating --*/

#DataTables_Table_0 { width: 100% !important }

#DataTables_Table_0 th {
	position: sticky;
	top: 0;
	background-color: white !important;
	}

#DataTables_Table_0 tfoot tr td {
	position: sticky;
	bottom: 0;
	}

table.dataTable { border-bottom-width: 0 !important;
	width: 100%;
	}

table.dataTable thead th,
table.dataTable thead td {
	border-bottom: 1px solid #BDBDBD !important;
	}
	
table.dataTable tfoot th,
table.dataTable tfoot td {
	background-color: #ffffff;
	border-top: 1px solid #BDBDBD !important;
	border-bottom: 0px solid #BDBDBD !important;
	font-weight: bold;
	}

table.dataTable tfoot td.amount {
	text-align: right;
	font-weight: bold;
	}

table.dataTable tr.odd { }

table.dataTable tr.even {
	background-color: #f1f1f1 !important;
	}

td.img-thumbn\.img { witdh: 150px !important; }

td.number,
td.amount, { 
	text-align: right; 
	}

tr.even { background-color: #f1f1f1; }





	




	



/*- Table Headers For Reportmate -*/

/* .tableContainer {
	height: 100%;
	overflow: hidden;
	overflow-y: scroll;
	overflow-X: scroll;
	scrollbar-color: rebeccapurple green;
	scrollbar-width: thin;
}
.table {
    position: sticky;
    top: 0;
    width: 100%;

}

tr.total1 { 
	background-color: #f1f1f1;
	}
*/

/*- line-columns icon -*/
th.f7a4 { }

th.f7a4::before {
    content: "\f870";
    font-family: "Font Awesome 6 Pro";
    font- weight: 900;
    font-style: normal;
    }
    
/*- columns-3 icon - Regular -*/
th.e361 { }

th.e361::before {
    content: "\e361";
    font-family: "Font Awesome 6 Pro";
    font- weight: 400;
    font-style: normal;
    }
    
/*- file icon - Regular -*/
th.f15b { }

th.f15b::before {
    content: "\f15b";
    font-family: "Font Awesome 6 Pro";
    font- weight: 400;
    font-style: normal;
    }

/*- Hashtag - Regular -*/
th.fa23 { }

th.fa23::before {
    content: "\23";
    font-family: "Font Awesome 6 Pro";
    font- weight: 400;
    font-style: normal;
    }    

/*- text-width - Regular -*/
th.f035 { }

th.f035::before {
    content: "\f035";
    font-family: "Font Awesome 6 Pro";
    font- weight: 400;
    font-style: normal;
    }     

/*- code - Regular -*/
th.f121 { }

th.f121::before {
    content: "\f121";
    font-family: "Font Awesome 6 Pro";
    font- weight: 400;
    font-style: normal;
    }    

/*- code - Regular -*/
th.fa2e { }

th.fa2e::before {
    content: "\2e";
    font-family: "Font Awesome 6 Pro";
    font- weight: 400;
    font-style: normal;
    }   
    
/*- message-lines - Regular -*/
th.f4a6 { }

th.f4a6::before {
    content: "\f4a6";
    font-family: "Font Awesome 6 Pro";
    font- weight: 400;
    font-style: normal;
    }

/*- equals - Regular -*/
th.fa3d { }

th.fa3d::before {
    content: "\3d";
    font-family: "Font Awesome 6 Pro";
    font- weight: 400;
    font-style: normal;
    }

/*- hand-back-point-up - Regular -*/
th.e1a2 { }

th.e1a2::before {
    content: "\e1a2";
    font-family: "Font Awesome 6 Pro";
    font- weight: 400;
    font-style: normal;
    }

/*- print - Regular -*/
th.f02f { }

th.f02f::before {
    content: "\f02f";
    font-family: "Font Awesome 6 Pro";
    font- weight: 400;
    font-style: normal;
    }





/* https://img.eeds.io/01/no_image_found.png */