:root {
    --ykcolor: #00A702; /* 449d27 */
    --header_height: 60px;
    --sidebar_width: 400px;
    --sidebar_transition: width ease-in 0.1s 0.1s, background-color ease-in 0.3s 0.3s, padding-left ease-in 0.1s 0.1s;
}
/*@media only screen and (max-width: 1024px) {
    :root {
        --sidebar_width: 220px;
    }
}*/
body.noTouch * {
    touch-action: none;
}

#top_menu {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    margin: 0;
    padding: 0;
    color: #fff;
    z-index: 99999;
}
.menu_row {
    display: flex;
    height: var(--header_height);
    margin: 0;
    padding: 0;
    align-items: center;
}

.header {
    position: relative;
    background: #000;
}
.menu_logo {
    margin: 0 0 0 30px;
    opacity: 1;
    transition: opacity .3s;
}

body.is_smartphone .menu_logo {
    margin-left: 10px;
}

.header.search_active .menu_logo {
    opacity: 0;
}

#top_menu.search_active .hamburger {
    opacity: 0;
    pointer-events: none;
}

.menu_logo svg {
    width: auto;
    height: 60px;
}
.menu_logo svg .st1 {
    fill: var(--ykcolor) !important;
}
.menu_actions {
    margin: 0 0 0 120px;
}
.menu_btn {
    position: relative;
    width: 45px;
    height: 45px;
    padding: 0;
    border: none;
    background: none;
}
.menu_btn::before {
    position: absolute;
    top: 50%;
    left: 50%;
    content: "";
    width: 37px;
    height: 37px;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    border: 2px solid transparent;
    /* transition: all ease-in-out .3s; */
}
/*.menu_btn:hover::before {
    border-color: var(--ykcolor);
}
.menu_btn.active::before {
    background: var(--ykcolor);
}*/
.menu_btn.active:hover::before {
    border-color: transparent;
}
.menu_btn.disable_touch.active::before {
    background: #ff0116;
}
.menu_btn:focus {
    outline: none;
}
.menu_btn svg {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 45px;
    height: 45px;
    transform: translate(-50%, -50%);
}
.menu_search {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
.menu_search .menu_btn,
.menu_search .topsearchinpw {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.menu_btn.go_back,
.menu_btn.go_forward {
    display: none;
}

.menu_btn.search_btn {
    position: absolute;
    top: 50%;
    right: -4px;
    transform: translateY(-50%);
}

.menu_btn.search_btn .y3 {
    font-size: 20px;
    position: relative;
    left: 2px;
    top: 2px;
}

#search_inp_clear_btn {
    display: none;
}

#search_inp_clear_btn.active {
    display: block;
}

#search_inp_clear_btn svg {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 9px;
    right: 50px;
}

.menu_btn.light_dark_theme_btn svg {
    width: 28px;
}

.menu_btn.light_dark_theme_btn .st0 {
    stroke-width: 1;
}

.menu_btn.light_dark_theme_btn #light_dark_theme_sun_svg {
    display: block;
}

.menu_btn.light_dark_theme_btn #light_dark_theme_moon_svg {
    display: none;
}

body.light_theme .menu_btn.light_dark_theme_btn #light_dark_theme_sun_svg {
    display: none;
}

body.light_theme .menu_btn.light_dark_theme_btn #light_dark_theme_moon_svg {
    display: block;
}

body.light_theme .menu_btn .st1 {
    stroke: #000 !important;
}

.menu_btn.search_btn svg {
    width: 100%;
    height: 100%;
}
.menu_btn .st0 {
    fill: none;
    stroke: none;
    opacity: 1;
}
.menu_btn .st1 {
    fill: none;
    stroke: #fff;
}
.menu_btn .st0,
.menu_btn .st1 {
    transition: all ease-in-out 0.3s;
}
.menu_btn.active .st1 {
    stroke: #fff !important;
}
.menu_svg.screenmin,
.active .menu_svg.screenmax {
    display: none;
}
.active .menu_svg.screenmin {
    display: block;
}
.topsearchinpw {
    width: 60vw;
    max-width: 700px;
    height: 38px;
    margin: 0 31px;
    transition: width .5s;
}

body.is_internal .topsearchinpw {
    transition: width .5s, opacity .5s;
}

body.f4 .topsearchinpw {
    width: 10px;
}

body.f4 .menu_search.active .topsearchinpw,
body.is_internal.is_smartphone .menu_search.active .topsearchinpw {
    width: 60vw;
}

.twitter-typeahead,
.search_input {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0 20px;
    border-radius: 30px;
    color: #FFF;
    background-color: #262626;
}
.search_input:focus {
    outline: none;
}
.search_input.tt-input {
    padding: 0;
    border: none !important;
}
.search_input::placeholder {
    color: #fff;
}
.focused .search_input,
.focused .search_input::placeholder,
#search_form:hover .search_input,
#search_form:hover .search_input::placeholder {
    color: #ccc;
}
.focused .search_input,
#search_form:hover .twitter-typeahead,
#search_form:hover .search_input {
    color: #FFF;
    background-color: #262626;
}
.focused .search_icon.menu_svg .st0,
#search_form:hover .search_icon.menu_svg .st0 {
    fill: var(--ykcolor);
}


.search_autocomplete_w {
    display: none;
    position: absolute;
    width: 100%;
    background-color: #000;
    color: #FFF;
    border-radius: 0 0 10px 10px;
    left: 0;
    max-height: calc(100vh - 100px);
    overflow: auto;
    transition: left .5s;
}

#mobile_menu_search_w .search_autocomplete_w {
    font-size: 16px;
}

.search_autocomplete_w.active {
    display: block;
}

.search_autocomplete_w.active.has_text {
    padding: 10px;
}

#search_general_char_value {
    border-radius: 10px;
}

.search_autocomplete_w.active #search_general_char_value {
    background-color: #262626;
}

.search_autocomplete_w.active #search_general_char_value .y3 {
    margin: 0 20px 0 10px;
}

.search_autocomplete_w #search_general_char_value #current_general_char_value {
    display: none;
}

.search_autocomplete_w.active.has_text #search_general_char_value #current_general_char_value {
    display: block;
    margin: 10px 0;
    padding: 15px 10px;
}

.search_autocomplete_w #sa_default_suggestions_w {
    display: none;
}

.search_autocomplete_w.active.has_text #sa_default_suggestions_w {
    display: none;
}

.search_autocomplete_w .sa_parent_cat {
    font-size: 18px;
    font-weight: 600;
    padding: 10px 0;
    position: sticky;
    z-index: 9;
    top: 0;
    background-color: #000;
}

.search_autocomplete_w .sa_group_w {
    margin-bottom: 15px;
    background-color: #262626;
    padding: 15px 10px;
    border-radius: 10px;
}

.search_autocomplete_w #sa_default_suggestions_w .sa_group_w {
    margin-bottom: 0;
}

.search_autocomplete_w .sa_group_title {
    font-weight: 600;
    padding: 5px 10px 10px 10px;
    font-size: 16px;
    position: sticky;
    top: 45px;
    z-index: 7;
    border-radius: 0 0 10px 10px;
    background-color: #262626;
}

.search_autocomplete_w #sa_default_suggestions_w .sa_group_title {
    top: 0;
}

.search_autocomplete_w .sa_default_group_suggestion {
    display: block;
    color: #FFF;
    text-decoration: none;
}

.search_autocomplete_w .all_company_users_displayed {
    max-height: 0;
    overflow: hidden;
    transition: max-height .5s;
}

.search_autocomplete_w .all_company_users_displayed.active {
    max-height: 300px;
    overflow-y: auto;
}

.sa_group_w[data-parentcat="Organizatii"] .found_contact_wi {
    min-height: 47px;
}

.search_autocomplete_w .found_contact_wi,
.search_autocomplete_w .company_displayed_user_w {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px 10px;
    border-radius: 10px;
    color: #FFF;
}

.search_autocomplete_w .company_displayed_user_w {
    margin: 0 10px;
    padding-left: 20px;
}

.search_autocomplete_w .company_displayed_user_w:hover {
    background-color: #262626;
}

.search_autocomplete_w .found_contact_w:hover {
    background-color: #000;
}

.search_autocomplete_w .found_contact_w a {
    color: #FFF;
    text-decoration: none;
}

.search_autocomplete_w .found_contact_w a:hover {
    color: var(--ykcolor);
}

.search_autocomplete_w .found_contact_w .company_main_displayed_users_w {
    display: flex;
    align-items: center;
}

.search_autocomplete_w .found_contact_w .cd_user_w {
    border: #878787 1px solid;
    border-radius: 100%;
    width: 37px;
    height: 37px;
    margin-left: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.search_autocomplete_w .found_contact_w .view_all_company_users {
    cursor: pointer;
}

.search_autocomplete_w .found_contact_w .view_all_company_users .cd_user_initials {
    color: var(--ykcolor);
}

.search_autocomplete_w .found_contact_w .cd_user_w:hover {
    border-color: var(--ykcolor);
}

.search_autocomplete_w .sa_group_suggestion {
    padding: 5px 10px;
    border-radius: 10px;
}

.search_autocomplete_w .sa_group_suggestion:hover,
#search_general_char_value:hover {
    cursor: pointer;
    background-color: #000;
    color: var(--ykcolor);
}

.search_autocomplete_w .sa_group_suggestion:hover .sa_product_in_cat {
    color: #FFF;
}

.search_autocomplete_w .sa_group_suggestion .y3 {
    margin-right: 20px;
}

.search_autocomplete_w .os-scrollbar-handle {
    width: 3px;
    margin-left: 6px;
}

.search_autocomplete_w #sa_loading_w {
    display: none;
}

.search_autocomplete_w.loading_req #sa_loading_w {
    display: block;
    position: fixed;
    top: 90px;
    left: 0;
    width: 100%;
    z-index: 99;
}

.search_autocomplete_w #sa_loading_w img {
    height: 30px;
}

.search_autocomplete_w .sa_group_suggestions_w .tooltip {
    /*opacity: 1;*/
    /*left: 20px !important;*/
}

.search_autocomplete_w .sa_group_suggestions_w .tooltip-inner {
    background-color: #515151;
    font-size: 14px;
}

.search_autocomplete_w .sa_group_suggestions_w .tooltip.top .tooltip-arrow {
    border-top-color: #515151;
}

.tooltip.cd_users_tt_w .tooltip-inner {
    font-size: 14px;
}

.search_autocomplete_w .sa_highlight {
    color: var(--ykcolor);
}

.search_autocomplete_w .sa_grey_color {
    color: #515151;
}

.search_autocomplete_w .sa_product_in_cat {
    background-color: #000;
    padding: 2px 5px;
    border-radius: 7px;
    margin-left: 10px;
    font-size: 13px;
    min-width: 25px;
    display: inline-block;
    text-align: center;
}

body.f4 .search_autocomplete_w .sa_product_in_cat {
    display: none;
}

.flash_message_w {
    display: none;
}


/* --- EXTERNAL WEBSITE SEARCH --- */
body.f4 .header_menu_right_w {
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    height: 60px;
    align-items: center;
}

body.f4 #search_icon_w {
    /*position: absolute;*/
    /*right: 20px;*/
    font-size: 20px;
    margin-right: 100px;
    cursor: pointer;
    opacity: 1;
    transition: opacity .5s;
}

body.f4 #search_icon_w .y3 {
    font-weight: 600;
}

body.f4 #search_icon_w.next_to_user {
    /*right: 150px;*/
}

body.f4 #search_icon_w.inactive {
    opacity: 0;
    cursor: default;
}

#user_favorites_page_link_w {
    /*position: absolute;*/
    /*right: 80px;*/
    display: none;
    margin-right: 25px;
    position: relative;
    font-size: 25px;
    opacity: 1;
    transition: opacity .3s;
}

body.f4.is_desktop #user_favorites_page_link_w {
    margin-right: 105px;
    display: block;
}

body.is_internal #user_favorites_page_link_w {
    display: block;
}

body.is_internal .p_is_visible_on_website_w {
    width: 25px;
    height: 25px;
    position: absolute;
    left: calc(70% - 25px);
    top: 10px;
    color: var(--ykcolor);
    font-size: 17px;
}

body.is_internal .p_is_visible_on_website_w.all_right {
    left: calc(100% - 25px);
}

body.is_internal .p_is_visible_on_website_w .fa,
body.is_internal .p_is_visible_on_f5_w .fa {
    margin: 0;
}

body.is_internal .p_is_visible_on_f5_w {
    display: none;
    width: 25px;
    height: 25px;
    position: absolute;
    left: calc(50% + 5px);
    bottom: 15px;
    color: #ff6000;
    font-size: 17px;
}

body.is_internal .p_is_visible_on_website_w:hover,
body.is_internal .p_is_visible_on_f5_w:hover {
    color: #FFF;
}

.header.search_active #user_favorites_page_link_w {
    opacity: 0;
}

#user_favorites_page_link_w #user_favorites_main_no,
#user_favorites_images_btn_w #user_favorites_images_no {
    display: none;
    font-size: 10px;
    background-color: #ddd;
    padding: 2px 0;
    color: #FFF;
    font-weight: 600;
    position: absolute;
    top: 0;
    right: -7px;
    border-radius: 100%;
    width: 20px;
    text-align: center;
}

#user_favorites_page_link_w #user_favorites_main_no {
    background-color: red;
}

#user_favorites_images_btn_w #user_favorites_images_no {
    right: 0;
    top: 8px;
    background-color: var(--ykcolor);
}

#user_favorites_page_link_w.has_favorites #user_favorites_main_no,
#user_favorites_images_btn_w.has_favorite_images #user_favorites_images_no {
    display: block;
}

