*
{
	
    margin:0px;
    padding:0px;
	color: #464646;
     font-family: 'din_regular',arial,sans-serif; 
    font-size: 16px;
    line-height: 1.4;
}

body
{
	margin:0;
	padding:0;
	overflow-y: scroll;
}

input {
width:50px;
 padding-left:5px;
}

#defaultOptions {
position:absolute;
right: 0px;
top:10px;
z-index:1000;
display:none;
}

textarea#defaultOptions {
	width: 65%;
	height: 300px;
	border: 3px solid #cccccc;
	padding: 5px;
	
	background-image: url(bg.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
}

.wizardConfiguration {
display: none;
}

.disabled
{
    color:red;
}

.busy
{
    opacity:1;
}

.wizardBtn {
	display: block;
}

#sectionToolbar {
position:absolute;
width:700px !important;
}

#sectionToolbar ul
{
margin: 0 !important;
padding: 0 !important;
list-style-type: none !important;
width: inherit !important;
}

#sectionToolbar ul li { display: inline !important; }

.config-table {
	width: 100%;
	margin: 0 auto;
	border-collapse: separate;
	border-spacing: 0;
	
}
.config-table tr:nth-of-type(2n+2) {
/*    background: #EAEAEA;*/
} 

.config-table th {
	text-align: left;
}

.config-table td {
	padding: 3px;
	border-bottom: 1px solid #cdcdcd; 
	border-right: 1px solid #F9F9F9;
    padding-left: 5px;
}

.bevestiger-config-table tr{
	background: none !important;
}

.bevestiger-config-table select{
	width:62px !important;
} 





#wizardContainer_result {
margin-top:20px;
}

#wizardContainer_result .wizardContainer_result {
padding: 14px 20px 11px; 
    vertical-align: top;
}





.newClass  {
background:none !important;	
	border: 1px solid gray;
	-webkit-appearance: none;
	-moz-appearance: none;
	text-indent: 1px;
	text-overflow: '';
}

#r_vc {
margin-left:3px;
}


.row-isolatie_bevestigers_product_productnaam-selector {
background: #cccccc !important;
border: none !important;
}

.row-isolatie_bevestigers_product_productnaam-selector td {
border: none !important;
border-right: 0px solid #F9F9F9 !important;
}


/*#############################################
Wizard
#############################################*/


#wizard {
	position: absolute;
    top: 40px;
    width: 100%;
    border: 0px solid red;
    /* margin-left: 30px; */
}
 
#wizardUserFilterKeys
{
    display:none;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Wizard.Navigation
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#wizardNavigation
{
    width:100%;
    padding: 0px;
    margin: 0px;
    
    /*white-space: nowrap;
    overflow: hidden;*/
    
}

#wizardNavigation a
{
    line-height: 17px;
    width: inherit;
    padding: 12px 0px 12px 0px;
    text-align: center;
    background: #EDEDED;
    position: relative;
    display: inline-block;
    cursor:pointer;
    white-space: nowrap;
	margin-left: -1px;
}

#wizardNavigation a.invalidStep, 
#wizardNavigation a.invalidEntityMode,
.invalidContainer
{
    display: none !important;
}

#wizardNavigation a.disabled
{
    color:#ccc;
    background:#fff;

}

#wizardNavigation a.disabled:after
{
    border-left: 20px solid #fff;
}

#wizardNavigation a:first-child,
#wizardNavigation a.firstStep
{
    margin-left:0px;
}

#wizardNavigation a:before
{
    width: 0;
    height: 0;
    border-top: 20px inset transparent;
    border-bottom: 20px inset transparent;
    border-left: 20px solid #fff;
    position: absolute;
    content: "";
    top: 0;
    left: 0px;
}

#wizardNavigation a:after
{
    width: 0;
    height: 0;
    border-top: 20px inset transparent;
    border-bottom: 20px inset transparent;
    border-left: 20px solid #EDEDED;
    position: absolute;
    content: "";
    top: 0;
    right: -20px;
    z-index: 2;
}

#wizardNavigation a:first-child:before,
#wizardNavigation a.firstStep:before,
#wizardNavigation a:last-child:after,
#wizardNavigation a.lastStep:after
{
    border: none;
}

#wizardNavigation .past
{
    background: #585858;
    color: #fff;
}

#wizardNavigation .past:after {
    border-left-color: #585858;
}

#wizardNavigation .current
{
    background: #313131;
    color: #ffffff;
}

#wizardNavigation .current:after {
    border-left-color: #313131;
}



#wizardNavigationBackground {
/*background-image: url(http://stores.utopis-platform.net/rockwool-nl/channels/rockwool/images/bg-wizard-step-current.png);*/
}

#wizardNavigation .current:after {
    border-left-color: #242424;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Wizard.Step
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.wizardStep
{
    display:none;
    padding:0px;
   /* padding:10px;*/
}

.wizardStep .fa
{
    font-size:12px;
    color:#585858;
}

.wizardContainer
{
    padding:0px;
    line-height:25px;
	height:100%;
	border:0px solid #58585a;
}

