#cover {position: fixed; height: 100%; width: 100%; top:0; left: 0; background: #000; z-index:9999;


}
.dataTables_filter {
   display: none;
}
#Page{
	display: none;
	 position:relative;
    margin-right: 1%;
    margin-left: 2%;
}
#container{

	border:1px solid #ddd;
border-radius: 5px;	
	 position:relative;
	width:100%;
	min-height:800px;
	 overflow: auto;
}
.component_Name{
	border-radius: 4px;
	background-color:rgba(0,0,0,0.1);
	padding:1% 2%;
	width : 90%;
	float:left;
}

 .list_icon_new {
	display: inline-block;
	border: 1px solid #a0a0a0;
	border-radius: 5px;
	position: relative;
	overflow: hidden;
	padding: 11px;
	width: 17px;
	height: 17px;
	box-sizing: content-box;
}
.list_icon_click {
	display: inline-block;
	border: 1px solid #a0a0a0;
	border-radius: 5px;
	position: relative;
	overflow: hidden;
	padding: 11px;
	width: 17px;
	height: 17px;
	box-sizing: content-box;
}

 .list_icon_new:before {
	content: url("../images/responsive/rwdUI.png");
	position: absolute;
	top: -10px;
}
 .list_icon_click:before {
	content: url("../images/responsive/rwdUI.png");
	position: absolute;
	top: -10px;
	
}
a.list_icon_click{
	
background-color: #767676;	
}
 a.list_icon_new:hover {
	background-color: #767676;
}


a.list_icon_new:before {
	
	left: -70px;
	clip: rect(21px,98px,38px,81px);
}
a.list_icon_click:before {
	
	left: -90px;
	clip: rect(21px,118px,38px,101px);
}
a.list_icon_new:hover:before {
	left: -90px;
	clip: rect(21px,118px,38px,101px);
}

.exploded_icon_new {
	display: inline-block;
	border: 1px solid #a0a0a0;
	border-radius: 5px;
	position: relative;
	overflow: hidden;
	padding: 11px;
	width: 17px;
	height: 17px;
	box-sizing: content-box;
}
.exploded_icon_click {
	display: inline-block;
	border: 1px solid #a0a0a0;
	border-radius: 5px;
	position: relative;
	overflow: hidden;
	padding: 11px;
	width: 17px;
	height: 17px;
	box-sizing: content-box;
}

 .exploded_icon_new:before {
	content: url("../images/responsive/rwdUI.png");
	position: absolute;
	top: -10px;
}
 .exploded_icon_click:before {
	content: url("../images/responsive/rwdUI.png");
	position: absolute;
	top: -10px;
	
}
a.exploded_icon_click{
	
background-color: #767676;	
}
 a.exploded_icon_new:hover {
	background-color: #767676;
}


a.exploded_icon_new:before {
	
	left: -70px;
	clip: rect(21px,98px,38px,81px);
}
a.exploded_icon_click:before {
	
	left: -90px;
	clip: rect(21px,118px,38px,101px);
}
a.exploded_icon_new:hover:before {
	left: -90px;
	clip: rect(21px,118px,38px,101px);
}


.Header_color_outer{
	background-color:rgba(0,0,0,0.1);
	color: #a41f35;
    font-weight: 600;
    font-size: 1.1em;
}

.Header_color{
	background-color:rgba(0,0,0,0.1);
	color: #a41f35;
    font-weight: 600;
    font-size: 1.1em;
}
.Header_color_popup{
	background-color:rgba(0,0,0,0.1);
	color: #a41f35;
    font-weight: 600;
    font-size: 1em;
}
.viewdetails{
	color: #a41f35;
    font-weight: 600;
    font-size: .8em;
}

.row_color{
	background-color:white;
}
.component_Name_parent{
	
	 padding-left: 1%;
	
}


.help{
	
	float:left;
	
}

.helptextModel:hover  {
color:  #767676;

} 
.helptextModel:hover .helpSpan {

 background: #767676;
} 

.helptextModel{
	font-weight: 700;
	width:70px;
	
	margin-right: 1%;
	margin-top: 1%;
	color: #b20838;
	cursor: pointer;
	float:right;
	
}
.helptextModel span{
	margin-left: 10px;
    margin-top: 2px;
    text-align: center;
    color: white;
    font-weight: bold;
    display: inline-block;
    background: #b20838;
    border-radius: 5px;
    width: 20px;
    height: 20px;
	float: left;
}
#ComponentPage{
	padding-top: 1%;
	 padding-right: 1%;
     padding-bottom: 4%;
     padding-left: 1%;
	 position:relative;
	
}



#tabs{
	float: right;
	
}

#list_b{
	float: right;
	 margin: 10px;
}

#exp_b{
	float: left;
	 margin: 10px;
}
#exp_b_text{
	float: right;
	text-align: center;
 margin: 10px;
}
#list_b_text{
	float: right;
	text-align: center;
 margin: 10px;
}

