.tab-colum-side {
position: relative;
}
.tab-colum-side-painel {
display: inline-block;
min-height: 150px;
}
.tab-colum-side-painel .tab-colum-side-open {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.tab-colum-side-nav {
background-color: #F4F4F4;
border: #EEEEEE solid 1px;
border-bottom: 0px;
border-right: 0px;
color: #333;
cursor: pointer;
font-size: 13px;
display: inline-block;
padding: 4px;
margin: -1px -4px 0 -2px;
text-align: center;
width: 99px;
}
.tab-colum-side-open .tab-colum-side-nav:hover,
.tab-colum-side-open:checked ~ .tab-colum-side-nav {
background-color: #FFF;
border: #EEEEEE solid 1px;
border-bottom: 0px;
border-right: 0px;
}
.tab-colum-side-inner {
font-size: 14px;
height: 210px;
left: -1px;
line-height: 170%;
margin: 10px 10px 10px 10px;
opacity: 0;
overflow: hidden;
padding: 0 0 0 1px;
position: absolute;
-webkit-transition: opacity 0.1s;
-o-transition: opacity 0.1s;
transition: opacity 0.1s;
visibility: hidden;
}
.tab-colum-side-inner a:hover, .tab-colum-side-inner a:active {
border-bottom: 0;
}
*::-ms-backdrop, .tab-colum-side-inner { height: 220px;
margin: 5px 10px 5px 10px;
}
.tab-colum-side-open:focus:checked ~ .tab-colum-side-nav {
outline: 0;
}
.tab-colum-side-open:checked ~ .tab-colum-side-inner {
opacity: 100;
visibility: visible;
-webkit-transition: opacity 0.6 ease;
-o-transition: opacity 0.6 ease;
transition: opacity 0.6 ease;
}