.wizardContainer table {
display: inline-table !important;
}

.wizardContainer div div {
/*padding:20px;*/

}

.wizardContainer:not(:last-child)
{
    border-bottom:1px solid #fff;    
}

.wizardContainer:after
{ 
   content: "";
   display: block; 
   height: 0; 
   clear: both;
}

.wizardContent
{
}

.wizardFilter
{
    float:left;  
	border:0px solid #58585a;
	width: 100%;
}

.wizardContent
{

	border:0px solid #58585a;
	width: 100%;
	padding-top:10px;
	padding-bottom:10px;
	
}


.filterkey-wrapper {
margin: 0;
}




.filter-img {
width:150px;
border:0px solid red;
float: left;
}

.filter-img  table {
width:150px;
height:200px;
display: inline-table !important;
}

.filter-img img {
border:0px solid red;
}

.component
{
    float:left;  
	border:1px solid #58585a;
	padding:20px;
	width:25%;
	margin-right:10px;
	margin-bottom:10px;
	min-height:337px;
}

.component h1 {
margin: 0 0 0 0;
  padding: 0;
  font-size: 16px;
  color: #58585a;
  line-height: 22px;
  text-transform: uppercase;
 
margin-bottom:10px;
  }

.component img {
max-height:150px;
max-width: 150px;
margin-top:15px;
}

.component  table {
margin-left:15px;
}

.wizardFilter select
{
   width: 75%;
   padding-left:5px;
   height:30px;
}

.wizardFilter select[disabled]
{
    opacity:.2;
}

.wizardFilter select::-ms-expand {
    display: none;
}

.wizardConfiguration
{
   /* padding:20px;*/
   /* background:#F7F7F7;*/
    height:350px;
    width:900px;
}

.wizardConfiguration div label img {
	cursor: pointer;
}

.wizardEntity
{
	background: #373737;
    width: 100%;
    display: block;
    float: left;
    padding: 15px;
	border-radius:6px;
}

#wizardContainer_home .wizardEntity {
display: none;
}

.wizardEntity div ul {
list-style: none;
} 




.wizardEntity li:before { content: '> '}

.wizardEntity div ul li {
color:white;
margin-bottom:15px;
}

.wizardEntity div ul li a:link{
color:white;
text-decoration:none;
}

.wizardEntity div ul li a:visited{
color:white;
text-decoration:none;
}

.wizardEntity div ul li a:hover{
text-decoration:underline;
}



.wizardEntity div:hover {
text-decoration: underline;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Wizard.Summary
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.wizardSummary
{
}

.wizardSummaryStep
{
padding-bottom:20px;
}
    
.wizardSummaryStepName
{
    display: none;
}

.wizardSummaryCheckedElement
{
}

.wizardSummaryCheckedElement input[type="radio"] {
    display:none;
}
/*
.viewContent {
margin-top:50px;
}
*/

.viewContent a{
 font-weight: bold;
 color: #58585a;
 margin-left:0px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Wizard.Attributes
<div data-value="0" data-filterkey="x_x">0</div>
<span data-resetfilterkey="x_x">reset</span>
<div data-callname="product-a">Product A</div>
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
[data-filterkey],[data-resetfilterkey],[data-callName]
{
    cursor:pointer;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Wizard.Button
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


.btnRcPdf {
float: left;
    text-decoration: none;
    cursor: pointer;
    padding-top: 0px;
    /* padding-bottom: 5px; */
    margin-top: 0px;
    /* background: red; */
    color: white;
 
}

.btnRcPdf  a:hover {
background:red;
}

.btnRcPdf span a{
	
    /* height: 80px; */
    /* padding-top: 10px; */
    /* margin-top: 3px; */
    padding: 2.3px;
    display: block;
    text-decoration: none;

    line-height: 16px;
    color: #FFFFFF;
	list-style:none;
	
}

#sectionToolbar ul li a.pdf:hover {
background: red;
}

#sectionToolbar ul li a.pdf {
padding-left:20px;
}

.dufa-result {
color:red
}

.dufa-result sub{
color:red
}

#reset
{
	float:right;
	margin-right:15px;
	margin-top:-45px;
    cursor: pointer;
    display: block;
    width: 100px;
    border: 0px solid red;
    text-align: right;
    z-index: 1000;
   
}

.wizardBtn {
display: none;
}

.navigatie {
border:0px solid red;
}

.navigatie .wizardBtnCustom  {
float:left;
margin-left:15px;
margin-top:30px;
margin-bottom:10px;
}

.navigatie .wizardBtnCustom.active {
cursor: pointer;
}

.navigatie .wizardBtnCustom  .fa{
font-size:18px;
}



#top {

width:100%;
height:103px;
border:0px solid red;
background-color: #D20014;
text-align: left;
}

#top img {
border:0px solid white;
margin-top: 30px;
margin-left: 30px;
}



#content {
margin: auto;
margin-top:55px;
left:0;
right:0;
width:982px;
min-height:600px;
border:0px solid blue;
background-color: white;
}

