#g-navigation {
  position:fixed;  
  width:100%;
  
 }

.sticky {
  position:fixed;
  top: 0;
  width: 100%;
   background-color: #099c30!important;  
}
.sticky2 {
  position: fixed;
  z-index:100;
}

.bg-label{
  background-color:#099c30;
}
.txt-label{
  color:white;
}
.txt-wrapper{
  text-align:justify;
}

.txt-color{
  color:#099c30!important;
}
.txt-center{
  text-align:center;
}

.container-product {
  position: relative;
  text-align: center;
   color:#099c30;
  
}
.centered-product  {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index:1024;
  transform: translate(-50%, -50%);
 
}

.tbl-bg {
   font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
  height: auto;
  font-size:16px;

}

.tbl-bg td, .tbl-bg th {
  border: 0px solid #ddd;
  padding: 8px;
  border-bottom: 1px solid #ddd;
  
}

.tbl-bg tr:nth-child(even){background-color: #f2f2f2;}

.tbl-bg tr:hover {background-color: #ddd;}

.tbl-bg th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: center;
  background-color: #04AA6D;
  color: white;
}
.tbl-bg td {
 
  text-align: center;
  background-color: #04AA6D;
  color: white;
}
.td-asterisk{
   font-weight:bold;
   font-size:24px;
}
/******/

/* for table mobile fit ECW*/
.ecw-pdt table { 
  width: 100%; 
  border-collapse: collapse; 
}
/* Zebra striping */
.ecw-pdt tr:nth-of-type(odd) { 
  background: #a9f2a9; 
}
.ecw-pdt th { 
  background: #6fd96f; 
  color: white; 
  font-weight: bold;
   text-align: center;
}
.ecw-pdt td, .ecw-pdt-pdt th { 
  padding: 6px; 
  border: 1px solid #a1f5a1; 
   text-align: center;
  color:black;
}

@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

	/* Force table to not be like tables anymore */
	.ecw-pdt table, .ecw-pdt thead, .ecw-pdt tbody, .ecw-pdt th, .ecw-pdt td, .ecw-pdt tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	.ecw-pdt thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	.ecw-pdt tr { border: 1px solid #a1f5a1; }
	
	.ecw-pdt td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #a1f5a1; 
		position: relative;
		padding-left: 50%; 
	}
	
	.ecw-pdt td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	
	/*
	Label the data
	*/
	.ecw-pdt td:nth-of-type(1):before { content: "MILLIMETER"; }
	.ecw-pdt td:nth-of-type(2):before { content: "MILLIMETER"; }
	.ecw-pdt td:nth-of-type(3):before { content: "LENGTH"; }
	.ecw-pdt td:nth-of-type(4):before { content: "CLASS I"; }
	.ecw-pdt td:nth-of-type(5):before { content: "CLASS II"; }
	.ecw-pdt td:nth-of-type(6):before { content: "CLASS III"; }
	.ecw-pdt td:nth-of-type(7):before { content: "CLASS IV"; }
	.ecw-pdt td:nth-of-type(8):before { content: "CLASS V"; }
	
}
/*****/



.prc-pdt table { 
  width: 100%; 
  border-collapse: collapse; 
}
/* Zebra striping */
.prc-pdt tr:nth-of-type(odd) { 
  background: #a9f2a9; 
}
.prc-pdt th { 
  background: #6fd96f; 
  color: white; 
  font-weight: bold;
   text-align: center;
}
.prc-pdt td, .prc-pdt th { 
  padding: 6px; 
  border: 1px solid #a1f5a1; 
   text-align: center;
  color:black;
}

@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

	/* Force table to not be like tables anymore */
	.prc-pdt table, .prc-pdt thead, .prc-pdt tbody, .prc-pdt th, .prc-pdt td, .prc-pdt tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	.prc-pdt thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	.prc-pdt tr { border: 1px solid #a1f5a1; }
	
	.prc-pdt td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #a1f5a1; 
		position: relative;
		padding-left: 50%; 
	}
	
	.prc-pdt td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	
	/*
	Label the data
	*/
	.prc-pdt td:nth-of-type(1):before { content: "MILLIMETER"; }
	.prc-pdt td:nth-of-type(2):before { content: "INCHES"; }
	.prc-pdt td:nth-of-type(3):before { content: "LENGTH"; }
	.prc-pdt td:nth-of-type(4):before { content: "CLASS I"; }
	.prc-pdt td:nth-of-type(5):before { content: "CLASS II"; }
	.prc-pdt td:nth-of-type(6):before { content: "CLASS III"; }
	.prc-pdt td:nth-of-type(7):before { content: "CLASS IV"; }
	.prc-pdt td:nth-of-type(8):before { content: "CLASS V"; }
	
}
/*****/

.mrw-pdt table { 
  width: 100%; 
  border-collapse: collapse; 
}
/* Zebra striping */
.mrw-pdt tr:nth-of-type(odd) { 
  background: #a9f2a9; 
}
.mrw-pdt th { 
  background: #6fd96f; 
  color: white; 
  font-weight: bold;
   text-align: center;
}
.mrw-pdt td, .mrw-pdt th { 
  padding: 6px; 
  border: 1px solid #a1f5a1; 
   text-align: center;
  color:black;
}

@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

	/* Force table to not be like tables anymore */
	.mrw-pdt table, .mrw-pdt thead, .mrw-pdt tbody, .mrw-pdt th, .mrw-pdt td, .mrw-pdt tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	.mrw-pdt thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	.mrw-pdt tr { border: 1px solid #a1f5a1; }
	
	.mrw-pdt td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #a1f5a1; 
		position: relative;
		padding-left: 50%; 
	}
	
	.mrw-pdt td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	
	/*
	Label the data
	*/
	.mrw-pdt td:nth-of-type(1):before { content: "MILLIMETER"; }
	.mrw-pdt td:nth-of-type(2):before { content: "LENGTH"; }
	.mrw-pdt td:nth-of-type(3):before { content: "CLASS I"; }
	.mrw-pdt td:nth-of-type(4):before { content: "CLASS II"; }
	.mrw-pdt td:nth-of-type(5):before { content: "CLASS III"; }
	.mrw-pdt td:nth-of-type(6):before { content: "CLASS IV"; }
	.mrw-pdt td:nth-of-type(7):before { content: "CLASS V"; }

	
}
/*****/

.mdl-bg{
  background-color: white;
  max-width: 100%;
  height: auto;
  border: 1px solid white;
  padding: 25px;
  margin: 10px;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  
}

.images-modal{
  width:100%;
  margin-top: 10px!important;
}

.images-space{
  margin-right:5px;
  margin-bottom:5px;
}
}