body, html{
height: 100%;
	
}


/*Main Website Pages */

.dp-wrapper-hold{
width: 100%;
float: left;
text-align: center; 
position: relative;
font-family: calibri;	
background: #d4d4d4;	
}


.dp-wrapper{
width: 100%;
display: inline-block;
vertical-align: top;
text-align: center; 
position: relative;
font-family: calibri;	
max-width: 2000px;	
background: white;	
}


.dp-main-page-wrapper {
width: 100%;
float: left;
text-align: center; 
position: relative;
padding-top: 6%;
padding-bottom: 6%;
font-family: calibri;		
	
}


.dp-main-page-section{
width: 65%;
display: inline-block;
vertical-align: top;
text-align: center; 
position: relative;
font-family: calibri;	
background: white;		
text-align: center;	
}


.dp-main-page-section h1{
width: 100%;
text-align: left;
font-family: arial, sans-serif;
font-weight: 500;
font-size: 160%; 	
color: rgb(65,65,65);	
text-transform: uppercase;
}


.dp-main-page-section h2{
width: 100%;
text-align: left;
font-family: arial, sans-serif;
font-weight: 500;
font-size: 140%; 	
color: rgb(55,55,55);	
}


.dp-main-page-section h3{
width: 100%;
text-align: left;
font-family: arial, sans-serif;
font-weight: 400;
font-size: 125%; 	
color: rgb(75,75,75);	
}

.dp-main-page-section h4{
width: 100%;
text-align: left;
font-family: calibri, sans-serif;
font-weight: 400;
font-size: 115%; 	
color: rgb(85,85,85);	
}


.dp-main-page-section p, .dp-main-page-section ul{
width: 100%;
text-align: left;
font-family: calibri, sans-serif;
font-weight: 300;
font-size: 105%; 	
color: rgb(45,45,45);
line-height: 140%;	
}


.dp-main-page-section img{
width: 100%;
height: auto;
display: inline-block;
vertical-align: top;
	
}


.temp-shop-coming-soon{
width: 100%;
height: 100%;
text-align: center; 
position: fixed;
background: rgb(0,0,0,0.8);
font-family: calibri;
z-index: 9;	
background: url(Images/product-background_v2.jpg) no-repeat 50% 20% scroll; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;	
top: 0; 
left: 0;	
}


#footer{
background: rgb(21,21,21);
width: 100%;
float: left;
margin-top: 2%;
margin-bottom: 0%;
text-align: center;
}


.footer-invoice{
background: rgb(21,21,21);
width: 100%;
position: fixed;
bottom: 0;
text-align: center;	
z-index: 9999999999;
height: 48px;	
}

.footer-invoice a{
color: white;	
}


.footer-icons-section{
width: 52px;
height: 48px;
background: #d94545;
background: transparent;
color: white; 
font-weight: 400;
font-size: 11px;
display: inline-block;
vertical-align: top;
margin-left: 7px;
margin-right: 7px;
font-family: calibri, sans-serif;
text-align: center !important;
}	


.add-link-section-colour{
background: #d94545;
background: #555555;	
}

.footer-icons-section div{
width: 100%;
display: inline-block;
vertical-align: top;
color: white;
margin-top: -3px;
}

.footer-icons-section img {
width: 24px;
height: auto;	
image-rendering: -webkit-optimize-contrast;
image-rendering: crisp-edges;	
margin-top: 5px;
display: inline-block;

}



.footedtext{
text-align: center;
font-family: calibri;
color: white;
font-size: 12px;
}


/*Shop Pages */

/*Index Nav */

.dp-trans-header-login {
width: 100%;
position: fixed;
background: transparent;
z-index: 99999999;
text-align: center;	
top: 0; 
left: 0;	
height: 55px;	
}


.dp-trans-header-login-logo {
width: 120px;
height: auto;
float: left; 
margin-top: 10px;	
margin-left: 3%;	
}

.dp-trans-header-login-link {
width: 30px;
height: auto; 
margin-top: 15px;
margin-right: 3%;
float: right;
	
	
}

.dp-trans-header-login-logo img, .dp-trans-header-login-link img{
width: 100%;
height: auto;	
 image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges; /*better image optimization for chrome will work better on images than other graphics	*/	
}



/*Extra Tidbits */


.login-logo-top-form{
width: 100%;
display: inline-block;
vertical-align: top;
margin-bottom: 10px; 
text-align: center;		
}