body.is_internal #user_favorites_page_link_w {
    position: absolute;
    right: 212px;
    top: 10px;
}

body.is_internal #user_products_page_link_w {
    position: absolute;
    right: 292px;
    top: 18px;
}

body.is_internal #user_products_page_link_w img {
    width: 25px;
}

#user_favorites_page_link_w .fa {
    color: #FFF;
}

#user_favorites_images_btn_w {
    display: block;
    position: relative;
    right: 15px;
    cursor: pointer;
}

body.is_admin_page #user_favorites_images_btn_w,
body.is_admin_page #user_products_page_link_w,
body.is_admin_page #user_favorites_page_link_w {
    display: none;
}

body.is_internal .header_menu_right_w {
    width: 10px;
}

body.is_internal #search_icon_w {
    display: none;
}

body.is_internal #user_favorites_images_btn_w {
    right: 225px;
    width: 45px;
    top: -3px;
}

#user_favorites_images_btn_w svg {
    width: 45px;
    position: relative;
    top: 5px;
}

#user_favorites_images_btn_w svg path {
    stroke: #FFF;
}

#user_favorites_images_btn_w svg .path_round {
    fill: none;
}

body.f4 .site_usr_top_icon {
    /*position: absolute;*/
    /*right: 10px;*/
    margin-right: 20px;
    cursor: pointer;
    opacity: 1;
    transition: opacity .3s;
}

body.f4.is_smartphone .site_usr_top_icon {
    margin-right: 0;
}

body.f4 .header.search_active .site_usr_top_icon,
body.f4 .header.search_active .ucm_alert_w,
body.f4 .header.search_active #user_favorites_images_btn_w {
    opacity: 0;
}

body.f4 .user_profile_top_link {
    text-decoration: none;
}

body.f4 .user_profile_top_w {
    width: 45px;
    height: 45px;
    display: block;
    border-radius: 100%;
    overflow: hidden;
    text-align: center;
    font-size: 16px;
    background-color: #464646;
    color: #FFF;
}

.site_usr_top_icon.is_logged .user_profile_top_w {
    background-color: transparent;
}

body.f4 .user_profile_top_initials_w {
    line-height: 45px;
}

body.f4 .user_profile_top_img {
    width: 100%;
    max-width: 45px;
    height: auto;
    max-height: 100%;
}

.menu_search .y3 {
    display: none;
}

body.f4 .menu_search .svg_inchide {
    display: block;
}

body.f4 .menu_search .svg_inchide .path_round, #mobile_search_close_btn .path_round,
body.is_internal.is_smartphone .menu_search .svg_inchide .path_round, #mobile_search_close_btn .path_round {
    fill: none;
}

body.f4 .menu_search .svg_inchide .close_st, #mobile_search_close_btn .close_st,
body.is_internal.is_smartphone .menu_search .svg_inchide .close_st, #mobile_search_close_btn .close_st {
    stroke: #FFF;
}

body.f4 .menu_search {
    left: 100%;
    transform: translateX(-100%);
    opacity: 0;
    /*z-index: -1;*/
    transition: opacity .5s, left .5s, transform .5s;
}

body.f4 .menu_search.active,
body.is_internal.is_smartphone .menu_search.active {
    /*z-index: 9;*/
    opacity: 1;
    left: 50%;
    background-color: #000;
    transform: translateX(-50%);
}

#toast-container {
    margin-top: 10px;
}
/* --- END EXTERNAL WEBSITE SEARCH --- */


.product_name_term_highlight {
    color: var(--ykcolor);
}


.userAction {
    position: absolute;
    right: 505px;
    padding: 0 0 5px;
}
.menu_user_nfo {
    display: flex;
    margin: 0 0 0 auto;
    padding: 0 5px;
    cursor: pointer;
    align-items: center;
}

.menu_user_nfo .userMenu {
   margin-right: 10px;
}
.user_profile_img {
    display: none;
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.user_profile_img.profile_img {
    display: block;
}

.user_profile_img.white_user_img {
    display: block;
}

body.light_theme .user_profile_img {
    display: block;
}

body.light_theme .user_profile_img.white_user_img {
    display: none;
}

.user_contacts_btn svg {
    width: 50px;
    height: 50px;
}

.subheader.menu_row {
    background: #ffa500;
}
#js-ykmnu-subheader {
    position: fixed;
    top: var(--header_height);
    height: var(--header_height);
}
.page_title {
    color: inherit;
    font-size: 18px;
    font-weight: 600;
}
.page_title:hover {
    color: inherit;
    text-decoration: none;
}
.page_title span {
    padding: 0 15px;
}

.sidebars {
    position: fixed;
    top: var(--header_height);
    bottom: 0;
    width: 0;
    z-index: 99999999999;
    cursor: pointer;
    overflow: hidden;
    background: transparent;
    transition: var(--sidebar_transition);
}
.sidebars.menu_style_icon {
    width: 60px;
}
.sidebars.active {
    width: var(--sidebar_width);
    overflow: initial;
}
/*@media only screen and (min-width: 1025px) {
    .sidebars:hover {
        width: var(--sidebar_width);
        overflow: initial;
    }
}*/
.sidebars.active {
    transition-delay: 0s;
}
.sidebars .mCSB_scrollTools .mCSB_draggerContainer {
    right: -13px;
}
.sidebars .mCSB_container {
    margin-right: initial !important;
}
.sidebars .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
    background: transparent;
}
.sidebars .mCSB_scrollTools {
    visibility: hidden;
}

#sidebar_left {
    left: 0;
    top: 60px;
    padding: 0 10px;
    overflow: hidden;
    transition: top .5s;
}

#sidebar_left .menu_group_w {
    opacity: 1;
}

@media only screen and (max-width: 660px) {
    #sidebar_left .menu_group_w {
        transition: none;
    }
}

#sidebar_left.search_active {
    top: 0;
}

#sidebar_left.search_active #mobile_menu_search_w {
    margin-bottom: 60px;
}

#sidebar_left.search_active .menu_group_w {
    opacity: 0;
}

#sidebar_left_i {
    width: 100%;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    box-sizing: border-box;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

#sidebar_left_i::-webkit-scrollbar {
    display: none;
}

#sidebar_left .menu_separator {
    height: 10px;
    background-color: #bfb9b4;
    position: relative;
    width: 310px;
    z-index: 9;
    border-radius: 10px;
    border-top: #aca49f 1px solid;
    border-bottom: #aca49f 1px solid;
}

body.f4 #sidebar_left .menu_separator {
    display: none;
}

#sidebar_left.sidebars.active,
#sidebar_left.sidebars:hover {
    background: #000;
}
#sidebar_left.menu_style_icon {
    background: #aca49f;
}
.list_menu {
    list-style: none;
    width: var(--sidebar_width);
    margin: 0;
    padding: 0;
    color: #FFF;
    font-size: 18px;
    /*font-weight: 600;*/
}

body.is_desktop .list_menu {
    font-size: 16px;
}

/*.list_menu .mCustomScrollBox {
    padding: 0 0 0 5px;
}*/


.menu_info.tags_menu_info {
    flex-shrink: 0;
    flex-grow: 1;
}

.tags_menu_info .cf_hour {
    float: right;
}

.tags_menu_info .tag_history_no_of_exact_results,
.tags_menu_info .tag_history_no_of_results {
    background-color: #dedbd9;
    padding: 3px;
    font-size: 10px;
    box-sizing: border-box;
    border-radius: 5px;
    width: 30px;
    text-align: center;
    font-weight: 600;
    color: #1b1b1b;
}

.tags_menu_info .tag_history_no_of_results {
    margin-left: 5px;
}

.list_menu a {
    position: relative;
    display: flex;
    flex: 1;
    min-width: 0;
    width: 100%;
    color: inherit;
    text-decoration: none;
    align-items: center;
}

.menu_info:not(.tags_menu_info) {
    flex: 1;
    min-width: 0;
    /* Same vertical breathing room as single-line items get from icon centering */
    padding: calc((45px - 1.25em) / 2) 0;
}

.menu_info .lvl_2_menu_btn_text,
.menu_info .lvl_3_menu_btn_text,
.menu_info > span,
.list_menu a > span:not(.lvl_2_menu_back_btn_text):not(.lvl_3_menu_back_btn_text):not(.menu_back_btn_text) {
    display: block;
    line-height: 1.25;
    white-space: normal;
    overflow-wrap: break-word;
}
.lvl_1_item.list_item a {
    right: 3px;
}

/*.list_item a.no_href {
    pointer-events: none;
}*/

.tags_list_item {
    flex-wrap: wrap;
}

.tags_link_btns {
    flex: 0 0 100%;
}

.tags_list_item .tags_a {
    flex-wrap: wrap;
    flex: 0 0 100%;
    background-color: #eeedec;
    border-radius: 12px;
    padding: 10px;
    margin-top: 20px;
}

.tags_list_item .tags_a .tag_cat_w {
    border: #dedbd9 1px solid;
    border-radius: 12px;
    padding: 10px;
    margin: 10px;
}

.list_menu .menu_submenu_title {
    position: relative;
    flex: 0 0 100%;
    height: 50px;
    line-height: 50px;
    margin-bottom: 10px;
}

.list_menu .menu_submenu_title_btn {
    border: #aca49f 1px solid;
    border-radius: 20px;
    height: 40px;
    line-height: 40px;
    margin-top: 5px;
    display: inline-block;
    padding: 0 10px;
    width: auto;
}

.list_menu .menu_submenu_title_btn:hover {
    border-color: #449d27;
}

.list_menu .menu_submenu_title::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #EEEDEC;
}

.menu_submenu_title_li:hover {
    background: #dedbd9 !important;
    color: inherit !important;
}

.menu_submenu_title_li:hover::before,
.menu_submenu_title_li:hover::after {
    content: none !important;
}

.menu_submenu_title_li .menu_submenu_title::after {
    content: none;
}

.menu_submenu_title_li .menu_submenu_title {
    margin: 0;
    padding-left: 45px;
}

.tags_list_item:hover {
    background: none !important;
    color: inherit !important;
    cursor: default !important;
}

.tags_list_item .tags_a .tag_cat,
.tags_list_item .tags_a .img_tag new_tag {
    flex: 0 0 100%;
}

/*.tags_list_item .tag_cat {
    margin: 20px 0 5px 0;
}*/

.tags_list_item .img_tag_name {
    color: #34c105;
    font-weight: 400;
    font-size: 13px;
}

.tags_list_item .img_tag_name.reverse_selected {
    color: #c91414;
}

.list_menu a div span {
    display: block;
}
.list_menu a .has_submenu {
    position: absolute;
    top: 50%;
    right: -10px;
    height: 25px;
    transform: translateY(-50%);
}

.lvl_2_item .has_submenu {
    right: -20px !important;
}

.list_menu a .has_submenu svg {
    width: 25px;
    height: 25px;
}

.list_menu a .has_submenu .path_next {
    stroke: #757575 !important;
}

.lvl_1_item a .has_submenu .path_next,
.lvl_3_item a .has_submenu .path_next {
    stroke: #757575 !important;
    stroke-width: 7px;
}

.lvl_2_item,
.lvl_3_item,
.menu_item.list_item[data-menu-level]:not([data-menu-level="1"]) {
    margin-left: 5px;
    width: calc(100% - 15px);
}

.lvl_2_item a .has_submenu .path_next,
.lvl_3_item a .has_submenu .path_next,
.menu_item.list_item[data-menu-level]:not([data-menu-level="1"]) a .has_submenu .path_next {
    stroke: #757575 !important;
    stroke-width: 7px;
}

#mobile_menu_search_w {
    display: none;
    position: relative;
    z-index: 1;
    height: 54px;
    padding: 0;
    margin: 10px 0 10px 0;
    transition: margin-bottom .5s;
}

#mobile_menu_search_w.closed_search {
    width: 46px;
    float: right;
    visibility: hidden;
}

#mobile_menu_search_w .search_autocomplete_w {
    display: block;
    max-height: calc(100vh - 75px);
    padding-top: 0;
    top: 150px;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    transition: opacity .5s, top .5s, visibility 0s linear .5s;
}

#sidebar_left.search_active #mobile_menu_search_w .search_autocomplete_w {
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
    top: 70px;
    transition: opacity .5s, top .5s, visibility 0s;
}

#mobile_menu_search_w .search_autocomplete_w .sa_group_suggestion {
    display: flex;
    align-items: center;
}

#mobile_search_inp {
    position: relative;
    /*top: 10px;*/
    /*line-height: 30px;*/
    color: #a1a1a1;
    border-radius: 10px 0 0 10px;
    border: none;
    background-color: #262626 !important;
    padding: 2px 15px 2px 60px;
    font-size: 16px;
    margin-left: 0;
}

#mobile_search_close_btn {
    display: none;
    position: absolute;
    right: 0;
    width: 40px;
    height: 40px;
    top: 50%;
    transform: translateY(-50%);
}

#sidebar_left.search_active #mobile_search_close_btn {
    display: block;
}

#mobile_menu_search_w.closed_search #mobile_search_inp {
    color: #000;
    background-color: #000;
}

#mobile_menu_search_w .menu_btn.search_btn {
    top: 50%;
    transform: translateY(-55%);
    left: 50px;
    color: #a1a1a1;
}

.lvl_2_menu_back_btn_text,
.lvl_3_menu_back_btn_text,
.menu_back_btn_text {
    font-weight: 600;
    flex: 1;
    text-align: center;
    padding-right: 15px;
}

.list_item {
    position: relative;
    display: flex;
    height: auto;
    min-height: calc(45px + 9px);
    /*padding: 4.5px 30px 4.5px 5px;*/
    align-items: center;
    z-index: 9;
    background-color: #292929;
    overflow: visible;
}
.list_item.tags_list_item {
    height: auto;
    padding: 0 30px;
}