.pop_up_view{
border:1px solid #a0a0a0;
border-radius: 5px;
background-color: white;
padding-top: 1%;
    
     padding-bottom: 2%;
     
   position:fixed;
   min-width:645px;
     max-width:75%;
    min-height:10%;
	 top:8%;
   left:3%;
   z-index:100;
}

.pop_up_image_view{
 padding-right: 2%;
 padding-left: 1%;

  
}
#pop_up_image_icon_cover{
float:left;
padding-left: 0%;
}
#sos_pop_up_image_icon_cover{
float:left;
padding-left: 3%;
    padding-right: 3%;
   position: relative;
width: 40%;
height:150px; 
padding-top: 3%;
}
.sos_part_description{
font-size: small;

}
.sos_imageDetails{

font-size: small;
}
.sos_imageName{
 font-weight: bold;

}
#pop_up_image_details_cover{
	float:left;
}
#pop_up_image_details_cover #pop_up_image_details_id,
#pop_up_image_details_cover #pop_up_image_details > * {
	padding-left: 1rem;
}
#pop_up_image_details{

float:left;	
padding-top: 8%;
   
     padding-bottom: 2%;
}
.Hendrickson_Logo{
    margin-top: 30% !important;
 
 
}
.no_data{

color: red !important;
    text-align: center !important;
    padding-top: 100px !important;
    font-size: xx-large !important;
    font-style: oblique !important;

}
.qty-a{
width:180px !important;

}
.price{
width:180px !important;

}
#meritorPriceAndAvailDisplay{

/* border: 1px solid #a0a0a0 !important;
border-radius: 5px !important; */
}

.popup_close_button {
	
	  background: url(../assets/imgs/table_x_delete.png) no-repeat center;
   padding: 8px;
    border-radius: 5px;
	float: right;
	margin-right:10px;	
display: inline-block;
    cursor: pointer;
	position:relative;
	z-index:999;
}

#pop_up_image{
	position:relative;
	z-index:-1;
}

.pop_up_button_view{
 margin-top:0px!important;
padding-left: 1%;
position:relative;
}

#exploded_view{

padding-top: 1%;

}
#pop_up_table_view{
margin-top:20px;
overflow: auto;
/* height: 100px; */
/* width:100%; */
/* max-height: 200px; */
/* overflow-y: auto; */
overflow-x: auto;
}
#pop_up_table{

width:100% !important;
}
#pop_up_table th, #pop_up_table td {
  text-align: left;
  border: 0px solid #ddd;
  padding: 0px 0px;
  padding-top:10px;
  padding-left:10px;
  padding-right: 20px;
   border-bottom: 1px solid #ddd;
    
}
#pop_up_table tbody td {
  
	
	font-size: smaller;
}
#exploded_svg_image{
		
	
	margin:auto;
	 position: relative;
	  width: 100%;
	 margin-top:7%;
	
}
#svg1{
		
	
	margin:auto;
	 position: relative;
	 width: 100%;
	 height : 600px;
    top: 0;
    left: 0;
	
}
#svgList{

	margin:auto;
	 position: relative;
	 width: 100%;
	 height : 600px;
    top: 0;
    left: 0;

}
#kitDetails {
    border-top: 1px solid #ddd;
	 padding-top: 0.5%;
	 padding-bottom: 0.5%;
	 
	  padding-left: 1%;
}
#exploded_data_table{
	
	overflow:auto;
	 position: relative;
}

#exploded_table {
  
  width: 100%;
  border-top: 1px solid #ddd;
 
  border-bottom: 1px solid #ddd;
  font-size: 14px;
}

#exploded_table th, #exploded_table td {
  text-align: left;
  margin-left:1%;
  border: 0px solid #ddd;
   border-top: 1px solid #ddd;
}

#exploded_table tbody td {
    padding: 0px 0px;
	padding-left:10px;
	
	
}
#list_view{

padding-top: 1%;
 
}
#list_svg_image{
	
	 position: relative;
	  width: 35%;
   
}


#svg2{
		
	height : 500px;	
	width : 100%;
	margin:auto;
	 position: relative;
    top: 0;
    left: 0;
}
.svg2Events{

/* pointer-events: all; */
cursor: pointer;

}
#list_data_table{

	 width: 64%;
	 padding-top: 0%;
	 padding-bottom: 2%;
   position:absolute;
  overflow:auto;
left: 36%;
top: 15%;

}
#list_table {
	
  border-collapse: collapse;
  width: 100%;
  padding-top: 20%;
  font-size: 14px;
  
  
}

#list_table th, #list_table td {
  text-align: left;
  border: 0px solid #ddd;
   border-bottom: 1px solid #ddd;
    
}
.border_left{
border-left: 1px solid #ddd;
}
#list_table tr{
 
  
   border-bottom: 1px solid #ddd;
}



#list_table tbody td {
    padding: 0px 0px;
	padding-left:10px;
}
#list_table .inner_table{
	 position:relative;
	left:6.3%;
	width:93.7%;
	
	 border-right: 1px solid #ddd;
	 border-left: 1px solid #ddd;
}
#exploded_table .inner_table{
	 position:relative;
	left:3.5%;
	width:96.5%;
	
	 border-right: 1px solid #ddd;
	 border-left: 1px solid #ddd;
}