.login-logo-top-form img{
width: 120px;
height: auto;	
 image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges; /*better image optimization for chrome will work better on images than other graphics	*/		
}


.separator-line-section{
width: 100%;
border: 1px solid gainsboro;
margin-top: 10px;
margin-bottom: 5px; 
display: inline-block;
vertical-align: top; 	
	
}


/*Invoicing Nav */


.invoicing-nav-section{
width: 100%;
float: left; 
position: relative;	
position: fixed;
background: black; 
color: white;
height: 60px;
z-index: 99999999999;
}


.invoicing-nav-section-logo{
width: 50px;
float: left;
height: auto; 
margin-left: 3%;
margin-top: 6px;
}

.invoicing-nav-section-logo img{
width: 100%;
height: auto;	
image-rendering: -webkit-optimize-contrast;
image-rendering: crisp-edges;
}



.invoicing-nav-identify-page{
width: 125px;
float: left;
height: auto; 
margin-left: 5px;
margin-top: 23px;
font-family: calibri, sans-serif;
font-weight: 400;
color: white;
font-size: 14px;
text-align: left;

}



.invoicing-instructions{
width: 60%;
font-size: 110%;
line-height: 140%;
display: inline-block;
vertical-align: top; 
text-align: left;	
color: dimgray;
margin-bottom: 3%;
}


.invoicing-drop-down-open{
width: 20px;
height: auto;
margin-right: 3%;
float: right;	
margin-top: 21px; 		
}


.invoicing-refresh-menu, .invoicing-link-icon{
width: 20px;
height: auto;
margin-right: 8px;
float: right;	
margin-top: 21px; 		
}


.invoicing-drop-down-open img, .invoicing-refresh-menu img, .invoicing-link-icon img{
width: 100%; 
height: auto;	
image-rendering: -webkit-optimize-contrast;
image-rendering: crisp-edges;	
}


.invoice-drop-down{
position: fixed; 
height: 100%;
right: 0;
top: 0;	
width: 210px;
color: white;
padding: 12px;	
background: rgb(35,35,35);
z-index: 9999999999999999;
display: none;
padding-top: 40px;
}


.invoice-drop-down p{
text-align: left;	
box-sizing: box;
padding: 5px;
margin-bottom: 4px;
}


.close-invoice-x{
position: absolute;
color: white; 
right: 6px;
top: 6px;	
font-size: 20px; 
font-weight: 500;
cursor: pointer;	
}

.invoice-drop-down a{
color: white; 
padding: 5px;
padding-top: 6px; 
padding-bottom: 6px;
width: 100%; 
box-sizing: border-box;
text-align: left;
float: left;
font-size: 14px; 
font-weight: 600;
text-transform: uppercase;
}


/*New Invoicing */

.displaysidebarlink a{
float: left; 
text-align: left;
width: 96%;
padding: 2%;
padding-bottom: 7px;
	
	
}



.main-hold-section-invoice{
width: 100%;
float: left; 
text-align: center;
min-height: 680px;
padding-top: 20px;
padding-bottom: 5%;
position: relative;	
font-family: calibri, sans-serif;
background: #f2f2f2;
min-height: 100vh;
height: 100%;
padding-top: 90px;
padding-bottom: 80px; 
}

.main-hold-section-invoice h1{
font-family: arial, sans-serif;	
font-weight: 300;
font-size: 140%;
color: rgb(45,45,45);
margin-bottom: 25px;
width: 96%;
margin-left: 2%; 
margin-right: 2%;
}


.main-hold-section-invoice select {
width: 180px;
padding: 6px;
margin-top: 10px; 
margin-bottom: 15px;
	
	
}

.checkbox-large-fail-safe {
width: 20px;
height: 20px;
display: inline-block;
vertical-align: middle;	
	
}

.checkbox-confirm-send{
width: 100%;
display: inline-block;	
vertical-align: top; 
margin-top: 18px; 
margin-bottom: 18px;	
}

input[type="file"] {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  cursor: pointer;
  width: 100%;
}


.csv-holder-sec{
width: auto;
display: inline-block;
vertical-align: top;	
position: relative;	
}

.inv_upload {
  background: grey;
  border: 0;
  color: #fff;
  padding: 4px 15px;
  border-radius: 5px;
  width: auto;
  text-align: center;
  line-height: 40px;
  cursor: pointer;
  font-size: 16px;
  display: inline-block;
  vertical-align: top;
  margin-top: 20px;
}