.tags_list_item #menu_apply_exact_filter_tags_btn,
.tags_list_item #menu_apply_filter_tags_btn {
    background-color: transparent;
    border: #bfbab7 1px solid;
    width: 260px; /*120px;*/
    height: 40px;
    line-height: 40px;
    border-radius: 20px;
    padding: 0 10px;
    text-align: left;
    font-size: 13px;
    color: #000;
    font-weight: 600;
    margin: 0;
    display: inline-block;
}

.tags_list_item #menu_apply_exact_filter_tags_btn:hover,
.tags_list_item #menu_apply_filter_tags_btn:hover {
    border-color: #449d27;
}

.tags_list_item #menu_apply_exact_filter_tags_btn {
    margin-right: 10px;
}

.list_item.tags_list_item .tags_filter_count {
    height: 20px;
    line-height: 20px;
    border-radius: 12px;
    padding: 0 !important;
    background-color: #c5c2c1 !important;
    position: relative;
    top: -1px;
    font-size: 10px;
    box-sizing: border-box;
    width: 30px;
    text-align: center;
    font-weight: 600;
    color: #1b1b1b;
}

.list_item.current,
.list_item.active,
.list_item:hover {
    color: var(--ykcolor);
    cursor: pointer;
}

.list_item.empty,
.list_item.empty.current,
.list_item.empty.active,
.list_item.empty:hover {
    color: #818181 !important;
    cursor: default !important;
}

.menu_description {
    display: none;
}

.menu_category_descriptive_img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 6px;
    margin-bottom: 10px;
}

.menu_category_descriptive_text {
    font-size: 18px;
    line-height: 1.45;
    color: #c5c5c5;
    font-weight: 400;
    white-space: pre-line;
    text-align: justify;
    margin-bottom: 15px;
}

.menu_category_descriptive_block {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    background-color: #292929;
    border-radius: 10px 10px 0 0;
    overflow: hidden;
    padding: 12px 16px 8px;
}

.menu_category_descriptive_block + .menu_lvl_2.list_menu,
.menu_lvl_3_w_i > .menu_category_descriptive_block + ul.list_menu {
    border-radius: 0 0 10px 10px;
}

body.mobiliator .menu_category_descriptive_text {
    color: #737373;
}

@media (min-width: 1025px) {
    .menu_category_descriptive_block {
        display: block;
    }
}

@media (max-width: 1024px) {
    .menu_category_descriptive_mobile {
        display: block;
    }
}

.lvl_1_item {
    position: relative;
    min-height: 45px;
    width: calc(100% - 5px);
    opacity: 0;
    transition: opacity ease 0.4s;
    z-index: 8;
}

.lvl_1_item.active {
    z-index: 9;
}

.lvl_1_item.active .menu_level_w[data-menu-level="2"],
.menu_item.active > .menu_level_w {
    z-index: 10;
}

.lvl_2_item.active,
.lvl_3_item.active,
.menu_item.active[data-menu-level]:not([data-menu-level="1"]) {
    z-index: 11;
}

.menu_item.active > .menu_level_w .menu_level {
    z-index: 12;
}

.sidebars.active .lvl_1_item,
.sidebars:hover .lvl_1_item,
.sidebars.menu_style_icon .lvl_1_item {
    opacity: 1;
}
.lvl_1_item.list_item:hover,
.lvl_1_item.list_item.active,
.lvl_2_item.list_item:hover,
.lvl_2_item.list_item.active,
.lvl_3_item.list_item:hover,
.lvl_3_item.list_item.active,
.menu_item.list_item[data-menu-level]:not([data-menu-level="1"]):hover,
.menu_item.list_item[data-menu-level]:not([data-menu-level="1"]).active {
    position: relative;
    background: #000;
    border-radius: 10px 0px 0px 10px;
    top: -1px;
    padding-top: 3px;
    border-top: #000 1px solid;
}

.sidebars:not(.animation_cascade) .lvl_1_item.list_item:hover,
.sidebars:not(.animation_cascade) .lvl_1_item.list_item.active,
.sidebars:not(.animation_cascade) .lvl_2_item.list_item:hover,
.sidebars:not(.animation_cascade) .lvl_2_item.list_item.active,
.sidebars:not(.animation_cascade) .lvl_3_item.list_item:hover,
.sidebars:not(.animation_cascade) .lvl_3_item.list_item.active {
    top: 0;
    padding-top: 5px;
    border-top: none;
}

.list_item:hover {
    z-index: 10;
}

@media only screen and (min-width: 661px) {
    .lvl_1_item.list_item:hover:before,
    .lvl_1_item.list_item.active:before,
    .lvl_2_item.list_item:hover:before,
    .lvl_2_item.list_item.active:before,
    .lvl_3_item.list_item:hover:before,
    .lvl_3_item.list_item.active:before,
    .menu_item.list_item[data-menu-level]:not([data-menu-level="1"]):hover:before,
    .menu_item.list_item[data-menu-level]:not([data-menu-level="1"]).active:before {
        content: "";
        position: absolute;
        z-index: 9;
        bottom: -20px;
        left: 375px;
        width: 10px;
        height: 20px;
        background-color: transparent;
        border-top-right-radius: 10px;
        box-shadow: 0px -10px 0px 0px #000;
    }

    .lvl_3_item.list_item:hover:before,
    .lvl_3_item.list_item.active:before {
        left: 375px;
    }

    .lvl_1_item.list_item:hover:after,
    .lvl_1_item.list_item.active:after,
    .lvl_2_item.list_item:hover:after,
    .lvl_2_item.list_item.active:after,
    .lvl_3_item.list_item:hover:after,
    .lvl_3_item.list_item.active:after,
    .menu_item.list_item[data-menu-level]:not([data-menu-level="1"]):hover:after,
    .menu_item.list_item[data-menu-level]:not([data-menu-level="1"]).active:after {
        content: "";
        position: absolute;
        z-index: 9;
        top: -20px;
        left: 375px;
        width: 10px;
        height: 20px;
        background-color: transparent;
        border-bottom-right-radius: 10px;
        box-shadow: 0px 10px 0px 0px #000;
    }

    .lvl_3_item.list_item:hover:after,
    .lvl_3_item.list_item.active:after {
        left: 375px;
    }

    /*.lvl_2_item.list_item:hover:after,
    .lvl_2_item.list_item.active:after {
        left: 298px;
    }*/
}
/*.lvl_1_item.list_item:hover:before,
.lvl_1_item.list_item.active:before,
.lvl_1_item.list_item:hover:after,
.lvl_1_item.list_item.current:after {
    left: 308px;
}*/
.animation_cascade .lvl_1_item.list_item.active:after {
    left: 315px;
}

.lvl_1_item::after, .lvl_2_item::after, .lvl_3_item::after,
.menu_item.list_item[data-menu-level]:not([data-menu-level="1"])::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50px;
    width: calc(100% - 60px);
    height: 1px;
    background: #474747;
}

.lvl_1_item:last-child::after, .lvl_2_item:last-child::after, .lvl_3_item:last-child::after {
    content: none;
}

.lvl_1_item::after,
.lvl_3_item::after {
    background: #474747;
}

.lvl_2_item::after,
.lvl_3_item::after {
    background: #474747;
}

.lvl_2_item::after,
.lvl_3_item::after {
    /*background: #DEDBD9;*/
    width: calc(100% - 60px);
}

.lvl_3_item::after {
    /*background: #EEEDEC;*/
    width: calc(100% - 60px);
}

.lvl_1_item.list_item:hover::after,
.lvl_2_item.list_item:hover::after,
.lvl_3_item.list_item:hover::after,
.lvl_1_item.list_item.active::after,
.lvl_2_item.list_item.active::after,
.lvl_3_item.list_item.active::after,
.menu_item.list_item[data-menu-level]:not([data-menu-level="1"]):hover::after,
.menu_item.list_item[data-menu-level]:not([data-menu-level="1"]).active::after {
    opacity: 0;
}

.sidebars:not(.animation_cascade) .lvl_1_item.list_item:hover::after,
.sidebars:not(.animation_cascade) .lvl_2_item.list_item:hover::after,
.sidebars:not(.animation_cascade) .lvl_3_item.list_item:hover::after,
.sidebars:not(.animation_cascade) .lvl_1_item.list_item.active::after,
.sidebars:not(.animation_cascade) .lvl_2_item.list_item.active::after,
.sidebars:not(.animation_cascade) .lvl_3_item.list_item.active::after {
    content: '';
    bottom: 0;
    top: auto;
    left: 50px;
    width: calc(100% - 60px);
    height: 1px;
    box-shadow: none;
    border-radius: 0;
    background: #474747;
    z-index: auto;
}

/*.lvl_2_item.list_item:hover:after,
.lvl_2_item.list_item.active:after {
    box-shadow: 0px 7px 0px 0px #000;
}
.lvl_2_item.list_item:hover:before,
.lvl_2_item.list_item.active:before {
    box-shadow: 0px -7px 0px 0px #000;
}*/
.lvl_2_item.list_item:hover,
.lvl_2_item.list_item.active,
.lvl_3_item.list_item:hover,
.lvl_3_item.list_item.active,
.menu_item.list_item[data-menu-level]:not([data-menu-level="1"]):hover,
.menu_item.list_item[data-menu-level]:not([data-menu-level="1"]).active {
    background: #000;
}
.lvl_3_item.list_item:hover,
.lvl_3_item.list_item.active {
    background: #000;
    border-radius: 7px 0 0 7px;
    width: 100%;
}
.list_svg svg {
    width: 45px;
    height: 45px;
}

.list_svg.menu_default_circle {
    display: flex;
    align-items: center;
    justify-content: center;
}

.list_svg.menu_default_circle::before {
    content: '';
    width: 8.5px;
    height: 8.5px;
    border-radius: 50%;
    border: 1.25px solid #a1a1a1;
    box-sizing: border-box;
}

.list_svg.folder_cat_open::before {
    content: none;
}
.menu_lvl_2,.menu_lvl_3 {
    background: #292929;
}
.list_svg,
.list_img {
    flex-shrink: 0;
    width: 45px;
    height: 45px;
    margin: 0 8px 0 0;
}

.list_item.cascade_back .list_svg {
    position: relative;
    left: 10px;
}

.list_svg.folder_cat_open:hover {
    cursor: pointer;
}

.list_svg.folder_cat_open svg {
    width: 35px;
}

.list_svg.folder_cat_open:hover .st0,
.list_svg.folder_cat_open:hover .st1 {
    stroke: var(--ykcolor) !important;
}

body.is_internal .list_svg.folder_cat_open {
    box-sizing: border-box;
    border: 2px solid #5c5c5c;
    border-radius: 50%;
    overflow: hidden;
}

body.is_internal .list_svg.folder_cat_open:hover {
    border-color: var(--ykcolor);
}

body.is_internal .list_svg.folder_cat_open img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 50%;
}

/*.lvl_3_item.hardcoded .list_svg {
    display: none;
}*/

.cf_date, .cf_hour {
    display: inline-block !important;
    vertical-align: middle !important;
}

#sidebar_right {
    right: 0;
    background: #aca49f;
}
#sidebar_right.sidebars.active,
#sidebar_right.sidebars:hover {
    background: #cdc8c5;
}
.mar_user {
    position: relative;
    display: flex;
    width: var(--sidebar_width);
    height: 60px;
    margin: -2px 0 0;
    padding: 10px 20px;
    opacity: 0;
    align-items: center;
    transition: opacity ease 0.4s;
    border-bottom: 1px solid #dedbd9;
}
.mar_user::after,
.mar_user::before {
    position: absolute;
    bottom: -1px;
    content: "";
    width: 10px;
    height: 2px;
    background: #cdc8c5;
}
.mar_user::after {
    right: 0;
    width: 60px;
}
.mar_user::before {
    left: 0;
}
.mar_user:hover::after,
.mar_user:hover::before {
    background: #dedbd9;
}
.mar_user:last-child {
    border: none;
}
.sidebars.active .mar_user,
.sidebars:hover .mar_user {
    opacity: 1;
}
.mar_name p {
    margin: 0;
    color: #4c4c4e;
    font-size: 13px;
    font-weight: 400;
}
.mar_user:hover {
    background: #dedbd9;
}
.mar_name {
    width: 100%;
    padding: 20px 0;
    color: #000;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
}
.mar_user:hover .mar_name {
    color: var(--ykcolor);
}
.menu_style_icon .mar_user {
    opacity: 1;
    width: 60px;
    border-bottom: 1px solid transparent;
    transition: width ease-in 0.3s 0.3s, border-color 0.3s 0.3s;
}
.menu_style_icon:hover .mar_user,
.menu_style_icon.active .mar_user {
    width: var(--sidebar_width);
    border-color: #aca49f;
}
.menu_style_icon:hover .mar_user:hover,
.menu_style_icon.active .mar_user:hover {
    border-color: #dedbd9;
}
.menu_style_icon .mar_user::after,
.menu_style_icon .mar_user::before {
    background: transparent;
    transition: background ease-in 0.3s 0.3s;
}
.menu_style_icon:hover .mar_user::after,
.menu_style_icon:hover .mar_user::before,
.menu_style_icon.active .mar_user::after,
.menu_style_icon.active .mar_user::before {
    background: #cdc8c5;
}
.menu_style_icon .mar_user:hover::after,
.menu_style_icon .mar_user:hover::before {
    background: #dedbd9;
}
.menu_style_icon.active .mar_user {
    transition-delay: 0s;
}
.menu_style_icon .mar_name {
    opacity: 0;
    transition: opacity linear 0.2s 0.3s, visibility linear 0.2s 0.3s;
}
.menu_style_icon:hover .mar_name,
.menu_style_icon.active .mar_name {
    opacity: 1;
}
.mar_data {
    position: absolute;
    right: 7px;
}
.mar_img {
    width: 45px;
    height: 45px;
    object-fit: contain;
    border-radius: 50%;
}

