@font-face {
    font-family: Franklin Gothic Demi Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Book Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Book Regular.ttf') format('truetype');
}

@font-face {
    font-family: Franklin Gothic Medium Regular;
    src: url('../open-iconic/font/fonts/Franklin Gothic Medium Regular.ttf') format('truetype');
}

.div-header-task {
    /*width: 368px;*/
    height: 46px;
    box-shadow: 2px 2px 3px #00000040;
    opacity: 1;
    display: flex;
    cursor: pointer;
}
.div-child-header-task {
    width: 184px;
    height: 34px;
    font-family: 'Franklin Gothic Medium Regular';
    color: #576574;
    opacity: 1;
    padding-top: 12px;
}
.div-child-header-task-active {
    width: 184px;
    height: 34px;
    opacity: 1;
    margin-top: 12px;
    font-family: 'Franklin Gothic Demi Regular';
    color: #222F3E;
    border-bottom: solid 4px #268BFD;
}
.svg-img {
    margin-top: -3px;
    margin-right: 3px;
    margin-left: 10px;
}