.checkbox-confirm-send input[type="checkbox" i]{
width: 20px;
height: 20px;
display: inline-block;
vertical-align: middle;	
	
}


#myUL label{
color: gray;	
}

#myUL input[type="number" i] {
width: 40px; 
padding: 6px; 	
border: 1px solid gray;	
	
}


#myUL input[type="checkbox" i]{
width: 32px;
height: 32px;
display: inline-block;
vertical-align: middle;	
	
}

#myUL select {
width: 100px;
padding: 6px;
margin-top: 10px; 
margin-bottom: 15px;
border: 1px solid gray;	
	
}

#myUL input[type="text" i] {
width: 100%;
padding: 12px; 	
box-sizing: border-box;	
border: 1px solid gray;
}


#myUL{
  display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox;  /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */	
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: wrap;	
width: 98%;
margin-left: 1%;
box-sizing: border-box; 
margin-top: 3%;
margin-bottom: 3%;
padding-inline-start: 0;
}

#myUL li{
list-style: none;
  width: 23%;
  margin-left: 1%;
  margin-right: 1%;
  text-align: left;	
  margin-top: 8px; 
  margin-bottom: 8px;
padding: 15px; 
box-sizing: border-box;
background: white;
border: 1px solid gainsboro;
border-radius: 4px;
position: relative;
}

#myUL li a{
width: calc(100% - 53px);	
display: inline-block;
vertical-align: middle; 
margin-left: 3px;	
}


.inventory_reserved_days_gone {
width: 100%;
display: inline-block;
text-align: right;
margin-bottom: 2px; 
color: #2b3953;
font-weight: 600;
font-size: 14px;
	
}

.inventory_styling_header{
color: #1f3357 !important;
display: inline-block;
vertical-align: top;
width: 100%;
margin-bottom: 4px;	
font-weight: 600 !important;
font-family: arial, sans-serif;
font-size: 15px;
margin-left: 0 !important; 
}


.inventory-item-information_style {
color: rgb(60,60,60) !important;	
font-family: calibri, sans-serif !important;
font-size: 14px;
font-weight: 400 !important;	
}

.inventory-item-id-styling{
color: grey !important;
display: inline-block;
vertical-align: top;
width: 100%;
margin-top: 2px;
margin-bottom: 9px;	
font-weight: 300 !important;
font-family: calibri, sans-serif !important;
font-size: 13px;	
	
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: grey;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: grey;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: grey;
}


.simple-line-input{
width: 100%;
padding: 3px;
display: inline-block;
vertical-align: middle;
outline: none;
border: 0;
background: transparent;
font-size: 14px;		
border-bottom: 2px solid grey; 		
box-sizing: border-box;
}


.simple-line-input-main{
width: 60%;
display: inline-block;
vertical-align: top;	
margin-top: 30px;
margin-bottom: 15px;	
position: relative;	
}


.show-stock-number{
width: 100%;
display: inline-block;
vertical-align: top;
margin-top: 20px;

}

.show-stock-number span{
width: auto;
position: absolute;
right: 7px;
padding: 6px;
background: #df5252;
color: white;
font-weight: 600;
font-size: 14px;
border-radius: 3px;
bottom: 8px;
}


.search-icon-positioned{
width: 30px;
height: auto;
right: 6px;
bottom: 8px;
position: absolute;
z-index: 9;	
	
}

.search-icon-positioned img{
width: 100%;
height: auto;	
	
}


.separate-invoicing {
width: 24%; 
margin-left: 2%; 
margin-right: 2%; 
display: inline-block;
vertical-align: top;
margin-top: 15px;	

}

.separate-invoicing label{
text-align: left;	
width: 100%;
float: left;
}


.separate-invoicing select{
text-align: left;	
width: 100%;
float: left;
padding: 10px; 
box-sizing: border-box;
border: 1px solid gray;	
}

.separate-invoicing input[type="text" i], .separate-invoicing input[type="password" i], .quotation-section input[type="text" i], .quotation-section input[type="password" i] {
text-align: left;	
width: 100%;
float: left;
padding: 10px; 
box-sizing: border-box;	
margin-top: 10px;	
border: 1px solid gray;	
}


.separate-invoicing .login-submit {
width: 100%;
display: inline-block; 
text-align: left;	
	
}


