#mainHeaderNavbar button[data-task] {

    color: var( --main-color-dark );
    border-width: 0px;
    border-bottom-width: 5px;
    border-color: transparent;

}

#mainHeaderNavbar .prevnext:hover {

    color: var( --main-color-lighter );

}

#mainHeaderNavbar button[data-task].activeClass {

    color:  var( --main-color-lighter ) !important;
    border-color:  var( --main-color-lighter ) !important;

}

#mainHeaderNavbar button[data-task].done {

    color:  var( --main-color-dark2 );
    border-color:  var( --main-color-dark2 );

}

#mainHeaderNavbar button[data-task].done:hover {

    color: var( --main-color-lighter );

}

#mainHeader{
    /* height: 100px; */
}