.button-system {
padding:10px;
}

/*___________________________________________________
														Suf
														---------------------------------------------------*/
														.suf-schraptekst
														{
															color: #008200;
														}
														.suf-vrijeinvultekst
														{
															color: #840000;
														}
														.suf-bouwdeel
														{
															color: #000084;
														}
														.suf-bouwdeel .suf-vrijeinvultekst
														{
															color: #00166E;
														}
														.suf-kol1
														{
															width: 75px;
														}
														.suf-kol2
														{
															width: 50px;
														}
														.suf-kol3
														{
															width: 38px;
														}
														.suf-kol4
														{
															width: 500px;
														}
														.suf-post-header-row td
														{
															font-weight: bold;
														}
														.suf-post-header-kol1
														{
														}
														.suf-post-header-kol2
														{
														}
														.suf-post-header-kol3
														{
														}
														.suf-post-header-kol4
														{
														}
														.suf-post-footer-row
														{
														}
														#txt-clipboard
														{
															position: absolute;
															top: 0px;
															left: -750px;
														}
														#suf-clipboard
														{
															position: absolute;
															top: 0px;
															left: -750px;
														}

														/*___________________________________________________
														RAW
														---------------------------------------------------*/
														.kolom_empty
														{
														}

														.kolom_bpost
														{
															padding:0 10px 0 0;
														}

														.kolom_hoofdcode
														{
															padding:0 10px 0 0;
														}

														.kolom_deficode
														{
															padding:0 10px 0 0;
														}

														.kolom_hoofdtekst
														{
															padding:0 10px 0 0;
														}

														.kolom_romptekst
														{
															padding:0 10px 0 0;
														}

														.kolom_tekstblok
														{
															padding:0 10px 0 0;
														}

														.kolom_eenheid_res_verpl
														{
															padding:0 10px 0 0;
														}

														.kolom_hoeveelheid_res_verpl
														{
															padding:0 10px 0 0;
														}

														.kolom_kenmerk_res_verpl
														{
															padding:0 10px 0 0;
														}

														.kolom_eenheid_bouwstof
														{
															padding:0 10px 0 0;
														}

														.kolom_hoeveelheid_bouwstof
														{
															padding:0 10px 0 0;
														}

														.kolom_kenmerk_aard
														{
															padding:0 10px 0 0;
														}
														
														.switchViewSave {
														font-weight: bold;
														text-decoration: underline;
														}
														
														.watermerk-stabu {
														display: none;
														}
/*
														.result {
														border:1px solid #3D3D3D;
														padding:10px;
														font-weight: bold;
														    margin-top: 10px;
															
														}
														*/
														
														.result-control {
														border:2px dotted red;
														display: none;
														}
													
.chosenSystem {
border:0px solid red;
border-bottom:0px solid #3D3D3D;
padding-bottom:10px;
	
}

.chosenSystem img {
width:175px;
margin-right:20px;
}

.chosenSystem  .description{
border:0px solid #D20014;
width:40%;
border-radius:3px;
background-color:white;
padding:20px;
}

.button-info {
background-color:#D20014;
color:white;
padding: 5px 5px 5px 5px;
text-align: center;
font-weight: normal;
font-size:11px;
border:1px solid black;
margin-left:5px;
}

.button-info-spouwmuur {
background-color:#D20014;
color:white;
padding: 5px 5px 5px 5px;
text-align: center;
font-weight: normal;

border:0px solid black;
margin-left:5px;
cursor: pointer;
}

.custom-reset {
cursor: pointer;
color: red;
}

.InfoTekst {
color: #D20014;
text-decoration:none !important;
}

#wizardContainer_chosensystem .wizardEntity {
padding:0;
padding-top:5px;
color:#D20014;
background:none;
font-size:11px;
}

.bw {
    position: absolute;
    top: 97px;
    right: 15px;
    border: 0px solid blue;
    text-align: right;
    font-size: 11px;
}

.bw-pdf {
	display: none;
}

.productgroep {
cursor:pointer;
}

.productgroep img{
	opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}

.productgroep img:hover{
	opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}



#wizardContainer_selectie .wizardEntity {

display: none;
}

.meerlagentxt {
padding: 0;
    padding-top: 15px;
    color: #D20014;
    background: none;
    font-size: 11px;
	text-decoration:none;
}

.fa-pencil:before {
   display: none;
}


#sectionToolbar {
border:0px solid red;
    margin-left: 40px;
}

#html tr {
border:none !important;
}

.saveContainer {
margin-top:20px;
}

.saveContainer td {
font-weight:normal;
}

.icon-suf {
background:#419D44;
text-align:center;
padding-top:2px;
padding:bottom:2px;
width: 66px;
color:white;
font-weight: normal;
}

.icon-osf {
background:#E50000;
text-align:center;
padding-top:2px;
padding:bottom:2px;
width: 66px;
color:white;
font-weight: normal;
}

.icon-txt {
background:#14214E;
text-align:center;
padding-top:2px;
padding:bottom:2px;
width: 66px;
color:white;
font-weight: normal;
}