.quotation-section {
display: inline-block;
vertical-align: top;
width: 38%;
text-align: left;
border: 1px solid gainsboro;
border-radius: 4px;
padding: 2%;	
margin-top: 130px;
margin-bottom: 120px;
background: white;
}

.quotation-section img{
width: 150px; 
height: auto;
display: inline-block;
vertical-align: top;	
image-rendering: -webkit-optimize-contrast;
image-rendering: crisp-edges;
}



.quotation-section h1{
text-align: center;	
font-weight: 300;
text-transform: uppercase;
}


.quotation-section p{
display: inline-block;
vertical-align: top;
width: 100%;
text-align: left;
	
}

.large-invoice-input-button{
width: auto;
padding: 10px; 
padding-left: 3%;
padding-right: 3%; 
box-sizing: border-box; 
border: 0;
display: inline-block;
vertical-align: top;
margin-bottom: 8px;
margin-top: 8px;
outline: none;	
cursor: pointer;	
background: firebrick;
color: white !important; 
font-weight: 600;
font-family: calibri;
text-transform: uppercase;
letter-spacing: 2px;	
font-size: 110%;
border-radius: 1px;	
-webkit-appearance: none;
-moz-appearance: none;
}


.large-invoice-input-button:hover {
background: rgb(30,30,30);	
}


.small-invoice-input-button, .delete-post-button, .separate-invoicing #wp-submit, .quotation-section #wp-submit {
width: auto;
padding: 8px; 
box-sizing: border-box; 
border: 0;
display: inline-block;
vertical-align: top;
margin-bottom: 8px;
margin-top: 8px;
outline: none;	
cursor: pointer;	
background: firebrick;
color: white !important; 
font-weight: 600;
font-family: calibri;
text-transform: uppercase;
letter-spacing: 1px;	
font-size: 14px;
border-radius: 1px;	
-webkit-appearance: none;
-moz-appearance: none;
}


.delete-post-button{
background: dimgray;
color: white !important; 	
}

.small-invoice-input-button:hover, .delete-post-button:hover, .separate-invoicing #wp-submit:hover{
background: rgb(30,30,30);	
}


.wrap-para-invoice{
width: 80%;
box-sizing: border: box;
text-align: center; 
font-size: 105%;
background: #d6d6d6;
padding: 12px;	
display: inline-block;
vertical-align: center;
color: rgb(40,40,40);
position: relative;
}


.nav-invoices{
display: inline-block;
vertical-align: top;
width: 90%;	
margin-top: 15px;
margin-bottom: 20px;
font-size: 14px;	
}

.content-invoice-output{
width: 45%;
display: inline-block;
vertical-align: top;	
padding: 3%;
box-sizing: border-box; 
border: 2px solid gainsboro;	
margin-top: 3%;	
margin-bottom: 20px;
background: white;
}


.content-invoice-output img{
display: inline-block;
vertical-align: top; 
width: 150px;
margin-top: 15px;
margin-bottom: 20px;	
	 image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
}


.description_invoice {
width: 100%;
float: left;
text-align: left;
padding: 8px;
box-sizing: border-box;
background: #3a3838;
color: white;
}


.quantity_invoice {
width: 35%;
float: left; 
text-align: left;	
margin-top: 8px;
margin-bottom: 8px;
}

.unitprice_invoice{
width: 64%;
float: right; 
text-align: right;	
margin-top: 8px;
margin-bottom: 8px;	
}


.subtotal_invoice{
width: 100%;
float: right;
text-align: right;	
}


.taxsub_invoice{
width: 100%;
float: right;
text-align: right;	
margin-bottom: 10px;	
}


.totals-invoicing-section{
width: 100%;
float: left;
margin-top: 20px;
	
}

.totals-invoicing-section p{
width: 100%;
float: right;
text-align: right;
margin-top: 20px;	
margin-top: 5px; 
margin-bottom: 5px;	
padding-bottom: 4px;
}

.total-section { 
 text-decoration-line: underline;
  text-decoration-style: double;
  font-size: 115%;
  font-weight: 600;
}



.main-invoicing-table-holder {
width: 70%;
display: inline-block;
vertical-align: top;
margin-top: 15px; 
margin-bottom: 20px;	
	
	
	
}

.main-invoicing-table{
width: 100%;
text-align: left;	
border-collapse: collapse	
}

.main-invoicing-table th{
background: rgb(65,65,65);	
padding: 10px;
border: 1px solid rgb(65,65,65);
color: white;
}

.main-invoicing-table td{
border: 1px solid gainsboro;
padding: 10px;
background: white;
}

