.tack {
    color: white !important;
}

.tack-fixer {
    color: white;
    width: 20px;
    height: 20px;
    text-align: center;
    padding-top: 1px;
    border-radius: 2px;
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

    .tack-fixer.active {
        color: white;
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }



.tack-fixed {
    position: fixed;
    z-index: 3;
}

@media (max-width: 767px) {
    .tack-fixer {
        display: none;
    }

    .tack-fixed {
        width: 100%;
        position: relative;
    }
}

@media (min-width: 768px) {
    .tack-fixed {
        width: calc(100% - 200px);
    }

    .app-aside-folded .tack-fixed {
        width: calc(100% - 60px);
    }
}

@media (min-width: 992px) {
    .tack-fixed {
        width: calc(100% - 200px);
    }

    .app-aside-folded .tack-fixed {
        width: calc(100% - 60px);
    }
}

@media (min-width: 1200px) {
    .tack-fixed {
        width: calc(100% - 200px);
    }

    .app-aside-folded .tack-fixed {
        width: calc(100% - 60px);
    }
}