.inner_table th, .inner_table td {
  text-align: left;
  
}
.inner_table th{
	background-color:rgba(0,0,0,0.1);
}
#list_table td.details-control,#exploded_table td.details-control {
   
    cursor: pointer;
}

.dataTables_filter {
display: none; 
}
.Clear_Selection{
	background-color: black !important;
	
}
  .Clear_Selection:hover{
	background-color: white !important;
	
	border-radius: 2px !important;
	color:black !important;
} 
.Add_to_Requistion_List{
   background-color: #767676 !important;
}
.Add_to_Requistion_List:hover{
  background-color: black !important;
} 
.popuptext{
width:50px !important;

}	
.viewdetails{
	color: #a41f35;
	font-weight: 600;
    font-size: .8em;
}
.viewdetails:hover{
	text-decoration: underline;
}

.disabledbutton {
    pointer-events: none;
    
}
.hideInnerTable{
	display: none;
	
}
.showInnerTable{
	display: table-row;
	
}
#pop_up_image_details_id{
       font-weight: 700;
}

#data-qty-a{
 text-align: left;
 font-size: small;
}

#data-price{
 text-align:left;
 font-size: small;
 width:100px;
}

#data-qty-a .label,#data-price .label{
display: none;}


#pop_up_table tbody,
#pop_up_table thead { display: block !important; }



#pop_up_table tbody {
    max-height: 150px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

#pop_up_image_details_name{
font-size: .8em;
}

.replaceBy{
  float: left; 
  font-size: .8em;
}

.replaceByProd{
  font-size: .8em;
}


.inner_table h6.sorting-title{
    	display: inline-block;
    	vertical-align: top;
	position:relative;
	padding-right:17px;
	
}

.inner_table h6.sorting-title .fa-sort-asc{
	position: absolute;
    top: 5px;
    right: 0;
	opacity:0.3;
}

.inner_table h6.sorting-title .fa-sort-desc{
	position: absolute;
    top: 6px;
    right: 0;
	opacity:0.3;
}

.inner_table th.asc h6.sorting-title .fa-sort-asc{
	opacity:1;
}
.inner_table th.desc h6.sorting-title .fa-sort-desc{
	opacity:1;
}

td.child-control, td.iconRight{display: inline-block; border-bottom: 0 !important;}
.showInnerTable .inner_table.fontChange th{font-size: 14px; color: #767676}

/* Brand descriptor */
/* 

 .button-grad-wrapper2.inline{
    display: inline-block;
}

.button-grad-wrapper2.left{
    float: left;
}

.button-grad-wrapper2 .grad-btn{
    border: 0;
    color: #fff;
    padding: 3px 10px;
    cursor: pointer;
    line-height: 27px;
    display: block;
    position: relative;
    max-width:300px;
    text-align: left;
    font-size: 14px;
}
.button-grad-wrapper2 .grad-btn::before{
    
position: absolute;
    
content: '';
    
top:0;
    
left: 0;
    
width: 90%;
    
height: 100%;
    
border-style: solid;
    
border-width: 33px 33px 0 0;
    
border-color: #074175 transparent transparent transparent;
}

.button-grad-wrapper2 .grad-btn .link-text{
    position: relative;
    z-index: 99;
}

.button-grad-wrapper2 .grad-ele{
    position: absolute;
    top: 0px;
    right: 5px;
    width: 34%;
    height: 33px;
    background: linear-gradient(45deg, #bcbcbc, #373737);
    transform: skewX(-45deg);
    border: 1px solid #969696;
    z-index: 9;
}
 .extra-btn.padding {
 	padding-left: 15px;
 }
 
 .extra-btn.padding .grad-btn::before{
 	width: 57%;
 }
 
 .extra-btn.pdp .grad-btn::before{
 	width: 57%;
 }
 .extra-btn{
 	clear: both;
  } */
  
    
.extra-btn.padding{
    padding-left: 15px;
}
.button-grad-wrapper.inline{
    display: inline-block;
}

.button-grad-wrapper.left{
    display: inline-block;
}

.button-grad-wrapper .grad-btn{
    background: #074175;
    border: 0;
    color: #ffffff;
    padding: 3px 10px;
    cursor: pointer;
    line-height: 27px;
    display: inline-block;
    position: relative;
}

.button-grad-wrapper.block{
    padding-right: 33px;
}
.button-grad-wrapper.block .grad-btn{
    width: 100%;
}

.button-grad-wrapper.block.max .grad-btn{
    width: 100%;
    max-width: 225px;
}

.button-grad-wrapper.block.fontsize .grad-btn{
	font-size: 12px;
}

.button-grad-wrapper .grad-btn::before{
    position: absolute;
    content: '';
    top:0;
    right: -33px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 33px 33px 0 0;
    border-color: #074175 transparent transparent transparent;
}

@media (max-width:767px){
    .button-grad-wrapper .grad-btn{
        font-size: 9px;
    }
    .extra-btn.padding{
        padding-left: 0;
    }
}

.breadcomp{
width: 99%!important;
}