.total-table-all{
text-align: right;	
}


/*Inventory Simple Application*/

.single_inventory_section_main{
width: 70%;
display: inline-block;
vertical-align: top;
text-align: left;	
margin-top: 2%;			
margin-bottom: 2%;
border-bottom: 1px solid silver;	
padding-bottom: 2%;
}


.single_inventory_section_main .stock_section{
width: 100%;	
display: inline-block;
vertical-align: top;
text-align: right;	
margin-top: 5px;
margin-bottom: 8px;	
}

.single_inventory_section_main .stock_section div{
width: auto;
display: inline-block;
vertical-align: top;
padding: 8px;
border-radius: 4px;
background: #df5252;	
color: white;
font-size: 19px;
font-weight: 600;
text-align: center;	
}

.single_inventory_section_main .stock_section span{
color: white;
font-weight: 400;
font-size: 13px;
text-align: center;	
}

.single_inventory_section_main h4{
font-size: 14px;
width: 100%;	
display: inline-block;
vertical-align: top;
margin-bottom: 5px;
margin-bottom: 5px;
text-align: left;
color: grey;
}

.single_inventory_section_main p{
font-size: 100;
width: 100%;	
display: inline-block;
vertical-align: top;
margin-bottom: 8px;
margin-bottom: 8px;
text-align: left;
font-weight: 500; 
}


.single_inventory_input{
width: 100%;
max-width: 400px;
padding: 3px;
display: inline-block;
vertical-align: middle;
outline: none;
border: 0;
background: transparent;
font-size: 14px;		
border-bottom: 1px solid grey; 		
box-sizing: border-box;	
margin-top: 10px;	
}



.update_invent-input-button{
width: auto;
padding: 8px; 
border: 0;
display: inline-block;
vertical-align: top;
margin-bottom: 8px;
margin-top: 8px;
outline: none;	
cursor: pointer;	
background: #393535;
color: white; 
font-weight: 600;
font-family: calibri;
text-transform: uppercase;	
font-size: 14px;
border-radius: 1px;	
-webkit-appearance: none;
-moz-appearance: none;
border-radius: 2px;
}

.goods_received_bubble{
width: auto;
display: inline-block;
vertical-align: middle;
padding: 4px;
padding-top: 1px;
padding-bottom: 1px;
border-radius: 2px;
background: grey;	
color: white;
font-size: 13px;
font-weight: 600;
text-align: center;	
margin-left: 6px; 
margin-right: 6px;
}

.align-items-right{
width: 100%;
text-align: right;
display: inline-block;
vertical-align: top; 
margin-top: 10px; 
margin-bottom: 10px;		
}


.textual-cta{
font-size: 15px;
font-weight: 600;
font-family: arial;
text-transform: uppercase;
color: rgb(30,30,30);	
	
}


.single_inventory_section_main table{
width: 100%;
text-align: left; 	
border-collapse: collapse;
border: 1px solid silver; 
background: white;	
margin-top: 20px;
margin-bottom: 8px;	
}

.single_inventory_section_main th{
background: rgb(45,45,45);	
color: white; 
padding: 12px;
font-weight: 600; 
font-size: 15px;
border: 1px solid rgb(45,45,45);	
}


.single_inventory_section_main td{
border: 1px solid silver; 
color: rgb(35,35,35); 
padding: 12px;
font-size: 14px;
}

.normal-table-section{
width: 40%;	
	
}


.quantity_table_section{
width: 20%;	
	
}


.special_data_list{
width: 100%;
max-width: 400px;
padding: 10px;
box-sizing: border-box;
border: 1px solid gainsboro; 
margin-top: 6px;	
	
}


.delete_entry{
width: auto; 
display: inline-block;
vertical-align: top;
border: 1px solid rgb(80,80,80);	
padding: 7px;
border-radius: 3px;
color: rgb(80,80,80);
margin-top: 6px;
}


.update-sales-received-section{
width: 70%;
display: inline-block;
vertical-align: top;
padding-bottom: 35px;
border-bottom: 1px solid silver;
text-align: center;	
	
}

.update-sales-received-section h1{
font-size: 130%;
font-weight: 400;
color: rgb(60,60,60);	
margin-top: 8px;
}


.update-sales-received-section label{
font-size: 15px;
color: rgb(35,35,35);	
width: auto;
display: inline-block;
vertical-align: top;
margin-bottom: 10px;
}