#sidebar_options {
    position: fixed;
    top: var(--header_height);
    right: 0;
    bottom: 0;
    z-index: 99999;
    display: flex;
    width: 0;
    color: #000;
    font-size: 14px;
    font-weight: 600;
    background: #aca49f;
    flex-direction: column;
    transition: var(--sidebar_transition);
}
.options_item {
    position: relative;
    display: flex;
    width: var(--sidebar_width);
    height: 60px;
    margin: -2px 0 0;
    /* opacity: 0; */
    cursor: pointer;
    align-items: center;
    transition: opacity ease 0.4s;
}
.options_item:hover {
    color: var(--ykcolor);
    background: #cdc8c5;
}
.options_svg {
    width: 45px;
    height: 45px;
    margin: 10px 0 10px 10px;
}
.options_svg svg {
    width: 45px;
    height: 45px;
}
.options_nfo {
    width: 100%;
    margin: 0 0 0 10px;
    padding: 10px 10px 10px 0;
    border-bottom: 1px solid #cdc8c5;
}
.options_item:first-child {
    margin: 0;
}
.options_item:last-child .options_nfo {
    border: none;
}
.options_item.sidebar_options_close {
    border-bottom: 1px solid #cdc8c5;
}
.options_item::after,
.options_item.sidebar_options_close::before {
    position: absolute;
    width: 10px;
    height: 2px;
    content: "";
    background: #aca49f;
}
.options_item::after {
    right: 0;
    bottom: 0;
}
.options_item.sidebar_options_close::before {
    left: 0;
}
.options_item.sidebar_options_close::after,
.options_item.sidebar_options_close::before {
    bottom: -1px;
}
.options_item:hover::after,
.options_item:hover::before {
    background: #cdc8c5;
}
.options_nfo p {
    margin: 0;
    color: #4c4c4e;
    font-size: 13px;
    font-weight: 400;
}
a.options_item {
    color: inherit;
    text-decoration: none !important;
}
.options_item.options_settings {
    position: relative;
}
.options_item .has_submenu {
    position: absolute;
    top: 50%;
    right: 5px;
    transform: translateY(-50%);
}
.options_item .has_submenu svg {
    width: 25px;
    height: 25px;
}
.sidebar_options_close svg {
    width: 30px;
    height: 30px;
    margin: 0 15px 0 20px;
}
.sidebar_options_close p {
    margin: 0;
    color: #4c4c4e;
    font-size: 13px;
    font-weight: 400;
}
.preference_menu {
    position: fixed;
    top: var(--header_height);
    right: 0;
    bottom: 0;
    display: flex;
    width: 0;
    overflow: hidden;
    color: #000;
    background: #dedbd9;
    cursor: initial;
    flex-direction: column;
    z-index: 9;
    transition: var(--sidebar_transition);
    transition-delay: 0s;
}
.prefer_item {
    position: relative;
    display: flex;
    width: var(--sidebar_width);
    padding: 10px 20px;
    align-items: center;
    cursor: default;
    flex-direction: column;
    border-bottom: 1px solid #beb6b3;
}
.prefer_item::before,
.prefer_item::after {
    position: absolute;
    bottom: -1px;
    width: 10px;
    height: 2px;
    content: "";
    background: #dedbd9;
}
.prefer_item::before {
    left: 0;
}
.prefer_item::after {
    right: 0;
}
.prefer_item.preference_wrapper:hover::before,
.prefer_item.preference_wrapper:hover::after {
    background: #aca49f;
}
.prefer_item:last-child {
    border: none;
}
.prefer_item p {
    margin: 0;
    color: #4c4c4e;
    font-size: 13px;
    font-weight: 400;
}
.prefer_wrapper {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
}
.prefer_desc {
    color: #4c4c4e;
    font-size: 13px;
    font-weight: 400;
}
.preference_wrapper {
    height: 60px;
    margin: 0;
    padding: 0;
    cursor: pointer;
    align-items: center;
    flex-direction: initial;
    justify-content: initial;
}
.preference_wrapper:hover {
    background: #aca49f;
}
.preference_wrapper svg {
    width: 30px;
    height: 30px;
    margin: 0 15px 0 20px;
}
.preference_wrapper:hover span {
    color: var(--ykcolor);
}
.input_type_toggle {
    position: relative;
    width: 45px;
    height: 20px;
    cursor: pointer;
    background: #beb6b3;
    border-radius: 30px;
    border: 1px solid #beb6b3;
}
.input_type_toggle::after {
    position: absolute;
    top: 50%;
    right: 2px;
    width: 15px;
    height: 15px;
    content: "";
    background: #fff;
    border-radius: 50%;
    transform: translateY(-50%);
}
.input_type_toggle.style_icons::after,
.input_type_toggle.action_click::after,
.input_type_toggle.animation_cascade::after {
    right: initial;
    left: 2px;
}
.help_menu {
    position: fixed;
    top: var(--header_height);
    right: 0;
    bottom: 0;
    z-index: 99999;
    display: flex;
    width: 0;
    color: #000;
    cursor: default;
    font-size: 14px;
    font-weight: 600;
    background: #beb6b3;
    flex-direction: column;
    transition: var(--sidebar_transition);
    transition-delay: 0s;
}
.help_item {
    position: relative;
    display: flex;
    width: var(--sidebar_width);
    height: 60px;
    margin: -2px 0 0;
    /* opacity: 0; */
    cursor: pointer;
    align-items: center;
    transition: opacity ease 0.4s;
}
.help_item:hover {
    color: var(--ykcolor);
    background: #aca49f;
}
.help_item:first-child {
    margin: 0;
}
.help_item.help_close {
    border-bottom: 1px solid #aca49f;
}
.options_help.active .help_menu .help_item {
    opacity: 1;
}
.help_item::after,
.help_item.help_close::before {
    position: absolute;
    width: 10px;
    height: 2px;
    content: "";
    background: #beb6b3;
}
.help_item.help_close::before {
    left: 0;
}
.help_item::after {
    right: 0;
    bottom: 0;
}
.help_item.help_close::after,
.help_item.help_close::before {
    bottom: -1px;
}
.help_item:hover::after,
.help_item:hover::before {
    background: #aca49f;
}
.help_close svg {
    width: 30px;
    height: 30px;
    margin: 0 15px 0 20px;
}
.help_close p {
    margin: 0;
    color: #4c4c4e;
    font-size: 13px;
    font-weight: 400;
}
.help_svg {
    width: 45px;
    height: 45px;
    margin: 10px 0 10px 10px;
}
.help_svg svg {
    width: 45px;
    height: 45px;
}
.help_nfo {
    width: 100%;
    margin: 0 0 0 10px;
    padding: 10px 10px 10px 0;
    border-bottom: 1px solid #aca49f;
}
.help_nfo p {
    margin: 0;
    color: #4c4c4e;
    font-size: 13px;
    font-weight: 400;
}

.characteristics_users_btn {
    padding: 5px 5px;
    border: 0.2px solid #ccc;
    text-align: left;
}

.characteristics_users_btn:hover {
    cursor: pointer;
}

.user_check_box_line {
    display: flex;
    align-items: center;
    margin-top: 5px;
}

.user_check_box_line .checkbox_w {
    margin-right: 10px;
}

.char_permission_confirm {
    padding: 20px 5px;
    margin-top: 10px;
}

.char_permission_user_box .form-top {
    padding-left: 5px;
}

.user_check_box_line .user-profile {
    width: 35px;
    height: 35px;
    margin-right: 10px;
}

.user_check_box_line .user-profile img {
    width: 100%;
    border-radius: 30px;
}

.user_check_box_line .user-profile .user_no_img {
    width: 100%;
    height: 100%;
    background: #ccc;
    border-radius: 30px;
}

.user_check_box_line .user-profile user-profile-box {
    width: 100%;
    height: 100%;
    background-color: #ccc;
}

.gallery_char_body,
.char_body {
    position: relative;
}

.char_overlay {
    width: 100%;
    height: 100%;
    background: #000;
    z-index: 9999999999999999;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.5;
}

.modal_overlay {
    width: 100%;
    height: 100%;
    background: #000;
    z-index: 9999999999999999;
    position: fixed;
    top: 0;
    left: 0;
    opacity: 0.5;
}

.relationship_table .ui-sortable-helper {
    width: 100% !important;
}
.relationship_table {
    table-layout: auto;
    width: 100%;
    max-width: 100%;
}
.main_content_w {
    width: 60%;
    padding: 0;
    float: right;
}
.cont_asoc_user {
    display: flex;
    padding: 10px;
    color: #000;
    align-items: center;
    border-bottom: 1px solid #ececec;
}

.cont_asoc_user:hover {
    background: #ececec;
}

.cont_asoc_user a {
    text-decoration: inherit;
    color: inherit;
}

.cont_asoc_user a:visited {
    text-decoration: inherit;
    color: inherit;
}

.cont_asoc_wrapper:hover a {
    color: var(--ykcolor);
}

.related_box {
    max-height: 400px;
    overflow-y: scroll;
}

.related_line {
    display: flex;
    align-items: center;
}
.cont_asoc_img,
.cont_asoc_placeholder {
    width: 45px;
    height: 45px;
    border-radius: 50%;
}
.cont_asoc_placeholder {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.scf_user_input .cont_asoc_img,
.scf_user_input .cont_asoc_placeholder {
    position: absolute;
    left: 0;
}

.cont_asoc_name {
    font-weight: 600;
}

.cont_asoc_name,
.cont_asoc_type {
    display: block;
}

.send_contact_info_to_wap_group_btn_w {
    margin: 0 10px;
}

#send_user_info_on_group_modal_user_info_w {
    background-color: #e8f3e6;
    padding: 10px;
    margin-top: 10px;
}

.cont_asoc_wrapper {
    flex-grow: 1;
    margin: 0 0 0 10px;
}

.cont_asoc_ctrl {
    width: 45px;
    height: 45px;
}

.cont_asoc_edit,
.cont_asoc_del {
    display: block;
    color: #000;
}

.scf_user_input ::placeholder {
    color: #000;
    opacity: 1;
}

.scf_user_input:hover ::placeholder {
    color: var(--ykcolor);
}

.scf_item .scf_select_title,
.scf_item .role_type,
.scf_item select,
.scf_item input {
    width: 100%;
    margin: 0;
    padding: 10px 20px;
    color: #000;
    background: #fff;
    font-size: 18px;
    text-align: left;
    border: none;
    cursor: pointer;
    user-select: none;
}

.related_image {
    height: 46px;
    width: 46px;
    background: #ccc;
    border-radius: 26px;
    margin-right: 10px;
}

.related_line {
    padding: 10px 0;
    border-bottom: 1px solid #f2f2f2;
}

.related_image img {
    width: 100%;
    height: 100%;
    border-radius: 25px;
}

.insert_related_code_w {
    text-align: center;
}

.insert_related_code_line {
    font-weight: 600;
}

.related-code {
    font-weight: 600;
    color: red;
    font-size: 22px;
}

.related_input {
    margin-top: 20px;
}

.code_related_input {
    width: 60px;
    text-align: center;
}

.info_relationships {
    text-align: center;
    margin-bottom: 50px;
}

.role_type,
.scf_item {
    position: relative;
    border-bottom: 1px solid #ececec !important;
}

.role_type {
    font-size: 14px !important;
    padding-left: 30px !important;
}
.scf_item:hover .scf_select_title,
.role_type:hover,
.scf_item:hover select,
.scf_item:hover input {
    color: var(--ykcolor);
    background: #ececec;
}

.scf_item:hover select option {
    background: #fff;
}

.scf_item input:focus,
.scf_item select:focus {
    outline: none;
}
.scf_submit input:focus,
.scf_user_input input:focus {
    outline: 1px solid #7ac043;
}

.scf_user_svg {
    position: absolute;
    top: 50%;
    right: 0;
    height: 30px;
    transform: translateY(-50%);
}

.scf_user_svg svg {
    width: 30px;
    height: 30px;
}
.scf_select_title {
    position: relative;
}
.sUbmenu_title svg {
    position: absolute;
    left: calc(100% - 30px);
}
.active .scf_user_svg {
    transform: rotate(180deg) translate(5px, 50%);
}
.sUbmenu_title.active svg {
    transform: rotate(180deg);
}

