.clickLine {
    width: 2em;
    top: 0px;
    bottom: 0px;
}

.clickLine-open .clickLine-top{
    background-image: url('../images/autoBlockLines/lineTopOpen.svg');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 100%;
    height: 3em;
}

.clickLine-open .clickLine-bottom{
    background-image: url('../images/autoBlockLines/lineBottomOpen.svg');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 100%;
    height: 90%;
}

.clickLine-close .clickLine-top{
    background-image: url('../images/autoBlockLines/lineTopClose.svg');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 100%;
    height: 3em;
}

.clickLine-close .clickLine-bottom{
    background-image: url('../images/autoBlockLines/lineBottomClose.svg');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 100%;
    height: 90%;
}

.footer-line {
    background-image: url('../images/autoBlockLines/lineFooter.svg');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 100%;
    height: 3.5%;
}

.header-line {
    background-image: url('../images/autoBlockLines/lineHeader.svg');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 100%;
    height: 3.5%;
}