.sales-received-input{
width: 100%;
padding: 12px;
box-sizing: border-box;
display: inline-block;
vertical-align: middle;
outline: none;
border: 1px solid gainsboro;
background: white;
font-size: 14px;		
color: rgb(50,50,50);
}


.sales-break-apart-sections{
display: inline-block;
vertical-align: top;
width: calc(49% - 3px); 
margin-right: 1%;	
	
}

.update-sales-received-section .sales-break-apart-sections:last-child {
margin-right: 0;
width: 50%;
}

.inventory-float-add-new{
width: 40px;
height: 40px;
position: fixed; 
z-index: 99999999999999999999;
right: 7px;
bottom: 60px;	
}

.internal-circle-float {
  background: rgb(35,35,35);
  width: 40px; 
  height: 40px;
  border-radius: 50%;
  display: flex; /* or inline-flex */
  align-items: center; 
  justify-content: center;
  color: white !important; 
  font-weight: 600;
  font-family: calibri, sans-serif;
  font-size: 26px;
}

.internal-circle-float span{
margin-top: -4px;
	
	
}

.inventory-float-add-new img {
width: 100%; 
height: auto;
 image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges; /*better image optimization for chrome will work better on images than other graphics	*/
}



.graphs_hold_section {
  display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox;  /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */	
  display: flex;
  justify-content: center;
  flex-direction: row;
  flex-wrap: wrap;
}

.graphs_hold_section .each_flex, .graphs_hold_section .each_flex_expand {
  background-color: white;
  width: 27%;
  margin:8px;
  text-align: center;
}


.main-top-section-flex{
  display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox;  /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */	
  display: flex;
  justify-content: center;
  flex-direction: row;
  flex-wrap: wrap;	
margin-top: 15px; 
margin-bottom: 25px;
}

.main-top-section-flex .each_flex_sec{
width: 20%;
margin: 8px;	
background: white; 
box-sizing: border-box;
padding: 8px;
padding-top: 18px;
padding-bottom: 18px;	
color: grey
}


.subtitle_titles{
font-size: 13px; 
width: 100%;
display: inline-block;
vertical-align: top;
margin-bottom: 4px;	
}

.mainshow_titles{
font-size: 25px;
font-family: arial; 
font-weight: 600; 	
display: inline-block;
vertical-align: top;
margin-bottom: 4px;	
}

.single_inventory_section_charts{
width: 83%;
display: inline-block;
vertical-align: top;
text-align: left;	
margin-top: 2%;			
margin-bottom: 2%;
padding-bottom: 2%;
}


.single_inventory_section_charts table{
width: 100%;
text-align: left; 	
border-collapse: collapse;
border: 1px solid silver; 
background: white;	
margin-top: 20px;
margin-bottom: 8px;	
}

.single_inventory_section_charts th{
background: rgb(45,45,45);	
color: white; 
padding: 12px;
font-weight: 600; 
font-size: 15px;
border: 1px solid rgb(45,45,45);	
}


.single_inventory_section_charts td{
border: 1px solid silver; 
color: rgb(35,35,35); 
padding: 12px;
font-size: 14px;
}


.total_stock_position {
width: 80px;
height: auto;
padding: 3px; 
box-sizing: border-box;
background: #d94545;
color: white;
position: absolute; 
top: 70px;
left: 10px;	
border-radius: 3px;
	
}


.total_stock_position span{
font-size: 11px; 
font-weight: 300;
font-family: calibri, sans-serif;	
width: 100%; 
display: inline-block;
margin-bottom: 2px;	
}

.total_stock_position div{
font-size: 16px; 
font-weight: 600;
font-family: arial, sans-serif;	
width: 100%; 
display: inline-block;	
}




/*Paging*/


.pagenumbershold{
width: 100%;
display: inline-block;
vertical-align: top;
text-align: center;	
margin-top: 3%;	
	
	
}




.pagenumbers{
width: 96%;
display: inline-block;
vertical-align: top;
text-align: left;	
margin-left: 1% !important	
	
	
}




ul.page-numbers {
    list-style: none;
    margin: 0 !important;
	margin-left: 0;
	width: 100%;
	display: inline-block;
	position: relative;
}

