/*Dynamic Rules*/
:root{
    --cwWebHeaderHeight: 113px;
    --cwTopNotificationsHeight: 44px;
}

.flex_center {
    display: flex;
    align-items: center;
    justify-content: center;
}
.dynRules {
    padding: 24px;
    gap: 24px;
}

.dynRules_left_sidebar {
    background: var(--bg-level-2, var(--cwDominantBg));
    border: 1px solid var(--bg-level-3, var(--cwDominantBgHover));
    border-radius: 16px;
    flex-shrink: 0;
    height: calc(100vh - var(--cwWebHeaderHeight) - 48px);
    overflow: hidden;
    position: sticky;
    top: calc(var(--cwWebHeaderHeight) + 24px);
    user-select: none;
    animation: 0.5s ease-in-out 0s 1 normal forwards running fadeOut;
    flex: 0 0 328px;
}

.notification_static_content ~ .content-wrapper .dynRules_left_sidebar {
    height: calc(100vh - var(--cwWebHeaderHeight) - 48px - var(--cwTopNotificationsHeight));
    top: calc(var(--cwWebHeaderHeight) + 24px + var(--cwTopNotificationsHeight));
}

.dynRules_left_sidebar_inner {
    max-height: 100%;
    overflow-y: auto;
}

.dynRules_left_sidebar_inner::-webkit-scrollbar {
    width: 2px;
}

.dynRules_left_sidebar_inner::-webkit-scrollbar-thumb {
    border-radius: 16px;
}

.dynRules_content {
    width: 840px;
    max-width: calc(100% - 352px);
    flex-shrink: 0;
}

.dynRules_content_inner {
    background: var(--bg-level-2, var(--cwDominantBg));
    border: 1px solid var(--bg-level-3, var(--cwDominantBgHover));
    color: var(--text-level-medium, var(--cwDominantTxt2));
    padding: 24px;
    border-radius: 16px;
    width: 100%;
}

.dynRules.alignment_Center {
    justify-content: center;
}

.dynRules.alignment_Left {
    justify-content: space-between;
}

.alignment_Left .dynRules_content {
    margin-inline-end: calc(50% - 420px);
}

.dynRules_title {
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    color: var(--text-level-high, var(--cwBodyTxt));
    margin-bottom: 24px;
    text-transform: capitalize;
    word-break: break-all;
}

.dynRules_lmenu_item,
.dynRules_lmenu_subitem {
    padding: 0 16px;
    display: block;
}

.dynRules_lmenu_subitem {
    padding: 0 16px 0 52px;
    background: var(--bg-level-3, var(--cwDominantBg2));
}

.dynRules_lmenu_item_inner {
    position: relative;
    border-bottom: 1px solid var(--bg-level-3, var(--cwDominantBgHover));
    color: var(--text-level-medium, var(--cwDominantTxt2));
    gap: 12px;
    line-height: 24px;
    padding: 16px 0;
    height: 56px;
}

.dynRules_lmenu_subitem .dynRules_lmenu_item_inner {
    border-bottom: 1px solid var(--bg-level-4, var(--cwDominantBg2Hover));
}

.dynRules_lmenu_item:last-of-type .dynRules_lmenu_item_inner,
.dynRules_lmenu_subitem:last-child .dynRules_lmenu_item_inner {
    border-bottom: 0;
}

.dynRules_lmenu_sub .dynRules_lmenu_item_inner:after {
    content: "\E364";
    display: inline-block;
    font-family: "iconsDinamicMenu";
    font-size: 28px;
    margin-inline-start: auto;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    transition: transform .34s ease;
    flex-shrink: 0;
}

.dynRules_lmenu_sub.open .dynRules_lmenu_item_inner:after{
    transform: rotate(180deg);
}

.dynRules_lmenu_text {
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
    color: var(--text-level-high, var(--cwDominantTxt));
    white-space: nowrap;
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    flex-grow: 1
}

.dynRules_lmenu_item.active:not(.open),
.dynRules_lmenu_subitem.active {
    background: var(--bg-level-4, var(--cwDominantBg2Hover));
}

.dynRules_lmenu_dropdown {
    max-height: 0;
    overflow: hidden;
    transition: all ease 0.3s;
}

.dynRules_lmenu_sub.open + .dynRules_lmenu_dropdown {
    max-height: none;
}

.dynRules_content_inner img {
    max-width: 100%;
    height: auto;
}

.dynRules_content_inner ol, .dynRules_content_inner ul {
    list-style-type: revert;
    padding-inline-start: 20px;
}

.dynRules_content_inner a {
    text-decoration: underline;
    color: var(--text-level-medium,var(--cwDominantTxt2))
}

.dynRules_logo {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    padding: 0 24px;
    background: var(--bg-level-2, var(--cwSubHeaderBg));
    height: 56px;
}

.dynRules_logo *,
.tl_logo a{
    margin: 0;
    padding: 0;
}

.tl_logo a{
    max-height: 100%;
}

.dynRules_logo ~ .dynRules{
    --cwWebHeaderHeight: 56px;
    margin-top: 56px;
}

.dynRules_logo_img{
    background-image: var(--cdn-logo_png);
}

.dynRules_content_inner * {
    white-space: normal;
}

.dynRules_content_inner table td, .dynRules_content_inner table tr {
    border: 1px solid;
}

.dynRules_content_inner * {
    margin: revert;
    padding: revert;
    border: revert;
    font-size: revert;
    vertical-align: revert;
}

.dynRules_content_inner table * {
    word-break: break-word;
}

.dynRules_content_inner table {
    max-width: 100%;
}

.toto_landint_container{
    overflow: visible;
}

.fixed_head.tl_header_top_row ~ .content-wrapper {
    --cwWebHeaderHeight: 56px;
}
/*Dynamic Rules*/