.search_wrapper {
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    background: #fff;
    z-index: 9;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.search_result,
.admin_details {
    display: flex;
    padding: 5px 20px;
    align-items: center;
    color: #000;
    border-bottom: 1px solid #ececec;
    cursor: pointer;
}

.no_results {
    padding: 5px;
    text-align: center;
}

.cont_asoc_autocomplete.with_pic {
    margin: 0 0 0 30px;
}

.search_result:hover .search_name {
    color: var(--ykcolor);
}

.admin_details:hover {
    color: var(--ykcolor);
    background: #ececec;
}
.admin_details .cont_asoc_img,
.admin_details .cont_asoc_placeholder {
    margin: 0 5px 0 0;
}

.search_image {
    position: relative;
    background-color: #f5f5f5;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background-size: contain !important;
    background-position: center !important;
}

.loading_contacts {
    height: 20px;
}

.user_initials {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.search_name {
    font-size: 14px;
    color: #000;
    font-weight: 600;
    margin: 0 0 0 5px;
}

.select_options {
    height: 0;
    overflow: hidden;
}

.active .select_options {
    height: 100%;
}

.relationship_table tbody {
    border: 1px solid #ccc;
    background: #fff;
}
.relationship_table .ui-sortable-helper,
.image_tags .ui-sortable-helper {
    display: table;
}

.rel_description {
    white-space: unset !important;
    padding-top: 5px 0;
}
.related_delete_info_w {
    position: absolute;
    display: flex;
    right: 20px;
}

.relations_social_w {
    margin-right: 5px;
}

.users_info_w_r_delete {
    display: flex;
    align-items: center;
    width: 50%;
}

.user_phoneuser_delete_related_phone:hover {
    cursor: pointer;
    color: blue;
}

.icon_email_r_mar {
    margin-right: 5px;
}

.related_product_image {
    margin-right: 10px;
}

.related_product_image {
    width: 150px;
    height: 100px;
    background-color: #ccc;
}

.related_name {
    flex: 1;
}

.related_name_flex_unset {
    flex: unset;
}

.companies_related_image {
    border-radius: 0;
}

.companies_related_image img {
    border-radius: 0;
}

.topper_count_wrapper {
    display: flex;
    font-size: 15px;
    font-weight: 600;
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.topper-child {
    width: 50%;
}

.user_phone_related {
    width: 50px;
    height: 50px;
}

.user_phone_related img {
    width: 100%;
    height: 100%;
}

.initials_w {
    width: 100%;
    height: 100%;
    border-radius: 50px;
}

.initials_w span {
    display: inline-block;
    margin-top: 15px;
}

.hamburger {
    position: relative;
    width: 48px;
    height: 48px;
    margin: 0 0 0 6px;
    z-index: 9999;
    cursor: pointer;
    transition: all 0.25s;
}
.hamburger::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 37px;
    height: 37px;
    border-radius: 50px;
    transform: translate(-50%, -50%);
    /* transition: all ease-in-out .3s; */
}
.hamburger:hover::before {
    border: 1px solid var(--ykcolor);
    /* background: var(--ykcolor); */
}

body.is_smartphone .hamburger:hover::before {
    border: none;
}

.hamburger.open::before {
    background: var(--ykcolor);
}

body.is_smartphone .hamburger.open::before {
    background: transparent;
}

.hamburger.toright {
    left: auto;
    right: 0;
    width: 53px;
}
.hamburgertop,
.hamburgerbottom {
    display: block;
    position: absolute;
    left: 15px;
    width: 18px;
    height: 2px;
    background: #dedede;
    transform: rotate(0);
    transition: all ease-in-out 0.3s;
}
.hamburger:hover .hamburgertop {
    transform: rotate(45deg) translateY(0px);
    left: 10px;
}
.hamburger:hover .hamburgerbottom {
    transform: rotate(-45deg) translateY(0px);
    left: 21px;
}
/* .hamburger:hover .hamburgertop,
.hamburger:hover .hamburgerbottom {
    background: var(--ykcolor);
} */
.hamburger.open .hamburgertop,
.hamburger.open .hamburgerbottom {
    background-color: #000;
}

body.is_smartphone .hamburger.open .hamburgertop,
body.is_smartphone .hamburger.open .hamburgerbottom {
    background-color: red;
    width: 25px;
}

.hamburger.open:hover {
    transform: rotate(180deg);
}
.hamburgertop {
    top: 23px;
    transform: translateY(-3px);
}
.hamburgerbottom {
    bottom: 23px;
    transform: translateY(3px);
}
.hamburger.open {
    transform: rotate(90deg);
}
.hamburger.open .hamburgertop {
    transform: rotate(45deg) translateY(0px);
    left: 15px;
    top: 23px;
}
.hamburger.open .hamburgerbottom {
    transform: rotate(-45deg) translateY(0px);
    left: 15px;
    top: 23px;
}

body.is_smartphone .hamburger.open .hamburgertop,
body.is_smartphone .hamburger.open .hamburgerbottom {
    left: 11px;
    top: 20px;
}

.form-bottom .checkbox_w {
    display: flex;
}

.form-bottom .checkbox_w .show_chars_categories {
    font-size: 20px;
    margin-left: 10px;
}

.propagare_cat {
    margin-top: 10px;
}

.tag_w {
    background-color: #43a2f3;
    color: #fff;
    font-size: 14px;
    border: 1px solid #43a2f3;
    border-radius: 4px;
    cursor: default;
    margin-right: 5px;
    margin-top: 5px;
    padding: 5px;
    display: inline-block;
    vertical-align: middle;
}

.tag_text {
    margin-right: 5px;
}

.tag_delete:hover {
    cursor: pointer;
}

.menu_level_w {
    position: fixed;
    top: var(--header_height);
    bottom: 0;
    left: var(--sidebar_width);
    width: 0;
    margin: 0;
    overflow: hidden;
    background-color: #000;
    padding: 0;
    transition: var(--sidebar_transition);
}

.menu_level_w[data-menu-level="2"] {
    left: var(--sidebar_width);
}

.menu_lvl_3_w,
.menu_level_w[data-menu-level="3"] {
    left: 800px;
}

.menu_level_w[data-menu-level="4"] {
    left: calc(800px + 380px);
}

.menu_level_w[data-menu-level="5"] {
    left: calc(800px + 760px);
}

.menu_level_w[data-menu-level="6"] {
    left: calc(800px + 1140px);
}

.menu_filter_descriptive_panel_w {
    left: 800px;
    width: 0;
    z-index: 15;
}

.menu_filter_descriptive_panel_w[data-menu-level="4"] {
    left: calc(800px + 380px);
}

.menu_filter_descriptive_panel_w[data-menu-level="5"] {
    left: calc(800px + 760px);
}

.menu_filter_descriptive_panel_w[data-menu-level="6"] {
    left: calc(800px + 1140px);
}

.menu_filter_descriptive_panel_w[data-menu-level="7"] {
    left: calc(800px + 1520px);
}

.prefilter_filter_has_descriptive.active > .menu_filter_descriptive_panel_w,
.prefilter_filter_has_descriptive:hover > .menu_filter_descriptive_panel_w.active,
.prefilter_filter_has_descriptive > .menu_filter_descriptive_panel_w.active {
    width: 380px;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
}

.sidebars.active .menu_level_w.active:not([data-descriptive-panel="1"]) {
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
}


.menu_level_w_i {
    width: 100%;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    box-sizing: border-box;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.menu_level_w_i::-webkit-scrollbar {
    display: none;
}

.menu_lvl_2.list_menu,
.menu_lvl_3.list_menu,
.menu_level.list_menu,
.menu_lvl_3_w_i > ul.list_menu,
.menu_level_w_i > ul.list_menu {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    height: auto;
    padding: 0;
    border-radius: 10px;
    overflow: hidden;
    background-color: #292929;
}

.menu_lvl_3_w_i > .menu_category_descriptive_block + ul.list_menu,
.menu_level_w_i > .menu_descriptive_block + ul.list_menu,
.menu_level_w_i > .menu_category_descriptive_block + ul.list_menu {
    border-radius: 0 0 10px 10px;
}

.menu_lvl_2.list_menu > .lvl_2_item.list_item,
.menu_lvl_3.list_menu > .lvl_3_item.list_item,
.menu_level.list_menu > .menu_item.list_item,
.menu_lvl_3_w_i > ul.list_menu > .lvl_3_item.list_item,
.menu_level_w_i > ul.list_menu > .menu_item.list_item {
    width: 100%;
    margin-left: 0;
    background-color: transparent;
    padding: 5px 15px 5px 12px;
}

.menu_lvl_2.list_menu > .lvl_2_item.list_item:hover,
.menu_lvl_2.list_menu > .lvl_2_item.list_item.active,
.menu_lvl_3.list_menu > .lvl_3_item.list_item:hover,
.menu_lvl_3.list_menu > .lvl_3_item.list_item.active,
.menu_level.list_menu > .menu_item.list_item:hover,
.menu_level.list_menu > .menu_item.list_item.active,
.menu_lvl_3_w_i > ul.list_menu > .lvl_3_item.list_item:hover,
.menu_lvl_3_w_i > ul.list_menu > .lvl_3_item.list_item.active,
.menu_level_w_i > ul.list_menu > .menu_item.list_item:hover,
.menu_level_w_i > ul.list_menu > .menu_item.list_item.active {
    background: #1a1a1a;
    border-radius: 0;
    top: 0;
    padding-top: 5px;
    border-top: none;
}

.menu_filter_descriptive_panel_i {
    padding: 12px 16px;
    background-color: #292929;
    border-radius: 10px;
}

@media (max-width: 1024px) {
    .menu_filter_descriptive_panel_w,
    .prefilter_filter_has_descriptive > .menu_filter_descriptive_panel_w {
        display: none !important;
    }
}

@media only screen and (min-width: 661px) {
    .menu_lvl_2.list_menu > .lvl_2_item.list_item:hover:before,
    .menu_lvl_2.list_menu > .lvl_2_item.list_item.active:before,
    .menu_lvl_3.list_menu > .lvl_3_item.list_item:hover:before,
    .menu_lvl_3.list_menu > .lvl_3_item.list_item.active:before,
    .menu_lvl_3_w_i > ul.list_menu > .lvl_3_item.list_item:hover:before,
    .menu_lvl_3_w_i > ul.list_menu > .lvl_3_item.list_item.active:before,
    .menu_level.list_menu > .menu_item.list_item:hover:before,
    .menu_level.list_menu > .menu_item.list_item.active:before,
    .menu_level_w_i > ul.list_menu > .menu_item.list_item:hover:before,
    .menu_level_w_i > ul.list_menu > .menu_item.list_item.active:before {
        content: none;
    }

    .menu_lvl_2.list_menu > .lvl_2_item.list_item:hover:after,
    .menu_lvl_2.list_menu > .lvl_2_item.list_item.active:after,
    .menu_lvl_3.list_menu > .lvl_3_item.list_item:hover:after,
    .menu_lvl_3.list_menu > .lvl_3_item.list_item.active:after,
    .menu_lvl_3_w_i > ul.list_menu > .lvl_3_item.list_item:hover:after,
    .menu_lvl_3_w_i > ul.list_menu > .lvl_3_item.list_item.active:after,
    .menu_level.list_menu > .menu_item.list_item:hover:after,
    .menu_level.list_menu > .menu_item.list_item.active:after,
    .menu_level_w_i > ul.list_menu > .menu_item.list_item:hover:after,
    .menu_level_w_i > ul.list_menu > .menu_item.list_item.active:after {
        content: '';
        opacity: 0;
        bottom: 0;
        top: auto;
        left: 50px;
        width: calc(100% - 60px);
        height: 1px;
        box-shadow: none;
        border-radius: 0;
        background: #474747;
        z-index: auto;
    }
}

.menu_lvl_2.list_menu .list_svg,
.menu_lvl_3.list_menu .list_svg,
.menu_lvl_3_w_i > ul.list_menu .list_svg,
.menu_level.list_menu .list_svg {
    border-radius: 8px;
    overflow: hidden;
}

.menu_lvl_2.list_menu > .lvl_2_item a .has_submenu,
.menu_lvl_3.list_menu > .lvl_3_item a .has_submenu,
.menu_lvl_3_w_i > ul.list_menu > .lvl_3_item a .has_submenu,
.menu_level.list_menu > .menu_item a .has_submenu {
    right: 12px;
}

.menu_lvl_3 {
    position: fixed;
    top: var(--header_height);
    bottom: 0;
    left: 320px;
    width: 0;
    margin: 0;
    overflow: hidden;
    background-color: #000;
    padding: 2px 0;
    transition: var(--sidebar_transition);
}

/*.lvl_1_item.active .menu_lvl_2,
.lvl_1_item.active .menu_lvl_3,
.lvl_1_item:hover .menu_lvl_2,
.lvl_1_item:hover .menu_lvl_3 {
    padding-left: 5px;
    margin: 0 0 0 -5px;
}*/

.menu_lvl_3 {
    /*display: none;*/
    left: 640px;
    margin-left: 10px;
    background-color: #292929;
}

.lvl_2_item:hover .menu_lvl_3,
.lvl_2_item.active .menu_lvl_3 {
    width: var(--sidebar_width);
}

.menu_products_list {
    display: none !important;
    grid-template-areas: "aaa aaa aaa";
    width: auto !important;
    max-width: 1200px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #000;
    grid-gap: 15px;
    margin-left: -5px;
    overflow-y: auto;
}

.lvl_2_item.active .menu_products_list {
    display: grid !important;
}

.menu_products_list .lvl_3_item.list_item {
    display: flex;
    flex-direction: column;
    height: auto;
    min-height: auto !important;
    border-radius: 15px;
    padding: 0;
}

.menu_products_list .lvl_3_item::before,
.menu_products_list .lvl_3_item::after {
    content: none;
}

.menu_products_list .lvl_3_item:hover {
    background-color: #292929 !important;
}

.menu_products_list .lvl_3_item.list_item a {
    display: block;
    border-radius: 15px;
    right: 0;
    overflow: hidden;
}

.menu_products_list .history_product_image {
    width: auto !important;
    height: auto !important;
    background: none !important;
    margin: 0 !important;
    border-radius: 15px 15px 0 0;
    overflow: hidden;
}

.menu_products_list .history_product_image img {
    max-width: 100% !important;
    flex: unset;
    object-fit: contain;
}

.menu_products_list .menu_info {
    padding: 20px;
}

.lvl_1_item.active .menu_lvl_3 {
    display: block;
}

.animation_cascade .menu_lvl_2,
.animation_cascade .menu_lvl_3 {
    left: 0;
    margin: 0;
}
.sidebars circle.ms0,
.sidebars circle.mt0,
.sidebars circle.circle_st0,
.sidebars circle.st0 {
    display: none !important;
}
.sidebars polygon.st0,
.sidebars path.st0,
.sidebars rect.st0,
.sidebars polyline.st0 {
    fill: none !important;
}
.sidebars .list_svg *, .sidebars .list_svg:hover * {
    stroke: #a1a1a1;
}

.menu_company_image {
    position: relative;
    height: 36px;
    min-width: 36px;
    line-height: 36px;
    text-align: center;
    background-color: #f5f5f5;
    margin: 5px 0 5px 10px;
    overflow: hidden;
    border-radius: 5px;
}

.menu_company_image img {
    width: 100%;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.menu_company_text {
    padding: 7px 10px;
}

.is_history_li {
    display: none;
}

/* --- EXTERNAL SITE LOGIN / REGISTER --- */
#login_register_main_w .lr_w {
    position: fixed;
    padding: 20px 10px;
    text-align: center;
    left: 100%;
    width: 320px;
    height: calc(100vh - 60px);
    background-color: #292929;
    color: #FFF;
    top: 60px;
    transition: left .3s;
    /* Make form visible to browser autofill (Edge, Safari) but keep it off-screen */
    visibility: visible;
    pointer-events: none;
    opacity: 1;
    z-index: 9999;
}

#login_register_main_w .lr_w.active {
    left: calc(100% - 320px);
    pointer-events: auto;
}

#login_register_main_w .lr_header_w {
    position: relative;
    display: flex;
    align-items: center;
    padding-bottom: 10px;
    margin-bottom: 30px;
    text-align: left;
    border-bottom: #474747 1px solid;
}

#login_register_main_w .lr_header_w .lr_close_btn {
    display: none;
    position: absolute;
    right: 10px;
    top: calc(50% - 10px);
    transform: translateY(-50%);
    font-size: 20px;
    color: #838383;
}