.page-numbers:after {
    content: ".";
    display: inline-block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

ul.page-numbers li {
    display: inline-block;
	vertical-align: top;
    margin: 8px 4px 4px 8px;
    text-align: center;
	font-family: calibri, sans-serif;
	font-weight: 300;
}

.page-numbers a,
.page-numbers span {
    display: inline-block;
    padding: 5px 4px;
    height: 18px;
    line-height: 18px;
    font-size: 12px;
    text-decoration: none;
    font-weight: 400;
    cursor: pointer;
    color: white;
	background: white;
	border: 1px solid silver;
	border-radius: 4px;
	color: gray;
	margin: 0;
	
}

.page-numbers a span { padding: 0 }

.page-numbers a:hover,
.page-numbers.current,
.page-numbers.current:hover {
    color: white;
    background: rgb(55,55,55);
    text-decoration: none;
}

.page-numbers:hover { text-decoration: none }



.page-numbers .next{
margin-left: 6%;	
position: relative;	
display: inline-block;
padding: 5px 15px;
text-align: center;
	
}

.page-numbers .prev{
margin-left: 6%;	
position: relative;	
display: inline-block;
padding: 5px 15px;
text-align: center;
	
}


/*Paging End*/


/*Blog Image Cropped */


.blog_each_image_section{
width: 100%;
display: inline-block;
vertical-align: top;
padding-bottom: 65%;
position: relative;	
margin-left: auto;
margin-right: auto;
overflow-y: hidden;	
overflow-x: hidden;	
}


.blog_each_image_section img{
width: 100%;
height: 100%;
left: 0;
top: 0; 
position: absolute; 
object-fit: cover; /*May not work on every browser but will likely work on most later versions*/
cursor: pointer;
 image-rendering: -webkit-optimize-contrast;

}

.entry img{
 image-rendering: -webkit-optimize-contrast;

	
}


.category_posts_style{
width: auto;
font-size: 12px !important;
padding: 3px; 
padding-left: 5px; 
padding-right: 5px;
border-radius: 50px;
border: 1px solid dimgray;
color: dimgray;
text-align: center;	
margin-bottom: 8px;
display: inline-block;
vertical-align: middle;
margin-right: 3px;
}

.category_posts_style:hover{
background: yellow; 
border: 1px solid yellow;	
}


.eachhomepage{
margin-top: 2%;
margin-bottom: 2%;	
	
}


.eachhomepage h2{
margin-top: 20px;	
	
}


.socialshare img{
 image-rendering: -webkit-optimize-contrast;

}

.show-mobile-only-single{
display: none;	
}


.featured-image-diamond-blog{
width: 100%;
display: inline-block;
vertical-align: top;
background: url(Images/main-blog-background.jpg) no-repeat center center scroll; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;	
  margin-top: 20px;
  margin-bottom: 15px;
  padding-bottom: 36%;
   image-rendering: -webkit-optimize-contrast;
}

#blog{
position: relative;
width: 56%;	
}


#blog h1{
font-size: 155%;
font-family: calibri, sans-serif;
font-weight: 400;
margin-top: 10px; 
margin-bottom: 15px;
text-transform: uppercase;
color: rgb(10,10,10);	
	
}



.newlayout {
width: 100%;
  display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox;  /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */	
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: wrap;	
  margin-left: 0;
}

.eachhomepage{
width: 48%;	
margin-left: auto;
margin-right: auto;	
display: block;
margin-left: 1%; 
margin-right: 1%;
}




.flexi-blog{
width: 100%;
  display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox;  /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */	
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: wrap;	

}


.flexi-blog-each{
  background-color: #f1f1f1;
  width: 46%;
  margin-top: 15px;
  margin-bottom: 20px;
  text-align: left;
   padding: 3%;
   box-sizing: border-box;
-moz-box-shadow:    1px 1px 3px 1px silver;
  -webkit-box-shadow: 1px 1px 3px 1px silver;
  box-shadow:         1px 1px 3px 1px silver;
  background: white;
}

.flexi-blog-each h3{
font-weight: 300;
padding-bottom: 6px;
text-transform: uppercase;
font-size: 120%;
}

.flexi-blog-each p{
font-size: 15px;	
}

.featuredblog{
margin-left: 0;
width: 100%;	
}


.featuredoutline{
  display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox;  /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */	
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: wrap;	
  width: 100%;
  margin-left: 0;
}




.featuredthumb{
display: block !important;	
margin-right: auto !important;
position: relative;	
padding-bottom: 25%;
}

