#events_nav li {
    font-size: 0.9em;
}

#events_nav li.not_empty a {
    color: var(--activated-color) !important;
}


#events_nav li a {
    opacity: 1;
    margin-top: 1px;
    margin-left: 1px;
    color: var(--main-color);
    border-radius: var(--tab-selected-border-radius);
}

#events_nav li a:hover {
    opacity: 1;
    background: rgba(255, 255, 255, 0.05);
}

#events_nav li.active a,
#events_nav li.active a:hover {
    opacity: 1;
    color: var(--tab-selected-color);
    background: var(--tab-selected-background);
}

#notification_template_form .page {
    background: none;
    overflow: hidden;
    outline: unset;
}

#notification_template_form .events_list_container {
    width: 200px;
    display: inline-block;
    vertical-align: top;
    overflow-y: auto;
    margin-bottom: 0px;
    padding: 1px;
}

#notification_template_form .collapsed_events .events_list_container {
    width: 50px;
}

#notification_template_form .collapsed_events .events_list_container .text {
    display: none;
}

#notification_template_form #events_nav {
    height: calc(100% - 65px);
    outline: 1px solid var(--main-outline);
    border-radius: 3px;
}

#notification_template_form .template_info {
    outline: 1px solid var(--main-outline);
    border-radius: 3px;
    margin-bottom: 15px;
    padding: 10px;
}

#notification_template_form .event_config_container {
    height: calc(100% - 65px);
    width: 100%;
    display: inline-block;
    overflow: auto;
    outline: 1px solid var(--main-outline);
    border-radius: 3px;
    margin-left: 10px;
    margin-top: 1px
}

#notification_template_form .collapsed_events .event_config_container {
    width: calc(100% - 365px);
}

#notification_template_form .workflow_tasks_holder {
    float: right;
    width: 230px;
    outline: 1px solid var(--main-outline);
    border-radius: 3px;
    margin-top: 1px;

}

#notification_template_form #workflow_tasks_list {
    height: calc(100% - 95px);
    margin-bottom: 0px;
    overflow-y: auto;
}