body.is_smartphone #login_register_main_w .lr_header_w .lr_close_btn {
    display: block;
}

#login_register_main_w .lr_header_w .lr_header_subtitle {
    color: #999;
}

#login_register_main_w .lr_back_btn_w {
    width: 50px;
    cursor: pointer;
    color: #999;
    text-align: center;
}

#login_register_main_w .lr_back_btn_w:hover {
    color: var(--ykcolor);
}

#login_register_main_w .lr_body_w {
    padding: 0 20px;
}

#login_register_main_w .lr_body_title {
    font-size: 2.2em;
    color: #999;
}

#reset_password_form_w {
    background-color: #1a1a1a;
    max-width: 350px;
    padding: 10px;
    border-radius: 15px;
    margin: 210px auto 40px auto;
}


/* CAPTCHA */
.captcha_wrapper{
    max-width: 485px;
    width: 100%;
    border-radius: 10px;
    box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.05);
}

.captcha_wrapper .captcha-area{
    display: flex;
    height: 65px;
    margin: 30px 0 20px;
    align-items: center;
    justify-content: space-between;
}
.captcha-area .captcha-img{
    height: 100%;
    width: 345px;
    user-select: none;
    background: #000;
    border-radius: 20px 0 0 20px;
    overflow: hidden;
    position: relative;
}
.captcha-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.95;
}
.captcha-img .captcha{
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    color: #fff;
    font-size: 22px;
    text-align: center;
    letter-spacing: 7px;
    transform: translate(-50%, -50%);
    text-shadow: 0px 0px 2px #b1b1b1;
    font-family: 'Noto Serif', serif;
}
.captcha_wrapper .reload-btn ,.captcha_wrapper .check-btn {
    outline: none;
    border: none;
    color: #fff;
    cursor: pointer;
    background: #777;
    border-radius: 0 100% 100% 0;
    transition: all 0.3s ease;
}
.captcha_wrapper .reload-btn:hover, .captcha_wrapper .check-btn:hover {
    background: #999;
}
.captcha-area .reload-btn{
    display: flex;
    align-items: center;
    padding: 0 10px;
    height: 100%;
    font-size: 25px;
}
.captcha-area .reload-btn i{
    transition: transform 0.3s ease;
}
.captcha-area .reload-btn:hover i{
    transform: rotate(15deg);
}
.captcha_wrapper .input-area{
    height: 60px;
    width: 100%;
    position: relative;
}
.input-area input{
    background-color: #a1a1a1;
    margin: 10px 0;
    color: #000;
    border-radius: 30px;
    line-height: 35px;
    padding: 0 10px;
    font-weight: 500;
}

.input-area .check-btn {
    background-color: red;
    position: absolute;
    display: flex;
    align-items: center;
    right: 0;
    top: 0;
    font-size: 17px;
    height: 35px;
    padding: 0 20px;
    opacity: 0;
    border-radius: 0 20px 20px 0;
    pointer-events: none;
}
.input-area.has_text_to_verify .check-btn{
    opacity: 1;
}
.input-area.captcha_ok .check-btn {
    background-color: var(--ykcolor);
}
.captcha_wrapper .status-text{
    display: none;
    font-size: 14px;
    text-align: center;
}
/* END CAPTCHA */

#login_register_main_w .lr_inp_w input,
#reset_password_form_w input {
    background-color: #a1a1a1;
    margin: 10px 0;
    color: #000;
    border-radius: 30px;
    line-height: 35px;
    padding: 0 10px;
    font-weight: 500;
}

#hidden_user_login_email_inp {
    background-color: transparent !important;
    color: #a1a1a1 !important;
    font-weight: 500 !important;
}

#login_register_main_w .lr_inp_w input:after,
#reset_password_form_w input:after {
    color: #000;
    content: attr(placeholder) !important;
    font-size: 14px
}
#login_register_main_w .lr_inp_w input:focus:after,
#reset_password_form_w input:after {
    content: '' !important;
}

/* WebKit, Edge */
#login_register_main_w .lr_inp_w input::-webkit-input-placeholder,
#reset_password_form_w input::-webkit-input-placeholder {
    color: #404040;
}
/* Firefox 4-18 */
#login_register_main_w .lr_inp_w input:-moz-placeholder,
#reset_password_form_w input:-moz-placeholder {
    color: #404040;
    opacity: 1;
}
/* Firefox 19+ */
#login_register_main_w .lr_inp_w input::-moz-placeholder,
#reset_password_form_w input:-moz-placeholder {
    color: #404040;
    opacity: 1;
}
/* IE 10-11 */
#login_register_main_w .lr_inp_w input:-ms-input-placeholder,
#reset_password_form_w input:-ms-input-placeholder {
    color: #404040;
}
/* Edge */
#login_register_main_w .lr_inp_w input::-ms-input-placeholder,
#reset_password_form_w input::-ms-input-placeholder {
    color: #404040;
}
/* MODERN BROWSER */
#login_register_main_w .lr_inp_w input::placeholder,
#reset_password_form_w input::placeholder {
    color: #404040;
}

#hidden_user_register_email_inp {
    background-color: transparent !important;
    color: #a1a1a1 !important;
}

#login_register_main_w .lr_forgot_password_btn {
    cursor: pointer;
    margin: 20px 0;
}

#login_register_main_w .lr_forgot_password_btn:hover {
    color: var(--ykcolor);
}

#login_register_main_w .lr_btn_w,
#reset_pass_confirm_btn {
    position: relative;
    width: 100%;
    background-color: #a1a1a1;
    margin: 10px 0;
    line-height: 25px;
    border-radius: 30px;
    padding: 5px 10px;
    text-align: center;
    cursor: pointer;
    display: block;
    text-decoration: none;
    color: #FFF;
}

#login_register_main_w .lr_btn_w.lr_create_account_btn,
#login_register_first_step_btn.lr_btn_w, #reset_pass_confirm_btn {
    background-color: var(--ykcolor);
    color: #000;
}

#login_register_main_w .lr_btn_w.lr_create_account_btn.disabled,
.lr_btn_w.disabled {
    background-color: #4a4a4a !important;
    color: #707070 !important;
    cursor: default !important;
}

#login_register_main_w .lr_btn_text {
    width: 100%;
}

#user_register_text_w {
    text-align: left;
    margin-top: 20px;
}

#user_register_text_title {
    font-size: 1.5em;
    color: var(--ykcolor);
}

#user_register_text_w .user_register_text_list_item {
    padding: 10px 0;
    position: relative;
}

#user_register_text_w .user_register_text_list_item:before {
    content: '';
    background-image: url('/theme/f3/assets/images/site_pages/logo-verde-simplu.svg');
    width: 30px;
    background-repeat: no-repeat;
    height: 30px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: 0;
    left: -3px;
}

#login_register_main_w .lr_btn_w.lr_login_btn,
#login_register_main_w .lr_btn_w.lr_register_btn {
    display: block;
    width: 100%;
}

#login_register_main_w .lr_btn_w.lr_register_btn {
    color: #000;
}

#login_register_main_w .lr_btn_w.lr_login_btn,
#login_register_main_w .lr_btn_w.lr_reset_password_btn,
#login_register_main_w .lr_btn_w.lr_offline_activate_account_btn {
    background-color: var(--ykcolor);
}

#login_register_main_w .lr_btn_w.lr_fb_login_btn_w {
    display: none;
    background-color: #445c91;
}

#login_register_main_w .lr_btn_w.lr_google_login_btn_w {
    background-color: #c55d44;
}

#login_register_main_w .lr_btn_icon {
    position: absolute;
    left: 0;
    width: 40px;
    border-right: #ccc 1px solid;
}

#login_register_main_w .lr_btn_icon img {
    height: 18px;
}

#login_register_main_w .alternative_login_w {
    margin-top: 70px;
    padding-bottom: 20px;
}

#login_register_main_w .lr_cb_w {
    display: flex;
    align-items: center;
    cursor: pointer;
    margin: 15px 0;
}

#login_register_main_w .lr_cb_w:hover {
    color: var(--ykcolor);
}

#login_register_main_w .lr_cb_circle {
    width: 25px;
    height: 25px;
    background-color: #a1a1a1;
    flex: 0 0 25px;
    border-radius: 100%;
}

#login_register_main_w .lr_cb_w.checked .lr_cb_circle_i {
    width: 15px;
    height: 15px;
    background-color: #333;
    border-radius: 100%;
    position: relative;
    left: 5px;
    top: 5px;
}

#login_register_main_w .lr_cb_text {
    margin-left: 15px;
    text-align: left;
    font-size: 13px;
}
/* --- END EXTERNAL SITE LOGIN / REGISTER --- */

.site_sidebar_right {
    position: fixed;
    top: 60px;
    right: 0;
    bottom: 0;
    display: none;
    width: var(--sidebar_width);
    background: #beb6b3;
    z-index: 999999;
}
.site_sidebar_right.active {
    display: block;
}
.site_sidebar_right .register-form {
    display: none;
}
.site_sidebar_right.with_register .register-form {
    display: block;
}
.site_sidebar_right.with_register .login-form {
    display: none;
}
.site_sidebar_right.with_reset .login-form,
.site_sidebar_right.with_reset .register-form,
.site_sidebar_right.with_reset .social_login,
.site_sidebar_right .reset-form {
    display: none;
}
.site_sidebar_right.with_reset .reset-form {
    display: block;
}
.site_sidebar_right .form input {
    font-family: "Roboto", sans-serif;
    outline: 0;
    background: #f2f2f2;
    width: 100%;
    border: 0;
    margin: 0 0 15px;
    padding: 10px 15px;
    font-size: 14px;
    border-radius: 50px;
}
.site_sidebar_right .site_sidebar_right_header {
    display: flex;
    margin: 0 10px;
    padding: 0 0 4px;
    align-items: center;
    border-bottom: 1px solid #dedbd9;
}
.site_sidebar_right .login_svg {
    margin: 5px 10px 5px 0;
}
.site_sidebar_right .login_svg,
.site_sidebar_right .login_svg svg {
    width: 45px;
    height: 45px;
}
.site_sidebar_right .site_sidebar_right_header p {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
}
.site_sidebar_right .site_sidebar_right_header span {
    font-size: 13px;
    font-weight: 600;
}
.site_sidebar_right .form {
    position: relative;
    z-index: 1;
    max-width: var(--sidebar_width);
    height: auto;
    padding: 30px 20px 0;
    text-align: center;
}
.site_sidebar_right .form button,
.site_sidebar_right .form .new_account {
    font-family: "Roboto", sans-serif;
    outline: 0;
    background: #8b807a;
    width: 100%;
    border: 0;
    margin: 0 0 15px;
    padding: 10px 15px;
    color: #000;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    border-radius: 50px;
}
.site_sidebar_right .form button[type="submit"]:hover {
    background: #43a047;
}
.site_sidebar_right .form .new_account {
    display: block;
    background: #f2f2f2;
}
.social_login {
    margin: 30px 0 0;
}
.btn_facebook {
    color: #fff !important;
    background: #445b91 !important;
}
.btn_google {
    color: #fff !important;
    background: #c55d44 !important;
}
.btn_apple {
    color: #fff !important;
    background: #000 !important;
}
.password_reset,
.site_sidebar_right_header {
    cursor: pointer;
}
.site_sidebar_right h5,
.password_reset {
    margin: 0 0 15px;
}
.social_login span {
    position: absolute;
    display: block;
    width: 20px;
    height: auto;
    margin: 0;
}
.social_login span svg {
    width: 100%;
    height: 100%;
    margin: 0;
}
.site_usr .user_profile_img {
    /*background: #464646;*/
}

.history_product_image{
    width: 65px!important;
    min-width: 65px;
    height: 45px;
    background: #ccc;
}

.history_product_image img{
    max-width: 65px;
    height: 100%;
    flex: 0 0 230px;
}

.flex_display{
    display: flex;
    align-items: center;
}

.flex_display a{
    padding: 4.5px 5px!important;
}

.menu_group_w {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    background-color: #292929;
    margin-bottom: 10px;
    border-radius: 10px;
    overflow: hidden;
    padding: 0;
}