.featuredthumb img{
position: absolute; 
width: 100%;
height: 100%;	
top: 0;
left: 0;
position: absolute; 
object-fit: cover; /*May not work on every browser but will likely work on most later versions*/
cursor: pointer;
 image-rendering: -webkit-optimize-contrast;
}


.featuredside{
width: 57% !important;	
margin-right: 2%;	
}


/*Footer Image */

#footer img{
 image-rendering: -webkit-optimize-contrast;	
}

@media(max-width: 1200px){
	
.graphs_hold_section .each_flex, .graphs_hold_section .each_flex_expand {
  width: 30%;

}



.main-top-section-flex .each_flex_sec{
width: 22%;
margin: 8px;	

}



.single_inventory_section_charts{
width: 93%;

}
	
	
	
}


@media(max-width: 1020px){
	
.content-invoice-output{
width: 65%;	
}

#myUL li {	
width: 31%;
}

.invoicing-instructions{
width: 75%;

}

.quotation-section {
width: 60%;
}

.dp-main-page-section{
width: 75%;

}


	
}

@media(max-width: 950px){
	
#blog{
width: 75%;	
	
}

.content-invoice-output{
width: 75%;	
}


.graphs_hold_section .each_flex {
  width: 45%;
margin: 11px;
}

.graphs_hold_section .each_flex_expand {
width: 93%;	
}



.main-top-section-flex .each_flex_sec{
width: 22%;
margin: 6px;	

}



.single_inventory_section_charts{
width: 93%;

}




}


@media(max-width: 800px){

.separate-invoicing {
width: 29%;	
margin-left: 1%;
margin-right: 1%;
}
	
	
.main-invoicing-table-holder {
width: 90%;	
}

.main-invoicing-table{
font-size: 14px;
}	
	
.main-invoicing-table td {
padding: 7px;
word-wrap: break-word;
word-break:break-word;
font-size: 12px;
}	
	
	
.single_inventory_section_main	{
width:80%;	
}
	
.update-sales-received-section	{
width: 80%;	
}
	
.footer-icons-section{
margin-left: 3px;
margin-right: 3px;

}	

.invoice-drop-down{
overflow-y: scroll;	
}

.invoice-drop-down a{
padding-top: 9px; 
padding-bottom: 9px;
}

	
	
}

@media(max-width: 750px){
	
#myUL li {	
width: 48%;
}
	
.invoicing-instructions{
width: 80%;

}

.quotation-section {
width: 80%;
}

	
	
}


@media(max-width: 640px){
.show-mobile-only-single{
display: inline-block;	
}	

.featuredblog h2{
font-size: 130%;	
}

#blog{
width: 85%;	
	
}

.separate-invoicing {
width: 80%;	
margin-bottom: 15px;
}
	
	
.content-invoice-output{
width: 90%;	
}	

.dp-main-page-section{
width: 85%;

}

	
}


@media(max-width: 550px) {
.featured-image-diamond-blog{
padding-bottom: 45%;
}	


.footer-icons-section{
margin-left: 1px;
margin-right: 1px;

}	


.graphs_hold_section .each_flex {
  width: 93%;
margin: 8px;
}

.graphs_hold_section .each_flex_expand {
width: 93%;	
}



.main-top-section-flex .each_flex_sec{
width: 44%;
margin: 2%;	

}



.single_inventory_section_charts{
width: 93%;

}



	
}


@media(max-width: 540px){
	
.featuredthumb{
padding-bottom: 52%;
}	
	
	
.featuredside{
width: 97% !important;	
margin-right: 0;
}

.quotation-section {
width: 88%;
padding: 20px;
box-sizing: border-box; 
margin-top: 50px;
}

.single_inventory_section_main	{
width:88%;	
}

.update-sales-received-section{
width: 88%;	
}


}


@media(max-width: 500px){
	
.sales-break-apart-sections	{
width: 100%;
margin-right: 0;	
}
	
.flexi-blog-each{

  width: 100%;

}	
	
.newlayout	{
justify-content: center;	
}
	
.eachhomepage{
width: 100%;
}	


#myUL li {	
width: 98%;
}
	
.dp-main-page-section{
width: 90%;

}


.main-hold-section-invoice h1{
font-size: 120%;	
	
}


	
}

@media(max-width: 400px){
.featuredblog h2{
font-size: 115%;	
}	


.featured-image-diamond-blog{
padding-bottom: 60%;
}	




	
}

@media(max-width: 350px){

.featuredblog h2{
font-size: 110%;	
}




	
}