.life_szin
{
width:11.7%;
height:60px;
margin-right:0.1%;
border:1px solid gray;
margin-bottom:5px;
display:inline-block;
cursor:hand;
}

.life_szin:after
{
content:"\A" attr(title);
font-weight: bold;
font-size:0.7em;
padding:5px;

}
.lb_szin
{
width:19%;
height:30px;
margin-right:0.1%;
border:1px solid gray;
margin-bottom:5px;
display:inline-block;
cursor:hand;
}

.lb_szin:after
{
content:"\A" attr(title);
font-weight: bold;
font-size:0.7em;
padding:5px;

}

.sakret_szin
{
width:19%;
height:60px;
margin-right:0.1%;
border:1px solid gray;
margin-bottom:5px;
display:inline-block;
cursor:hand;
}

.sakret_szin:after
{
content:"\A" attr(title);
font-weight: bold;
font-size:0.7em;
padding:5px;

}

.thermo_szin
{
width:19%;
height:30px;
margin-right:0.1%;
border:1px solid gray;
margin-bottom:5px;
display:inline-block;
cursor:hand;
}

.thermo_szin:after
{
content:"\A" attr(data-title);
font-weight: bold;
font-size:0.7em;
padding:5px;

}

.gyanta:before
{
font: normal normal normal 14px/1 FontAwesome;
content: "\f042";

}

.life_szin:hover
{
box-shadow: 0px 2px 2px;
}
.lb_szin:hover
{
box-shadow: 0px 2px 2px;
}
.sakret_szin:hover
{
box-shadow: 0px 2px 2px;
}


.szinvalaszto
{
height:300px;
overflow:scroll;
padding:5px;
border:3px solid lightgray;
width:100%;
background:whitesmoke;
}
.white
{
color:white;
}

.struktura
{
background:white;
width:160px;
height:213px;
border:2px solid transparent;
}

.struktura img
{
width:158px;
height:211px;
}

.struktura:hover
{
border:2px solid gray !important;
cursor:pointer;
}



.vakolat-tipus img
{
width:100%;
}

.btn-szinkalkulator
{
height:70px;
font-size:40px;
width:100%;
margin-top:10px;

}

.valasztasok-fejlec
{
margin-top:3px;
font-weight: bold;
color:black;
}

.valasztasok-box
{
background:white;
border:3px solid lightgray;
height:110px;
padding:5px;
margin-bottom:5px;
}
.valasztasok-box h4
{
margin-top:1px;
}

.valasztott_szin,.valasztott_struktura,.valasztott_csoport,.valasztott_felulet,.valasztott_tipus
{
/*font-weight:normal;
color:#479fc8 !important;*/

}
.green
{
color:green;
}

.orange
{
color:orange;
}

.vakolat-tipus
{
margin-top:20px;
border:2px solid transparent;
}
.vakolat-tipus:hover
{
border:2px solid lightgray !important;
cursor:pointer;
}