.menu_group_w .list_menu {
    width: 100%;
}

/* iOS-style list rows inside menu cards */
.menu_group_w .menu_lvl_1 > .lvl_1_item.list_item {
    width: 100%;
    background-color: transparent;
    padding: 5px 15px 5px 12px;
}

.menu_group_w .menu_lvl_1 > .lvl_1_item.list_item:hover,
.menu_group_w .menu_lvl_1 > .lvl_1_item.list_item.active {
    background: #1a1a1a;
    border-radius: 0;
    top: 0;
    padding-top: 5px;
    border-top: none;
}

@media only screen and (min-width: 661px) {
    .menu_group_w .menu_lvl_1 > .lvl_1_item.list_item:hover:before,
    .menu_group_w .menu_lvl_1 > .lvl_1_item.list_item.active:before {
        content: none;
    }

    .menu_group_w .menu_lvl_1 > .lvl_1_item.list_item:hover:after,
    .menu_group_w .menu_lvl_1 > .lvl_1_item.list_item.active:after {
        content: '';
        opacity: 0;
        bottom: 0;
        top: auto;
        left: 50px;
        width: calc(100% - 60px);
        height: 1px;
        box-shadow: none;
        border-radius: 0;
        background: #474747;
        z-index: auto;
    }
}

.menu_group_w .list_svg {
    border-radius: 8px;
    overflow: hidden;
}

.menu_group_w .menu_lvl_1 > .lvl_1_item a .has_submenu {
    right: 12px;
}

/* Dynamic menu card header (expand/collapse) */
.menu_card_dynamic {
    --menu-card-arrow-inset: 16px;
    --menu-card-arrow-size: 16px;
    --menu-card-inner-gap: 8px;
    --menu-card-header-border: #474747;
}

.menu_card_header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    cursor: pointer;
    user-select: none;
    color: #fff;
}

.menu_card_dynamic .menu_card_header {
    margin: var(--menu-card-inner-gap) var(--menu-card-inner-gap) 0;
    padding: 10px 15px 10px 53px;
    /*border: 1px solid var(--menu-card-header-border);*/
    border-radius: 8px;
    box-sizing: border-box;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
    background-color: #222222;
}

.menu_card_dynamic.menu_card_collapsed .menu_card_header {
    margin-bottom: var(--menu-card-inner-gap);
}

.menu_card_dynamic .menu_card_body {
    padding: 0 0 var(--menu-card-inner-gap);
    box-sizing: border-box;
}

/*.menu_card_dynamic .menu_lvl_1 > .lvl_1_item.list_item {
    padding-right: calc(var(--menu-card-arrow-inset) + var(--menu-card-arrow-size) + 12px);
}*/

/*.menu_card_dynamic .menu_lvl_1 > .lvl_1_item.list_item:not(:last-child) {
    border-bottom: 1px solid var(--menu-card-header-border);
}*/

.menu_card_dynamic .menu_lvl_1 > .lvl_1_item a .has_submenu {
    right: var(--menu-card-arrow-inset);
    width: var(--menu-card-arrow-size);
    height: var(--menu-card-arrow-size);
}

/*.menu_card_dynamic .menu_lvl_1 > .lvl_1_item a .has_submenu svg {
    width: var(--menu-card-arrow-size);
    height: var(--menu-card-arrow-size);
}*/

.menu_card_dynamic .menu_card_toggle_arrow {
    margin-left: 0;
}

.menu_card_title {
    font-weight: 600;
    font-size: 16px;
    flex: 1;
}

.menu_card_toggle_arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 25px;
    height: 25px;
    margin-left: 8px;
}

.menu_card_toggle_arrow svg {
    width: 25px;
    height: 25px;
    transform: rotate(-90deg);
    transition: transform 0.2s ease;
}

.menu_card_toggle_arrow .path_next {
    stroke: #757575 !important;
    stroke-width: 7px;
}

.menu_card_collapsed .menu_card_body {
    display: none;
}

.menu_card_collapsed .menu_card_toggle_arrow svg {
    transform: rotate(90deg);
}



/* loader */
#full_page_overlay, #full_page_overlay_with_msg {
    display: block;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 9999999999999999999999999999999999;
    background-color: #000;
    opacity: .7;
    top: 0;
}

#full_page_overlay_with_msg {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFF;
    font-size: 2em;
    opacity: .9;
}

#full_page_overlay_with_msg.hidden.active {
    display: flex !important;
}

#full_page_overlay_with_msg_i_loader,
#full_page_overlay_with_msg_i_msg {
    text-align: center;
}

.main_website_loader {
    height: 150px;
}

.main_website_loader .svg-elem-1 {
    fill-opacity: 0;
    fill: #8FD877;
    stroke: #68BF4F;
    stroke-width: 2;
    stroke-linecap: square;
    stroke-linejoin: round;
    stroke-dasharray: 500; /* Set an initial value greater than the path's length */
    stroke-dashoffset: 500; /* Set an initial value equal to the dasharray */
    animation: fillAndEmpty 6s linear infinite, setOpacity 2s linear 2s 1 forwards;
    transition: fill-opacitiy 2s;
    -webkit-transition: fill-opacity 2s;
}

@keyframes setOpacity {
    0% {
        fill-opacity: 0;
    }
    100% {
        fill-opacity: .3;
    }
}

@keyframes fillAndEmpty {
    0% {
        stroke-dashoffset: -500; /* Start with the empty path */
    }
    50% {
        stroke-dashoffset: 0; /* Fill the path */
    }
    100% {
        stroke-dashoffset: 500; /* Empty the path */
    }
}

@-moz-keyframes fillAndEmpty {
    0% {
        stroke-dashoffset: -500; /* Start with the empty path */
    }
    50% {
        stroke-dashoffset: 0; /* Fill the path */
    }
    100% {
        stroke-dashoffset: 500; /* Empty the path */
    }
}

@-webkit-keyframes fillAndEmpty {
    0% {
        stroke-dashoffset: -500; /* Start with the empty path */
    }
    50% {
        stroke-dashoffset: 0; /* Fill the path */
    }
    100% {
        stroke-dashoffset: 500; /* Empty the path */
    }
}
/* END loader */


@media only screen and (min-width: 661px) {
    body.main_menu_opened .sidebars:not(.menu_action_click) .lvl_1_item:hover .menu_level_w[data-menu-level="2"],
    body.main_menu_opened .sidebars:not(.menu_action_click) .lvl_1_item.menu_hover_open .menu_level_w[data-menu-level="2"],
    body.main_menu_opened .lvl_1_item.active .menu_level_w[data-menu-level="2"],
    body.main_menu_opened .sidebars:not(.menu_action_click) .menu_item:hover > .menu_level_w:not([data-descriptive-panel="1"]),
    body.main_menu_opened .sidebars:not(.menu_action_click) .menu_item.menu_hover_open > .menu_level_w:not([data-descriptive-panel="1"]),
    body.main_menu_opened .menu_item.active > .menu_level_w:not([data-descriptive-panel="1"]) {
        width: var(--sidebar_width);
        padding-left: 10px;
        padding-right: 10px;
        box-sizing: border-box;
    }
    .animation_cascade .lvl_1_item:not(.active):hover .menu_lvl_2,
    .animation_cascade .menu_item:not(.active):hover > .menu_level .list_menu {
        width: 0;
    }
}
.cascade_back {
    display: none;
    background-color: #000;
    margin-left: 0;
    color: #FFF;
    font-size: 20px;
}

.menu_item.list_item.cascade_back::after, .list_menu.sUbmenu .menu_item.list_item:last-child::after  {
    content: none !important;
}

.cascade_back svg {
    height: 35px !important;
    width: 35px !important;
}

.cascade_back .list_svg circle.cascade-back-circle {
    fill: #232323 !important;
    stroke: #b8b8b8 !important;
    stroke-width: 1.2px !important;
}

.cascade_back .list_svg path.cascade-back-chevron {
    fill: none !important;
    stroke: #ffffff !important;
    stroke-width: 5px !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}

.animation_cascade .cascade_back {
    display: flex;
}

#sidebar_options {
    overflow: hidden;
    right: var(--sidebar_width);
}
.preference_menu,
.help_menu {
    overflow: hidden;
    right: calc(2 * var(--sidebar_width));
}
.animation_cascade #sidebar_options,
.animation_cascade .preference_menu,
.animation_cascade .help_menu {
    right: 0;
}

.modal {
    z-index: 999999999999;
}

.modal#default_values_modal {
    z-index: 9999;
}

/* PWA Install Button Styles */
.pwa_install_section {
    display: none;
    height: 45px;
    align-items: center;
}
.pwa_install_section:has(.pwa_install_btn.pwa_available) {
    display: flex;
}
.pwa_install_btn {
    display: none;
}
.pwa_install_btn.pwa_available {
    display: flex;
}
.pwa_install_btn.pwa_installed {
    display: none;
}

@media only screen and (min-width: 661px) {
    .sidebars.active #sidebar_options.active,
    #sidebar_right:not(.animation_cascade):not(.menu_action_click)
    .user_contacts_btn:hover
    #sidebar_options,
    .options_settings.active .preference_menu,
    #sidebar_right:not(.animation_cascade):not(.menu_action_click)
    .options_settings:hover
    .preference_menu,
    .options_help.active .help_menu,
    #sidebar_right:not(.animation_cascade):not(.menu_action_click) .options_help:hover .help_menu {
        width: var(--sidebar_width);
        transition-delay: 0s;
    }
}
.sidebar_options_close,
.preference_close,
.help_close {
    display: none;
}
.animation_cascade .sidebar_options_close,
.animation_cascade .preference_close,
.animation_cascade .help_close {
    display: flex;
}
.svg_inchide {
    display: none;
}

@media all and (max-width: 1680px) {
    .menu_logo,
    .menu_actions,
    .topsearchinpw {
        margin: 0;
    }
    .userAction {
        right: 245px;
    }
    #big-brother {
        right: 120px !important;
    }

    .menu_products_list {
        grid-template-areas: "aaa aaa"
    }
}

@media all and (max-width: 1480px) {
    .menu_products_list {
        grid-template-areas: "aaa"
    }

    .my_account_cards_w {
        grid-template-columns: repeat(2, 1fr);
    }

    .listing_wrapper.my_articles_listing {
        margin: 0 !important;
        display: flex !important;
        flex-direction: column;
        padding: 10px 10px 70px !important;
    }
}

@media all and (max-width: 1152px) {
    .menu_actions {
        display: none;
    }

    #favorites_page_lists_main_w .favorites_listing {
        grid-template-areas: var(--grid_threecol);
    }

    .mapd_cards_w {
        flex-direction: column;
    }

    #my_account_personal_data .ma_card_w {
        width: 100%;
    }

    #my_account_personal_data .ma_inp_row {
        flex-direction: column;
        align-items: flex-start;
        height: auto;
    }

    #my_account_personal_data .ma_inp_row.ma_cb_w {
        flex-direction: row;
        align-items: center;
        margin: 30px 0;
    }

    #my_account_personal_data .ma_inp_label_w {
        flex: auto;
        margin: 10px;
    }

    #my_account_personal_data .ma_inp_w {
        width: 100%;
    }
}

@media only screen and (max-width: 1024px) {
    /*.menu_row {
        justify-content: space-between;
    }*/
    .twitter-typeahead,
    .search_input {
        padding: 0 10px;
    }
    .svg_inchide.active {
        display: block;
    }
    .userAction {
        display: none;
    }

    .menu_lvl_2_w,
    .menu_lvl_3_w {
        left: var(--sidebar_width);
    }

    .menu_lvl_3 {
        left: 225px;
    }
    .menu_lvl_3 {
        left: 445px;
    }
    #sidebar_right * {
        font-size: 12px !important;
    }

    .my_account_cards_w {
        display: block;
    }

    .ma_card_w {
        margin-bottom: 10px;
    }

    .personal_data_card_w .ma_card_body {
        display: block;
    }

    .pd_client_old {
        margin-right: auto;
        margin-left: 0;
        margin-top: 20px;
    }

    body.is_internal .header.menu_row {
        display: flex;
        justify-content: space-between;
    }

    body.is_internal input.search_input,
    body.is_internal .search_autocomplete_w {
        margin-left: 27px;
    }

    body.is_internal .topsearchinpw {
        width: 40px;
        opacity: 0;
    }

    body.is_internal #top_menu.search_active .topsearchinpw {
        opacity: 1;
    }

    body.is_internal .menu_user_nfo {
        margin-left: 20px;
    }

    body.is_internal .ucm_alert_w {
        top: 12px;
        right: 75px;
    }

    body.is_internal .header_menu_right_w {
        margin-right: 40px;
    }

    body.is_internal #search_icon_w {
        display: block;
        font-size: 20px;
        left: 52px;
        position: relative;
        z-index: 999999999;
    }



    body.is_internal #top_menu.search_active #search_icon_w {
        display: none;
    }

    body.is_internal #top_menu.search_active .svg_inchide {
        display: block;
    }

    body.is_internal #user_favorites_images_btn_w {
        right: 38px;
        top: 22px;
    }

    body.is_internal.is_smartphone .hamburger {
        top: -25px;
    }

    body.is_internal input.search_input, body.is_internal .search_autocomplete_w {
        margin-left: 0;
    }

    body.is_internal #search_inp_clear_btn svg {
        width: 20px;
        height: 20px;
        position: absolute;
        top: 9px;
        right: 50px;
    }

    body.is_internal #search_inp_clear_btn svg .path_round {
        fill: rgba(255, 255, 255, .5);
    }

    body.is_internal .menu_user_nfo .userMenu,
    body.is_internal #user_products_page_link_w,
    body.is_internal #user_favorites_page_link_w {
        display: none;
    }
}

