@font-face {
    font-family: 'demibold';
    font-weight: 900;
    font-style: normal;
    src: url('../../../Static/fonts/almoni2019/almoni-neue-demibold-aaa.eot');
    src: url('../../../Static/fonts/almoni2019/almoni-neue-demibold-aaa.eot') format('embedded-opentype'),url('../../../Static/fonts/almoni2019/almoni-neue-demibold-aaa.woff2') format('woff2'),url('../../../Static/fonts/almoni2019/almoni-neue-demibold-aaa.woff') format('woff')
}
.madorSubTitle{
    font-size:32px;
    line-height:1;
    border-bottom:1px solid #1d00cc;
    margin: 0 0 24px 0;
    padding: 0 0 8px 0;
    font-family:almoniTzar500;
    font-weight:normal;
    grid-column: 1 / -1;
}
#tagiotDiv{
    background:#e7eefe;
    border-radius:4px;
    border:1px solid  #b8cef9;
    padding:24px 32px;
    box-sizing: border-box;
}
.tagiot_title{
    font-size:28px;
    font-weight:normal;
     font-family:almoniTzar500;
     color:#000;
}
.tagiot_text{
    font-size: 18px;
    font-family: 'almoniDL400';
    margin:0 0 16px 0;
    line-height: 22px;
}
.tagitDiv{
    background:#cedbfc;
    border-radius:4px;
    padding:8px 8px 8px 16px;
    display:inline-flex;
    margin:0 0 16px 16px;
    align-items: center;
    position:relative;
    color:#1d00cc;
    cursor:pointer;
}
.tagitDiv.active {
     color:#fff;
}
.tagitDiv.active{
    background:#1d00cc;
}
.tagitDiv{
    font-family:demibold;
    font-size:16px;
    color:#1d00cc;
}
.tagitDiv:before{
    content:url(../../../globes/image/upload/v1659952273/Digital/action_topic_add_fwuxft.svg);
    width:24px;
    height:24px;
    float:right;
}
.tagitDiv.active:before{
    content:url(../../../globes/image/upload/v1660045717/Digital/icons-white-check_c1ouku.svg);
}
.tagitDiv:hover:after {
    position: absolute;
    top: 32px;
    content: 'הוספה למעקב';
    right: 0;
    padding: 0px 8px;
    z-index: 2;
    color: #fff;
    text-align: center;
    font-size: 14px;
    line-height: 28px;
    min-width: 91px;
    min-height: 28px;
    border-radius: 3px;
    box-shadow: 0 2px 16px 0 rgb(0 0 0 / 13%);
    background-color: #6f6f6f;
}
.tagitDiv.active:hover:after {
    content: 'הסרה ממעקב';
}

@media screen and (max-width: 768px) {
    #tagiotDiv {
        width: calc(100% - 30px);
        margin: 0 auto 10px;
        padding:24px;
    }
    #content h3.madorSubTitle {
        width: calc(100% - 30px);
        margin: 0 auto 24px auto;
    }
    #content h4.tagiot_title {
        color:#000;
        margin:0;
        font-size:28px;
    }
}