@media only screen and (max-width: 660px) {
    :root {
        --sidebar_width: 100vw;
    }

    .menu_lvl_2,
    .menu_lvl_3,
    .menu_level_w[data-menu-level="2"] {
        left: 0 !important;
        margin: 0 !important;
    }
    #sidebar_options,
    .preference_menu,
    .help_menu {
        right: 0 !important;
    }

    /*#top_menu .menu_search {
        display: none;
    }*/

    .menu_level_w[data-menu-level="2"] {
        left: 0;
    }

    /* Transition only on transform — folosit pentru animatia slide stanga/dreapta */
    .menu_level_w:not([data-descriptive-panel="1"]) {
        -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    }

    .sidebars.active,
    .lvl_1_item.active .menu_level_w[data-menu-level="2"].active,
    .menu_item.active > .menu_level_w.active,
    #sidebar_options.active,
    .options_settings.active .preference_menu,
    .options_help.active .help_menu {
        width: 100vw !important;
        left: 0;
        overflow-y: auto;
    }

    /* Panouri inactive: ascunse instant (exclus panouri in animatie) */
    .menu_level_w:not(.active):not(.menu_mobile_exiting):not([data-descriptive-panel="1"]) {
        width: 0 !important;
        overflow: hidden !important;
        visibility: hidden !important;
        pointer-events: none !important;
        transition: none !important;
    }

    /* === SLIDE ENTER: panou nou intra din stanga spre dreapta === */
    /* Starea initiala: panou pozitionat off-screen stanga, fara tranzitie */
    .menu_level_w.menu_mobile_entering {
        -webkit-transform: translateX(-100%) !important;
        transform: translateX(-100%) !important;
        -webkit-transition: none !important;
        transition: none !important;
    }

    /* === SLIDE EXIT: panou curent iese spre stanga === */
    /* Mentine panoul vizibil pe durata animatiei (fara .active) */
    .menu_level_w.menu_mobile_exiting {
        position: fixed !important;
        width: 100vw !important;
        left: 0 !important;
        top: 0 !important;
        bottom: 0 !important;
        visibility: visible !important;
        pointer-events: none !important;
        z-index: 100002 !important;
        opacity: 1 !important;
        background-color: #000 !important;
        overflow: hidden !important;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    /* Nivel 2 care iese pastreaza top sub header */
    .menu_level_w[data-menu-level="2"].menu_mobile_exiting {
        top: var(--header_height) !important;
    }

    /* Trigger animatia de iesire spre stanga */
    .menu_level_w.menu_mobile_exiting_animate {
        -webkit-transform: translateX(-100%) !important;
        transform: translateX(-100%) !important;
    }

    /*#search_icon_w {
        display: none;
    }*/

    #mobile_menu_search_w {
        display: block;
    }

    .cascade_back,
    .sidebar_options_close,
    .preference_close,
    .help_close {
        display: flex !important;
    }
    .list_item {
        width: 100vw;
    }

    .menu_products_list .lvl_3_item.list_item {
        width: calc(100vw - 20px);
    }

    .mar_user,
    .options_item,
    .prefer_item,
    .help_item {
        width: 100%;
    }
    #sidebar_right:not(.animation_cascade):not(.menu_action_click)
    .user_contacts_btn:hover
    #sidebar_options,
    #sidebar_right:not(.animation_cascade):not(.menu_action_click)
    .options_settings:hover
    .preference_menu,
    .options_help.active .help_menu,
    #sidebar_right:not(.animation_cascade):not(.menu_action_click) .options_help:hover .help_menu {
        width: 0;
    }
    .prefer_item {
        align-items: flex-start;
    }

    .menu_group_w {
        width: 100% !important;
    }

    body.mobile_menu_submenu_open .menu_group_w:not(.menu_group_submenu_active) {
        visibility: hidden;
        pointer-events: none;
    }

    body.mobile_menu_submenu_open #sidebar_left,
    body.mobile_menu_submenu_open #sidebar_left_i,
    body.mobile_menu_submenu_open .menu_group_w.menu_group_submenu_active,
    body.mobile_menu_submenu_open .menu_group_w.menu_group_submenu_active .menu_card_body {
        overflow: visible;
    }

    body.mobile_menu_submenu_open .menu_level_w.active:not([data-descriptive-panel="1"]) {
        z-index: 99999;
        width: 100vw !important;
        left: 0 !important;
        visibility: visible;
        pointer-events: auto;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    body.mobile_menu_lvl_3_open .menu_level_w[data-menu-level="2"].active,
    body.mobile_menu_lvl_3_open .menu_level_w[data-menu-level="2"].active .menu_level_w_i,
    body.mobile_menu_lvl_3_open .menu_level_w.active > .menu_level_w_i > .menu_level.list_menu > .menu_item.menu_item_has_open_submenu {
        overflow: visible;
    }

    body.mobile_menu_submenu_open .menu_level_w.menu_parent_submenu_open,
    body.mobile_menu_lvl_3_open .menu_level_w[data-menu-level="2"].active {
        background: transparent !important;
    }

    body.mobile_menu_submenu_open .menu_level_w.menu_parent_submenu_open > .menu_level_w_i,
    body.mobile_menu_submenu_open .menu_level_w.menu_parent_submenu_open > .menu_level_w_i > .menu_level.list_menu,
    body.mobile_menu_submenu_open .menu_level_w.menu_parent_submenu_open .menu_item.menu_item_has_open_submenu {
        overflow: visible;
    }

    body.mobile_menu_submenu_open .menu_level_w.menu_deepest_submenu {
        z-index: 100001 !important;
        width: 100vw !important;
        left: 0 !important;
        background-color: #000;
    }

    /*body.mobile_menu_submenu_open .menu_level_w.menu_deepest_submenu[data-menu-level="2"] {
        top: 0 !important;
    }*/

    body.mobile_menu_submenu_open .menu_level_w.menu_deepest_submenu:not([data-menu-level="2"]) {
        top: 0 !important;
    }

    body.mobile_menu_submenu_open .menu_level_w.menu_deepest_submenu > .menu_level_w_i {
        overflow-x: hidden;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }

    body.mobile_menu_submenu_open .menu_level_w.menu_parent_submenu_open > .menu_level_w_i > .menu_item.cascade_back,
    body.mobile_menu_submenu_open .menu_level_w.menu_parent_submenu_open > .menu_level_w_i > .menu_descriptive_block,
    body.mobile_menu_submenu_open .menu_level_w.menu_parent_submenu_open > .menu_level_w_i > .menu_category_descriptive_block {
        visibility: hidden;
        pointer-events: none;
    }

    /* Blocul descriptiv e decorativ pe mobile — JS (faza capture) blocheaza interactiunea */
    .menu_level_w > .menu_level_w_i > .menu_descriptive_block,
    .menu_level_w > .menu_level_w_i > .menu_category_descriptive_block {
        cursor: default;
        -webkit-user-select: none;
        user-select: none;
        -webkit-tap-highlight-color: transparent;
    }

    body.mobile_menu_submenu_open .menu_level_w.menu_deepest_submenu .menu_level.list_menu > .menu_item,
    body.mobile_menu_submenu_open .menu_level_w.menu_deepest_submenu .menu_level.list_menu > .menu_item > a {
        visibility: visible;
        pointer-events: auto;
    }

    body.mobile_menu_lvl_3_open .menu_level_w[data-menu-level="2"].active > .menu_level_w_i > .menu_item.cascade_back,
    body.mobile_menu_lvl_3_open .menu_level_w[data-menu-level="2"].active > .menu_level_w_i > .menu_descriptive_block,
    body.mobile_menu_lvl_3_open .menu_level_w[data-menu-level="2"].active > .menu_level_w_i > .menu_category_descriptive_block,
    body.mobile_menu_lvl_3_open .menu_level_w.menu_parent_submenu_open > .menu_level_w_i > .menu_level.list_menu > .menu_item:not(.active),
    body.mobile_menu_lvl_3_open .menu_level_w.menu_parent_submenu_open > .menu_level_w_i > .menu_level.list_menu > .menu_item > a {
        visibility: hidden;
        pointer-events: none;
    }

    body.mobile_menu_lvl_3_open .menu_level_w[data-menu-level="3"].active,
    body.mobile_menu_lvl_3_open .menu_level_w[data-menu-level="4"].active,
    body.mobile_menu_lvl_3_open .menu_level_w[data-menu-level="5"].active,
    body.mobile_menu_lvl_3_open .menu_level_w[data-menu-level="6"].active,
    body.mobile_menu_lvl_3_open .menu_level_w.menu_deepest_submenu:not([data-menu-level="2"]) {
        z-index: 100000;
        background-color: #000;
        top: 0 !important;
    }

    body.mobile_menu_submenu_open .menu_level_w.menu_deepest_submenu .menu_level.list_menu > .menu_item.list_item:hover,
    body.mobile_menu_submenu_open .menu_level_w.menu_deepest_submenu .menu_level.list_menu > .menu_item.list_item:active {
        top: auto;
    }

    body.mobile_menu_lvl_3_open .menu_level_w.active:not([data-descriptive-panel="1"]) > .menu_level_w_i > .menu_item.cascade_back,
    body.mobile_menu_lvl_3_open .menu_level_w.active:not([data-descriptive-panel="1"]) > .menu_level_w_i > .menu_descriptive_block,
    body.mobile_menu_lvl_3_open .menu_level_w.active:not([data-descriptive-panel="1"]) > .menu_level_w_i > .menu_category_descriptive_block {
        visibility: visible;
    }

    body.mobile_menu_lvl_3_open .menu_level_w.active:not([data-descriptive-panel="1"]) > .menu_level_w_i > .menu_item.cascade_back {
        display: flex !important;
    }

    /* Inactive panels când submeniu e deschis — exclus cele în animatie */
    body.mobile_menu_submenu_open .menu_level_w:not(.active):not(.menu_mobile_exiting):not([data-descriptive-panel="1"]) {
        width: 0 !important;
        overflow: hidden !important;
        visibility: hidden !important;
        pointer-events: none !important;
        transition: none !important;
        background: transparent !important;
        opacity: 0 !important;
        z-index: -1 !important;
    }

    body.mobile_menu_submenu_open .menu_group_w.menu_group_submenu_active > .menu_card_header,
    body.mobile_menu_submenu_open .menu_group_w.menu_group_submenu_active .menu_lvl_1 > .lvl_1_item > a,
    body.mobile_menu_submenu_open .menu_group_w.menu_group_submenu_active .menu_lvl_1 > .lvl_1_item:not(.active) {
        display: none !important;
        visibility: hidden !important;
        pointer-events: none !important;
        opacity: 0 !important;
        transition: none !important;
    }

    body.mobile_menu_submenu_open .menu_group_w.menu_group_submenu_active > .menu_card_body {
        padding: 0 !important;
        background: transparent !important;
    }

    body.mobile_menu_submenu_open .menu_group_w.menu_group_submenu_active .menu_lvl_1 > .lvl_1_item.active {
        min-height: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        background: transparent !important;
        border: none !important;
        overflow: visible;
    }

    .pd_picture_info_w {
        display: block;
    }

    .pd_picture_w {
        margin: 0 auto;
    }

    .pd_info_name {
        display: none;
    }

    .pd_info_w {
        margin-right: 0;
    }

    .pd_info_row {
        justify-content: center;
    }

    .pd_client_old {
        margin-left: auto;
        margin-right: auto;
    }

    .account_page_w {
        width: calc(100% - 20px);
    }
}

@media only screen and (max-width: 640px) {
    .page_travel_btn {
        display: none !important;
    }
    /*.topsearchinpw .search_input {
        display: none;
    }*/
    .search_input.active {
        display: block;
    }
    .menu_btn.search_btn {
        right: initial;
        left: 100%;
    }
    /*.topsearchinpw {
        width: 50vw;
    }*/
    /*.menu_search {
        left: 40%;
    }*/

    body.f4 .menu_search.active,
    body.is_internal.is_smartphone .menu_search.active {
        left: 0;
        transform: none;
        z-index: 9999;
    }

    body.f4 .menu_search.active .topsearchinpw,
    body.is_internal.is_smartphone .menu_search.active .topsearchinpw {
        width: 100vw;
    }

    .menu_btn.search_btn {
        margin-left: -50px;
    }

    .search_autocomplete_w {
        font-size: 16px;
        height: calc(100vh - 49px);
        max-height: calc(100vh - 49px);
    }

    .search_input {
        font-size: 16px;
    }

    #my_articles_lpw_img_name_w {
        display: block !important;
    }

    .listing_product_wrapper.my_articles_lpw .carousel_image {
        width: auto !important;
        max-width: 60% !important;
    }

    .listing_product_wrapper.my_articles_lpw .listing_product_details {
        margin: 20px 0;
        text-align: center;
    }
}

@media only screen and (max-width: 480px) {
    .userMenu {
        display: none;
    }
    /*.menu_logo {
        margin: auto;
    }*/
    .menu_user_nfo {
        margin: 0;
    }
    #top_menu {
        max-width: 100vw;
    }

    #login_register_main_w .lr_w {
        width: 100%;
    }

    #login_register_main_w .lr_w.active {
        left: 0;
    }

    .favorites_page .account_page_title_w {
        display: block;
        margin-bottom: 20px;
    }

    #add_fav_custom_list_name_w {
        display: block;
    }

    #add_fav_list_btn {
        margin-left: 0;
        margin-top: 20px;
    }

    #favorite_list_header_name {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-right: 20px;
    }

    .listing_product_wrapper.my_articles_lpw .carousel_image {
        width: auto !important;
        max-width: calc(100% - 10px) !important;
    }

    /*.menu_logo {
        display: none;
    }*/

    .menu_logo svg {
        height: 50px;
    }
}